/* Minification failed. Returning unminified contents.
(11425,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(11436,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
 */
@font-face {
    font-family: ElegantIcons;
    src: url(/Resources/fonts/ElegantIcons.eot);
    src: url(/Resources/fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(/Resources/fonts/ElegantIcons.woff) format('woff'),url(/Resources/fonts/ElegantIcons.ttf) format('truetype'),url(/Resources/fonts/ElegantIcons.svg#ElegantIcons) format('svg');
    font-weight: 400;
    font-style: normal;
}

[data-icon]:before {
    font-family: ElegantIcons;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.arrow-up-down, .arrow_back, .arrow_carrot-2down, .arrow_carrot-2down_alt2, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left, .arrow_carrot-2left_alt, .arrow_carrot-2left_alt2, .arrow_carrot-2right, .arrow_carrot-2right_alt, .arrow_carrot-2right_alt2, .arrow_carrot-2up, .arrow_carrot-2up_alt, .arrow_carrot-2up_alt2, .arrow_carrot-down, .arrow_carrot-down_alt, .arrow_carrot-down_alt2, .arrow_carrot-left, .arrow_carrot-left_alt, .arrow_carrot-left_alt2, .arrow_carrot-right, .arrow_carrot-right_alt, .arrow_carrot-right_alt2, .arrow_carrot-up, .arrow_carrot-up_alt2, .arrow_carrot_up_alt, .arrow_condense, .arrow_condense_alt, .arrow_down, .arrow_down_alt, .arrow_expand, .arrow_expand_alt, .arrow_expand_alt2, .arrow_expand_alt3, .arrow_left, .arrow_left-down, .arrow_left-down_alt, .arrow_left-right, .arrow_left-right_alt, .arrow_left-up, .arrow_left-up_alt, .arrow_left_alt, .arrow_move, .arrow_right, .arrow_right-down, .arrow_right-down_alt, .arrow_right-up, .arrow_right-up_alt, .arrow_right_alt, .arrow_triangle-down, .arrow_triangle-down_alt, .arrow_triangle-down_alt2, .arrow_triangle-left, .arrow_triangle-left_alt, .arrow_triangle-left_alt2, .arrow_triangle-right, .arrow_triangle-right_alt, .arrow_triangle-right_alt2, .arrow_triangle-up, .arrow_triangle-up_alt, .arrow_triangle-up_alt2, .arrow_up, .arrow_up-down_alt, .arrow_up_alt, .icon_adjust-horiz, .icon_adjust-vert, .icon_archive, .icon_archive_alt, .icon_bag, .icon_bag_alt, .icon_balance, .icon_blocked, .icon_book, .icon_book_alt, .icon_box-checked, .icon_box-empty, .icon_box-selected, .icon_briefcase, .icon_briefcase_alt, .icon_building, .icon_building_alt, .icon_calculator_alt, .icon_calendar, .icon_calulator, .icon_camera, .icon_camera_alt, .icon_cart, .icon_cart_alt, .icon_chat, .icon_chat_alt, .icon_check, .icon_check_alt, .icon_check_alt2, .icon_circle-empty, .icon_circle-slelected, .icon_clipboard, .icon_clock, .icon_clock_alt, .icon_close, .icon_close_alt, .icon_close_alt2, .icon_cloud, .icon_cloud-download, .icon_cloud-download_alt, .icon_cloud-upload, .icon_cloud-upload_alt, .icon_cloud_alt, .icon_cog, .icon_cogs, .icon_comment, .icon_comment_alt, .icon_compass, .icon_compass_alt, .icon_cone, .icon_cone_alt, .icon_contacts, .icon_contacts_alt, .icon_creditcard, .icon_currency, .icon_currency_alt, .icon_cursor, .icon_cursor_alt, .icon_datareport, .icon_datareport_alt, .icon_desktop, .icon_dislike, .icon_dislike_alt, .icon_document, .icon_document_alt, .icon_documents, .icon_documents_alt, .icon_download, .icon_drawer, .icon_drawer_alt, .icon_drive, .icon_drive_alt, .icon_easel, .icon_easel_alt, .icon_error-circle, .icon_error-circle_alt, .icon_error-oct, .icon_error-oct_alt, .icon_error-triangle, .icon_error-triangle_alt, .icon_film, .icon_floppy, .icon_floppy_alt, .icon_flowchart, .icon_flowchart_alt, .icon_folder, .icon_folder-add, .icon_folder-add_alt, .icon_folder-alt, .icon_folder-open, .icon_folder-open_alt, .icon_folder_download, .icon_folder_upload, .icon_genius, .icon_gift, .icon_gift_alt, .icon_globe, .icon_globe-2, .icon_globe_alt, .icon_grid-2x2, .icon_grid-3x3, .icon_group, .icon_headphones, .icon_heart, .icon_heart_alt, .icon_hourglass, .icon_house, .icon_house_alt, .icon_id, .icon_id-2, .icon_id-2_alt, .icon_id_alt, .icon_image, .icon_images, .icon_info, .icon_info_alt, .icon_key, .icon_key_alt, .icon_laptop, .icon_lifesaver, .icon_lightbulb, .icon_lightbulb_alt, .icon_like, .icon_like_alt, .icon_link, .icon_link_alt, .icon_loading, .icon_lock, .icon_lock-open, .icon_lock-open_alt, .icon_lock_alt, .icon_mail, .icon_mail_alt, .icon_map, .icon_map_alt, .icon_menu, .icon_menu-circle_alt, .icon_menu-circle_alt2, .icon_menu-square_alt, .icon_menu-square_alt2, .icon_mic, .icon_mic_alt, .icon_minus-06, .icon_minus-box, .icon_minus_alt, .icon_minus_alt2, .icon_mobile, .icon_mug, .icon_mug_alt, .icon_music, .icon_ol, .icon_paperclip, .icon_pause, .icon_pause_alt, .icon_pause_alt2, .icon_pencil, .icon_pencil-edit, .icon_pencil-edit_alt, .icon_pencil_alt, .icon_pens, .icon_pens_alt, .icon_percent, .icon_percent_alt, .icon_phone, .icon_piechart, .icon_pin, .icon_pin_alt, .icon_plus, .icon_plus-box, .icon_plus_alt, .icon_plus_alt2, .icon_printer, .icon_printer-alt, .icon_profile, .icon_pushpin, .icon_pushpin_alt, .icon_puzzle, .icon_puzzle_alt, .icon_question, .icon_question_alt, .icon_question_alt2, .icon_quotations, .icon_quotations_alt, .icon_quotations_alt2, .icon_refresh, .icon_ribbon, .icon_ribbon_alt, .icon_rook, .icon_search, .icon_search-2, .icon_search_alt, .icon_shield, .icon_shield_alt, .icon_star, .icon_star-half, .icon_star-half_alt, .icon_star_alt, .icon_stop, .icon_stop_alt, .icon_stop_alt2, .icon_table, .icon_tablet, .icon_tag, .icon_tag_alt, .icon_tags, .icon_tags_alt, .icon_target, .icon_tool, .icon_toolbox, .icon_toolbox_alt, .icon_tools, .icon_trash, .icon_trash_alt, .icon_ul, .icon_upload, .icon_vol-mute, .icon_vol-mute_alt, .icon_volume-high, .icon_volume-high_alt, .icon_volume-low, .icon_volume-low_alt, .icon_wallet, .icon_wallet_alt, .icon_zoom-in, .icon_zoom-in_alt, .icon_zoom-out, .icon_zoom-out_alt, .social_blogger, .social_blogger_circle, .social_blogger_square, .social_delicious, .social_delicious_circle, .social_delicious_square, .social_deviantart, .social_deviantart_circle, .social_deviantart_square, .social_dribbble, .social_dribbble_circle, .social_dribbble_square, .social_facebook, .social_facebook_circle, .social_facebook_square, .social_flickr, .social_flickr_circle, .social_flickr_square, .social_googledrive, .social_googledrive_alt2, .social_googledrive_square, .social_googleplus, .social_googleplus_circle, .social_googleplus_square, .social_instagram, .social_instagram_circle, .social_instagram_square, .social_linkedin, .social_linkedin_circle, .social_linkedin_square, .social_myspace, .social_myspace_circle, .social_myspace_square, .social_picassa, .social_picassa_circle, .social_picassa_square, .social_pinterest, .social_pinterest_circle, .social_pinterest_square, .social_rss, .social_rss_circle, .social_rss_square, .social_share, .social_share_circle, .social_share_square, .social_skype, .social_skype_circle, .social_skype_square, .social_spotify, .social_spotify_circle, .social_spotify_square, .social_stumbleupon_circle, .social_stumbleupon_square, .social_tumbleupon, .social_tumblr, .social_tumblr_circle, .social_tumblr_square, .social_twitter, .social_twitter_circle, .social_twitter_square, .social_vimeo, .social_vimeo_circle, .social_vimeo_square, .social_wordpress, .social_wordpress_circle, .social_wordpress_square, .social_youtube, .social_youtube_circle, .social_youtube_square {
    font-family: ElegantIcons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

    .arrow_up:before {
        content: "\21";
    }

    .arrow_down:before {
        content: "\22";
    }

    .arrow_left:before {
        content: "\23";
    }

    .arrow_right:before {
        content: "\24";
    }

    .arrow_left-up:before {
        content: "\25";
    }

    .arrow_right-up:before {
        content: "\26";
    }

    .arrow_right-down:before {
        content: "\27";
    }

    .arrow_left-down:before {
        content: "\28";
    }

    .arrow-up-down:before {
        content: "\29";
    }

    .arrow_up-down_alt:before {
        content: "\2a";
    }

    .arrow_left-right_alt:before {
        content: "\2b";
    }

    .arrow_left-right:before {
        content: "\2c";
    }

    .arrow_expand_alt2:before {
        content: "\2d";
    }

    .arrow_expand_alt:before {
        content: "\2e";
    }

    .arrow_condense:before {
        content: "\2f";
    }

    .arrow_expand:before {
        content: "\30";
    }

    .arrow_move:before {
        content: "\31";
    }

    .arrow_carrot-up:before {
        content: "\32";
    }

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

    .arrow_carrot-left:before {
        content: "\34";
    }

    .arrow_carrot-right:before {
        content: "\35";
    }

    .arrow_carrot-2up:before {
        content: "\36";
    }

    .arrow_carrot-2down:before {
        content: "\37";
    }

    .arrow_carrot-2left:before {
        content: "\38";
    }

    .arrow_carrot-2right:before {
        content: "\39";
    }

    .arrow_carrot-up_alt2:before {
        content: "\3a";
    }

    .arrow_carrot-down_alt2:before {
        content: "\3b";
    }

    .arrow_carrot-left_alt2:before {
        content: "\3c";
    }

    .arrow_carrot-right_alt2:before {
        content: "\3d";
    }

    .arrow_carrot-2up_alt2:before {
        content: "\3e";
    }

    .arrow_carrot-2down_alt2:before {
        content: "\3f";
    }

    .arrow_carrot-2left_alt2:before {
        content: "\40";
    }

    .arrow_carrot-2right_alt2:before {
        content: "\41";
    }

    .arrow_triangle-up:before {
        content: "\42";
    }

    .arrow_triangle-down:before {
        content: "\43";
    }

    .arrow_triangle-left:before {
        content: "\44";
    }

    .arrow_triangle-right:before {
        content: "\45";
    }

    .arrow_triangle-up_alt2:before {
        content: "\46";
    }

    .arrow_triangle-down_alt2:before {
        content: "\47";
    }

    .arrow_triangle-left_alt2:before {
        content: "\48";
    }

    .arrow_triangle-right_alt2:before {
        content: "\49";
    }

    .arrow_back:before {
        content: "\4a";
    }

    .icon_minus-06:before {
        content: "\4b";
    }

    .icon_plus:before {
        content: "\4c";
    }

    .icon_close:before {
        content: "\4d";
    }

    .icon_check:before {
        content: "\4e";
    }

    .icon_minus_alt2:before {
        content: "\4f";
    }

    .icon_plus_alt2:before {
        content: "\50";
    }

    .icon_close_alt2:before {
        content: "\51";
    }

    .icon_check_alt2:before {
        content: "\52";
    }

    .icon_zoom-out_alt:before {
        content: "\53";
    }

    .icon_zoom-in_alt:before {
        content: "\54";
    }

    .icon_search:before {
        content: "\55";
    }

    .icon_box-empty:before {
        content: "\56";
    }

    .icon_box-selected:before {
        content: "\57";
    }

    .icon_minus-box:before {
        content: "\58";
    }

    .icon_plus-box:before {
        content: "\59";
    }

    .icon_box-checked:before {
        content: "\5a";
    }

    .icon_circle-empty:before {
        content: "\5b";
    }

    .icon_circle-slelected:before {
        content: "\5c";
    }

    .icon_stop_alt2:before {
        content: "\5d";
    }

    .icon_stop:before {
        content: "\5e";
    }

    .icon_pause_alt2:before {
        content: "\5f";
    }

    .icon_pause:before {
        content: "\60";
    }

    .icon_menu:before {
        content: "\61";
    }

    .icon_menu-square_alt2:before {
        content: "\62";
    }

    .icon_menu-circle_alt2:before {
        content: "\63";
    }

    .icon_ul:before {
        content: "\64";
    }

    .icon_ol:before {
        content: "\65";
    }

    .icon_adjust-horiz:before {
        content: "\66";
    }

    .icon_adjust-vert:before {
        content: "\67";
    }

    .icon_document_alt:before {
        content: "\68";
    }

    .icon_documents_alt:before {
        content: "\69";
    }

    .icon_pencil:before {
        content: "\6a";
    }

    .icon_pencil-edit_alt:before {
        content: "\6b";
    }

    .icon_pencil-edit:before {
        content: "\6c";
    }

    .icon_folder-alt:before {
        content: "\6d";
    }

    .icon_folder-open_alt:before {
        content: "\6e";
    }

    .icon_folder-add_alt:before {
        content: "\6f";
    }

    .icon_info_alt:before {
        content: "\70";
    }

    .icon_error-oct_alt:before {
        content: "\71";
    }

    .icon_error-circle_alt:before {
        content: "\72";
    }

    .icon_error-triangle_alt:before {
        content: "\73";
    }

    .icon_question_alt2:before {
        content: "\74";
    }

    .icon_question:before {
        content: "\75";
    }

    .icon_comment_alt:before {
        content: "\76";
    }

    .icon_chat_alt:before {
        content: "\77";
    }

    .icon_vol-mute_alt:before {
        content: "\78";
    }

    .icon_volume-low_alt:before {
        content: "\79";
    }

    .icon_volume-high_alt:before {
        content: "\7a";
    }

    .icon_quotations:before {
        content: "\7b";
    }

    .icon_quotations_alt2:before {
        content: "\7c";
    }

    .icon_clock_alt:before {
        content: "\7d";
    }

    .icon_lock_alt:before {
        content: "\7e";
    }

    .icon_lock-open_alt:before {
        content: "\e000";
    }

    .icon_key_alt:before {
        content: "\e001";
    }

    .icon_cloud_alt:before {
        content: "\e002";
    }

    .icon_cloud-upload_alt:before {
        content: "\e003";
    }

    .icon_cloud-download_alt:before {
        content: "\e004";
    }

    .icon_image:before {
        content: "\e005";
    }

    .icon_images:before {
        content: "\e006";
    }

    .icon_lightbulb_alt:before {
        content: "\e007";
    }

    .icon_gift_alt:before {
        content: "\e008";
    }

    .icon_house_alt:before {
        content: "\e009";
    }

    .icon_genius:before {
        content: "\e00a";
    }

    .icon_mobile:before {
        content: "\e00b";
    }

    .icon_tablet:before {
        content: "\e00c";
    }

    .icon_laptop:before {
        content: "\e00d";
    }

    .icon_desktop:before {
        content: "\e00e";
    }

    .icon_camera_alt:before {
        content: "\e00f";
    }

    .icon_mail_alt:before {
        content: "\e010";
    }

    .icon_cone_alt:before {
        content: "\e011";
    }

    .icon_ribbon_alt:before {
        content: "\e012";
    }

    .icon_bag_alt:before {
        content: "\e013";
    }

    .icon_creditcard:before {
        content: "\e014";
    }

    .icon_cart_alt:before {
        content: "\e015";
    }

    .icon_paperclip:before {
        content: "\e016";
    }

    .icon_tag_alt:before {
        content: "\e017";
    }

    .icon_tags_alt:before {
        content: "\e018";
    }

    .icon_trash_alt:before {
        content: "\e019";
    }

    .icon_cursor_alt:before {
        content: "\e01a";
    }

    .icon_mic_alt:before {
        content: "\e01b";
    }

    .icon_compass_alt:before {
        content: "\e01c";
    }

    .icon_pin_alt:before {
        content: "\e01d";
    }

    .icon_pushpin_alt:before {
        content: "\e01e";
    }

    .icon_map_alt:before {
        content: "\e01f";
    }

    .icon_drawer_alt:before {
        content: "\e020";
    }

    .icon_toolbox_alt:before {
        content: "\e021";
    }

    .icon_book_alt:before {
        content: "\e022";
    }

    .icon_calendar:before {
        content: "\e023";
    }

    .icon_film:before {
        content: "\e024";
    }

    .icon_table:before {
        content: "\e025";
    }

    .icon_contacts_alt:before {
        content: "\e026";
    }

    .icon_headphones:before {
        content: "\e027";
    }

    .icon_lifesaver:before {
        content: "\e028";
    }

    .icon_piechart:before {
        content: "\e029";
    }

    .icon_refresh:before {
        content: "\e02a";
    }

    .icon_link_alt:before {
        content: "\e02b";
    }

    .icon_link:before {
        content: "\e02c";
    }

    .icon_loading:before {
        content: "\e02d";
    }

    .icon_blocked:before {
        content: "\e02e";
    }

    .icon_archive_alt:before {
        content: "\e02f";
    }

    .icon_heart_alt:before {
        content: "\e030";
    }

    .icon_star_alt:before {
        content: "\e031";
    }

    .icon_star-half_alt:before {
        content: "\e032";
    }

    .icon_star:before {
        content: "\e033";
    }

    .icon_star-half:before {
        content: "\e034";
    }

    .icon_tools:before {
        content: "\e035";
    }

    .icon_tool:before {
        content: "\e036";
    }

    .icon_cog:before {
        content: "\e037";
    }

    .icon_cogs:before {
        content: "\e038";
    }

    .arrow_up_alt:before {
        content: "\e039";
    }

    .arrow_down_alt:before {
        content: "\e03a";
    }

    .arrow_left_alt:before {
        content: "\e03b";
    }

    .arrow_right_alt:before {
        content: "\e03c";
    }

    .arrow_left-up_alt:before {
        content: "\e03d";
    }

    .arrow_right-up_alt:before {
        content: "\e03e";
    }

    .arrow_right-down_alt:before {
        content: "\e03f";
    }

    .arrow_left-down_alt:before {
        content: "\e040";
    }

    .arrow_condense_alt:before {
        content: "\e041";
    }

    .arrow_expand_alt3:before {
        content: "\e042";
    }

    .arrow_carrot_up_alt:before {
        content: "\e043";
    }

    .arrow_carrot-down_alt:before {
        content: "\e044";
    }

    .arrow_carrot-left_alt:before {
        content: "\e045";
    }

    .arrow_carrot-right_alt:before {
        content: "\e046";
    }

    .arrow_carrot-2up_alt:before {
        content: "\e047";
    }

    .arrow_carrot-2dwnn_alt:before {
        content: "\e048";
    }

    .arrow_carrot-2left_alt:before {
        content: "\e049";
    }

    .arrow_carrot-2right_alt:before {
        content: "\e04a";
    }

    .arrow_triangle-up_alt:before {
        content: "\e04b";
    }

    .arrow_triangle-down_alt:before {
        content: "\e04c";
    }

    .arrow_triangle-left_alt:before {
        content: "\e04d";
    }

    .arrow_triangle-right_alt:before {
        content: "\e04e";
    }

    .icon_minus_alt:before {
        content: "\e04f";
    }

    .icon_plus_alt:before {
        content: "\e050";
    }

    .icon_close_alt:before {
        content: "\e051";
    }

    .icon_check_alt:before {
        content: "\e052";
    }

    .icon_zoom-out:before {
        content: "\e053";
    }

    .icon_zoom-in:before {
        content: "\e054";
    }

    .icon_stop_alt:before {
        content: "\e055";
    }

    .icon_menu-square_alt:before {
        content: "\e056";
    }

    .icon_menu-circle_alt:before {
        content: "\e057";
    }

    .icon_document:before {
        content: "\e058";
    }

    .icon_documents:before {
        content: "\e059";
    }

    .icon_pencil_alt:before {
        content: "\e05a";
    }

    .icon_folder:before {
        content: "\e05b";
    }

    .icon_folder-open:before {
        content: "\e05c";
    }

    .icon_folder-add:before {
        content: "\e05d";
    }

    .icon_folder_upload:before {
        content: "\e05e";
    }

    .icon_folder_download:before {
        content: "\e05f";
    }

    .icon_info:before {
        content: "\e060";
    }

    .icon_error-circle:before {
        content: "\e061";
    }

    .icon_error-oct:before {
        content: "\e062";
    }

    .icon_error-triangle:before {
        content: "\e063";
    }

    .icon_question_alt:before {
        content: "\e064";
    }

    .icon_comment:before {
        content: "\e065";
    }

    .icon_chat:before {
        content: "\e066";
    }

    .icon_vol-mute:before {
        content: "\e067";
    }

    .icon_volume-low:before {
        content: "\e068";
    }

    .icon_volume-high:before {
        content: "\e069";
    }

    .icon_quotations_alt:before {
        content: "\e06a";
    }

    .icon_clock:before {
        content: "\e06b";
    }

    .icon_lock:before {
        content: "\e06c";
    }

    .icon_lock-open:before {
        content: "\e06d";
    }

    .icon_key:before {
        content: "\e06e";
    }

    .icon_cloud:before {
        content: "\e06f";
    }

    .icon_cloud-upload:before {
        content: "\e070";
    }

    .icon_cloud-download:before {
        content: "\e071";
    }

    .icon_lightbulb:before {
        content: "\e072";
    }

    .icon_gift:before {
        content: "\e073";
    }

    .icon_house:before {
        content: "\e074";
    }

    .icon_camera:before {
        content: "\e075";
    }

    .icon_mail:before {
        content: "\e076";
    }

    .icon_cone:before {
        content: "\e077";
    }

    .icon_ribbon:before {
        content: "\e078";
    }

    .icon_bag:before {
        content: "\e079";
    }

    .icon_cart:before {
        content: "\e07a";
    }

    .icon_tag:before {
        content: "\e07b";
    }

    .icon_tags:before {
        content: "\e07c";
    }

    .icon_trash:before {
        content: "\e07d";
    }

    .icon_cursor:before {
        content: "\e07e";
    }

    .icon_mic:before {
        content: "\e07f";
    }

    .icon_compass:before {
        content: "\e080";
    }

    .icon_pin:before {
        content: "\e081";
    }

    .icon_pushpin:before {
        content: "\e082";
    }

    .icon_map:before {
        content: "\e083";
    }

    .icon_drawer:before {
        content: "\e084";
    }

    .icon_toolbox:before {
        content: "\e085";
    }

    .icon_book:before {
        content: "\e086";
    }

    .icon_contacts:before {
        content: "\e087";
    }

    .icon_archive:before {
        content: "\e088";
    }

    .icon_heart:before {
        content: "\e089";
    }

    .icon_profile:before {
        content: "\e08a";
    }

    .icon_group:before {
        content: "\e08b";
    }

    .icon_grid-2x2:before {
        content: "\e08c";
    }

    .icon_grid-3x3:before {
        content: "\e08d";
    }

    .icon_music:before {
        content: "\e08e";
    }

    .icon_pause_alt:before {
        content: "\e08f";
    }

    .icon_phone:before {
        content: "\e090";
    }

    .icon_upload:before {
        content: "\e091";
    }

    .icon_download:before {
        content: "\e092";
    }

    .social_facebook:before {
        content: "\e093";
    }

    .social_twitter:before {
        content: "\e094";
    }

    .social_pinterest:before {
        content: "\e095";
    }

    .social_googleplus:before {
        content: "\e096";
    }

    .social_tumblr:before {
        content: "\e097";
    }

    .social_tumbleupon:before {
        content: "\e098";
    }

    .social_wordpress:before {
        content: "\e099";
    }

    .social_instagram:before {
        content: "\e09a";
    }

    .social_dribbble:before {
        content: "\e09b";
    }

    .social_vimeo:before {
        content: "\e09c";
    }

    .social_linkedin:before {
        content: "\e09d";
    }

    .social_rss:before {
        content: "\e09e";
    }

    .social_deviantart:before {
        content: "\e09f";
    }

    .social_share:before {
        content: "\e0a0";
    }

    .social_myspace:before {
        content: "\e0a1";
    }

    .social_skype:before {
        content: "\e0a2";
    }

    .social_youtube:before {
        content: "\e0a3";
    }

    .social_picassa:before {
        content: "\e0a4";
    }

    .social_googledrive:before {
        content: "\e0a5";
    }

    .social_flickr:before {
        content: "\e0a6";
    }

    .social_blogger:before {
        content: "\e0a7";
    }

    .social_spotify:before {
        content: "\e0a8";
    }

    .social_delicious:before {
        content: "\e0a9";
    }

    .social_facebook_circle:before {
        content: "\e0aa";
    }

    .social_twitter_circle:before {
        content: "\e0ab";
    }

    .social_pinterest_circle:before {
        content: "\e0ac";
    }

    .social_googleplus_circle:before {
        content: "\e0ad";
    }

    .social_tumblr_circle:before {
        content: "\e0ae";
    }

    .social_stumbleupon_circle:before {
        content: "\e0af";
    }

    .social_wordpress_circle:before {
        content: "\e0b0";
    }

    .social_instagram_circle:before {
        content: "\e0b1";
    }

    .social_dribbble_circle:before {
        content: "\e0b2";
    }

    .social_vimeo_circle:before {
        content: "\e0b3";
    }

    .social_linkedin_circle:before {
        content: "\e0b4";
    }

    .social_rss_circle:before {
        content: "\e0b5";
    }

    .social_deviantart_circle:before {
        content: "\e0b6";
    }

    .social_share_circle:before {
        content: "\e0b7";
    }

    .social_myspace_circle:before {
        content: "\e0b8";
    }

    .social_skype_circle:before {
        content: "\e0b9";
    }

    .social_youtube_circle:before {
        content: "\e0ba";
    }

    .social_picassa_circle:before {
        content: "\e0bb";
    }

    .social_googledrive_alt2:before {
        content: "\e0bc";
    }

    .social_flickr_circle:before {
        content: "\e0bd";
    }

    .social_blogger_circle:before {
        content: "\e0be";
    }

    .social_spotify_circle:before {
        content: "\e0bf";
    }

    .social_delicious_circle:before {
        content: "\e0c0";
    }

    .social_facebook_square:before {
        content: "\e0c1";
    }

    .social_twitter_square:before {
        content: "\e0c2";
    }

    .social_pinterest_square:before {
        content: "\e0c3";
    }

    .social_googleplus_square:before {
        content: "\e0c4";
    }

    .social_tumblr_square:before {
        content: "\e0c5";
    }

    .social_stumbleupon_square:before {
        content: "\e0c6";
    }

    .social_wordpress_square:before {
        content: "\e0c7";
    }

    .social_instagram_square:before {
        content: "\e0c8";
    }

    .social_dribbble_square:before {
        content: "\e0c9";
    }

    .social_vimeo_square:before {
        content: "\e0ca";
    }

    .social_linkedin_square:before {
        content: "\e0cb";
    }

    .social_rss_square:before {
        content: "\e0cc";
    }

    .social_deviantart_square:before {
        content: "\e0cd";
    }

    .social_share_square:before {
        content: "\e0ce";
    }

    .social_myspace_square:before {
        content: "\e0cf";
    }

    .social_skype_square:before {
        content: "\e0d0";
    }

    .social_youtube_square:before {
        content: "\e0d1";
    }

    .social_picassa_square:before {
        content: "\e0d2";
    }

    .social_googledrive_square:before {
        content: "\e0d3";
    }

    .social_flickr_square:before {
        content: "\e0d4";
    }

    .social_blogger_square:before {
        content: "\e0d5";
    }

    .social_spotify_square:before {
        content: "\e0d6";
    }

    .social_delicious_square:before {
        content: "\e0d7";
    }

    .icon_printer:before {
        content: "\e103";
    }

    .icon_calulator:before {
        content: "\e0ee";
    }

    .icon_building:before {
        content: "\e0ef";
    }

    .icon_floppy:before {
        content: "\e0e8";
    }

    .icon_drive:before {
        content: "\e0ea";
    }

    .icon_search-2:before {
        content: "\e101";
    }

    .icon_id:before {
        content: "\e107";
    }

    .icon_id-2:before {
        content: "\e108";
    }

    .icon_puzzle:before {
        content: "\e102";
    }

    .icon_like:before {
        content: "\e106";
    }

    .icon_dislike:before {
        content: "\e0eb";
    }

    .icon_mug:before {
        content: "\e105";
    }

    .icon_currency:before {
        content: "\e0ed";
    }

    .icon_wallet:before {
        content: "\e100";
    }

    .icon_pens:before {
        content: "\e104";
    }

    .icon_easel:before {
        content: "\e0e9";
    }

    .icon_flowchart:before {
        content: "\e109";
    }

    .icon_datareport:before {
        content: "\e0ec";
    }

    .icon_briefcase:before {
        content: "\e0fe";
    }

    .icon_shield:before {
        content: "\e0f6";
    }

    .icon_percent:before {
        content: "\e0fb";
    }

    .icon_globe:before {
        content: "\e0e2";
    }

    .icon_globe-2:before {
        content: "\e0e3";
    }

    .icon_target:before {
        content: "\e0f5";
    }

    .icon_hourglass:before {
        content: "\e0e1";
    }

    .icon_balance:before {
        content: "\e0ff";
    }

    .icon_rook:before {
        content: "\e0f8";
    }

    .icon_printer-alt:before {
        content: "\e0fa";
    }

    .icon_calculator_alt:before {
        content: "\e0e7";
    }

    .icon_building_alt:before {
        content: "\e0fd";
    }

    .icon_floppy_alt:before {
        content: "\e0e4";
    }

    .icon_drive_alt:before {
        content: "\e0e5";
    }

    .icon_search_alt:before {
        content: "\e0f7";
    }

    .icon_id_alt:before {
        content: "\e0e0";
    }

    .icon_id-2_alt:before {
        content: "\e0fc";
    }

    .icon_puzzle_alt:before {
        content: "\e0f9";
    }

    .icon_like_alt:before {
        content: "\e0dd";
    }

    .icon_dislike_alt:before {
        content: "\e0f1";
    }

    .icon_mug_alt:before {
        content: "\e0dc";
    }

    .icon_currency_alt:before {
        content: "\e0f3";
    }

    .icon_wallet_alt:before {
        content: "\e0d8";
    }

    .icon_pens_alt:before {
        content: "\e0db";
    }

    .icon_easel_alt:before {
        content: "\e0f0";
    }

    .icon_flowchart_alt:before {
        content: "\e0df";
    }

    .icon_datareport_alt:before {
        content: "\e0f2";
    }

    .icon_briefcase_alt:before {
        content: "\e0f4";
    }

    .icon_shield_alt:before {
        content: "\e0d9";
    }

    .icon_percent_alt:before {
        content: "\e0da";
    }

    .icon_globe_alt:before {
        content: "\e0de";
    }

    .icon_clipboard:before {
        content: "\e0e6";
    }

.glyph {
    float: left;
    text-align: center;
    padding: .75em;
    margin: .4em 1.5em .75em 0;
    width: 6em;
    text-shadow: none;
}

.glyph_big {
    font-size: 128px;
    color: #59c5dc;
    float: left;
    margin-right: 20px;
}

.glyph div {
    padding-bottom: 10px;
}

.glyph input {
    font-family: consolas,monospace;
    font-size: 12px;
    width: 100%;
    text-align: center;
    border: 0;
    box-shadow: 0 0 0 1px #ccc;
    padding: .2em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.glyph .fs1 {
    font-size: 2em;
}

/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
  font-family: 'segoe ui','Open Sans',sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *, :after, :before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%!important;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff!important;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000!important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse!important;
    }

        .table td, .table th {
            background-color: #fff!important;
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd!important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/CSS/fonts/glyphicons-halflings-regular.eot);
    src: url(/CSS/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/CSS/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/CSS/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/CSS/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

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

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'segoe ui','Open Sans',sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%;
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%;
    }

.h1, h1 {
    font-size: 36px;
}

.h2, h2 {
    font-size: 30px;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 14px;
}

.h6, h6 {
    font-size: 12px;
}

p {
    margin: 0 0 0px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

.small, small {
    font-size: 85%;
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dd, dt {
    line-height: 1.42857143;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0;
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0;
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: '';
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}



code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .container {
        width: 760px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0;
            }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    opacity: .6;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #000;
    background-image: none;
    border: 1px solid #3d3d3d;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
        line-height: 34px;
    }

        input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
            line-height: 30px;
        }

        input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
            line-height: 46px;
        }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: absolute;
        margin-left: -20px;
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px;
    }

.checkbox-inline, .radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed;
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed;
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0;
    }

.form-group-sm .form-control, .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.form-group-sm .form-control, select.input-sm {
    height: 30px;
    line-height: 30px;
}

select[multiple].form-group-sm .form-control, select[multiple].input-sm, textarea.form-group-sm .form-control, textarea.input-sm {
    height: auto;
}

.form-group-lg .form-control, .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.form-group-lg .form-control, select.input-lg {
    height: 46px;
    line-height: 46px;
}

select[multiple].form-group-lg .form-control, select[multiple].input-lg, textarea.form-group-lg .form-control, textarea.input-lg {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0;
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none;
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent;
        }

            .btn-link:focus, .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none;
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
    visibility: hidden;
}

    .collapse.in {
        display: block;
        visibility: visible;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0 0;
    margin: 0 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-top: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

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

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #777;
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left;
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2;
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        margin-left: -1px;
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

        .nav > li.disabled > a {
            color: #777;
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd;
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
    outline: 0;
}

.tab-content > .active {
    display: block;
    visibility: visible;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    border: 1px solid transparent;
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block!important;
            height: auto!important;
            padding-bottom: 0;
            overflow: visible!important;
            visibility: visible!important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

/*.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}*/

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none;
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0;
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left!important;
    }

    .navbar-right {
        float: right!important;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #fff;
    border-color: #f8f8f8;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #5d5d5d;
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #717171;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #717171;
        background-color: #fff;
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #777;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

    .jumbotron .h1, .jumbotron h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .thumbnail a > img, .thumbnail > img {
        margin-right: auto;
        margin-left: auto;
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

    .media-right, .media > .pull-right {
        padding-left: 10px;
    }

    .media-left, .media > .pull-left {
        padding-right: 10px;
    }

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:focus, a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777;
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0;
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0;
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 56.25%;
    }

    .embed-responsive.embed-responsive-4by3 {
        padding-bottom: 75%;
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.in {
        opacity: .5;
    }

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
   
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    opacity: 0;
}

    .tooltip.in {
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
 
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1;
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-repeat: repeat-x;
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        margin-top: -10px;
   
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

/*.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}*/

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(0,0,0,0);
      
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right!important;
}

.pull-left {
    float: left!important;
}

.hide {
    display: none!important;
}

.show {
    display: block!important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none!important;
    visibility: hidden!important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none!important;
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none!important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row!important;
    }

    td.visible-xs, th.visible-xs {
        display: table-cell!important;
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block!important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline!important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row!important;
    }

    td.visible-sm, th.visible-sm {
        display: table-cell!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row!important;
    }

    td.visible-md, th.visible-md {
        display: table-cell!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row!important;
    }

    td.visible-lg, th.visible-lg {
        display: table-cell!important;
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block!important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline!important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block!important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important;
    }
}

.visible-print {
    display: none!important;
}

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

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row!important;
    }

    td.visible-print, th.visible-print {
        display: table-cell!important;
    }
}

.visible-print-block {
    display: none!important;
}

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

.visible-print-inline {
    display: none!important;
}

@media print {
    .visible-print-inline {
        display: inline!important;
    }
}

.visible-print-inline-block {
    display: none!important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important;
    }
}

@media print {
    .hidden-print {
        display: none!important;
    }
}

/*https://flag-icon-css.lip.is/*/

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 22px;
    height: 18px;
    background-size: cover;
    margin-top: 2px;
}

.flag-name {
    float: left;
    margin-top: 0px;
    font-size: 15px;
    margin-left: 10px;
    padding-left: 15px;
}
.country-list {
    float: left;
    width: 100%;
    padding: 10px 0px 8px 8px;
    line-height: 1.42857143;
    border-top: 1px solid #ddd;
}

.show-more {
    display: none;
    cursor: pointer;
    color: #d11522;
}
.show-less {
    cursor: pointer;
    color: #d11522;
}

.flag-icon:before {
    content: "\00a0";
}

.flag-icon.flag-icon-squared {
    width: 1em;
}

.flag-icon-ad {
    background-image: url(/flags/4x3/ad.svg);
}

    .flag-icon-ad.flag-icon-squared {
        background-image: url(/flags/1x1/ad.svg);
    }

.flag-icon-ae {
    background-image: url(/flags/4x3/ae.svg);
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(/flags/1x1/ae.svg);
    }

.flag-icon-af {
    background-image: url(/flags/4x3/af.svg);
}

    .flag-icon-af.flag-icon-squared {
        background-image: url(/flags/1x1/af.svg);
    }

.flag-icon-ag {
    background-image: url(/flags/4x3/ag.svg);
}

    .flag-icon-ag.flag-icon-squared {
        background-image: url(/flags/1x1/ag.svg);
    }

.flag-icon-ai {
    background-image: url(/flags/4x3/ai.svg);
}

    .flag-icon-ai.flag-icon-squared {
        background-image: url(/flags/1x1/ai.svg);
    }

.flag-icon-al {
    background-image: url(/flags/4x3/al.svg);
}

    .flag-icon-al.flag-icon-squared {
        background-image: url(/flags/1x1/al.svg);
    }

.flag-icon-am {
    background-image: url(/flags/4x3/am.svg);
}

    .flag-icon-am.flag-icon-squared {
        background-image: url(/flags/1x1/am.svg);
    }

.flag-icon-ao {
    background-image: url(/flags/4x3/ao.svg);
}

    .flag-icon-ao.flag-icon-squared {
        background-image: url(/flags/1x1/ao.svg);
    }

.flag-icon-aq {
    background-image: url(/flags/4x3/aq.svg);
}

    .flag-icon-aq.flag-icon-squared {
        background-image: url(/flags/1x1/aq.svg);
    }

.flag-icon-ar {
    background-image: url(/flags/4x3/ar.svg);
}

    .flag-icon-ar.flag-icon-squared {
        background-image: url(/flags/1x1/ar.svg);
    }

.flag-icon-as {
    background-image: url(/flags/4x3/as.svg);
}

    .flag-icon-as.flag-icon-squared {
        background-image: url(/flags/1x1/as.svg);
    }

.flag-icon-at {
    background-image: url(/flags/4x3/at.svg);
}

    .flag-icon-at.flag-icon-squared {
        background-image: url(/flags/1x1/at.svg);
    }

.flag-icon-au {
    background-image: url(/flags/4x3/au.svg);
}

    .flag-icon-au.flag-icon-squared {
        background-image: url(/flags/1x1/au.svg);
    }

.flag-icon-aw {
    background-image: url(/flags/4x3/aw.svg);
}

    .flag-icon-aw.flag-icon-squared {
        background-image: url(/flags/1x1/aw.svg);
    }

.flag-icon-ax {
    background-image: url(/flags/4x3/ax.svg);
}

    .flag-icon-ax.flag-icon-squared {
        background-image: url(/flags/1x1/ax.svg);
    }

.flag-icon-az {
    background-image: url(/flags/4x3/az.svg);
}

    .flag-icon-az.flag-icon-squared {
        background-image: url(/flags/1x1/az.svg);
    }

.flag-icon-ba {
    background-image: url(/flags/4x3/ba.svg);
}

    .flag-icon-ba.flag-icon-squared {
        background-image: url(/flags/1x1/ba.svg);
    }

.flag-icon-bb {
    background-image: url(/flags/4x3/bb.svg);
}

    .flag-icon-bb.flag-icon-squared {
        background-image: url(/flags/1x1/bb.svg);
    }

.flag-icon-bd {
    background-image: url(/flags/4x3/bd.svg);
}

    .flag-icon-bd.flag-icon-squared {
        background-image: url(/flags/1x1/bd.svg);
    }

.flag-icon-be {
    background-image: url(/flags/4x3/be.svg);
}

    .flag-icon-be.flag-icon-squared {
        background-image: url(/flags/1x1/be.svg);
    }

.flag-icon-bf {
    background-image: url(/flags/4x3/bf.svg);
}

    .flag-icon-bf.flag-icon-squared {
        background-image: url(/flags/1x1/bf.svg);
    }

.flag-icon-bg {
    background-image: url(/flags/4x3/bg.svg);
}

    .flag-icon-bg.flag-icon-squared {
        background-image: url(/flags/1x1/bg.svg);
    }

.flag-icon-bh {
    background-image: url(/flags/4x3/bh.svg);
}

    .flag-icon-bh.flag-icon-squared {
        background-image: url(/flags/1x1/bh.svg);
    }

.flag-icon-bi {
    background-image: url(/flags/4x3/bi.svg);
}

    .flag-icon-bi.flag-icon-squared {
        background-image: url(/flags/1x1/bi.svg);
    }

.flag-icon-bj {
    background-image: url(/flags/4x3/bj.svg);
}

    .flag-icon-bj.flag-icon-squared {
        background-image: url(/flags/1x1/bj.svg);
    }

.flag-icon-bl {
    background-image: url(/flags/4x3/bl.svg);
}

    .flag-icon-bl.flag-icon-squared {
        background-image: url(/flags/1x1/bl.svg);
    }

.flag-icon-bm {
    background-image: url(/flags/4x3/bm.svg);
}

    .flag-icon-bm.flag-icon-squared {
        background-image: url(/flags/1x1/bm.svg);
    }

.flag-icon-bn {
    background-image: url(/flags/4x3/bn.svg);
}

    .flag-icon-bn.flag-icon-squared {
        background-image: url(/flags/1x1/bn.svg);
    }

.flag-icon-bo {
    background-image: url(/flags/4x3/bo.svg);
}

    .flag-icon-bo.flag-icon-squared {
        background-image: url(/flags/1x1/bo.svg);
    }

.flag-icon-bq {
    background-image: url(/flags/4x3/bq.svg);
}

    .flag-icon-bq.flag-icon-squared {
        background-image: url(/flags/1x1/bq.svg);
    }

.flag-icon-br {
    background-image: url(/flags/4x3/br.svg);
}

    .flag-icon-br.flag-icon-squared {
        background-image: url(/flags/1x1/br.svg);
    }

.flag-icon-bs {
    background-image: url(/flags/4x3/bs.svg);
}

    .flag-icon-bs.flag-icon-squared {
        background-image: url(/flags/1x1/bs.svg);
    }

.flag-icon-bt {
    background-image: url(/flags/4x3/bt.svg);
}

    .flag-icon-bt.flag-icon-squared {
        background-image: url(/flags/1x1/bt.svg);
    }

.flag-icon-bv {
    background-image: url(/flags/4x3/bv.svg);
}

    .flag-icon-bv.flag-icon-squared {
        background-image: url(/flags/1x1/bv.svg);
    }

.flag-icon-bw {
    background-image: url(/flags/4x3/bw.svg);
}

    .flag-icon-bw.flag-icon-squared {
        background-image: url(/flags/1x1/bw.svg);
    }

.flag-icon-by {
    background-image: url(/flags/4x3/by.svg);
}

    .flag-icon-by.flag-icon-squared {
        background-image: url(/flags/1x1/by.svg);
    }

.flag-icon-bz {
    background-image: url(/flags/4x3/bz.svg);
}

    .flag-icon-bz.flag-icon-squared {
        background-image: url(/flags/1x1/bz.svg);
    }

.flag-icon-ca {
    background-image: url(/flags/4x3/ca.svg);
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(/flags/1x1/ca.svg);
    }

.flag-icon-cc {
    background-image: url(/flags/4x3/cc.svg);
}

    .flag-icon-cc.flag-icon-squared {
        background-image: url(/flags/1x1/cc.svg);
    }

.flag-icon-cd {
    background-image: url(/flags/4x3/cd.svg);
}

    .flag-icon-cd.flag-icon-squared {
        background-image: url(/flags/1x1/cd.svg);
    }

.flag-icon-cf {
    background-image: url(/flags/4x3/cf.svg);
}

    .flag-icon-cf.flag-icon-squared {
        background-image: url(/flags/1x1/cf.svg);
    }

.flag-icon-cg {
    background-image: url(/flags/4x3/cg.svg);
}

    .flag-icon-cg.flag-icon-squared {
        background-image: url(/flags/1x1/cg.svg);
    }

.flag-icon-ch {
    background-image: url(/flags/4x3/ch.svg);
}

    .flag-icon-ch.flag-icon-squared {
        background-image: url(/flags/1x1/ch.svg);
    }

.flag-icon-ci {
    background-image: url(/flags/4x3/ci.svg);
}

    .flag-icon-ci.flag-icon-squared {
        background-image: url(/flags/1x1/ci.svg);
    }

.flag-icon-ck {
    background-image: url(/flags/4x3/ck.svg);
}

    .flag-icon-ck.flag-icon-squared {
        background-image: url(/flags/1x1/ck.svg);
    }

.flag-icon-cl {
    background-image: url(/flags/4x3/cl.svg);
}

    .flag-icon-cl.flag-icon-squared {
        background-image: url(/flags/1x1/cl.svg);
    }

.flag-icon-cm {
    background-image: url(/flags/4x3/cm.svg);
}

    .flag-icon-cm.flag-icon-squared {
        background-image: url(/flags/1x1/cm.svg);
    }

.flag-icon-cn {
    background-image: url(/flags/4x3/cn.svg);
}

    .flag-icon-cn.flag-icon-squared {
        background-image: url(/flags/1x1/cn.svg);
    }

.flag-icon-co {
    background-image: url(/flags/4x3/co.svg);
}

    .flag-icon-co.flag-icon-squared {
        background-image: url(/flags/1x1/co.svg);
    }

.flag-icon-cr {
    background-image: url(/flags/4x3/cr.svg);
}

    .flag-icon-cr.flag-icon-squared {
        background-image: url(/flags/1x1/cr.svg);
    }

.flag-icon-cu {
    background-image: url(/flags/4x3/cu.svg);
}

    .flag-icon-cu.flag-icon-squared {
        background-image: url(/flags/1x1/cu.svg);
    }

.flag-icon-cv {
    background-image: url(/flags/4x3/cv.svg);
}

    .flag-icon-cv.flag-icon-squared {
        background-image: url(/flags/1x1/cv.svg);
    }

.flag-icon-cw {
    background-image: url(/flags/4x3/cw.svg);
}

    .flag-icon-cw.flag-icon-squared {
        background-image: url(/flags/1x1/cw.svg);
    }

.flag-icon-cx {
    background-image: url(/flags/4x3/cx.svg);
}

    .flag-icon-cx.flag-icon-squared {
        background-image: url(/flags/1x1/cx.svg);
    }

.flag-icon-cy {
    background-image: url(/flags/4x3/cy.svg);
}

    .flag-icon-cy.flag-icon-squared {
        background-image: url(/flags/1x1/cy.svg);
    }

.flag-icon-cz {
    background-image: url(/flags/4x3/cz.svg);
}

    .flag-icon-cz.flag-icon-squared {
        background-image: url(/flags/1x1/cz.svg);
    }

.flag-icon-de {
    background-image: url(/flags/4x3/de.svg);
}

    .flag-icon-de.flag-icon-squared {
        background-image: url(/flags/1x1/de.svg);
    }

.flag-icon-dj {
    background-image: url(/flags/4x3/dj.svg);
}

    .flag-icon-dj.flag-icon-squared {
        background-image: url(/flags/1x1/dj.svg);
    }

.flag-icon-dk {
    background-image: url(/flags/4x3/dk.svg);
}

    .flag-icon-dk.flag-icon-squared {
        background-image: url(/flags/1x1/dk.svg);
    }

.flag-icon-dm {
    background-image: url(/flags/4x3/dm.svg);
}

    .flag-icon-dm.flag-icon-squared {
        background-image: url(/flags/1x1/dm.svg);
    }

.flag-icon-do {
    background-image: url(/flags/4x3/do.svg);
}

    .flag-icon-do.flag-icon-squared {
        background-image: url(/flags/1x1/do.svg);
    }

.flag-icon-dz {
    background-image: url(/flags/4x3/dz.svg);
}

    .flag-icon-dz.flag-icon-squared {
        background-image: url(/flags/1x1/dz.svg);
    }

.flag-icon-ec {
    background-image: url(/flags/4x3/ec.svg);
}

    .flag-icon-ec.flag-icon-squared {
        background-image: url(/flags/1x1/ec.svg);
    }

.flag-icon-ee {
    background-image: url(/flags/4x3/ee.svg);
}

    .flag-icon-ee.flag-icon-squared {
        background-image: url(/flags/1x1/ee.svg);
    }

.flag-icon-eg {
    background-image: url(/flags/4x3/eg.svg);
}

    .flag-icon-eg.flag-icon-squared {
        background-image: url(/flags/1x1/eg.svg);
    }

.flag-icon-eh {
    background-image: url(/flags/4x3/eh.svg);
}

    .flag-icon-eh.flag-icon-squared {
        background-image: url(/flags/1x1/eh.svg);
    }

.flag-icon-er {
    background-image: url(/flags/4x3/er.svg);
}

    .flag-icon-er.flag-icon-squared {
        background-image: url(/flags/1x1/er.svg);
    }

.flag-icon-es {
    background-image: url(/flags/4x3/es.svg);
}

    .flag-icon-es.flag-icon-squared {
        background-image: url(/flags/1x1/es.svg);
    }

.flag-icon-et {
    background-image: url(/flags/4x3/et.svg);
}

    .flag-icon-et.flag-icon-squared {
        background-image: url(/flags/1x1/et.svg);
    }

.flag-icon-fi {
    background-image: url(/flags/4x3/fi.svg);
}

    .flag-icon-fi.flag-icon-squared {
        background-image: url(/flags/1x1/fi.svg);
    }

.flag-icon-fj {
    background-image: url(/flags/4x3/fj.svg);
}

    .flag-icon-fj.flag-icon-squared {
        background-image: url(/flags/1x1/fj.svg);
    }

.flag-icon-fk {
    background-image: url(/flags/4x3/fk.svg);
}

    .flag-icon-fk.flag-icon-squared {
        background-image: url(/flags/1x1/fk.svg);
    }

.flag-icon-fm {
    background-image: url(/flags/4x3/fm.svg);
}

    .flag-icon-fm.flag-icon-squared {
        background-image: url(/flags/1x1/fm.svg);
    }

.flag-icon-fo {
    background-image: url(/flags/4x3/fo.svg);
}

    .flag-icon-fo.flag-icon-squared {
        background-image: url(/flags/1x1/fo.svg);
    }

.flag-icon-fr {
    background-image: url(/flags/4x3/fr.svg);
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url(/flags/1x1/fr.svg);
    }

.flag-icon-ga {
    background-image: url(/flags/4x3/ga.svg);
}

    .flag-icon-ga.flag-icon-squared {
        background-image: url(/flags/1x1/ga.svg);
    }

.flag-icon-gb {
    background-image: url(/flags/4x3/gb.svg);
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(/flags/1x1/gb.svg);
    }

.flag-icon-gd {
    background-image: url(/flags/4x3/gd.svg);
}

    .flag-icon-gd.flag-icon-squared {
        background-image: url(/flags/1x1/gd.svg);
    }

.flag-icon-ge {
    background-image: url(/flags/4x3/ge.svg);
}

    .flag-icon-ge.flag-icon-squared {
        background-image: url(/flags/1x1/ge.svg);
    }

.flag-icon-gf {
    background-image: url(/flags/4x3/gf.svg);
}

    .flag-icon-gf.flag-icon-squared {
        background-image: url(/flags/1x1/gf.svg);
    }

.flag-icon-gg {
    background-image: url(/flags/4x3/gg.svg);
}

    .flag-icon-gg.flag-icon-squared {
        background-image: url(/flags/1x1/gg.svg);
    }

.flag-icon-gh {
    background-image: url(/flags/4x3/gh.svg);
}

    .flag-icon-gh.flag-icon-squared {
        background-image: url(/flags/1x1/gh.svg);
    }

.flag-icon-gi {
    background-image: url(/flags/4x3/gi.svg);
}

    .flag-icon-gi.flag-icon-squared {
        background-image: url(/flags/1x1/gi.svg);
    }

.flag-icon-gl {
    background-image: url(/flags/4x3/gl.svg);
}

    .flag-icon-gl.flag-icon-squared {
        background-image: url(/flags/1x1/gl.svg);
    }

.flag-icon-gm {
    background-image: url(/flags/4x3/gm.svg);
}

    .flag-icon-gm.flag-icon-squared {
        background-image: url(/flags/1x1/gm.svg);
    }

.flag-icon-gn {
    background-image: url(/flags/4x3/gn.svg);
}

    .flag-icon-gn.flag-icon-squared {
        background-image: url(/flags/1x1/gn.svg);
    }

.flag-icon-gp {
    background-image: url(/flags/4x3/gp.svg);
}

    .flag-icon-gp.flag-icon-squared {
        background-image: url(/flags/1x1/gp.svg);
    }

.flag-icon-gq {
    background-image: url(/flags/4x3/gq.svg);
}

    .flag-icon-gq.flag-icon-squared {
        background-image: url(/flags/1x1/gq.svg);
    }

.flag-icon-gr {
    background-image: url(/flags/4x3/gr.svg);
}

    .flag-icon-gr.flag-icon-squared {
        background-image: url(/flags/1x1/gr.svg);
    }

.flag-icon-gs {
    background-image: url(/flags/4x3/gs.svg);
}

    .flag-icon-gs.flag-icon-squared {
        background-image: url(/flags/1x1/gs.svg);
    }

.flag-icon-gt {
    background-image: url(/flags/4x3/gt.svg);
}

    .flag-icon-gt.flag-icon-squared {
        background-image: url(/flags/1x1/gt.svg);
    }

.flag-icon-gu {
    background-image: url(/flags/4x3/gu.svg);
}

    .flag-icon-gu.flag-icon-squared {
        background-image: url(/flags/1x1/gu.svg);
    }

.flag-icon-gw {
    background-image: url(/flags/4x3/gw.svg);
}

    .flag-icon-gw.flag-icon-squared {
        background-image: url(/flags/1x1/gw.svg);
    }

.flag-icon-gy {
    background-image: url(/flags/4x3/gy.svg);
}

    .flag-icon-gy.flag-icon-squared {
        background-image: url(/flags/1x1/gy.svg);
    }

.flag-icon-hk {
    background-image: url(/flags/4x3/hk.svg);
}

    .flag-icon-hk.flag-icon-squared {
        background-image: url(/flags/1x1/hk.svg);
    }

.flag-icon-hm {
    background-image: url(/flags/4x3/hm.svg);
}

    .flag-icon-hm.flag-icon-squared {
        background-image: url(/flags/1x1/hm.svg);
    }

.flag-icon-hn {
    background-image: url(/flags/4x3/hn.svg);
}

    .flag-icon-hn.flag-icon-squared {
        background-image: url(/flags/1x1/hn.svg);
    }

.flag-icon-hr {
    background-image: url(/flags/4x3/hr.svg);
}

    .flag-icon-hr.flag-icon-squared {
        background-image: url(/flags/1x1/hr.svg);
    }

.flag-icon-ht {
    background-image: url(/flags/4x3/ht.svg);
}

    .flag-icon-ht.flag-icon-squared {
        background-image: url(/flags/1x1/ht.svg);
    }

.flag-icon-hu {
    background-image: url(/flags/4x3/hu.svg);
}

    .flag-icon-hu.flag-icon-squared {
        background-image: url(/flags/1x1/hu.svg);
    }

.flag-icon-id {
    background-image: url(/flags/4x3/id.svg);
}

    .flag-icon-id.flag-icon-squared {
        background-image: url(/flags/1x1/id.svg);
    }

.flag-icon-ie {
    background-image: url(/flags/4x3/ie.svg);
}

    .flag-icon-ie.flag-icon-squared {
        background-image: url(/flags/1x1/ie.svg);
    }

.flag-icon-il {
    background-image: url(/flags/4x3/il.svg);
}

    .flag-icon-il.flag-icon-squared {
        background-image: url(/flags/1x1/il.svg);
    }

.flag-icon-im {
    background-image: url(/flags/4x3/im.svg);
}

    .flag-icon-im.flag-icon-squared {
        background-image: url(/flags/1x1/im.svg);
    }

.flag-icon-in {
    background-image: url(/flags/4x3/in.svg);
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(/flags/1x1/in.svg);
    }

.flag-icon-io {
    background-image: url(/flags/4x3/io.svg);
}

    .flag-icon-io.flag-icon-squared {
        background-image: url(/flags/1x1/io.svg);
    }

.flag-icon-iq {
    background-image: url(/flags/4x3/iq.svg);
}

    .flag-icon-iq.flag-icon-squared {
        background-image: url(/flags/1x1/iq.svg);
    }

.flag-icon-ir {
    background-image: url(/flags/4x3/ir.svg);
}

    .flag-icon-ir.flag-icon-squared {
        background-image: url(/flags/1x1/ir.svg);
    }

.flag-icon-is {
    background-image: url(/flags/4x3/is.svg);
}

    .flag-icon-is.flag-icon-squared {
        background-image: url(/flags/1x1/is.svg);
    }

.flag-icon-it {
    background-image: url(/flags/4x3/it.svg);
}

    .flag-icon-it.flag-icon-squared {
        background-image: url(/flags/1x1/it.svg);
    }

.flag-icon-je {
    background-image: url(/flags/4x3/je.svg);
}

    .flag-icon-je.flag-icon-squared {
        background-image: url(/flags/1x1/je.svg);
    }

.flag-icon-jm {
    background-image: url(/flags/4x3/jm.svg);
}

    .flag-icon-jm.flag-icon-squared {
        background-image: url(/flags/1x1/jm.svg);
    }

.flag-icon-jo {
    background-image: url(/flags/4x3/jo.svg);
}

    .flag-icon-jo.flag-icon-squared {
        background-image: url(/flags/1x1/jo.svg);
    }

.flag-icon-jp {
    background-image: url(/flags/4x3/jp.svg);
}

    .flag-icon-jp.flag-icon-squared {
        background-image: url(/flags/1x1/jp.svg);
    }

.flag-icon-ke {
    background-image: url(/flags/4x3/ke.svg);
}

    .flag-icon-ke.flag-icon-squared {
        background-image: url(/flags/1x1/ke.svg);
    }

.flag-icon-kg {
    background-image: url(/flags/4x3/kg.svg);
}

    .flag-icon-kg.flag-icon-squared {
        background-image: url(/flags/1x1/kg.svg);
    }

.flag-icon-kh {
    background-image: url(/flags/4x3/kh.svg);
}

    .flag-icon-kh.flag-icon-squared {
        background-image: url(/flags/1x1/kh.svg);
    }

.flag-icon-ki {
    background-image: url(/flags/4x3/ki.svg);
}

    .flag-icon-ki.flag-icon-squared {
        background-image: url(/flags/1x1/ki.svg);
    }

.flag-icon-km {
    background-image: url(/flags/4x3/km.svg);
}

    .flag-icon-km.flag-icon-squared {
        background-image: url(/flags/1x1/km.svg);
    }

.flag-icon-kn {
    background-image: url(/flags/4x3/kn.svg);
}

    .flag-icon-kn.flag-icon-squared {
        background-image: url(/flags/1x1/kn.svg);
    }

.flag-icon-kp {
    background-image: url(/flags/4x3/kp.svg);
}

    .flag-icon-kp.flag-icon-squared {
        background-image: url(/flags/1x1/kp.svg);
    }

.flag-icon-kr {
    background-image: url(/flags/4x3/kr.svg);
}

    .flag-icon-kr.flag-icon-squared {
        background-image: url(/flags/1x1/kr.svg);
    }

.flag-icon-kw {
    background-image: url(/flags/4x3/kw.svg);
}

    .flag-icon-kw.flag-icon-squared {
        background-image: url(/flags/1x1/kw.svg);
    }

.flag-icon-ky {
    background-image: url(/flags/4x3/ky.svg);
}

    .flag-icon-ky.flag-icon-squared {
        background-image: url(/flags/1x1/ky.svg);
    }

.flag-icon-kz {
    background-image: url(/flags/4x3/kz.svg);
}

    .flag-icon-kz.flag-icon-squared {
        background-image: url(/flags/1x1/kz.svg);
    }

.flag-icon-la {
    background-image: url(/flags/4x3/la.svg);
}

    .flag-icon-la.flag-icon-squared {
        background-image: url(/flags/1x1/la.svg);
    }

.flag-icon-lb {
    background-image: url(/flags/4x3/lb.svg);
}

    .flag-icon-lb.flag-icon-squared {
        background-image: url(/flags/1x1/lb.svg);
    }

.flag-icon-lc {
    background-image: url(/flags/4x3/lc.svg);
}

    .flag-icon-lc.flag-icon-squared {
        background-image: url(/flags/1x1/lc.svg);
    }

.flag-icon-li {
    background-image: url(/flags/4x3/li.svg);
}

    .flag-icon-li.flag-icon-squared {
        background-image: url(/flags/1x1/li.svg);
    }

.flag-icon-lk {
    background-image: url(/flags/4x3/lk.svg);
}

    .flag-icon-lk.flag-icon-squared {
        background-image: url(/flags/1x1/lk.svg);
    }

.flag-icon-lr {
    background-image: url(/flags/4x3/lr.svg);
}

    .flag-icon-lr.flag-icon-squared {
        background-image: url(/flags/1x1/lr.svg);
    }

.flag-icon-ls {
    background-image: url(/flags/4x3/ls.svg);
}

    .flag-icon-ls.flag-icon-squared {
        background-image: url(/flags/1x1/ls.svg);
    }

.flag-icon-lt {
    background-image: url(/flags/4x3/lt.svg);
}

    .flag-icon-lt.flag-icon-squared {
        background-image: url(/flags/1x1/lt.svg);
    }

.flag-icon-lu {
    background-image: url(/flags/4x3/lu.svg);
}

    .flag-icon-lu.flag-icon-squared {
        background-image: url(/flags/1x1/lu.svg);
    }

.flag-icon-lv {
    background-image: url(/flags/4x3/lv.svg);
}

    .flag-icon-lv.flag-icon-squared {
        background-image: url(/flags/1x1/lv.svg);
    }

.flag-icon-ly {
    background-image: url(/flags/4x3/ly.svg);
}

    .flag-icon-ly.flag-icon-squared {
        background-image: url(/flags/1x1/ly.svg);
    }

.flag-icon-ma {
    background-image: url(/flags/4x3/ma.svg);
}

    .flag-icon-ma.flag-icon-squared {
        background-image: url(/flags/1x1/ma.svg);
    }

.flag-icon-mc {
    background-image: url(/flags/4x3/mc.svg);
}

    .flag-icon-mc.flag-icon-squared {
        background-image: url(/flags/1x1/mc.svg);
    }

.flag-icon-md {
    background-image: url(/flags/4x3/md.svg);
}

    .flag-icon-md.flag-icon-squared {
        background-image: url(/flags/1x1/md.svg);
    }

.flag-icon-me {
    background-image: url(/flags/4x3/me.svg);
}

    .flag-icon-me.flag-icon-squared {
        background-image: url(/flags/1x1/me.svg);
    }

.flag-icon-mf {
    background-image: url(/flags/4x3/mf.svg);
}

    .flag-icon-mf.flag-icon-squared {
        background-image: url(/flags/1x1/mf.svg);
    }

.flag-icon-mg {
    background-image: url(/flags/4x3/mg.svg);
}

    .flag-icon-mg.flag-icon-squared {
        background-image: url(/flags/1x1/mg.svg);
    }

.flag-icon-mh {
    background-image: url(/flags/4x3/mh.svg);
}

    .flag-icon-mh.flag-icon-squared {
        background-image: url(/flags/1x1/mh.svg);
    }

.flag-icon-mk {
    background-image: url(/flags/4x3/mk.svg);
}

    .flag-icon-mk.flag-icon-squared {
        background-image: url(/flags/1x1/mk.svg);
    }

.flag-icon-ml {
    background-image: url(/flags/4x3/ml.svg);
}

    .flag-icon-ml.flag-icon-squared {
        background-image: url(/flags/1x1/ml.svg);
    }

.flag-icon-mm {
    background-image: url(/flags/4x3/mm.svg);
}

    .flag-icon-mm.flag-icon-squared {
        background-image: url(/flags/1x1/mm.svg);
    }

.flag-icon-mn {
    background-image: url(/flags/4x3/mn.svg);
}

    .flag-icon-mn.flag-icon-squared {
        background-image: url(/flags/1x1/mn.svg);
    }

.flag-icon-mo {
    background-image: url(/flags/4x3/mo.svg);
}

    .flag-icon-mo.flag-icon-squared {
        background-image: url(/flags/1x1/mo.svg);
    }

.flag-icon-mp {
    background-image: url(/flags/4x3/mp.svg);
}

    .flag-icon-mp.flag-icon-squared {
        background-image: url(/flags/1x1/mp.svg);
    }

.flag-icon-mq {
    background-image: url(/flags/4x3/mq.svg);
}

    .flag-icon-mq.flag-icon-squared {
        background-image: url(/flags/1x1/mq.svg);
    }

.flag-icon-mr {
    background-image: url(/flags/4x3/mr.svg);
}

    .flag-icon-mr.flag-icon-squared {
        background-image: url(/flags/1x1/mr.svg);
    }

.flag-icon-ms {
    background-image: url(/flags/4x3/ms.svg);
}

    .flag-icon-ms.flag-icon-squared {
        background-image: url(/flags/1x1/ms.svg);
    }

.flag-icon-mt {
    background-image: url(/flags/4x3/mt.svg);
}

    .flag-icon-mt.flag-icon-squared {
        background-image: url(/flags/1x1/mt.svg);
    }

.flag-icon-mu {
    background-image: url(/flags/4x3/mu.svg);
}

    .flag-icon-mu.flag-icon-squared {
        background-image: url(/flags/1x1/mu.svg);
    }

.flag-icon-mv {
    background-image: url(/flags/4x3/mv.svg);
}

    .flag-icon-mv.flag-icon-squared {
        background-image: url(/flags/1x1/mv.svg);
    }

.flag-icon-mw {
    background-image: url(/flags/4x3/mw.svg);
}

    .flag-icon-mw.flag-icon-squared {
        background-image: url(/flags/1x1/mw.svg);
    }

.flag-icon-mx {
    background-image: url(/flags/4x3/mx.svg);
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(/flags/1x1/mx.svg);
    }

.flag-icon-my {
    background-image: url(/flags/4x3/my.svg);
}

    .flag-icon-my.flag-icon-squared {
        background-image: url(/flags/1x1/my.svg);
    }

.flag-icon-mz {
    background-image: url(/flags/4x3/mz.svg);
}

    .flag-icon-mz.flag-icon-squared {
        background-image: url(/flags/1x1/mz.svg);
    }

.flag-icon-na {
    background-image: url(/flags/4x3/na.svg);
}

    .flag-icon-na.flag-icon-squared {
        background-image: url(/flags/1x1/na.svg);
    }

.flag-icon-nc {
    background-image: url(/flags/4x3/nc.svg);
}

    .flag-icon-nc.flag-icon-squared {
        background-image: url(/flags/1x1/nc.svg);
    }

.flag-icon-ne {
    background-image: url(/flags/4x3/ne.svg);
}

    .flag-icon-ne.flag-icon-squared {
        background-image: url(/flags/1x1/ne.svg);
    }

.flag-icon-nf {
    background-image: url(/flags/4x3/nf.svg);
}

    .flag-icon-nf.flag-icon-squared {
        background-image: url(/flags/1x1/nf.svg);
    }

.flag-icon-ng {
    background-image: url(/flags/4x3/ng.svg);
}

    .flag-icon-ng.flag-icon-squared {
        background-image: url(/flags/1x1/ng.svg);
    }

.flag-icon-ni {
    background-image: url(/flags/4x3/ni.svg);
}

    .flag-icon-ni.flag-icon-squared {
        background-image: url(/flags/1x1/ni.svg);
    }

.flag-icon-nl {
    background-image: url(/flags/4x3/nl.svg);
}

    .flag-icon-nl.flag-icon-squared {
        background-image: url(/flags/1x1/nl.svg);
    }

.flag-icon-no {
    background-image: url(/flags/4x3/no.svg);
}

    .flag-icon-no.flag-icon-squared {
        background-image: url(/flags/1x1/no.svg);
    }

.flag-icon-np {
    background-image: url(/flags/4x3/np.svg);
}

    .flag-icon-np.flag-icon-squared {
        background-image: url(/flags/1x1/np.svg);
    }

.flag-icon-nr {
    background-image: url(/flags/4x3/nr.svg);
}

    .flag-icon-nr.flag-icon-squared {
        background-image: url(/flags/1x1/nr.svg);
    }

.flag-icon-nu {
    background-image: url(/flags/4x3/nu.svg);
}

    .flag-icon-nu.flag-icon-squared {
        background-image: url(/flags/1x1/nu.svg);
    }

.flag-icon-nz {
    background-image: url(/flags/4x3/nz.svg);
}

    .flag-icon-nz.flag-icon-squared {
        background-image: url(/flags/1x1/nz.svg);
    }

.flag-icon-om {
    background-image: url(/flags/4x3/om.svg);
}

    .flag-icon-om.flag-icon-squared {
        background-image: url(/flags/1x1/om.svg);
    }

.flag-icon-pa {
    background-image: url(/flags/4x3/pa.svg);
}

    .flag-icon-pa.flag-icon-squared {
        background-image: url(/flags/1x1/pa.svg);
    }

.flag-icon-pe {
    background-image: url(/flags/4x3/pe.svg);
}

    .flag-icon-pe.flag-icon-squared {
        background-image: url(/flags/1x1/pe.svg);
    }

.flag-icon-pf {
    background-image: url(/flags/4x3/pf.svg);
}

    .flag-icon-pf.flag-icon-squared {
        background-image: url(/flags/1x1/pf.svg);
    }

.flag-icon-pg {
    background-image: url(/flags/4x3/pg.svg);
}

    .flag-icon-pg.flag-icon-squared {
        background-image: url(/flags/1x1/pg.svg);
    }

.flag-icon-ph {
    background-image: url(/flags/4x3/ph.svg);
}

    .flag-icon-ph.flag-icon-squared {
        background-image: url(/flags/1x1/ph.svg);
    }

.flag-icon-pk {
    background-image: url(/flags/4x3/pk.svg);
}

    .flag-icon-pk.flag-icon-squared {
        background-image: url(/flags/1x1/pk.svg);
    }

.flag-icon-pl {
    background-image: url(/flags/4x3/pl.svg);
}

    .flag-icon-pl.flag-icon-squared {
        background-image: url(/flags/1x1/pl.svg);
    }

.flag-icon-pm {
    background-image: url(/flags/4x3/pm.svg);
}

    .flag-icon-pm.flag-icon-squared {
        background-image: url(/flags/1x1/pm.svg);
    }

.flag-icon-pn {
    background-image: url(/flags/4x3/pn.svg);
}

    .flag-icon-pn.flag-icon-squared {
        background-image: url(/flags/1x1/pn.svg);
    }

.flag-icon-pr {
    background-image: url(/flags/4x3/pr.svg);
}

    .flag-icon-pr.flag-icon-squared {
        background-image: url(/flags/1x1/pr.svg);
    }

.flag-icon-ps {
    background-image: url(/flags/4x3/ps.svg);
}

    .flag-icon-ps.flag-icon-squared {
        background-image: url(/flags/1x1/ps.svg);
    }

.flag-icon-pt {
    background-image: url(/flags/4x3/pt.svg);
}

    .flag-icon-pt.flag-icon-squared {
        background-image: url(/flags/1x1/pt.svg);
    }

.flag-icon-pw {
    background-image: url(/flags/4x3/pw.svg);
}

    .flag-icon-pw.flag-icon-squared {
        background-image: url(/flags/1x1/pw.svg);
    }

.flag-icon-py {
    background-image: url(/flags/4x3/py.svg);
}

    .flag-icon-py.flag-icon-squared {
        background-image: url(/flags/1x1/py.svg);
    }

.flag-icon-qa {
    background-image: url(/flags/4x3/qa.svg);
}

    .flag-icon-qa.flag-icon-squared {
        background-image: url(/flags/1x1/qa.svg);
    }

.flag-icon-re {
    background-image: url(/flags/4x3/re.svg);
}

    .flag-icon-re.flag-icon-squared {
        background-image: url(/flags/1x1/re.svg);
    }

.flag-icon-ro {
    background-image: url(/flags/4x3/ro.svg);
}

    .flag-icon-ro.flag-icon-squared {
        background-image: url(/flags/1x1/ro.svg);
    }

.flag-icon-rs {
    background-image: url(/flags/4x3/rs.svg);
}

    .flag-icon-rs.flag-icon-squared {
        background-image: url(/flags/1x1/rs.svg);
    }

.flag-icon-ru {
    background-image: url(/flags/4x3/ru.svg);
}

    .flag-icon-ru.flag-icon-squared {
        background-image: url(/flags/1x1/ru.svg);
    }

.flag-icon-rw {
    background-image: url(/flags/4x3/rw.svg);
}

    .flag-icon-rw.flag-icon-squared {
        background-image: url(/flags/1x1/rw.svg);
    }

.flag-icon-sa {
    background-image: url(/flags/4x3/sa.svg);
}

    .flag-icon-sa.flag-icon-squared {
        background-image: url(/flags/1x1/sa.svg);
    }

.flag-icon-sb {
    background-image: url(/flags/4x3/sb.svg);
}

    .flag-icon-sb.flag-icon-squared {
        background-image: url(/flags/1x1/sb.svg);
    }

.flag-icon-sc {
    background-image: url(/flags/4x3/sc.svg);
}

    .flag-icon-sc.flag-icon-squared {
        background-image: url(/flags/1x1/sc.svg);
    }

.flag-icon-sd {
    background-image: url(/flags/4x3/sd.svg);
}

    .flag-icon-sd.flag-icon-squared {
        background-image: url(/flags/1x1/sd.svg);
    }

.flag-icon-se {
    background-image: url(/flags/4x3/se.svg);
}

    .flag-icon-se.flag-icon-squared {
        background-image: url(/flags/1x1/se.svg);
    }

.flag-icon-sg {
    background-image: url(/flags/4x3/sg.svg);
}

    .flag-icon-sg.flag-icon-squared {
        background-image: url(/flags/1x1/sg.svg);
    }

.flag-icon-sh {
    background-image: url(/flags/4x3/sh.svg);
}

    .flag-icon-sh.flag-icon-squared {
        background-image: url(/flags/1x1/sh.svg);
    }

.flag-icon-si {
    background-image: url(/flags/4x3/si.svg);
}

    .flag-icon-si.flag-icon-squared {
        background-image: url(/flags/1x1/si.svg);
    }

.flag-icon-sj {
    background-image: url(/flags/4x3/sj.svg);
}

    .flag-icon-sj.flag-icon-squared {
        background-image: url(/flags/1x1/sj.svg);
    }

.flag-icon-sk {
    background-image: url(/flags/4x3/sk.svg);
}

    .flag-icon-sk.flag-icon-squared {
        background-image: url(/flags/1x1/sk.svg);
    }

.flag-icon-sl {
    background-image: url(/flags/4x3/sl.svg);
}

    .flag-icon-sl.flag-icon-squared {
        background-image: url(/flags/1x1/sl.svg);
    }

.flag-icon-sm {
    background-image: url(/flags/4x3/sm.svg);
}

    .flag-icon-sm.flag-icon-squared {
        background-image: url(/flags/1x1/sm.svg);
    }

.flag-icon-sn {
    background-image: url(/flags/4x3/sn.svg);
}

    .flag-icon-sn.flag-icon-squared {
        background-image: url(/flags/1x1/sn.svg);
    }

.flag-icon-so {
    background-image: url(/flags/4x3/so.svg);
}

    .flag-icon-so.flag-icon-squared {
        background-image: url(/flags/1x1/so.svg);
    }

.flag-icon-sr {
    background-image: url(/flags/4x3/sr.svg);
}

    .flag-icon-sr.flag-icon-squared {
        background-image: url(/flags/1x1/sr.svg);
    }

.flag-icon-ss {
    background-image: url(/flags/4x3/ss.svg);
}

    .flag-icon-ss.flag-icon-squared {
        background-image: url(/flags/1x1/ss.svg);
    }

.flag-icon-st {
    background-image: url(/flags/4x3/st.svg);
}

    .flag-icon-st.flag-icon-squared {
        background-image: url(/flags/1x1/st.svg);
    }

.flag-icon-sv {
    background-image: url(/flags/4x3/sv.svg);
}

    .flag-icon-sv.flag-icon-squared {
        background-image: url(/flags/1x1/sv.svg);
    }

.flag-icon-sx {
    background-image: url(/flags/4x3/sx.svg);
}

    .flag-icon-sx.flag-icon-squared {
        background-image: url(/flags/1x1/sx.svg);
    }

.flag-icon-sy {
    background-image: url(/flags/4x3/sy.svg);
}

    .flag-icon-sy.flag-icon-squared {
        background-image: url(/flags/1x1/sy.svg);
    }

.flag-icon-sz {
    background-image: url(/flags/4x3/sz.svg);
}

    .flag-icon-sz.flag-icon-squared {
        background-image: url(/flags/1x1/sz.svg);
    }

.flag-icon-tc {
    background-image: url(/flags/4x3/tc.svg);
}

    .flag-icon-tc.flag-icon-squared {
        background-image: url(/flags/1x1/tc.svg);
    }

.flag-icon-td {
    background-image: url(/flags/4x3/td.svg);
}

    .flag-icon-td.flag-icon-squared {
        background-image: url(/flags/1x1/td.svg);
    }

.flag-icon-tf {
    background-image: url(/flags/4x3/tf.svg);
}

    .flag-icon-tf.flag-icon-squared {
        background-image: url(/flags/1x1/tf.svg);
    }

.flag-icon-tg {
    background-image: url(/flags/4x3/tg.svg);
}

    .flag-icon-tg.flag-icon-squared {
        background-image: url(/flags/1x1/tg.svg);
    }

.flag-icon-th {
    background-image: url(/flags/4x3/th.svg);
}

    .flag-icon-th.flag-icon-squared {
        background-image: url(/flags/1x1/th.svg);
    }

.flag-icon-tj {
    background-image: url(/flags/4x3/tj.svg);
}

    .flag-icon-tj.flag-icon-squared {
        background-image: url(/flags/1x1/tj.svg);
    }

.flag-icon-tk {
    background-image: url(/flags/4x3/tk.svg);
}

    .flag-icon-tk.flag-icon-squared {
        background-image: url(/flags/1x1/tk.svg);
    }

.flag-icon-tl {
    background-image: url(/flags/4x3/tl.svg);
}

    .flag-icon-tl.flag-icon-squared {
        background-image: url(/flags/1x1/tl.svg);
    }

.flag-icon-tm {
    background-image: url(/flags/4x3/tm.svg);
}

    .flag-icon-tm.flag-icon-squared {
        background-image: url(/flags/1x1/tm.svg);
    }

.flag-icon-tn {
    background-image: url(/flags/4x3/tn.svg);
}

    .flag-icon-tn.flag-icon-squared {
        background-image: url(/flags/1x1/tn.svg);
    }

.flag-icon-to {
    background-image: url(/flags/4x3/to.svg);
}

    .flag-icon-to.flag-icon-squared {
        background-image: url(/flags/1x1/to.svg);
    }

.flag-icon-tr {
    background-image: url(/flags/4x3/tr.svg);
}

    .flag-icon-tr.flag-icon-squared {
        background-image: url(/flags/1x1/tr.svg);
    }

.flag-icon-tt {
    background-image: url(/flags/4x3/tt.svg);
}

    .flag-icon-tt.flag-icon-squared {
        background-image: url(/flags/1x1/tt.svg);
    }

.flag-icon-tv {
    background-image: url(/flags/4x3/tv.svg);
}

    .flag-icon-tv.flag-icon-squared {
        background-image: url(/flags/1x1/tv.svg);
    }

.flag-icon-tw {
    background-image: url(/flags/4x3/tw.svg);
}

    .flag-icon-tw.flag-icon-squared {
        background-image: url(/flags/1x1/tw.svg);
    }

.flag-icon-tz {
    background-image: url(/flags/4x3/tz.svg);
}

    .flag-icon-tz.flag-icon-squared {
        background-image: url(/flags/1x1/tz.svg);
    }

.flag-icon-ua {
    background-image: url(/flags/4x3/ua.svg);
}

    .flag-icon-ua.flag-icon-squared {
        background-image: url(/flags/1x1/ua.svg);
    }

.flag-icon-ug {
    background-image: url(/flags/4x3/ug.svg);
}

    .flag-icon-ug.flag-icon-squared {
        background-image: url(/flags/1x1/ug.svg);
    }

.flag-icon-um {
    background-image: url(/flags/4x3/um.svg);
}

    .flag-icon-um.flag-icon-squared {
        background-image: url(/flags/1x1/um.svg);
    }

.flag-icon-us {
    background-image: url(/flags/4x3/us.svg);
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(/flags/1x1/us.svg);
    }

.flag-icon-uy {
    background-image: url(/flags/4x3/uy.svg);
}

    .flag-icon-uy.flag-icon-squared {
        background-image: url(/flags/1x1/uy.svg);
    }

.flag-icon-uz {
    background-image: url(/flags/4x3/uz.svg);
}

    .flag-icon-uz.flag-icon-squared {
        background-image: url(/flags/1x1/uz.svg);
    }

.flag-icon-va {
    background-image: url(/flags/4x3/va.svg);
}

    .flag-icon-va.flag-icon-squared {
        background-image: url(/flags/1x1/va.svg);
    }

.flag-icon-vc {
    background-image: url(/flags/4x3/vc.svg);
}

    .flag-icon-vc.flag-icon-squared {
        background-image: url(/flags/1x1/vc.svg);
    }

.flag-icon-ve {
    background-image: url(/flags/4x3/ve.svg);
}

    .flag-icon-ve.flag-icon-squared {
        background-image: url(/flags/1x1/ve.svg);
    }

.flag-icon-vg {
    background-image: url(/flags/4x3/vg.svg);
}

    .flag-icon-vg.flag-icon-squared {
        background-image: url(/flags/1x1/vg.svg);
    }

.flag-icon-vi {
    background-image: url(/flags/4x3/vi.svg);
}

    .flag-icon-vi.flag-icon-squared {
        background-image: url(/flags/1x1/vi.svg);
    }

.flag-icon-vn {
    background-image: url(/flags/4x3/vn.svg);
}

    .flag-icon-vn.flag-icon-squared {
        background-image: url(/flags/1x1/vn.svg);
    }

.flag-icon-vu {
    background-image: url(/flags/4x3/vu.svg);
}

    .flag-icon-vu.flag-icon-squared {
        background-image: url(/flags/1x1/vu.svg);
    }

.flag-icon-wf {
    background-image: url(/flags/4x3/wf.svg);
}

    .flag-icon-wf.flag-icon-squared {
        background-image: url(/flags/1x1/wf.svg);
    }

.flag-icon-ws {
    background-image: url(/flags/4x3/ws.svg);
}

    .flag-icon-ws.flag-icon-squared {
        background-image: url(/flags/1x1/ws.svg);
    }

.flag-icon-ye {
    background-image: url(/flags/4x3/ye.svg);
}

    .flag-icon-ye.flag-icon-squared {
        background-image: url(/flags/1x1/ye.svg);
    }

.flag-icon-yt {
    background-image: url(/flags/4x3/yt.svg);
}

    .flag-icon-yt.flag-icon-squared {
        background-image: url(/flags/1x1/yt.svg);
    }

.flag-icon-za {
    background-image: url(/flags/4x3/za.svg);
}

    .flag-icon-za.flag-icon-squared {
        background-image: url(/flags/1x1/za.svg);
    }

.flag-icon-zm {
    background-image: url(/flags/4x3/zm.svg);
}

    .flag-icon-zm.flag-icon-squared {
        background-image: url(/flags/1x1/zm.svg);
    }

.flag-icon-zw {
    background-image: url(/flags/4x3/zw.svg);
}

    .flag-icon-zw.flag-icon-squared {
        background-image: url(/flags/1x1/zw.svg);
    }

.flag-icon-es-ca {
    background-image: url(/flags/4x3/es-ca.svg);
}

    .flag-icon-es-ca.flag-icon-squared {
        background-image: url(/flags/1x1/es-ca.svg);
    }

.flag-icon-eu {
    background-image: url(/flags/4x3/eu.svg);
}

    .flag-icon-eu.flag-icon-squared {
        background-image: url(/flags/1x1/eu.svg);
    }

.flag-icon-gb-eng {
    background-image: url(/flags/4x3/gb-eng.svg);
}

    .flag-icon-gb-eng.flag-icon-squared {
        background-image: url(/flags/1x1/gb-eng.svg);
    }

.flag-icon-gb-nir {
    background-image: url(/flags/4x3/gb-nir.svg);
}

    .flag-icon-gb-nir.flag-icon-squared {
        background-image: url(/flags/1x1/gb-nir.svg);
    }

.flag-icon-gb-sct {
    background-image: url(/flags/4x3/gb-sct.svg);
}

    .flag-icon-gb-sct.flag-icon-squared {
        background-image: url(/flags/1x1/gb-sct.svg);
    }

.flag-icon-gb-wls {
    background-image: url(/flags/4x3/gb-wls.svg);
}

    .flag-icon-gb-wls.flag-icon-squared {
        background-image: url(/flags/1x1/gb-wls.svg);
    }

.flag-icon-un {
    background-image: url(/flags/4x3/un.svg);
}

    .flag-icon-un.flag-icon-squared {
        background-image: url(/flags/1x1/un.svg);
    }

.flag-icon-xk {
    background-image: url(/flags/4x3/xk.svg);
}

    .flag-icon-xk.flag-icon-squared {
        background-image: url(/flags/1x1/xk.svg);
    }

body {
    background: #fff;
    color: #000000;
    font-family: 'segoe ui','Open Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
    overflow-x: hidden;
}

a {
    outline: 0!important;
    color: #d12127;
    text-decoration: none!important;
}

    /*a:visited {
        color: #b82818;
    }

    a:hover {
        color: #3d3d3d;
    }*/

#aboutus h3,
#contact h5,
#whymccloud h3,
.worry-free-experience h3,
h2 span {
    font-weight: 600;
    font-size: 36px;
    line-height: 50px;
}

    h2 span {
        font-weight: 400!important;
        text-transform: none!important;
    }

#productivity h2, .admin-service h2, .sip-trunking-detail h2, h3 {
    color: #333;
    font-size: 38px;
    line-height: 40px;
}

    h3:after {
        content: ' ';
        width: 100%;
        height: 1px;
        display: block;
        margin: 0px 0 0px;
    }

h4 {
    font-size: 24px;
}

h5 {
    color: #d12127;
    font-size: 21px;
}

h6 {
    color: #333;
    font-size: 19px;
}

::selection {
    background: #d12127;
    color: #fff;
}

::-moz-selection {
    background: #d12127;
    color: #fff;
}

.bg-grey {
    background-color: #f9f9f9;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-maroon {
    background-color: #d12127 !important;
}

.bg-green {
    background-color: #1fbb25 !important;
}

.caption-margin {
    margin-top: 60px;
}

.parallax {
    background-attachment: fixed!important;
}

.color-overlay-sec {
    background: rgba(163,26,10,.92)!important;
    position: relative;
    padding: 20px 0;
}

.overlay-sec {
    background: rgba(0,0,0,.3);
    padding: 50px 0;
}

    .overlay-sec h2 {
        color: #fff;
    }

.color-overlay-sec h2 {
    color: #fff;
}

    .color-overlay-sec h2 span {
        color: #ff9f8f;
    }

.color-overlay-sec .person span {
    color: #ccc!important;
}

.color-overlay-sec p {
    border-bottom-color: rgba(51,51,51,.1)!important;
}

.icon-list {
    list-style: none;
    padding: 0;
}

    .icon-list li {
        width: 100%;
        display: inline-block;
        margin-bottom: .5em;
    }

    .icon-list .elegant {
        float: left;
        width: 10%;
        color: #fff;
        font-size: 1.3em;
    }

    .icon-list .txt {
        float: left;
        max-width: 90%;
    }

.noopacity {
    opacity: 0;
}

.nodisplay {
    display: none;
}

.breakit {
    word-break: break-all;
}

.btn {
    padding: 10px 10px;
    border-radius: 5px;
    outline: 0!important;
}

.btn-primary {
    background: #fff;
    border-color: #ccc;
    color: #666;
}

.btn-info {
    background: #4e4e4e;
    border-color: #4e4e4e;
    font-weight: 300;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-success:active, .btn-success:focus, .btn-success:hover {
    background: #3d3d3d;
    border-color: #3d3d3d;
    outline: 0;
}

.btn-info:active, .btn-info:focus, .btn-info:hover {
    background: #3d3d3d;
    border-color: #3d3d3d;
    outline: 0;
}

input {
    height: 50px!important;
    border-color: #ccc;
    font-weight: 400;
}

    input:active, input:focus {
        outline: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-color: #ccc;
    }

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-addon {
    width: 68px!important;
    background: #3d3d3d;
    border-color: #3d3d3d;
    color: #f3f3f3;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #999;
}

.has-error .form-control {
    border-color: #d12127;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error .input-group-addon {
    color: #fff;
    background-color: #d12127;
    border-color: #d12127;
}

.has-error .form-control-feedback {
    color: #d12127;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background: #3d3d3d;
    border-color: #3d3d3d;
}

.help-block {
    font-size: .75em;
    margin-bottom: 0;
}

    .help-block ul {
        margin-bottom: 0;
    }

.btn .elegant {
    margin-right: 0;
}

    .btn .elegant:before {
        margin-top: 6px;
        margin-left: 5%;
        float: left;
    }

.elegant {
    font-size: 1.75em;
}

.nav-tabs li {
    overflow: hidden;
    border: 0px solid #ccc!important;
    border-left: 0!important;
}

    .nav-tabs li:first-of-type {
        border: 0px solid #ccc;
        border-radius: 5px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .nav-tabs li:last-of-type {
        border: 0px solid #ccc!important;
        border-left: 0!important;
        border-radius: 5px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .nav-tabs li a {
        border-radius: 0!important;
        margin-right: 0!important;
        padding: 10px 40px;
        color: #333;
    }

        .nav-tabs li a:hover {
            background: #666;
            color: #fff;
        }

.nav-tabs .active a {
    background: #d12127!important;
    color: #fff!important;
}

.tab-content {
    margin-top: 60px;
}

.nav-light li, .nav-light li:first-of-type, .nav-light li:last-of-type {
    border-color: #fff!important;
}

.nav-light .active a {
    background: #f3f3f3!important;
    color: #333!important;
}

.nav-light li a {
    color: #fff;
}

.gradient-overlay-sec .nav-light li, .gradient-overlay-sec .nav-light li:first-of-type, .gradient-overlay-sec .nav-light li:last-of-type {
    border-color: rgba(255,255,255,.5)!important;
}

.gradient-overlay-sec .nav-light .active a {
    color: #d12127!important;
}

.gradient-overlay-sec .nav-light li a:hover {
    background: rgba(51,51,51,.5);
}

.gradient-overlay-sec .nav-light li a {
    color: #fff;
}

.navbar-brand {
    margin-bottom: 5px;
    opacity: 1;
    display: table;
    padding: 8px 0 0;
    margin-bottom: 0;
}

    .navbar-brand:hover {
        opacity: .8;
    }

.main-menu {
    padding: 13px 0 15px 0;
}

    .main-menu .navbar-nav {
        padding: 8px 0 0 0;
    }



    .main-menu .navbar-collapse a {
        padding-top: 11px;
        padding-bottom: 11px;
    }

        .main-menu .navbar-collapse a:hover {
            background: 0 0;
            color: #d12127;
        }

    .main-menu .navbar-toggle .icon-bar {
        background: #fff;
    }

    .main-menu .navbar-toggle {
        border-color: #3d3d3d;
        background: #3d3d3d;
        margin-top: 10px;
    }

    .main-menu .collapsed {
        background: #fff;
        border-color: #ccc;
    }

        .main-menu .collapsed .icon-bar {
            background: #666;
        }

    .main-menu .in li {
        background: #3d3d3d;
    }



    .main-menu .collapsing li, .main-menu .in li {
        text-align: center;
    }

    .main-menu .in a:hover {
        background: #d12127;
        color: #fff;
    }

    .main-menu .buttons-cont {
        float: right;
    }

    .main-menu .btn-primary, .main-menu .btn-success {
        margin: 10px 0 0 0;
    }

    .main-menu .btn-primary {
        margin-left: 20px;
    }

   

.modal-dialog {
    margin-top: 20vh;
    max-width: 500px;
    width: auto;
}

.modal-content {
    padding: 0 10px;
}

.modal-body {
    padding-bottom: 0;
}

.modal-header h5, .modal-header h6 {
    text-align: center;
}

.modal-header h5 {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.125em;
    margin-top: 10px;
}

.modal-header h6 {
    font-size: 1em;
    font-weight: 300;
    color: #666;
}

.modal-body .form-group, .modal-body .form-horizontal {
    margin-left: 0;
    margin-right: 0;
}

.modal-body .icon-password {
    font-size: 5.625em;
    line-height: 0;
    margin-top: 35px;
    display: block;
}

.modal-body .icon-repeat {
    font-size: 3.125em;
    line-height: 0;
    display: block;
    margin-top: 20px;
}

.modal-body button {
    font-size: 1.125em;
    font-weight: 600;
    padding: 20px 0;
}

.modal-body input {
    background: #f3f3f3;
}

.modal-body .other {
    font-size: .875em;
    font-weight: 300;
    color: #999;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

    .modal-body .other:hover {
        color: #666;
    }

.modal-footer p {
    color: #333;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: 7px;
}

    .modal-footer p span {
        color: #d12127;
    }

    .modal-footer p:hover span {
        color: #960600;
    }

.formModal {
    text-align: center;
    margin-bottom: 30px;
}

    .formModal .elegant {
        font-size: 6em;
        color: #ccc;
        display: block;
    }

    .formModal .error {
        color: #d12127!important;
    }

    .formModal .desc {
        font-size: 2em;
        font-weight: 700;
        color: #d12127;
    }

.modal .btn-ok {
    min-width: 66%;
    margin: 0 auto;
    display: block;
}

.owl-nav div {
    position: absolute;
    top: 50%;
    height: 50px;
    width: 50px;
    background: 0 0!important;
    font-size: 5em;
    color: #d12127;
    margin-top: -40px!important;
}

    .owl-nav div:hover {
        color: #666;
    }

.owl-nav .owl-prev:hover {
    left: -7px;
}

.owl-nav .owl-next:hover {
    right: -7px;
}

.owl-nav .owl-prev {
    left: 0;
    content: ' '!important;
}

.owl-nav .owl-next {
    right: 0;
}

.owl-theme .owl-dots .owl-dot span {
    background: 0 0!important;
    border: 1px solid #3d3d3d;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #d12127!important;
    border: 1px solid #d12127;
}

.parallax .owl-theme .owl-dots .owl-dot span {
    background: 0 0!important;
    border: 1px solid #000;
}

.owl-theme .owl-dots .owl-dot:hover span, .parallax .owl-theme .owl-dots .owl-dot.active span {
    background: #d12127!important;
    border: 1px solid #d12127;
}

.headroom {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all .5s ease-in-out;
}

.headroom--unpinned {
    top: -100px;
}

.headroom--pinned {
    top: 0;
}

.headroom--not-top {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

#header {
   /* max-height: 930px;*/
    /*min-height: 500px;*/
}

    #header .container {
        height: 100%;
    }

    #header .overlay {
        background: rgba(0,0,0,.35);
        height: 100%;
        position: relative;
    }

    #header .color-overlay {
        background: rgba(244,99,82,.9);
        height: 100%;
        position: relative;
    }

        #header .color-overlay .header-txt-color {
            color: #fff;
        }

        #header .color-overlay .btn-success {
            border-color: transparent;
            background: rgba(163,26,10,.7);
        }

            #header .color-overlay .btn-success:hover {
                background: #3d3d3d;
                border-color: #3d3d3d;
            }

    #header .row {
        height: 100%;
        border-bottom: 0px solid #ec5c4c;
    }

    #header .header-cont {
        height: 100%;
    }

    #header header {
        margin-bottom: 30px;
    }

    #header h3 {
        font-size: 2.25em;
        font-weight: 300;
    }

        #header h3:after {
            display: none;
        }

    #header .header-txt-small {
        font-size: .6em;
    }

    #header .header-txt-color {
        color: #f46352;
    }

    #header .header-addonial-bg {
        border-radius: 5px;
        background: rgba(0,0,0,.35);
    }

    #header .btn, .inner-banner .btn {
        margin-right: 0;
        padding: 0;
        font-size: 1.125em;
        border-radius: 1px;
    }

    #header .btn-info, .inner-banner .btn-info {
        background: #fff;
        border-color: #fff;
        font-weight: 300;
    }

    #header .btn-black, .inner-banner .btn-black {
        background: #000;
        border-color: #000;
        font-weight: 300;
    }

        #header .btn-black a {
            color: #fff;
        }

        #header .btn-black:hover {
            color: #333!important;
        }

        #header .btn-black:active, #header .btn-black:focus, #header .btn-black:hover {
            background: 0 0;
            border-color: #000;
        }

.btn-transparent-black {
    background: 0 0;
    border-color: #000;
    font-weight: 300;
}

    .btn-transparent-black:active, .btn-transparent-black:focus, .btn-transparent-black:hover {
        background: #000;
        border-color: #000;
    }

    .btn-transparent-black a {
        color: #000;
    }

    .btn-transparent-black:hover {
        color: #fff;
    }

#header .header-discover-machcloud .btn.btn-transparent-black a {
    color: #000;
}

    #header .header-discover-machcloud .btn.btn-transparent-black a:hover {
        color: #fff!important;
    }

.btn-solid-black {
    background: #000;
    border-color: #000;
    font-weight: 300;
}

#header .header-discover-machcloud .btn a {
    color: #fff;
}

    #header .header-discover-machcloud .btn a:hover {
        color: #333!important;
    }

.btn-solid-black:active, .btn-solid-black:focus, .btn-solid-black:hover {
    background: 0 0;
    border-color: #000;
}

#header .btn-solid-black a {
    color: #fff;
}

    #header .btn-solid-black a:active, #header .btn-solid-black a:focus, #header .btn-solid-black a:hover {
        background: 0 0;
        border-color: #000;
    }

.btn-transparent {
    background: 0 0;
    border-color: #fff;
    font-weight: 300;
}

    .btn-transparent:active, .btn-transparent:focus, .btn-transparent:hover {
        background: #fff;
        border-color: #fff;
    }

    .btn-transparent a {
        color: #fff!important;
    }

    .btn-transparent:hover {
        color: #333!important;
    }

.header-unified-communications .btn-info {
    background: #10a0cb!important;
    border-color: #fff!important;
    font-weight: 300;
}

    .header-unified-communications .btn-info:active, .header-unified-communications .btn-info:focus, .header-unified-communications .btn-info:hover {
        background: 0 0!important;
        border-color: #10a0cb!important;
    }

    .header-unified-communications .btn-info a {
        color: #fff!important;
    }

#header .header-unified-communications .btn a:active, #header .header-unified-communications .btn a:focus, #header .header-unified-communications .btn a:hover {
    color: #10a0cb!important;
}

#header .btn-info:active, #header .btn-info:focus, #header .btn-info:hover, .inner-banner .btn-info:active, .inner-banner .btn-info:focus, .inner-banner .btn-info:hover {
    background: 0 0;
    border-color: #fff;
    outline: 0;
    color: #333!important;
}

#header .btn a, .inner-banner .btn a {
    color: #333;
    width: 100%;
    height: 100%;
    display: block;
    padding: 3px 25px 13px 10px;
}

    .inner-banner .btn a.button-black {
        color: #fff!important;
    }

        .inner-banner .btn a.button-black:hover {
            color: #000!important;
        }

    #header .btn a:hover, .inner-banner .btn a:hover {
        background: 0 0;
        border-color: #fff;
        outline: 0;
        color: #fff!important;
    }

#header .btn-subscribe {
    display: block;
    width: 100%!important;
    padding: 20px 0;
    max-width: none!important;
}

#header .header-margin {
    width: 100%;
    margin-top: 20%;
}

#header .header-margin-more {
    width: 100%;
    margin-top: 35%;
}

#header .buttons-cont .btn:last-of-type {
    margin-right: 0;
}

.header-centred {
    text-align: center;
}

    .header-centred h1 {
        font-size: 7.5em!important;
    }

    .header-centred .header-txt-small {
        font-size: .5em!important;
    }

    .header-centred .header-margin-more {
        height: 25%!important;
    }

.header-submit {
    text-align: center;
}

    .header-submit .header-txt-small {
        font-size: .55em!important;
        line-height: .9em;
    }

.header-form form {
    width: 100%;
    padding: 20px 0;
    display: table;
}

    .header-form form .btn {
        width: 90%!important;
    }

.header-more {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 40px;
}

    .header-more p {
        color: #fff;
        opacity: 0;
        line-height: 1em;
        margin-bottom: 20px;
    }

    .header-more:hover p {
        opacity: .5;
    }

    .header-more .elegant {
        color: #f46352;
        font-size: 2.85em;
    }

        .header-more .elegant:hover {
            margin-top: 0;
            color: #d12127;
            cursor: pointer!important;
        }

.header-countdown {
    text-align: center;
}

    .header-countdown .header-txt-small {
        line-height: .9em;
    }

    .header-countdown h3 {
        line-height: .3em;
    }

    .header-countdown #countdown {
        color: #fff;
    }

        .header-countdown #countdown div {
            float: left;
            text-align: center;
            width: 25%;
            font-size: 1.125em;
            font-weight: 300;
            margin-bottom: 20px;
        }

            .header-countdown #countdown div p {
                font-size: 3.33em;
                font-weight: 700;
                margin-bottom: -10px;
            }

#offerings .offer, #whymccloud .center-icon, .worry-free-experience .center-icon {
    text-align: center;
    color: #666;
    padding-top: 20px;
    box-shadow: inset 0 0 0 1px transparent;
    min-height: 310px;
}

    #offerings .offer .elegant {
        color: #333;
        font-size: 5.5em;
    }

    #offerings .offer h5 {
        margin-top: 32px;
    }

    #offerings .offer:hover {
        box-shadow: inset 0 0 0 1px #e2e2e2;
        border-radius: 5px;
    }

#offerings .load-more {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

    #offerings .load-more:before {
        border-top: 2px solid #f3f3f3;
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 95%;
        z-index: -1;
    }

    #offerings .load-more .btn {
        margin: 0 auto;
        display: block;
        font-weight: 600;
        font-size: 1em;
        padding: 15px 5%;
    }

#about {
    margin: 45px 0;
}

    #about h2 {
        margin-bottom: 60px;
    }

    #about .about-cont {
        padding: 70px 0;
    }

    #about p {
        width: 100%;
        display: inline-block;
        margin-bottom: 20px;
    }

.about-to-right h3, .about-to-right p {
    text-align: right;
}

    .about-to-right h3:after {
        float: right;
    }

.about-to-right .about-img {
    text-align: right;
}

#testimonials {
    background: url(/Resources/images/parallax_bg/01.jpg);
    background-size: cover;
}

.carousel-element {
    padding: 50px 0;
}

#testimonials .avatar {
    border-radius: 50%;
    border: 4px solid #fff;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
}

#testimonials p {
    color: #fff;
    font-size: 2.25em;
    line-height: 1.2em;
    font-weight: 300;
    padding-bottom: 10px;
    border-bottom: 2px solid #989898;
}

#testimonials .person {
    font-size: 1em;
    border-bottom: none;
    font-weight: 400;
}

    #testimonials .person span {
        color: #999;
        margin-left: 15px;
    }

#logos {
    padding: 30px 0 25px;
}

    #logos img {
        filter: url(/CSS/data:image/svg+xml;utf8,<svg xmlns=/'http:/www.w3.org/2000/svg/'><filter id=/'grayscale/'><feColorMatrix type=/'matrix/' values=/'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0/'/></filter></svg>#grayscale);
        filter: gray;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .5;
    }

        #logos img:hover {
            filter: url(/CSS/data:image/svg+xml;utf8,<svg xmlns=/'http:/www.w3.org/2000/svg/'><filter id=/'grayscale/'><feColorMatrix type=/'matrix/' values=/'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0/'/></filter></svg>#grayscale);
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -o-filter: grayscale(0);
            -ms-filter: grayscale(0);
            filter: grayscale(0);
            opacity: 1;
        }

    #logos .owl-next, #logos .owl-prev {
        display: none!important;
    }

#reseller, #service-migration {
    background-color: #f9f9f9;
    padding: 40px 0 40px 0;
}





#plans .offer:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}



#plans .offer .offer-price {
    background: #f3f3f3;
    font-size: 1.25em;
    padding-bottom: 16px;
}

    #plans .offer .offer-price span:nth-child(1) {
        color: #d12127;
        font-size: 1.5em;
    }

    #plans .offer .offer-price span:nth-child(2) {
        color: #d12127;
        font-size: 3em;
        font-weight: 900;
    }



#plans .offer .offer-features p img {
    padding-top: 15px;
}

#plans .offer .offer-features p.bg-f5f5f5 {
    background-color: #f5f5f5;
}

#plans .offer .offer-features p.feature-icons {
    min-height: 100px;
}

#plans .offer .offer-features p:last-of-type {
    border-bottom: 0;
}

#plans .offer .offer-features .unactive {
    color: #999;
}

#plans .offer .offer-buy {
    background: #f3f3f3;
    padding: 16px 0;
}

    #plans .offer .offer-buy .btn-info {
        width: 75%;
    }

        #plans .offer .offer-buy .btn-info:hover {
            background: #d12127!important;
            border-color: #d12127!important;
        }

        #plans .offer .offer-buy .btn-info:hover {
            width: 75%;
        }

        #plans .offer .offer-buy .btn-info a {
            color: #fff;
        }

        #plans .offer .offer-buy .btn-info:active {
            background: #a71707!important;
        }

#plans .offer-most-popular {
    margin-top: 0!important;
}

    #plans .offer-most-popular .offer-name-popular {
        background: #d12127;
        padding: 5px 0;
        font-size: 17px;
        color: #fff!important;
    }

    #plans .offer-most-popular h4 {
        line-height: 20px;
    }

#plans .offer-best {
    margin-top: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}

    #plans .offer-best:hover {
        -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.3);
        -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 25px 0 rgba(0,0,0,.3);
    }

    #plans .offer-best:before {
        content: 'Most popular!';
        text-transform: uppercase;
        font-size: .875em;
        position: absolute;
        width: 100%;
        margin-top: -25px;
        left: 0;
    }

    #plans .offer-best .offer-name {
        background: #d12127;
        padding: 19px 0;
        font-size: 1.3em;
    }

    #plans .offer-best .offer-buy {
        padding: 24px 0;
    }

        #plans .offer-best .offer-buy button {
            background: #d12127;
            border-color: #d12127;
        }

        #plans .offer-best .offer-buy .btn-info {
            background: #d12127!important;
            border-color: #d12127!important;
        }

            #plans .offer-best .offer-buy .btn-info:hover {
                background: #a71707!important;
                border-color: #d12127!important;
            }

            #plans .offer-best .offer-buy .btn-info:active {
                background: #0a0a0a!important;
                border-color: #3d3d3d!important;
            }

#team {
    margin-bottom: 90px;
}

    #team .container {
        margin-top: 50px;
    }

    #team .carousel-team {
        text-align: center;
    }

    #team .team-member:hover .avatar {
        border-color: #d12127;
    }

    #team .avatar {
        border-radius: 50%;
        max-width: 100px;
        border: 4px solid #666;
        margin: 0 auto 20px;
    }

    #team .socialmedia {
        margin-bottom: 15px;
    }

        #team .socialmedia a {
            font-size: 1.25em;
            color: #ccc;
            margin-right: 5px;
        }

            #team .socialmedia a:last-of-type {
                margin-right: 0;
            }

            #team .socialmedia a:hover {
                color: #666;
            }

    #team .personal {
        line-height: 1em;
    }

        #team .personal span {
            width: 100%;
            display: block;
            color: #999;
        }

    #team .owl-next, #team .owl-prev {
        display: none!important;
    }

#aboutus {
    background: url(/Resources/images/about/aboutus-bg.jpg);
    background-size: cover;
}

    #aboutus h3 {
        text-align: center;
        color: #fff;
        font-weight: 200;
    }

        #aboutus h3:after {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 40px;
        }

    #aboutus .tab-content {
        color: #fff;
        display: table;
        padding-bottom: 50px!important;
    }

    #aboutus h4 {
        color: #fff;
        margin-bottom: 20px;
    }

    #aboutus p {
        line-height: 1.6em;
    }

    #aboutus .icon-list {
        margin-bottom: 35px;
    }

    #aboutus b {
        color: #fff;
    }

    #aboutus .color-overlay-sec h3:after {
        border-color: rgba(255,255,255,.25);
    }

    #aboutus .color-overlay-sec .tab-content {
        color: rgba(255,255,255,.75);
    }

    #aboutus .color-overlay-sec .icon-list .elegant {
        color: #fff;
    }

    #aboutus .color-overlay-sec .nav-light li, #aboutus .color-overlay-sec .nav-light li .nav-light li:first-of-type, #aboutus .color-overlay-sec .nav-light li .nav-light li:last-of-type {
        border-color: #fff!important;
    }



#whymccloud .carousel-gallery .image, .worry-free-experience .carousel-gallery .image {
    width: 97%;
    padding: 0 1.5%;
    text-align: center;
}

    #whymccloud .carousel-gallery .image span, .worry-free-experience .carousel-gallery .image span {
        display: inline-block;
        background: #f46352 url(/Resources/images/02zoomin.png) center no-repeat;
        cursor: pointer;
        border-radius: 5px;
    }

        #whymccloud .carousel-gallery .image span:hover img, .worry-free-experience .carousel-gallery .image span:hover img {
            opacity: .1;
        }

    #whymccloud .carousel-gallery .image img, .worry-free-experience .carousel-gallery .image img {
        width: 100%;
        border-radius: 5px;
    }

#whymccloud .owl-dots, .worry-free-experience .owl-dots {
    margin-top: 40px;
}

#whymccloud .owl-next, #whymccloud .owl-prev, .worry-free-experience .owl-next, .worry-free-experience .owl-prev {
    display: none!important;
}

#contact {
    background: url(/Resources/images/grey_bg/contact-bg.jpg) #f7f7f7 no-repeat;
    margin-bottom: 15px;
    background-position: top;
}

    #contact h2 {
        margin-bottom: 25px;
    }

    #contact h4 {
        margin-bottom: 25px;
    }

    #contact input, #contact textarea {
        font-size: 1em!important;
    }

    #contact .inline-input {
        margin-right: 1.3%;
    }

    #contact .col-inline input {
        width: 93%;
    }

    #contact .col-inline:last-of-type input {
        width: 100%;
    }

    #contact textarea {
        resize: none;
        padding: 20px 15px;
    }

    #contact input, #contact textarea {
        background-color: #f3f3f3;
    }

        #contact input:focus,
        #contact textarea:focus {
            background-color: #fff;
            box-shadow: 1px 1px 3px 1px #d12127;
            border-color: #d12127;
        }

    #contact .form-group {
        margin-bottom: 30px;
    }

    #contact button {
        font-size: 1.125em;
        font-weight: 600;
        padding: 15px 0 20px;
        margin-top: 10px;
    }

        #contact button span {
            font-size: 1.5em;
            margin-bottom: -20px;
        }

#contact-more {
    background: rgba(61,61,61,.08);
    margin: 40px 0 0;
    padding: 25px 0 30px;
    color: #666;
    font-size: .875em;
    line-height: 1.5em;
}

    #contact-more h6 {
        margin-bottom: .33em;
    }

    #contact-more a {
        color: inherit!important;
    }

        #contact-more a:hover {
            color: #d12127!important;
        }

    #contact-more ul {
        list-style: none;
        padding-left: 0;
    }

        #contact-more ul li span {
            width: 30%;
            float: left;
        }

/*footer {
    padding: 25px 0 15px;
    background: #3d3d3d;
    color: #999;
    font-size: .875em;
    overflow: hidden;
}*/

    footer .sm {
        color: #ccc;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #3d3d3d;
        position: relative;
        display: inline-block;
        margin-right: 10px;
    }

        footer .sm:hover {
            background: #d12127;
            color: #fff;
        }

        footer .sm span {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: inline-table;
            margin: auto;
            width: 100%;
            text-align: center;
            line-height: 1em;
        }

@media all and (min-width:1900px) {
    #header {
        background-size: 100%;
    }
}

@media all and (max-width:1200px) {
    #about .row div img {
        width: 100%;
    }
}

@media all and (max-width:991px) {
    #mainmenu .btn {
        padding-left: 8px;
        padding-right: 8px;
    }

    /*#mainmenu .nav li a {
        padding-left: 0;
        padding-right: 10px;
    }*/

    #header {
        min-height: 500px;
    }

    .header-centred .header-margin-more {
        height: 20%!important;
    }

    #about {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .about-to-right h3, .about-to-right p {
        text-align: left;
    }

    h3:after {
        max-width: 100%;
    }

    #productivity h2, .admin-service h2, .sip-trunking-detail h2, h3 {
        font-size: 1.75em;
        line-height: 35px;
    }

    #aboutus h3, #contact h5, #whymccloud h3, .worry-free-experience h3, h2, h2 span {
        font-size: 32px;
    }

    #about h2 {
        margin-bottom: 30px;
    }

    #about .about-cont {
        padding: 20px 0 70px;
    }

    #testimonials p {
        font-size: 1.25em;
        text-align: center;
        margin-top: 10px;
    }

    #testimonials .carousel-element {
        padding: 35px 0;
    }

    #testimonials .owl-next, #testimonials .owl-prev {
        display: none!important;
    }

    #testimonials h2 {
        margin-top: 20px!important;
    }

    #offerings .offer-best:before {
        display: none;
    }

    #offerings .offer .offer-features p {
        padding: 10px 0;
    }

    #offerings .offer-best {
        margin-top: 23px;
    }

        #offerings .offer-best .offer-name {
            font-size: 1.125em;
            padding: 12px 0;
        }

        #offerings .offer-best .offer-buy {
            padding: 16px 0;
        }

    #contact .inline-input, .form-textarea {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
        width: 100%;
    }

    .form-horizontal .form-group {
        margin-left: 0;
    }

    .caption-margin {
        margin-top: 20px;
    }

    footer .sm {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

        footer .sm span {
            line-height: .5em;
        }

    .anim-from-left, .anim-from-right {
        opacity: 1!important;
    }

    .anim-fade, .anim-fade-down {
        opacity: 1!important;
    }

    .anim-fade-down {
        margin-top: inherit!important;
    }

    .anim-fade, .anim-fade-down, .anim-from-left, .anim-from-right {
        -moz-transition-property: none;
        -webkit-transition-property: none;
        -o-transition-property: none;
        transition-property: none;
    }

    #header .header-margin {
        width: 100%;
        margin-top: 20%;
    }

    #header .header-image-right {
        margin-top: 8%;
    }
}

@media all and (max-width:767px) {


    .modal-dialog {
        max-width: none;
    }

    #header .btn {
        font-size: 1em;
    }

    #header form button {
        width: 100%!important;
        max-width: none!important;
    }

    #header .header-more p {
        display: none;
    }

    #header .header-margin-more {
        height: 20%!important;
    }

    .modal-header h5 {
        font-size: 1.25em;
    }

    .modal-header h6 {
        font-size: .875em;
    }

    #aboutus .nav-tabs li {
        width: 100%!important;
        border-left: 1px solid #fff!important;
        border-radius: 0;
    }

        #aboutus .nav-tabs li:first-of-type {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        #aboutus .nav-tabs li:last-of-type {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        #aboutus .nav-tabs li a {
            padding: 15px 40px;
        }

    #whymccloud .container, .worry-free-experience .container {
        margin: 0!important;
    }

    #whymccloud .row, .worry-free-experience .row {
        margin-left: 0;
    }

    #funfacts .count {
        font-size: 3em;
    }

    #contact-more .col-xs-12 {
        text-align: center;
    }

    #contact-more ul li span {
        float: none;
    }

    footer {
        /*padding-top: 20px;*/
    }

    .anim-bounce, .anim-bounce-down, .anim-bounce-left, .anim-bounce-right, .anim-bounce-up, .anim-fade, .anim-fade-down, .anim-fade-up, .anim-from-left, .anim-from-right, .anim-zoom-down, .anim-zoom-up {
        opacity: 1!important;
    }
}

@media all and (max-width:600px) {
    #header .btn {
        margin-bottom: 10px;
        margin-right: 0;
    }

    #header h3 {
        font-size: 1.75em;
    }

    #header .header-margin {
        margin-top: 30%;
    }

    .header-countdown #countdown div p {
        font-size: 2em;
    }

    .header-more .elegant {
        font-size: 2.5em;
    }
}

@media all and (max-width:480px) {
    #header .header-margin {
        margin-top: 42%;
    }

    .logo-cont {
        width: 30%;
    }

        .logo-cont a img {
            width: 100%;
        }

    #mainmenu .btn {
        font-size: .75em;
    }

    .navbar-toggle {
        padding: 12px 5px;
    }

   

    .header-countdown #countdown div {
        font-size: .875em;
        padding-top: 10px;
    }

    #contact-more ul li span {
        width: 100%;
    }

    #header .header-txt-small {
        font-size: .5em;
    }

    #header h3 {
        font-size: 1.5em;
        margin-top: 10px;
    }

    #offerings {
        background: 0 0;
    }

    footer .elegant {
        font-size: 1.5em;
    }

    footer .sm {
        width: 35px;
        height: 35px;
    }
}

@media all and (orientation:landscape) and (max-width:700px) {
    .navbar-fixed-top {
        position: absolute;
    }
}

._404-page {
    margin-top: 90px;
    padding: 0!important;
}

    ._404-page h1, ._404-page h2, ._404-page h3, ._404-page h4 {
        color: #fff!important;
        text-align: left;
    }

    ._404-page h1 {
        font-weight: 700;
    }

    ._404-page h2, ._404-page h3 {
        font-size: 20px;
    }

    ._404-page h2 {
        line-height: 25px;
    }

    ._404-page h4 {
        font-size: 14px;
        text-align: center;
    }

    ._404-page h3 {
        padding-top: 20px;
    }

    ._404-page h6 {
        line-height: 30px;
    }

._404-page-bg {
    background-color: #df3c39;
}

._404-page-padding {
    padding: 80px 0;
}

._404-page .btn-info {
    background-color: #fff;
    border-color: #fff;
    color: #e61d26!important;
    font-weight: 400;
    margin-right: 10px;
}

._404-page .btn-GoHome {
    padding: 10px 30px!important;
}

._404-page .btn-blog {
    padding: 10px 50px!important;
}

._404-page .btn-info:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff!important;
}

._404-page .btn-white-blank {
    padding: 10px 15px!important;
    margin-right: 10px;
}

    ._404-page .btn-white-blank:hover {
        color: #e61d26!important;
    }

._404-page ._404-link {
    width: 110px;
    height: 110px;
    float: left;
    margin-right: 35px;
    margin-top: 30px;
    border: 1px solid #fff;
    padding: 22px 10px;
}

._404-link .link-white {
    color: #fff!important;
}

._404-page .btn-info, ._404-page .btn-white-blank {
    margin-top: 15px;
}

._404-page .btn-info, ._404-page .btn-white-blank {
    border-radius: 25px!important;
}

._404-page .div-img {
    margin-top: 1%;
}

.terms-box {
    width: 100%;
    height: 100px;
    position: absolute;
    opacity: 1;
}

.overlay {
    z-index: 9;
    background: #fff;
}
.p-t-b-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.font-25 {
    font-size: 25px !important;
}
.main-menu {
    border-bottom: solid 1px #e2e2e2;
    padding: 0;
    height: 87px !important;
    background: #fff;
}


.Office365-tabs .nav-tabs {
    border-bottom: 0px !important;
}

.main-menu .navbar-toggle {
    margin-top: 30px;
}

#header-main {
    font-weight: 300;
}




.icon-center {
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 33%;
    background-size: contain;
    background-position: center center;
}

.menu-our-team {
    background-position: -323px -571px;
    height: 33px;
    width: 32px;
}

.menu-our-company {
    background-position: -398px -571px;
    height: 26px;
    width: 32px;
}

.menu-our-expertise {
    background-position: -361px -571px;
    height: 32px;
    width: 32px;
}

.icon-OurTeam {
    background-position: -594px 0;
    height: 150px;
    width: 146px;
}

.icon-OurCompany {
    background-position: -746px 0;
    height: 150px;
    width: 150px;
}

.icon-OurExpertise {
    background-position: -906px 0;
    height: 150px;
    width: 150px;
}

.icon-OurCertification {
    background-position: -902px -160px;
    height: 150px;
    width: 144px;
}

.menu-terms-of-use {
    background-position: -323px -615px;
    height: 32px;
    width: 32px;
}

.menu-privacy-policy {
    background-position: -361px -615px;
    height: 32px;
    width: 28px;
}

.menu-TradeMarks {
    background-position: -398px -615px;
    height: 32px;
    width: 32px;
}

.menu-Copyright {
    background-position: -431px -615px;
    height: 32px;
    width: 32px;
}

.menu-mach-voice {
    background-position: -323px -525px;
    height: 25px;
    width: 32px;
}

.menu-office365 {
    background-position: -361px -525px;
    height: 25px;
    width: 22px;
}

.menu-business {
    background-position: -706px -525px;
    height: 32px;
    width: 32px;
}

.menu-partners {
    background-position: -670px -525px;
    height: 32px;
    width: 32px;
}

.menu-siptrunking {
    background-position: -392px -526px;
    height: 25px;
    width: 32px;
}

.menu-cloud-pbx {
    background-position: -431px -525px;
    height: 25px;
    width: 34px;
}

.menu-office365-partner {
    background-position: -470px -525px;
    height: 25px;
    width: 22px;
}

.menu-calling-teams {
    background-position: -358px -651px;
    height: 32px;
    width: 32px;
}

.menu-calling-teams-blue {
    background-position: -323px -651px;
    height: 32px;
    width: 32px;
}

.homepage-machteams {
    background-position: -773px -848px;
    width: 94px;
    height: 102px;
}

.homepage-machvoice {
    background-position: -630px -849px;
    width: 122px;
    height: 102px;
}

.homepage-microsoft365 {
    background-position: -894px -849px;
    width: 78px;
    height: 102px;
}

.icon-machvoice-red {
    background-position: -515px -320px;
    width: 75px;
    height: 58px;
}

.icon-machteams-red {
    background-position: -671px -320px;
    width: 58px;
    height: 64px;
}

.icon-microsoft365 {
    background-position: -602px -321px;
    width: 52px;
    height: 60px;
}

.icon-machteams-extension-blue {
    background-position: -953px -322px;
    height: 49px;
    width: 63px;
}

.icon-machvoice-blue {
    background-position: -775px -322px;
    height: 47px;
    width: 60px;
}

.icon-microsoft365-blue {
    background-position: -842px -322px;
    width: 43px;
    height: 50px;
}

.icon-machteams-blue {
    background-position: -891px -322px;
    height: 50px;
    width: 50px;
}

.icon-mach-voice {
    background-position: -323px -452px;
    height: 46px;
    width: 61px;
}

.icon-office365 {
    background-position: -397px -452px;
    height: 50px;
    width: 43px;
}

.icon-siptrunking {
    background-position: -450px -452px;
    height: 46px;
    width: 62px;
}

.icon-cloud-pbx {
    background-position: -520px -452px;
    height: 45px;
    width: 60px;
}

.icon-offer-o365 {
    background-position: -361px 0;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

.Pictograms {
    width: 90px;
    height: 90px;
}

.Pictogram-telephony {
    background-position: -1065px -1149px;
}

.Pictogram-Microsoft365 {
    background-position: -1174px -1149px;
}

.Pictogram-ProfessionalServices {
    background-position: -1065px -1252px;
}

.Pictogram-CloudServices {
    background-position: -1174px -1252px;
}

.Pictogram-WebSolutions {
    background-position: -1687px -1149px;
    width: 95px !important;
}

.Pictogram-siptrunk {
    background-position: -1046px -968px;
}

.Pictogram-cloudpbx {
    background-position: -1074px -968px;
}

.Pictogram-zoom {
    background-position: -1101px -968px;
}

.Pictogram-webex {
    background-position: -1127px -968px;
}

.Pictogram-voiceteams {
    background-position: -1264px -968px;
}

.Pictogram-phones {
    background-position: -1237px -968px;
}

.Pictogram-enterprise {
    background-position: -1046px -999px;
}

.Pictogram-business {
    background-position: -1126px -999px;
}

.Pictogram-exchange {
    background-position: -1070px -999px;
}

.Pictogram-vps {
    background-position: -1154px -968px;
}

.Pictogram-workfolder {
    background-position: -1209px -968px;
}

.Pictogram-virtualdesktop {
    background-position: -1181px -968px;
}

.Pictogram-storage {
    background-position: -1231px -999px;
}

.Pictogram-domains {
    background-position: -1153px -999px;
}

.Pictogram-webhosting {
    background-position: -1100px -999px;
}

.Pictogram-certificates {
    background-position: -1291px -968px;
}

.Pictogram-fastTrack {
    background-position: -1181px -999px;
}

.Pictogram-training {
    background-position: -1291px -999px;
}

.Pictogram-migration {
    background-position: -1264px -999px;
}

.plans-microsoft365 {
    background-position: -624px -838px;
    width: 40px;
    height: 50px;
}


.plans-telephone {
    background-position: -624px -838px;
    width: 40px;
    height: 46px;
}

.plans-calling-teams {
    background-position: -677px -838px;
    width: 50px;
    height: 50px;
}

.plans-machteams {
    background-position: -772px -892px;
    width: 46px;
    height: 50px;
}

.plans-siptrunk {
    background-position: -697px -892px;
    width: 50px;
    height: 50px;
}

.plans-cloud-pbx {
    background-position: -624px -892px;
    width: 50px;
    height: 50px;
}

.plans-dynamics365 {
    background-position: -906px -892px;
    width: 50px;
    height: 50px;
}

.plans-extension {
    background-position: -837px -892px;
    width: 50px;
    height: 50px;
}

.plans-devices {
    background-position: -1150px -892px;
    width: 50px;
    height: 50px;
}

.plans-ssl-certificate {
    background-position: -911px -892px;
    width: 35px;
    height: 50px;
}

.plans-domain-name {
    background-position: -1024px -892px;
    width: 50px;
    height: 50px;
}

.plans-vps-hosting {
    background-position: -949px -892px;
    width: 61px;
    height: 50px;
}

.plans-digital-communications {
    background-position: -736px -838px;
    width: 50px;
    height: 50px;
}

.plans-webex {
    background-position: -1208px -892px;
    width: 50px;
    height: 50px;
}

.plans-zoom {
    background-position: -1264px -892px;
    width: 50px;
    height: 50px;
}

.plans-virtual-desktop {
    background-position: -803px -838px;
    width: 50px;
    height: 50px;
}

.icon-404-siptrunking {
    background-position: -594px -452px;
    height: 44px;
    width: 60px;
}

.icon-404-cloud-pbx {
    background-position: -731px -452px;
    height: 46px;
    width: 60px;
}

.icon-404-machvoice {
    background-position: -665px -452px;
    background-repeat: no-repeat;
    height: 44px;
    width: 57px;
}

.icon-404-O365 {
    background-position: -800px -452px;
    background-repeat: no-repeat;
    height: 45px;
    width: 39px;
}

.icon-offer-azure {
    background-position: -413px 0;
    height: 50px;
    width: 51px;
}

.icon-offer-dynamic365 {
    background-position: -467px 0;
    height: 50px;
    width: 50px;
}

.icon-SIP-trunking {
    background-position: -467px -179px;
    height: 50px;
    width: 50px;
}

.icon-hosted-voice {
    background-position: -413px -179px;
    height: 50px;
    width: 51px;
}

.icon-professional-services {
    background-position: -361px -179px;
    height: 50px;
    width: 50px;
}

.partner-solutions {
    background-position: -824px -964px;
    width: 50px;
    height: 50px;
}

.partner-support {
    background-position: -874px -964px;
    width: 50px;
    height: 50px;
}

.partner-cohesive {
    background-position: -924px -964px;
    width: 50px;
    height: 50px;
}

.partner-billing {
    background-position: -974px -964px;
    width: 50px;
    height: 50px;
}

.partner-Security {
    background-position: -624px -964px;
    width: 50px;
    height: 50px;
}

.partner-technology {
    background-position: -674px -964px;
    width: 50px;
    height: 50px;
}

.migrate-teams {
    background-position: -431px -1429px;
}

.cloud-solutions {
    background-position: -747px -1429px;
}

.technical-support {
    background-position: -639px -1429px;
}


.icon-solutions {
    background-position: -528px -1529px;
}

.icon-Scaleup {
    background-position: -1088px -1530px;
}

.icon-stay-updated {
    background-position: -991px -1529px;
}

.icon-security-doorstep {
    background-position: -904px -1529px;
}

.icon-collaboration {
    background-position: -811px -1499px;
}

.safe-hands {
    background-position: -620px -1529px;
}

.icon-ssd-drive {
    background-position: -1154px -1710px;
    width: 41px !important;
}

.icon-bandwidth {
    background-position: -1202px -1710px;
}

.icon-dedicated-ip {
    background-position: -1270px -1710px;
}

.icon-root-access {
    background-position: -1337px -1710px;
}

.icon-infrastructure {
    background-position: -1405px -1710px;
}

.icon-monitoring {
    background-position: -444px -1710px;
}

.icon-snapshots {
    background-position: -1483px -1710px;
}

.icon-uptime {
    background-position: -1087px -1710px;
    width: 63px !important;
}

.icon-right-plan {
    background-position: -966px -455px;
    width: 80px;
    height: 80px;
}

.icon-own-PBX {
    background-position: -1058px -455px;
    width: 96px;
    height: 80px;
}

.logo-ms-word {
    background-position: -1051px -656px;
}

.logo-ms-pp {
    background-position: -1083px -656px;
}

.logo-ms-azure {
    background-position: -1116px -654px;
    width: 24px !important;
}

.logo-ms-intune {
    background-position: -1140px -656px;
}

.logo-ms-analysis {
    background-position: -1173px -654px;
}

.logo-ms-teams {
    background-position: -1205px -655px;
}

.logo-ms-power-apps {
    background-position: -1238px -658px;
}

.logo-ms-onedrive {
    background-position: -1270px -657px;
    width: 40px !important;
}

.logo-ms-yammer {
    background-position: -1311px -655px;
}

.logo-ms-sharepoint {
    background-position: -1343px -654px;
}

.logo-ms-bookings {
    background-position: -1376px -654px;
    width: 22px !important;
}

.logo-ms-exchange {
    background-position: -1398px -656px;
}

.logo-ms-outlook {
    background-position: -1431px -656px;
}

.logo-ms-access {
    background-position: -1463px -654px;
}

.logo-ms-note {
    background-position: -1496px -656px;
}

.logo-ms-excel {
    background-position: -1529px -656px;
}

.logo-ms-publisher {
    background-position: -1561px -656px;
}

.icon-web-hosting {
    background-position: -1231px -1421px;
    width: 59px;
    height: 61px;
}

.icon-domain-emails {
    background-position: -1151px -1429px;
    width: 74px;
    height: 55px;
}

.icon-domain-security {
    background-position: -1081px -1423px;
    width: 53px;
    height: 62px;
}

.icon-storage-capicity {
    background-position: -952px -1624px;
    width: 80px;
    height: 80px;
}

.icon-control-panel {
    background-position: -1145px -1624px;
    width: 80px;
    height: 80px;
}

.icon-fast-hosting {
    background-position: -1050px -1624px;
    width: 80px;
    height: 80px;
}

.icon-One-click-setup {
    background-position: -685px -1626px;
    width: 84px;
    height: 78px;
}

.logo-spam-expert {
    background-position: -1650px -667px;
}

.logo-machsol {
    background-position: -1650px -453px;
}

.logo-microsoft {
    background-position: -1650px -823px;
}

.logo-yealink {
    background-position: -1497px -823px;
}

.logo-Exelion {
    background-position: -1346px -823px;
}

.logo-coin {
    background-position: -1194px -453px;
}

.logo-fusix {
    background-position: -1346px -453px;
}

.logo-autoriteit {
    background-position: -1498px -453px;
}

.logo-bns {
    background-position: -1346px -975px;
}

.logo-webex {
    background-position: -1497px -975px;
}

.logo-zoom {
    background-position: -1650px -975px;
}

.logo-3cx {
    background-position: -1348px -151px;
}

.logo-aastra {
    background-position: -1499px -151px;
}

.logo-asterisk {
    background-position: -1499px -302px;
}

.logo-ayaya {
    background-position: -1348px -302px;
}

.logo-cisco {
    background-position: -1499px 0px;
}

.logo-voiceworks {
    background-position: -1046px -151px;
}

.logo-alcatel {
    background-position: -1197px -302px;
}

.logo-broadsoft {
    background-position: -1348px 0px;
}

.logo-siemens {
    background-position: -1650px -302px;
}

.logo-mitel {
    background-position: -1650px 0px;
}

.logo-xelion {
    background-position: -1650px -151px;
}

.logo-unify {
    background-position: -1197px 0px;
}

.logo-vidia {
    background-position: -1197px -151px;
}

.logo-innovaphone {
    background-position: -1046px -302px;
}

.logo-yeastar {
    background-position: -1650px -1650px;
}

.icon-cross {
    background-position: -1181px -1119px;
    width: 26px;
    height: 26px;
}

.icon-tick {
    background-position: -1154px -1119px;
    width: 26px;
    height: 26px;
}

.black-stoke-tick-large {
    background-position: -534px 0px;
    width: 35px;
    height: 30px;
}

.black-tick-large {
    background-position: -351px 0px;
    width: 35px;
    height: 30px;
}

.black-tick-small {
    background-position: -359px -42px;
    width: 20px;
    height: 18px;
}

.black-stoke-tick-small {
    background-position: -384px -42px;
    width: 22px;
    height: 18px;
}

.size-150-150 {
    width: 150px;
    height: 150px;
}

.icon-size-60-60 {
    width: 60px;
    height: 60px;
}

.icon-size-80-80 {
    width: 80px;
    height: 80px;
}

.icon-size-40-40 {
    width: 40px;
    height: 40px;
}

.icon-size-32-32 {
    width: 32px;
    height: 32px;
}

.icon-domain-Privacy {
    background-position: -869px -1429px;
}

.icon-domain-insurance {
    background-position: -935px -1429px;
}

.icon-domain-Reputation {
    background-position: -999px -1429px;
}

.icon-domain-management {
    background-position: -999px -1429px;
}

.icon-including-dns {
    background-position: -807px -1429px;
}

.icon-file-security {
    background-position: -341px -1618px;
}

.icon-file-storage {
    background-position: -270px -1618px;
}

.icon-synced-files {
    background-position: -415px -1618px;
}

.icon-remotely-access {
    background-position: -580px -1618px;
}

.icon-easy-manage {
    background-position: -634px -1220px;
}

.icon-cost-reduction {
    background-position: -1240px -1529px;
}

.icon-anywhere {
    background-position: -685px -1626px;
    width: 84px !important;
    height: 78px !important;
}

.icon-o365-servers {
    background-position: -783px -1624px;
}

.icon-white-security {
    background-position: -874px -1624px;
    height: 80px !important;
    width: 70px !important;
}

.icon-optimized-benefits {
    background-position: -757px -1220px;
}

.icon-easy-deployments {
    background-position: -1317px -1529px;
}

.icon-easy-migrations {
    background-position: -862px -1220px;
}

.icon-conversion {
    background-position: -1403px -1529px;
}

.icon-high-availability {
    background-position: -1159px -1529px;
}

.icon-invoice {
    background-position: -1492px -1529px;
}

.icon-low-cost-calling {
    background-position: -625px -1031px;
}

.icon-PBX-functionality {
    background-position: -694px -1031px;
}

.icon-telephone-number {
    background-position: -767px -1031px;
}

.icon-quick-running {
    background-position: -842px -1031px;
}

.boarding-migration {
    background-position: -717px -1529px;
}

.right-advice {
    background-position: -444px -1529px;
}

.img-Kees {
    background-position: 0px -1700px;
    width: 100px;
    height: 100px;
}

.img-Dietger {
    background-position: -100px -1700px;
    width: 100px;
    height: 100px;
}

.img-Nathalie {
    background-position: -200px -1700px;
    width: 100px;
    height: 100px;
}

.partner-provisioning {
    background-position: -724px -964px;
    width: 50px;
    height: 50px;
}

.partner-collaboration {
    background-position: -774px -964px;
    width: 50px;
    height: 50px;
}

.menu-ownership {
    background-position: -889px -838px;
    width: 32px;
    height: 32px;
}

.menu-payments {
    background-position: -930px -838px;
    width: 32px;
    height: 32px;
}

.menu-technical {
    background-position: -967px -838px;
    width: 32px;
    height: 32px;
}

.menu-deals {
    background-position: -1004px -838px;
    width: 32px;
    height: 32px;
}

.menu-revenue {
    background-position: -1040px -838px;
    width: 32px;
    height: 32px;
}

.icon-maximal-flexibility {
    background-position: -560px -525px;
    height: 50px;
    width: 50px;
}

.icon-technology-experts {
    background-position: -633px -177px;
    width: 55px;
    height: 60px;
}

.icon-turnaround-time {
    background-position: -693px -177px;
    width: 60px;
    height: 60px;
}

.icon-industry-best {
    background-position: -762px -177px;
    width: 60px;
    height: 60px;
}

.icon-worry-free {
    background-position: -843px -177px;
    width: 57px;
    height: 60px;
}

.icon-flexibility {
    background-position: -734px -587px;
    width: 45px;
    height: 50px;
}

.icon-partner-flexibility {
    background-position: -1024px -587px;
    width: 45px;
    height: 50px;
}

.icon-partner-profitable {
    background-position: -1080px -587px;
    width: 49px;
    height: 50px;
}

.icon-partner-own-pace {
    background-position: -1137px -587px;
    width: 50px;
    height: 50px;
}

.icon-size-32 {
    width: 32px;
    height: 32px;
}

.icon-attractive-pricing {
    background-position: -856px -525px;
}

.icon-easy-migration {
    background-position: -778px -525px;
}

.icon-supported {
    background-position: -816px -525px;
}

.icon-availability {
    background-position: -742px -525px;
}

.icon-own-pace {
    background-position: -787px -587px;
    height: 50px;
    width: 51px;
}

.icon-unified-portal {
    background-position: -846px -587px;
    width: 50px;
    height: 47px;
}

.icon-offer {
    background-position: -903px -587px;
    width: 50px;
    height: 50px;
}

.icon-business-streams {
    background-position: -507px -525px;
    height: 50px;
    width: 51px;
}

.icon-manage-migrate {
    background-position: -613px -525px;
    height: 50px;
    width: 50px;
}

.icon-security-reliability {
    background-position: -507px -587px;
    height: 50px;
    width: 50px;
}

.icon-system-integrations {
    background-position: -559px -587px;
    height: 46px;
    width: 50px;
}

.icon-attractive-tariff {
    background-position: -613px -587px;
    height: 50px;
    width: 50px;
}

.icon-easy-integrate {
    background-position: -670px -587px;
    height: 50px;
    width: 50px;
}

.icon-simplistic-processes {
    background-position: -507px -651px;
    height: 53px;
    width: 50px;
}

.icon-machvoice-teams {
    background-position: -912px -651px;
    height: 50px;
    width: 50px;
}

.icon-machvoice-cloudpbx {
    background-position: -967px -651px;
    height: 50px;
    width: 65px;
}

.icon-cost-calculated,
.icon-sales-tax,
.icon-system-add-on,
.icon-calling-plan,
.icon-license,
.icon-partner {
    margin-top: 10px;
}

.icon-cost-calculated {
    background-position: -628px -751px;
    height: 50px;
    width: 50px;
}

.icon-sales-tax {
    background-position: -824px -751px;
    height: 50px;
    width: 50px;
}

.icon-system-add-on {
    background-position: -897px -748px;
    height: 50px;
    width: 50px;
}

.icon-calling-plan {
    background-position: -750px -751px;
    height: 50px;
    width: 53px;
}

.icon-license {
    background-position: -695px -751px;
    height: 65px;
    width: 47px;
}

.icon-partner {
    background-position: -966px -751px;
    height: 50px;
    width: 50px;
}


.icon-bounteous-profits {
    background-position: -613px -587px;
    height: 50px;
    width: 50px;
}

.icon-customer-support {
    background-position: -559px -651px;
    height: 50px;
    width: 50px;
}

.icon-save-deal {
    background-position: -612px -651px;
    height: 50px;
    width: 50px;
}

.icon-added-values {
    background-position: -670px -651px;
    height: 50px;
    width: 50px;
}

.icon-specialist-team {
    background-position: -856px -651px;
    height: 50px;
    width: 50px;
}

.icon-profitable-margins {
    background-position: -790px -651px;
    height: 50px;
    width: 50px;
}

.icon-zero-investment {
    background-position: -726px -651px;
    height: 50px;
    width: 50px;
}

.icon-dynamic365-reliable {
    background-image: url(/Resources/images/dynamics365/icon-dynamic365-reliable.png);
    height: 90px;
}

.icon-dynamic365-worryfree {
    background-image: url(/Resources/images/dynamics365/icon-dynamic365-worryfree.png);
    height: 90px;
}

.icon-dynamic365-expertise {
    background-image: url(/Resources/images/dynamics365/icon-dynamic365-expertise.png);
    height: 90px;
}

.icon-right-advice {
    background-image: url(/Resources/images/O365/icon-right-advice.png);
    height: 90px;
}

.icon-migration {
    background-image: url(/Resources/images/O365/icon-migration.png);
    height: 90px;
}

.icon-ymachcloud-expertise {
    background-position: 0 -452px;
    height: 98px;
    width: 98px;
}

.icon-ymachcloud-support {
    background-position: -99px -452px;
    height: 98px;
    width: 98px;
}

.icon-ymachcloud-reliable {
    background-position: -198px -452px;
    height: 98px;
    width: 98px;
}

.icon-ymachcloud-ourteam {
    background-position: 0 -558px;
    height: 98px;
    width: 98px;
}

.icon-ymachcloud-worryfree {
    background-position: -99px -558px;
    height: 98px;
    width: 98px;
}

.header-owl-carousel .owl-controls {
    margin-top: -110px;
    z-index: 2;
    position: relative;
}

.header-O365-bg {
    background-image: url(/Resources/images/header/header-O365-bg.jpg);
}

.uc-for-resellers-bg {
    background-image: url(/Resources/images/default-page/uc-for-resellers.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}

.max-efficiency-bg {
    background-image: url(/Resources/images/max-efficiency.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}

.cost-efficiency-bg {
    background-image: url(/Resources/images/cost-efficiency.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}

.teams-telephony-bg {
    background-image: url(/Resources/images/teams-telephony.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}

.security-services-bg {
    background-image: url(/Resources/images/default-page/security-services.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}

.banner-unified-communications {
    background-color: #fff;
}

.header-discover-machcloud {
    background-image: url(/Resources/images/header/header-discover-machcloud.jpg);
    padding-bottom: 80px;
}



.header-azure-bg {
    background-color: #0d8294;
}

.header-services-bg {
    background-image: url(/Resources/images/header/header-banner-services.jpg);
}

.default-color {
    color: #e1261c;
}

.color-maroon {
    color: #d12127 !important;
}

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify !important;
}

.text-align-right {
    text-align: right !important;
}


@media (min-width:200px) and (max-width:567px) {

    #plans .offer .offer-features p {
        font-size: 11px;
        line-height: 24px;
    }

    #plans .Adons-plans-width-first .offer .offer-name,
    #plans .Adons-plans-width .offer .offer-name {
        font-size: 13px;
        line-height: 20px;
    }

    #plans .not-available .offer .offer-name,
    #plans .available .offer .offer-name {
        font-size: 25px !important;
    }

    #plans .functionalities-column .offer .offer-name,
    #plans .comparison-width .offer .offer-name {
        font-size: 18px;
        line-height: 20px;
    }

    #plans .paln-heading-min-height {
        min-height: 100px;
    }

    #plans .offer-functionality {
        text-align: center;
    }

    .m-first-col {
        margin-top: 37px;
    }



    .col-two-features-xs {
        margin-top: 89px !important;
    }

    .col-three-features-xs {
        margin-top: 64px !important;
    }

    .width-xs-first-col,
    .width-xs-all-col .Adons-plans-width-first,
    .Adons-plans-width,
    .functionalities-column,
    .comparison-width {
        width: 100%;
    }

    .m-first-col {
        margin-top: 24px;
    }

    .btn-small {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}

@media all and (max-width:400px) {

    .min-height-xs {
        min-height: 170px !important;
    }
}

@media (min-width:401px) and (max-width:767px) {
    .min-height-xs {
        min-height: 155px !important;
    }
}

@media all and (max-width:767px) {
    .offerings-img {
        margin-top: 11%;
    }

    #machcloud-offerings .post-slide {
        padding-bottom: 20px;
        margin: 15px 0px !important;
    }

    ul.circle-bullets-teams {
        padding-left: 0px !important;
    }

        ul.circle-bullets-teams li {
            list-style-type: none !important;
        }

    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-xs.png);
        background-repeat: no-repeat;
        min-height: 450px;
    }

        .microsoft-teams .header-text-section {
            margin-top: 12%;
            padding-left: 0px;
            padding-right: 0px;
            text-align: center;
        }

        .microsoft-teams p {
            padding-right: 10px;
            font-size: 13px;
        }

        .microsoft-teams .title-start {
            font-size: 30px !important;
        }

        .microsoft-teams .sub-heading {
            font-size: 18px !important;
        }

    .offering-DirectRouting .offering-contents p,
    .offering-TelephonyService .offering-contents p {
        font-size: 13px;
    }



    #home-page-offerings-section h4 {
        font-size: 20px;
    }

    .o365-price {
        font-size: 28px;
        font-weight: 300;
        margin-top: 5px;
        margin-bottom: 5px;
    }




    .solutions-dropdown-menu h6,
    .aboutus-dropdown-menu h6 {
        padding-top: 10px;
    }

    .mega-dropdown-menu.solutions-dropdown-menu {
        min-height: 158px;
    }

    .mega-dropdown-menu.aboutus-dropdown-menu {
        min-height: 225px;
    }

    .mega-dropdown-menu {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    #machteams-extension-benefits p {
        text-align: center;
    }

    #machteams-extension-features .text-heading-section h2 {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
    }

    .inner-banner .inner-banner-btn .btn {
        padding: 5px 15px 7px 15px !important;
    }

    .inner-banner .inner-banner-btn {
        text-align: center;
    }

    .menu-margin-xs {
        margin-left: 10px;
    }

    .p-xs-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #plans .offer .offer-features p img {
        padding-top: 0px;
    }



    .offer-features ul {
        list-style: none;
        padding-left: 0px;
    }

    h4 {
        font-size: 21px;
        line-height: 30px;
    }

    #service-coverage h6 {
        text-align: center;
    }



    #full-compliant .post-title,
    #full-compliant .post-description,
    #full-compliant p {
        text-align: center;
    }

    #full-compliant .post-slide {
        min-height: 420px;
    }

    #full-compliant .post-title::after {
        display: none !important;
    }

    .inner-banner .btn {
        padding: 3px 30px 7px 15px !important;
    }

    .video-responsive {
        margin-top: 50px;
    }

    #fixed-tariff-calling .img-section {
        padding-top: 0px;
        margin-top: 0px;
    }

    #fixed-tariff-calling .text-section {
        margin-top: 15px;
    }

    #machteams-selling .img-section {
        padding-top: 0px;
        margin-top: 0px;
    }

    #machteams-selling .text-section {
        margin-top: 15px;
    }


    /*.testimonial-group > .row {
    overflow-x: auto;
    white-space: nowrap;
}

    .testimonial-group > .row > .col-xs-12 {
        display: inline-block;
        float: none;
    }*/


    #machteams-extension-advantages .feature-content p {
        min-height: 100px;
        padding-top: 0px;
        margin-top: 0px;
    }

    .copyright-main {
        height: 80px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #mach-global-sites {
        bottom: 80px;
    }

    .date-time {
        padding-top: 10px;
    }

    .main-menu .navbar-nav a {
        border-radius: 0px;
    }

    .main-menu li {
        background: #f9f9f9 !important;
    }

    #mainmenu .nav li a {
        text-align: left;
        color: #3d3d3d;
        font-size: 15px !important;
        padding-left: 20px;
    }

    .main-menu .in a {
        color: #ccc;
        width: 100%;
        margin: 0 auto;
    }

    .mega-dropdown-menu h6,
    .mega-dropdown-menu .width-partners-section h6,
    .mega-dropdown-menu a h6,
    .mega-dropdown-menu li a.link-blue {
        color: #3d3d3d !important;
        font-size: 14px !important;
    }




    .mega-dropdown-menu .elegant {
        margin-top: -5px;
    }

    .navbar-fixed-top {
        position: relative !important;
    }





    .machVoice-two-section {
        padding-left: 0px;
    }

        .machVoice-two-section ul.nav-tabs {
            padding-left: 0px;
        }

    .reseller-features {
        text-align: center;
    }

    .machVoice-two-section .nav-tabs li {
        font-size: 13px;
    }



    .most-popular-margin-top {
        margin-top: 0px;
    }

    #header .direct-routing {
        background-color: #f9f9f9;
        min-height: 700px;
        padding-bottom: 50px;
    }

    .direct-routing .header-text-section {
        margin-top: 10%;
        text-align: center;
    }

    .direct-routing .header-image-section {
        margin-top: 20%;
    }

    .post-slide {
        width: 100% !important;
        margin: 0px 5px;
    }

    .btn-banner-one {
        float: left;
        margin-right: 10px;
    }

    .btn-banner-two {
        float: left;
    }

    .btn-center-xs {
        display: inline-block;
    }

    #cloud-computing-solution h1 {
        font-size: 26px;
        margin: 0 !important;
        line-height: 36px;
        text-align: left !important;
    }

    #chatContainer .psmw_2IhR {
        bottom: 40px !important;
        right: 10px !important;
    }

    #partner-calling-teams h1, #partner-calling-teams h5, #partner-calling-teams p {
        text-align: center;
        color: #fff;
    }

    #partner-calling-teams p {
        color: #fff !important;
    }

    #sip-trunking p,
    #banner-use-cases p,
    #banner-webinar p,
    #banner-webinar-detail p,
    #banner-product-videos p,
    #partner-calling-teams p,
    #banner-devices p {
        color: #000 !important;
    }

    #partner-calling-teams .title-start {
        color: #fff !important;
        text-shadow: 1px 1px #000 !important;
    }

    .reseller-form-offset {
        margin-left: 0;
        padding: 0 2px !important;
    }

    .width-xs-all-col, .width-xs-first-col {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
        float: left;
    }



    ._404-page ._404-link-main, ._404-page .button-margin-top, ._404-page h1, ._404-page h2, ._404-page h3 {
        text-align: center;
    }

    ._404-page ._404-link-main {
        display: inline-block;
    }

    ._404-page h2 {
        padding-top: 15px;
    }



    .solutions-dropdown-menu .m-t-15 {
        margin-top: 0 !important;
    }

    .main-menu .collapsing li {
        text-align: center;
    }

    .mega-dropdown .dropdown-toggle {
        border-bottom: 1px solid #4e4e4e !important;
    }

    .menu-border-bottom-xs,
    .mega-dropdown-menu .menu-xs {
        border-bottom: 1px solid #c6c6c6 !important;
    }

    .mega-dropdown-menu .menu-xs {
        margin-top: 0 !important;
        padding: 12px 0 6px 0;
        text-align: left;
    }

    #header h2 span {
        color: #fff !important;
    }

    .footer-heading {
        margin-top: 15px !important;
    }

    #header h1 .header-title, #header h1 .super-title, #header h2 .super-title {
        display: block;
        text-align: center;
    }

    .button-margin-top {
        margin-top: 20px;
    }

    .main-menu .navbar-nav {
        padding: 0;
    }

    .navbar-nav {
        margin: 0 -15px;
    }

    .navbar-inverse .navbar-nav > li > a {
        height: 50px;
    }

    .two-sections p {
        padding-top: 25px;
        line-height: 30px;
        text-align: center;
    }

    .become-partner-features p, .btn-center-xs, .features-section .reseller-features, .img-section, .reseller-detail .reseller-features, .text-align-xs, .text-section {
        text-align: center;
    }

    .become-partner-features p {
        line-height: 35px;
    }



    .machcloud-product p {
        font-size: 14px;
    }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {
        color: #fff;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #f5f5f5;
        background-color: transparent;
    }

    .Why-us-icons {
        width: 270px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        display: inline-table;
    }

    .logo-cont {
        margin-left: 4%;
    }

    #aboutus h3, #contact h5, #whymccloud h3, .worry-free-experience h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 0;
        margin-bottom: 0;
    }


    .img-section {
        padding-top: 15px;
    }

    #contact-us h3 {
        font-size: 22px;
        text-align: center;
    }

    #contact-us p {
        text-align: center;
    }

    .inner-banner .btn a.button-black {
        color: #000 !important;
    }

        .inner-banner .btn a.button-black:hover {
            color: #fff !important;
        }

    .inner-banner .btn-black {
        background: #fff;
        border-color: #fff;
        font-weight: 300;
        color: #000 !important;
    }

        .inner-banner .btn-black:active, .inner-banner .btn-black:focus, .inner-banner .btn-black:hover {
            background: 0 0;
            border-color: #fff;
            outline: 0;
            color: #fff !important;
        }

    #solution-for-business-banner {
        background-image: url(/Resources/images/solution-for-business/banner-solution-for-business-xs.jpg);
    }

    #why-machcloud-banner {
        background-image: url(/Resources/images/why-machcloud/banner-why-machcloud-xs.jpg);
    }

    .machvoice-banner #calling-teams-banner {
        background: url(/Resources/images/callingteams/banner-calling-teams-xs.jpg) no-repeat;
    }

    .machvoice-banner #partner-calling-teams {
        background: url(/Resources/images/callingteams/partner-calling-teams-xs.jpg) no-repeat;
    }

    .machvoice-banner #why-machcloud-banner {
        background-image: url(/Resources/images/machvoice/banner-machvoice-xs.jpg);
    }

    #become-a-partner-banner {
        background-image: url(/Resources/images/become-a-partner/banner-partners-for-business-xs.jpg);
    }

    #about-us-banner {
        background-image: url(/Resources/images/about/banner-about-us-xs.jpg);
    }

    #portal-overview-banner {
        background-image: url(/Resources/images/banners/banner-portal-overview.jpg);
    }

    #ucaas-banner {
        background-image: url(/Resources/images/banners/banner-ucaas.jpg);
    }

        #about-us-banner h1, #about-us-banner p, #become-a-partner-banner h1, #become-a-partner-banner p, #calling-teams-banner h1, #calling-teams-banner p, #machvoice-banner h1, #machvoice-banner p, #partner-calling-teams h1, #partner-calling-teams p, #solution-for-business-banner h1, #solution-for-business-banner p, #why-machcloud-banner h1, #why-machcloud-banner p, #portal-overview-banner h1, #portal-overview-banner p, #ucaas-banner h1, #ucaas-banner p {
            color: #fff;
        }

            #about-us-banner h1 .title-start, #become-a-partner-banner h1 .title-start, #calling-teams-banner h1 .title-start, #machvoice-banner h1 .title-start, #partner-calling-teams h1 .title-start, #solution-for-business-banner h1 .title-start, #why-machcloud-banner h1 .title-start, #portal-overview-banner h1 .title-start, #ucaas-banner h1 .title-start {
                font-size: 40px;
            }

    #become-a-partner-banner .title-start, #calling-teams-banner .title-start, #solution-for-business-banner .title-start, #why-machcloud-banner .title-start {
        text-shadow: 1px 1px #000 !important;
    }

    .portion-t-m-xs {
        margin-top: 15px;
    }

    .header-unified-communications h1, .header-unified-communications h3 {
        color: #fff !important;
    }

    .header-discover-machcloud h1 span.super-title, .header-discover-machcloud h3 {
        color: #000 !important;
    }

    .header-discover-machcloud .title-start {
        text-shadow: 1px 1px #fff;
    }

    .OfficeLocation-Main {
        width: 100%;
    }

    .show-detail {
        text-align: center;
    }

    .cookie-content-main {
        width: 100%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    .hide-cookie-content {
        text-align: center;
    }

    .header-unified-communications {
        background-image: url(/Resources/images/header/communication-delivery-platform-xs.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .header-owl-carousel .item .header-unified-communications {
        min-height: 660px;
        background-size: cover !important;
    }



    .header-discover-machcloud .banner-text-position .header-margin, .header-unified-communications .banner-text-position .header-margin {
        margin-top: 30% !important;
    }

    .header-azure-bg .banner-text-position .header-margin {
        margin-top: 10% !important;
    }

    .header-services-bg .banner-text-position .header-margin {
        margin-top: 22% !important;
    }

    #partner h2 {
        font-size: 28px !important;
        line-height: 35px;
    }



    .pull-right-sm {
        float: left;
    }

    .banner-text-position .buttons-cont, .banner-text-position ul {
        text-align: center;
    }

    .super-title {
        font-size: 18px;
        font-weight: 300;
        font-style: italic;
        text-align: center;
        line-height: 0;
    }

    .header-title {
        text-align: center;
    }

    .title-start {
        font-size: 28px;
        font-weight: 700;
        text-shadow: 1px 1px #000;
        text-align: center;
    }

    .title-end {
        font-size: 30px;
        font-weight: 300;
        text-align: center;
    }

    .inner-banner h3,
    .inner-banner p {
        text-align: center;
        line-height: 30px;
        font-size: 18px;
    }



    .Machcloud-enterprises h2, .Machcloud-enterprises h3, .customer-experience h2, .customer-experience h3, #Machteams-extension-features h2 {
        font-size: 25px;
        text-align: center;
        margin: 0 !important;
        line-height: 36px;
    }

    .azure-consultation, .azure-deployment {
        background-color: #dbeef4;
        width: 100%;
        min-height: 215px;
        margin-top: 15px;
    }

    .azure-deployment {
        background-color: #c9e1e9;
    }

    .text-center-xs {
        text-align: center;
        padding-top: 3%;
    }

    #SIPTrunking-features .text-left-xs {
        padding-top: 0;
    }





    #reseller ul.bullet-points {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #reseller h3 {
        text-align: center;
    }

    .div-img {
        padding-left: 10px;
        padding-right: 10px;
    }

    #offerings {
        margin-top: 55px;
    }


    .why-o365-xs {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
    }

    .content-center-xs {
        text-align: center;
    }

    .compare-col-width {
        width: 24.33%;
    }

    .panel-heading-xs {
        padding: 10px 0 10px 0;
        border-bottom: 1px solid transparent;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        cursor: pointer;
        float: left;
    }

    .margin-buttons-xs {
        margin: 5px 0;
    }

    #header {
        min-height: 500px;
    }

    #services {
        padding-bottom: 25px;
    }

    #offerings {
        margin-bottom: 20px;
    }

    section {
        padding: 15px 10px;
    }

    .header-owl-carousel .item {
        min-height: 660px;
        background-size: cover;
    }

    .service-onbording {
        width: 100%;
        background-color: #0098db;
    }

    .service-migration {
        width: 100%;
        margin-left: 0;
        background-color: #e61d26;
    }

    .service-admin-service {
        width: 100%;
        margin-left: 0;
        background-color: #00854e;
    }

    .machcloud-inc {
        text-align: left;
        line-height: 22px;
        color: #909090;
        font-size: 15px;
    }

        .machcloud-inc .privacy-policy a, .machcloud-inc .term-of-use a {
            color: #909090;
            font-size: 14px;
        }

            .machcloud-inc .privacy-policy a:hover, .machcloud-inc .term-of-use a:hover {
                color: #fff;
                text-decoration: none;
            }



    .enterprise-margin-top {
        margin-top: 30px;
    }



    .footer-machcloud-inc {
        width: 260px;
        margin-top: 20px;
        float: left;
        Padding-Left: 10px;
        padding-Right: 0;
    }



    .service-common-style {
        text-align: center;
        width: 100%;
        padding-left: 10px;
        padding-right: 0;
        float: left;
    }

    .service-bullets {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }
}

@media (min-width:200px) and (max-width:567px) {
    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 450px;
        margin-top: 15px;
    }

    .vid-wrap {
        width: 100%;
        height: 300px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 40%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }


    .biz-heading, .ent-heading {
        width: 100%;
        background-color: #4e4e4e;
        margin-top: 5px;
    }

        .active-plans, .biz-heading:hover, .ent-heading:hover {
            width: 100%;
            background-color: #d12127;
        }

    #header .header-margin {
        width: 100%;
        margin-top: 40%;
    }
}

@media (min-width:568px) and (max-width:767px) {
    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 380px;
        margin-top: 15px;
    }

    #plans .functionalities-column .offer .offer-name,
    #plans .comparison-width .offer .offer-name {
        font-size: 20px;
        line-height: 20px;
    }

    .width-xs-first-col,
    .width-xs-all-col .Adons-plans-width-first,
    .functionalities-column,
    .comparison-width,
    .Adons-plans-width {
        width: 100%;
    }



    .m-first-col {
        margin-top: 36px;
    }

    .btn-small {
        padding: 10px 30px !important;
    }

    .vid-wrap {
        width: 100%;
        height: 500px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 40%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }



    .biz-heading, .ent-heading {
        width: 49%;
        background-color: #4e4e4e;
        margin-left: 5px;
    }

        .active-plans, .biz-heading:hover, .ent-heading:hover {
            background-color: #d12127;
        }

    #header .header-margin {
        width: 100%;
        margin-top: 25%;
    }
}

@media (min-width:200px) and (max-width:991px) {
    #machcloud-offerings .post-slide {
        min-height: 560px;
    }

    .inner-banner p.MachTeamsExtensionText {
        font-size: 15px;
    }

    #mach-global-sites {
        line-height: 30px;
    }

    #profitable-for-partners,
    #direct-routing-benefits {
        padding: 40px 0;
        background-color: #fff;
        min-height: 480px;
    }

    .second-section {
        padding-left: 20px;
        margin-top: 5px;
        background-color: #f7f7f7;
    }

    .two-sections p {
        padding-top: 5px;
        line-height: 30px;
        text-align: center;
    }

    .two-sections h4 {
        text-align: center;
    }



    .for-business-xs {
        background-color: #f8f8f8;
        margin-top: 15px;
        padding: 10px 0;
    }

    .progress {
        height: 10px;
        margin-bottom: 10px;
    }

    #all-in-one p {
        font-size: 14px !important;
        text-align: center;
    }

    #all-in-one p {
        margin-top: 10px;
    }

    .line-color-grey {
        margin-top: 0;
        min-height: 10px;
    }

    .section-margin-xs {
        margin-top: 30px;
    }

    #AmazingSelfServiceControl p, .img-small-devices {
        text-align: center;
    }

    .img-control-panel {
        height: 149px;
        width: 500px;
        display: inline-block;
    }
}

@media (max-width:991px) {
    .offerings-img {
        margin-top: 11%;
    }

    .post-slide {
        min-height: 490px;
    }

    .curve-line {
        height: 95px;
    }

    #cloud-computing-solution h1 {
        font-size: 28px;
        margin-bottom: 15px !important;
        line-height: 36px;
        text-align: left !important;
    }

    .main-menu .navbar-collapse li {
        background: #fff;
        font-size: 12px;
    }

    #header .btn {
        margin-top: 10px !important;
    }

    .header-title {
        margin-bottom: 20px;
        text-align: left;
    }

    .features {
        color: #fff;
        font-weight: 100;
    }

    .feature-item {
        line-height: 24px;
        font-size: 16px;
        text-align: left;
        background: url(/Resources/images/icons/chevron_right_white_18x18.png) no-repeat left 4px;
        padding: 0 0 0 16px;
        margin: 0;
    }

    .default-margin-top {
        margin-top: 20px !important;
    }

    .default-margin-button {
        margin-top: 15px !important;
    }

    .default-padding-top {
        padding-top: 20px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .mega-dropdown-menu {
        width: 100%;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .solutions-dropdown-menu {
        width: 100% !important;
    }

    .logo-cont {
        margin-left: 3%;
    }
}

@media (min-width:768px) and (max-width:991px) {


    .microsoft-teams .header-text-section {
        margin-top: 9%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .microsoft-teams p {
        padding-right: 10px;
        font-size: 13px;
    }

    .microsoft-teams .title-start {
        font-size: 30px !important;
    }

    .microsoft-teams .sub-heading {
        font-size: 20px !important;
    }

    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 320px;
        margin-top: 15px;
    }

    #home-page-offerings-section h4 {
        font-size: 22px;
    }

    #migration .text-section {
        padding-top: 3% !important;
    }

    #home-page-offerings-section .dr-offering-partners,
    #home-page-offerings-section .dr-offering-enterprise {
        min-height: 360px !important;
    }

    #migration .img-section {
        margin-left: 0%;
        margin-top: 12% !important;
    }

    .o365-price {
        font-size: 32px;
        font-weight: 300;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .main-menu .navbar-nav {
        padding: 20px 5px 0 0;
    }

    #aboutus h3, #contact h5, #whymccloud h3, .worry-free-experience h3 {
        line-height: 40px;
    }

    #machteams-extension-advantages .feature-content p {
        text-align: center;
    }

    #machteams-extension-advantages .reseller-features {
        text-align: center !important;
    }

    #machteams-extension-advantages .content-section {
        padding-top: 0px;
    }

    #machteams-extension-features .feature-content p,
    #machteams-extension-advantages .feature-content p {
        min-height: 80px;
        padding-top: 0px;
        line-height: 25px;
    }

    #machteams-extension-work .img-section {
        padding-top: 8%;
    }

    #machteams-extension-needs .img-section {
        padding-top: 3%;
    }



    .direct-routing .header-text-section {
        margin-top: 14%;
    }

    .direct-routing .header-image-section {
        margin-top: 20%;
    }



    .m-first-col {
        margin-top: 77px;
    }

    .min-height-107 {
        min-height: 107px !important;
    }

    .btn-small {
        padding: 10px 10px !important;
    }

    .Adons-plans-width-first {
        width: 180px;
    }

    .functionalities-column {
        width: 50%;
    }

    .comparison-width {
        width: 22%;
    }

    .Adons-plans-width {
        width: 140px;
    }

    .features-width-sm,
    .features-width-sm-first,
    .Adons-plans-width-first,
    .functionalities-column,
    .comparison-width,
    .Adons-plans-width {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
        float: left;
    }

    .features-width-sm-first {
        width: 240px;
    }

    .features-width-sm {
        width: 170px;
    }

    .features-width-sm, .features-width-sm-first {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
        float: left;
    }

    #plans .section-one {
        margin-top: 25px !important;
    }

    .vid-wrap {
        width: 100%;
        height: 500px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 40%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }

    .navbar-nav {
        margin: 7.5px 10px;
    }

    #our-company .div-img {
        margin-top: 5%;
    }

    #our-team .div-img {
        margin-top: 12%;
    }

    #our-experties .div-img {
        margin-top: 5%;
    }

    #benefits-for-customers .text-align-xs, #five-title-section .text-align-xs {
        text-align: center;
    }

    #business-products .section-margin-xs {
        margin-top: 0;
    }

    #the-platform .div-img {
        margin-top: 9%;
    }

    #admin-as-a-service .hosted-voice-feature, #cloud-pbx-capabilities .hosted-voice-feature {
        margin-top: 25%;
    }

    #SIPTrunking-features .div-img {
        margin-top: 8%;
    }

    #business-products-features .sip-trunking-features-text #cloud-pbx-reseller-benefits .sip-trunking-features-text, #sip-trunking-services .sip-trunking-features-text, .customer-experience .customer-experience-text.text-section {
        margin-top: 12%;
    }

    .width-partners-section,
    .width-customers-section {
        width: 49% !important;
    }

    #machCloud-for-business .enterprises-text {
        padding-top: 5%;
    }

    .machcloud-product p {
        font-size: 14px;
        min-height: 20px;
    }

    .width-Legal-section {
        width: 58% !important;
    }

    .width-sm-7 {
        width: 99% !important;
    }

    .menu-about-us, .menu-machcloud-product, .menu-our-solutions {
        margin-top: 20px;
        padding-left: 15px;
    }

    #full-compliant .div-img {
        margin-top: 8%;
    }

    .Machcloud-enterprises h2, .Machcloud-enterprises h3, .customer-experience h2, .customer-experience h3, #Machteams-extension-features h2 {
        font-size: 32px;
        margin: 0 !important;
        line-height: 43px;
        text-align: left !important;
    }

    #contact-us h3 {
        font-size: 23px;
        line-height: 38px;
    }



    #header h1 .header-title, #header h1 .super-title, #header h2 .super-title {
        display: block;
        line-height: 35px;
        text-align: left;
    }

    #header h2 span {
        color: #fff !important;
    }

    #header h2 {
        text-align: left !important;
    }


    .header-owl-carousel .item .header-unified-communications {
        min-height: 570px;
        background-size: cover !important;
    }

    #plans .offer-best {
        margin-top: 24px;
    }

    .service-style p {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        min-height: 175px;
    }

    #offerings .offer p {
        min-height: 175px;
    }

    .header-unified-communications {
        background-image: url(/Resources/images/header/communication-delivery-platform-sm.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

        .header-discover-machcloud .banner-text-position .header-margin, .header-unified-communications .banner-text-position .header-margin {
            margin-top: 13% !important;
        }

    #header .header-discover-machcloud .header-image-section {
        margin-top: 40%;
    }


    #header .header-discover-machcloud .banner-text-position {
        margin-top: 10%;
    }


    .super-title {
        font-size: 20px;
        font-weight: 300;
        font-style: italic;
        text-align: left;
        line-height: 0;
    }

    .header-discover-machcloud .title-start {
        text-shadow: 1px 1px #fff !important;
    }

    .title-start {
        font-size: 31px;
        font-weight: 700;
        text-shadow: 1px 1px #000;
        text-align: left;
    }

    .title-end {
        font-size: 36px;
        font-weight: 300;
        text-align: left;
    }








    .margin-buttons-xs {
        margin: 5px 0;
    }

    .admin-service {
        padding-top: 20% !important;
    }

    .div-img {
        padding-top: 4%;
    }

    .div-img {
        padding-left: 10px;
        padding-right: 10px;
    }

    #reseller ul.bullet-points {
        padding-left: 0 !important;
    }



    .azure-deployment {
        background-color: #c9e1e9;
    }

    .inner-banner h3, .inner-banner p {
        line-height: 30px;
        text-align: left;
        font-size: 18px;
    }

    .header-cont .header-image-section {
        padding-top: 5%;
    }



    header.anim-bounce-up {
        padding-top: 40px;
    }

    .inner-banner p {
        padding-right: 0;
    }

    #services {
        padding-bottom: 30px;
    }

    #offerings {
        margin-bottom: 0;
        padding-top: 0 !important;
    }

    section {
        padding: 30px 0;
    }

    .mostpopular-margintop {
        margin-top: 25px;
    }

    .header-owl-carousel .item {
        min-height: 570px;
        background-size: cover;
    }

    .service-onbording {
        width: 31%;
        background-color: #0098db;
        margin-left: 10px;
    }

    .service-migration {
        width: 31%;
        margin-left: 15px;
        background-color: #e61d26;
    }

    .service-admin-service {
        width: 31%;
        margin-left: 15px !important;
        background-color: #00854e;
    }

    .footer-machcloud-inc {
        width: 50%;
        Padding-Left: 10px;
        padding-Right: 10px;
        float: left;
    }

    .footer-products-main {
        width: 50%;
        Padding-Left: 10px;
        padding-Right: 10px;
        float: left;
    }

    .footer-subscription-main {
        width: 50%;
        Padding-Left: 10px;
        padding-Right: 10px;
        float: right;
    }

    .footer-links-main {
        width: 50%;
        Padding-Left: 10px;
        padding-Right: 10px;
        float: left;
    }

    .machcloud-inc {
        text-align: left;
        line-height: 22px;
        color: #909090;
        font-size: 15px;
    }

    .full-bar-footer {
        background-color: #292929;
        padding-top: 45px;
        padding-bottom: 20px;
        clear: both;
    }
}

@media (min-width:768px) {
    #header {
        margin-top: 85px;
        padding-bottom: 0px !important;
    }

    .offering-DirectRouting .offering-contents p,
    .offering-TelephonyService .offering-contents p {
        font-size: 14px;
        min-height: 185px;
    }

    #migration {
        margin-top: 25px;
    }

    .section-button-margin {
        margin-top: 25px;
    }







    .aboutus-dropdown-menu h6 {
        padding-top: 10px;
    }

    #machteams-extension-features .text-heading-section h2 {
        font-size: 35px;
        line-height: 30px;
        text-align: left;
    }

    #why-machteams-extension h2,
    #why-machteams-extension h2 span {
        font-size: 38px;
    }

    .inner-banner .inner-banner-btn .btn {
        padding: 8px 20px 10px 20px !important;
    }






    .inner-banner .btn {
        padding: 3px 30px 12px 15px !important;
    }

    #customer-experience h2 {
        font-size: 38px !important;
    }

    #mach-global-sites {
        bottom: 45px;
    }

    #machteams-extension-advantages .feature-content p {
        padding-top: 0px;
    }

    .copyright-main {
        height: 45px;
    }

        .copyright-main.twelve-months-free {
            height: 57px;
        }

            .copyright-main.twelve-months-free .copyright {
                padding-top: 18px;
            }

    .mega-dropdown-menu a h6 {
        font-size: 17px !important;
    }

    .mega-dropdown-menu li a.link-blue {
        font-size: 17px !important;
    }

    .main-menu .in a {
        color: #ccc;
        width: 95%;
        margin: 0 auto;
    }

    .main-menu .navbar-nav a {
        color: #666;
        border-radius: 5px;
    }

    .mega-dropdown-menu .elegant {
        margin-top: 12px;
    }

    .machVoice-two-section {
        padding-left: 40px;
    }



    .most-popular-margin-top {
        margin-top: 0px;
    }



    #header .direct-routing {
        background-color: #f9f9f9;
        min-height: 500px;
    }




    .post-slide {
        width: 100% !important;
        margin: 0px 10px;
    }

    #machcloud-offerings .post-slide {
        width: 100% !important;
        margin: 0px 1% 0px 1%;
    }

    .four-bullets {
        width: 22% !important;
        margin: 0px 20px;
    }

    .btn-banner-one {
        float: left;
        margin-right: 15px;
    }

    .btn-banner-two {
        float: left;
    }

    .navbar-right .dropdown-menu {
        padding-bottom: 1%;
    }


    .mega-dropdown {
        height: 58px !important;
    }

    .mega-dropdown-menu span.menu-content, .menu-machcloud-product li.menu-content {
        text-align: left;
        font-size: 15px !important;
        padding-top: 15px;
        line-height: 30px;
        margin: 0 0 10px;
        list-style: none;
        color: #333;
        font-weight: 400;
    }

    #cloud-pbx-capabilities .hosted-voice-feature {
        padding-top: 8%;
    }

    #machteams-extension-needs .text-section {
        padding-top: 3%;
    }

    #fixed-tariff-calling .text-section {
        padding-top: 3%;
    }

    #machteams-selling .text-section {
        padding-top: 2%;
    }

    #seamless-migration .img-section {
        padding-top: 3%;
    }

    #seamless-migration .text-section {
        padding-top: 0;
        padding-bottom: 1%;
    }

    #the-platform .img-section {
        padding-top: 1%;
    }

    #the-platform .text-section {
        padding-top: 2%;
        padding-bottom: 1%;
    }

    #the-platform h2 {
        text-align: left;
    }

    #seamless-migration h2,
    #seamless-migration h6 {
        text-align: center;
    }

    #seamless-migration h6,
    .plans-comparison h6 {
        line-height: 30px;
    }


    #seamless-migration h2 {
        line-height: 50px;
        margin-bottom: 5px;
    }

    #office-365-partner h3 {
        color: #333;
        font-size: 23px;
        line-height: 20px;
    }


    #onboarding .text-section {
        padding-top: 5%;
    }

    #onboarding .img-section {
        padding-top: 2%;
    }

    #migration .text-section {
        padding-top: 2%;
    }

    #why-o365 .img-section {
        padding-top: 5%;
    }

    #trusted-cloud .text-section {
        padding-top: 2%;
    }

    #chatContainer .psmw_2IhR {
        bottom: 20px !important;
        right: 20px !important;
    }

    #partner-calling-teams .inner-banner .buttons-cont {
        margin-top: 45px;
    }



    #partner-calling-teams .title-start {
        color: #000 !important;
        text-shadow: 0 0 #fff !important;
        font-size: 38px !important;
    }

    #partner-calling-teams p {
        font-size: 16px !important;
        padding-top: 5px;
        font-weight: 400;
    }

    #partner-calling-teams h5 {
        color: #d11522;
        font-weight: 700;
        font-size: 22px;
    }

    ._404-page .button-margin-top {
        text-align: left;
    }

    .about-us-border-menu-margin {
        margin-top: 40px !important;
    }

    #productivity .div-img {
        margin-top: 0;
    }

    .mega-dropdown-menu {
        box-shadow: none;
        -webkit-box-shadow: none;
        min-height: 260px;
    }

    #SIPTrunking-features h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .navbar-inverse .navbar-nav > li > a {
        height: 55px;
    }



    #become-a-partner-banner h1, #become-a-partner-banner p, #machvoice-banner h1, #machvoice-banner p, #solution-for-business h1, #solution-for-business p, #solution-for-business-banner h1, #solution-for-business-banner p {
        color: #000;
    }

    .become-partner-features p {
        line-height: 35px;
        text-align: left;
    }


    .features-section .reseller-features,
    .reseller-detail .reseller-features {
        text-align: left;
    }



    #become-a-partner-banner p, #why-machcloud-banner h1, #why-machcloud-banner p {
        color: #000 !important;
    }

    #become-a-partner-banner .title-start, #solution-for-business-banner .title-start, #why-machcloud-banner .title-start {
        text-shadow: 1px 1px #fff !important;
    }

    #header .banner-unified-communications h2 span.super-title, #header .banner-unified-communications h2 span.title-start, .header-discover-machcloud h1, .header-unified-communications h1, .header-unified-communications h2 {
        color: #060f4b !important;
    }

    .OfficeLocation-Main {
        width: 50%;
        margin-top: 4%;
    }

    .hide-cookie-content {
        float: right !important;
    }

    .show-detail {
        float: left;
    }

    .offset-11-per {
        margin-left: 11%;
    }

    .pull-right-sm {
        float: right;
    }

    .compare-col-width {
        width: 14%;
    }

    .call-comparison-features-width {
        width: 15%;
    }

    .call-comparison-colums {
        width: 10%;
    }



    .admin-service {
        width: 41.66666667%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 8%;
    }

    .Machcloud-enterprises .enterprises-text {
        padding-top: 8%;
    }

    .customer-experience .customer-experience-text {
        padding-top: 5%;
    }

    #get-started .customer-experience .customer-experience-text {
        padding-top: 3%;
    }

    .Machcloud-enterprises p, .customer-experience p {
        line-height: 28px;
    }

    .hosted-voice-feature {
        width: 41.66666667%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 1% !important;
    }

    .azure-content h2,
    .azure-content h3 {
        font-size: 30px;
        margin: 0 !important;
        line-height: 36px;
        text-align: left;
    }

    .service-common-style {
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .onboarding-img {
        margin-top: 5%;
        width: 37.66666667%;
    }

    .admin-service-img {
        margin-top: 8%;
        width: 37.66666667%;
    }

    .service-migration-img {
        width: 34.66666667%;
    }

    .service-bullets {
        width: 62%;
        padding-left: 0;
        padding-right: 10px;
        float: left;
    }

    .footer-links ul li {
        font-size: 14px;
        line-height: 25px;
        padding-left: 10px;
        list-style-image: url(/Resources/images/icons/f-arrow.png);
        font-weight: 400;
    }

        .footer-links ul li:hover {
            padding-left: 10px;
            list-style-image: url(/Resources/images/icons/f-arrow-hover.png);
        }

    .footer-links ul {
        list-style-type: none;
        padding-left: 20px;
    }

    .footer-links a {
        color: #909090;
        text-decoration: none;
    }

        .footer-links a:hover {
            color: #fff;
            text-decoration: none;
        }
}

@media (min-width:992px) and (max-width:1199px) {
    .offerings-img {
        margin-top: 10%;
    }

    #machcloud-offerings .post-slide {
        min-height: 550px;
    }

    .post-slide {
        min-height: 490px;
    }

    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-md.png);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
    }

        .microsoft-teams .header-text-section {
            margin-top: 14%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .microsoft-teams p {
            padding-right: 40px;
        }

        .microsoft-teams .title-start {
            font-size: 36px !important;
        }

        .microsoft-teams .sub-heading {
            font-size: 21px !important;
        }

    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 380px;
    }

    #home-page-offerings-section h4 {
        font-size: 26px;
    }

    .footer-products-main {
        width: 25%;
        Padding-Left: 27px;
        padding-Right: 15px;
        float: left;
    }

    .footer-subscription-main {
        width: 25%;
        Padding-Left: 15px;
        padding-Right: 0;
        float: left;
    }

    .menu-machcloud-product {
        margin-top: 15%;
    }

    #migration .text-section {
        padding-top: 3% !important;
    }

    #migration .img-section {
        margin-left: 0%;
        margin-top: 15% !important;
    }


    .header-owl-carousel .item .header-unified-communications {
        min-height: 620px;
        background-size: cover !important;
    }

    .main-menu .navbar-collapse li {
        background: #fff;
        font-size: 12px;
    }

    .service-style p {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        min-height: 125px;
    }

    #offerings .offer p {
        min-height: 125px;
    }

    .header-discover-machcloud .title-start, .header-unified-communications .title-start {
        font-size: 30px;
        font-weight: 700;
        text-shadow: 1px 1px #fff;
        text-align: left;
        letter-spacing: -1px;
    }

    #partner h2 {
        font-size: 35px !important;
        line-height: 40px;
    }


    #why-o365 img {
        padding-top: 20%;
    }





    .header-owl-carousel .item {
        min-height: 620px;
        background-size: cover;
    }

    .header-cont .header-image-section {
        padding-top: 8%;
    }
}

@media (min-width:1200px) {
    .limited-offer {
        position: relative;
        top: 30px;
        z-index: 999;
        background-image: url(/Resources/images/limited-offer.png);
        background-size: cover;
        background-position: center right;
        width: 180px;
        height: 170px;
        margin-bottom: 30px;
    }

    #contact h2 {
        margin-bottom: 0px;
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .container {
        width: 1140px !important;
    }
}

@media (min-width:1301px) and (max-width:1400px) {
    .container {
        width: 1240px !important;
    }
}

@media (min-width:1401px) and (max-width:1500px) {
    .container {
        width: 1300px !important;
    }
}

@media (min-width:1501px) and (max-width:1600px) {
    .container {
        width: 1350px !important;
    }
}

@media (min-width:1601px) and (max-width:1700px) {
    .container {
        width: 1450px !important;
    }
}

@media (min-width:1701px) and (max-width:1800px) {
    .container {
        width: 1500px !important;
    }
}

@media (min-width:1801px) and (max-width:1900px) {
    .container {
        width: 1600px !important;
    }
}

@media (min-width:1901px) and (max-width:2000px) {
    .container {
        width: 1700px !important;
    }
}

@media (min-width:2001px) {
    .container {
        width: 1800px !important;
    }
}

@media (min-width:992px) {
    .have-questions {
        padding-top: 75px;
    }

    #machcloud-Pictogram p span {
        display: block;
    }

    .box-black h4,
    .box-black h5,
    .box-black p {
        padding-left: 15px;
    }

    .offerings-box .box-btn {
        padding: 20px 15px 0px 0px !important;
        text-align: left !important;
    }

    .azure-consultation, .azure-deployment {
        background-color: #dbeef4;
        width: 40%;
        margin-right: 15px;
        min-height: 230px;
        margin-top: 15px;
    }

    #machcloud-offerings .machcloud-offer h5 {
        margin-top: 32px;
    }

    #machcloud-offerings h2 {
        font-size: 38px;
        line-height: 35px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

        #machcloud-offerings h2 span {
            font-size: 31px;
        }

    .inner-banner p.MachTeamsExtensionText {
        font-size: 15px;
    }

    .o365-price {
        font-size: 36px;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 20px;
    }




    .direct-routing .header-text-section {
        margin-top: 13% !important;
    }

    .direct-routing .header-image-section {
        margin-top: 12% !important;
    }

    #direct-routing-offerings {
        padding-bottom: 50px;
    }



    #cloud-computing-solution h1 {
        font-size: 30px;
        margin-bottom: 15px !important;
        line-height: 36px;
        text-align: left !important;
    }

    #TheTwoModels h2, #ThirdPartyTrademarks h2, #partners-guide-section h2 {
        margin-bottom: 15px !important;
    }

    #MachCloudLogos h2, #ThirdPartyTrademarks h2 {
        margin-top: 0 !important;
    }

    #TheTwoModels h3 {
        color: #0073c6;
        font-size: 21px;
    }

    .section-two .hosted-voice-features {
        min-height: 158px;
    }

    #get-started h2, #pocket-friendly-calling h2 {
        font-size: 38px !important;
    }

    #calling-teams-banner .header-title, #partner-calling-teams .header-title {
        margin-bottom: 10px;
    }

    #calling-teams-banner .inner-banner p {
        padding-top: 5px;
        font-size: 24px !important;
        line-height: 35px;
    }

    .btn-small {
        padding: 10px 30px !important;
    }

    #plans .section-one {
        margin-top: 42px !important;
    }

    .banner-offering-section-btn {
        margin-top: 35px;
    }

    #our-company .div-img {
        margin-top: 2%;
    }

    #our-team .div-img {
        margin-top: 6%;
    }

    .two-sections p {
        padding-top: 25px;
        line-height: 30px;
        text-align: left;
    }

    .second-section {
        padding-left: 100px;
    }

    .menu-our-solutions {
        margin-top: 65px;
        padding-left: 15px;
    }

    .menu-about-us {
        margin-top: 30px;
        padding-left: 15px;
    }

    #solution-for-business-banner {
        background: url(/Resources/images/solution-for-business/banner-solution-for-business.jpg) no-repeat;
        min-height: 500px;
        background-size: cover;
    }

    #why-machcloud-banner {
        background: url(/Resources/images/why-machcloud/banner-why-machcloud.jpg) no-repeat;
        min-height: 500px;
        margin-top: 87px;
        background-size: cover;
    }


    .machvoice-banner #why-machcloud-banner {
        background: url(/Resources/images/machvoice/banner-machvoice.jpg) no-repeat;
        min-height: 500px;
        background-size: cover;
    }

    .machvoice-banner #calling-teams-banner {
        background: url(/Resources/images/callingteams/banner-calling-teams.jpg) no-repeat;
        min-height: 500px;
        background-size: cover;
    }

    .machvoice-banner #partner-calling-teams {
        background: url(/Resources/images/callingteams/partner-calling-teams.jpg) no-repeat;
        min-height: 500px;
        background-size: cover;
        margin-top: 50px;
    }

    #banner-webinar {
        background: url(/Resources/images/webinar/banner-webinar.jpg) no-repeat;
        min-height: 500px;
        margin-top: 87px;
        background-size: cover;
    }

    #banner-webinar-detail,
    #banner-product-videos {
        background-color: #f1f1f3;
        background-repeat: repeat;
        min-height: 450px;
        margin-top: 85px;
    }

    #become-a-partner-banner {
        background: url(/Resources/images/become-a-partner/banner-partners-for-business.jpg) no-repeat;
        min-height: 500px;
        background-size: cover;
        margin-top: 87px;
    }


    #about-us-banner {
        background: url(/Resources/images/about/banner-about-us.jpg) no-repeat;
        min-height: 500px;
        margin-top: 87px;
        background-size: cover;
    }

    #portal-overview-banner {
        background: url(/Resources/images/banners/banner-portal-overview.jpg) no-repeat;
        min-height: 500px;
        margin-top: 87px;
        background-size: cover;
    }

    #ucaas-banner {
        background: url(/Resources/images/banners/banner-ucaas.jpg) no-repeat;
        min-height: 500px;
        margin-top: 87px;
        background-size: cover;
    }



    #solution-for-business-banner .inner-banner p {
        padding-right: 25px;
    }

    .partners-content-margin {
        margin-top: 7%;
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .curve-line {
        height: 95px;
    }

    .header-title {
        margin-bottom: 20px;
    }

    .super-title {
        font-size: 20px;
        font-weight: 300;
        font-style: italic;
        text-align: left;
        line-height: 0;
    }

    .direct-routing h1 span.super-title, .header-azure-bg h2 span.super-title, .header-discover-machcloud h1 span.super-title, .header-services-bg h2 span.super-title, .header-unified-communications h2 span.super-title {
        font-size: 25px;
        font-style: normal;
        display: block;
        line-height: 30px;
    }

    #header h2, #header h2 span.super-title, #header h2 span.title-end, #header h2 span.title-start {
        text-align: left !important;
        color: #fff !important;
        line-height: 40px;
    }

    .header-discover-machcloud .title-end, .header-unified-communications .title-end {
        color: #000;
        font-size: 25px;
        font-weight: bolder;
    }

    .direct-routing .title-end {
        color: #fff;
        font-size: 25px;
        font-weight: bolder;
    }

    .title-start {
        font-size: 42px;
        font-weight: 700;
        text-shadow: 1px 1px #000;
        text-align: left;
    }

    .title-end {
        font-size: 39px;
        font-weight: 300;
        text-align: left;
    }

    .features {
        color: #fff;
        font-weight: 100;
    }

    .feature-item {
        line-height: 35px;
        font-size: 20px;
        background: url(/Resources/images/icons/chevron_right_white_27x27.png) no-repeat left 11px;
        padding: 0 0 0 19px;
        margin: 0;
    }

    .default-margin-button {
        margin-top: 25px !important;
    }

    .default-margin-top {
        margin-top: 50px;
    }

    .button-margin-top {
        margin-top: 25px;
    }

        .button-margin-top p {
            text-align: center !important;
            padding-top: 3px !important;
        }

    .default-padding-top {
        padding-top: 40px;
    }
}

.service-style {
    text-align: center;
    padding-bottom: 40px;
    margin-top: 15px;
    float: left;
    min-height: 510px;
}

.service-heading {
    color: #fff;
    padding-top: 30px;
    font-size: 24px;
}

.service-icon {
    display: inline-block;
    margin-top: 60px;
}

.full-bar-footer {
    background-color: #292929;
    padding-top: 40px;
    padding-bottom: 20px;
    clear: both;
}

.machcloud-inc {
    text-align: left;
    line-height: 22px;
    color: #909090;
    font-size: 15px;
}

    .machcloud-inc .privacy-policy a, .machcloud-inc .term-of-use a {
        color: #909090;
        font-size: 14px;
    }

        .machcloud-inc .privacy-policy a:hover, .machcloud-inc .term-of-use a:hover {
            color: #fff;
            text-decoration: none;
        }

.copyright-main .copyright {
    color: #fff;
    font-size: 15px;
    padding-top: 13px;
}

    .copyright-main .copyright a {
        color: #fff;
    }

        .copyright-main .copyright a:hover {
            text-decoration: underline !important;
            color: #fff !important;
        }

    .copyright-main .copyright .date-time {
        text-align: center;
    }

.footer-heading {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 10px;
}

.footer-product-icon {
    width: 65px;
    height: 67px;
    float: left;
}

    .footer-product-icon:hover {
        width: 65px;
        height: 67px;
        float: left;
    }

    .footer-product-icon a {
        width: 50px;
        height: 48px;
        float: left;
    }

.f-O365 {
    background-position: 0 0;
}

    .f-O365:hover {
        background-position: 0 -48px;
    }

.f-vps {
    background-position: -50px 0;
}

    .f-vps:hover {
        background-position: -50px -48px;
    }

.f-dynamics365 {
    background-position: -100px 0;
}

    .f-dynamics365:hover {
        background-position: -100px -48px;
    }

.f-onboarding {
    background-position: 0 -96px;
}

    .f-onboarding:hover {
        background-position: 0 -144px;
    }

.f-migrate {
    background-position: -50px -96px;
}

    .f-migrate:hover {
        background-position: -50px -144px;
    }

.f-admin-service {
    background-position: -100px -96px;
}

    .f-admin-service:hover {
        background-position: -100px -144px;
    }

.footer-subscribe {
    color: #909090;
    font-size: 16px;
}

.microsoftgoldpartner {
    width: 225px;
}

.follow-us {
    display: table;
}

    .follow-us div.follow-us-heading {
        float: left;
        color: #909090;
        font-size: 19px;
        padding-top: 3px;
        padding-right: 15px;
    }

    .follow-us .social-icon,
    .follow-us .social-icon:hover {
        width: 36px;
        height: 30px;
        float: left;
        cursor: pointer;
        -webkit-transition: background-position .3s ease-in;
        -moz-transition: background-position .3s ease-in;
        -o-transition: background-position .3s ease-in;
        transition: background-position .3s ease-in;
    }

.facebook {
    background-position: -151px -61px;
    width: 30px;
    left: 0;
    float: left;
}

    .facebook:hover {
        background-position: -151px -91px;
    }

.twiter {
    background-position: -194px -61px;
    width: 30px;
    left: 44px;
    float: left;
}

    .twiter:hover {
        background-position: -194px -91px;
    }

.linkedin {
    background-position: -238px -61px;
    width: 30px;
    left: 88px;
    float: left;
}

    .linkedin:hover {
        background-position: -238px -91px;
    }

.google {
    background-position: -282px -61px;
    width: 30px;
    left: 132px;
    float: left;
}

    .google:hover {
        background-position: -282px -91px;
    }

.blog {
    background-position: -326px -61px;
    width: 30px;
    left: 176px;
    float: left;
}

    .blog:hover {
        background-position: -326px -91px;
    }

.copyright-main {
    background-color: #df3c39;
    position: relative;
    top: 0px;
}

.color-b3b3b3 {
    color: #b3b3b3;
}




.margin-top-buttons {
    margin-top: 20px;
}

.responsive-img {
    max-width: 100%;
}

.padding-top-heading {
    padding-top: 20px;
}

.padding-bottom-20px {
    padding-bottom: 20px;
}

.padding-top-10px {
    padding-top: 10px;
}

#header {
    padding-top: 0 !important;
}

.banner-sub-navigation {
    background-color: #333;
}

    .banner-sub-navigation .navbar-nav > li {
        height: 58px !important;
    }

        .banner-sub-navigation .navbar-nav > li > a {
            color: #fff;
        }

            .banner-sub-navigation .navbar-nav > li > a:active,
            .banner-sub-navigation .navbar-nav > li > a:focus,
            .banner-sub-navigation .navbar-nav > li > a:hover {
                background-color: #3e3e3e !important;
                opacity: 0.9;
                padding-bottom: 20px;
            }

.teams-pages.banner-sub-navigation .navbar-nav > li.active,
.teams-pages.banner-sub-navigation .navbar-nav > li > a:active,
.teams-pages.banner-sub-navigation .navbar-nav > li > a:focus {
    background-color: #d12127 !important;
    opacity: 1;
    padding-bottom: 20px;
    color: #ffffff !important;
    font-weight: 600 !important;
}

    .teams-pages.banner-sub-navigation .navbar-nav > li.active > a {
        color: #ffffff !important;
    }

.banner-sub-navigation .navbar-nav > li > a:hover {
    background-color: #000000 !important;
}

.bg-maroon.banner-sub-navigation .navbar-nav > li.active,
.bg-maroon.banner-sub-navigation .navbar-nav > li > a:active,
.bg-maroon.banner-sub-navigation .navbar-nav > li > a:focus {
    background-color: #a90000 !important;
    opacity: 0.9;
    padding-bottom: 20px;
}

.bg-maroon.banner-sub-navigation .navbar-nav > li > a:hover {
    background-color: #910000 !important;
    opacity: 0.9;
    padding-bottom: 20px;
}

.banner-sub-navigation .navbar-nav {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}



.banner-sub-navigation .btn-info {
    background: #d12127 !important;
    border-color: #d12127 !important;
    color: #fff;
}

    .banner-sub-navigation .btn-info:hover {
        background: #a71707 !important;
        border-color: #d12127 !important;
    }

.banner-sub-navigation .navbar-right {
    padding-top: 8px;
    padding-bottom: 8px;
}

.navbar-nav > li > a {
    padding-top: 18px !important;
}

.display-table {
    display: table !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-inline {
    display: inline !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

#why-o365 {
    background-color: #f9f9f9;
}

.padding-0px {
    padding: 0 !important;
}

.feature-icons > img, .pricing img {
    margin: 3px;
}

ul.bullet-points {
    padding-left: 20px;
}

    ul.bullet-points li {
        list-style: none;
        list-style-type: none;
        list-style-image: none;
        line-height: 36px;
        list-style-type: none;
        list-style-image: url(/Resources/images/icons/Bulletpoint.png);
    }

.hosted-voice-features ul.bullet-points li {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    line-height: 36px;
    list-style-type: none;
    list-style-image: url(/Resources/images/icons/tick-bullet.png);
}

ul.tick-bullet-points {
    padding-left: 20px;
}

ul.bullet-points li {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    line-height: 36px;
    list-style-type: none;
    list-style-image: url(/Resources/images/icons/tick-bullet.png);
}

#header .buttons-cont, .inner-banner .buttons-cont {
    margin-top: 20px;
}

.pricing tr > td.compare-col-width,
.pricing tr > td.call-comparison-features-width,
.pricing tr > td.call-comparison-colums {
    border: 1px solid #efefef;
    padding: 20px 15px;
    /*vertical-align: middle;*/
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell;
}

.pricing {
    background-color: #fff;
}

#call-function-comparison .pricing {
    background-color: #f9f9f9;
}

.pricing .panel-heading.enterprise {
    background-color: #4e4e4e;
}

#call-function-comparison .pricing .panel-heading.extension {
    background-color: #d12127;
}

#call-function-comparison .pricing .panel-heading.MicrosoftTeams {
    background-color: #0073c6;
}

.pricing .panel-heading {
    background-color: transparent;
    border-bottom: transparent;
    border-radius: 0;
    border-right: solid 1px #dedede;
}

.pricing h6.business {
    color: #e1261c;
    line-height: 25px;
}

.pricing h6.enterprise {
    color: #333;
    line-height: 25px;
}

.pricing h6.font-bold-600 {
    color: #333;
    line-height: 25px;
}

.white {
    color: #fff !important;
}

.default-color-bg {
    background-color: #d12127;
}

.padding-left-0px {
    padding-left: 0 !important;
}



.pricing .plan-name td {
    background-color: #4e4e4e;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.pricing .plan-detail td {
    text-align: center;
}

    .pricing .plan-detail td .check.full {
        background: #d12127;
    }

    .pricing .plan-detail td .check {
        width: 12px;
        height: 12px;
        margin: 3px auto 0;
        border-radius: 50%;
        display: block;
    }

    .pricing .plan-detail td span {
        color: #8c8c8c;
        font-size: 14px;
    }

.no-border {
    border: none;
}

.border-top-none {
    border-top: none !important;
}

.stick {
    position: fixed;
    top: 0;
}

.hide-td {
    visibility: hidden !important;
    display: none !important;
    width: 1px !important;
    border: none !important;
}

.ent-feature {
    background-color: #f9f9f9;
}

.margin-top-5per {
    margin-top: 5%;
}

.padding-bottom-0px {
    padding-bottom: 0 !important;
}

#azure-banner {
    background-color: #0073c6;
}

#solution-for-business {
    background-color: #f8f8f8;
}

.bg-dynamics365 {
    background: #1d2748;
}

#dynamics365-banner {
    background-color: #001331;
}

    #azure-banner h1, #dynamics365-banner h1 {
        color: #fff;
    }

#services-banner {
    background: url(/Resources/images/services/services-banner.png) no-repeat;
    min-height: 500px;
    background-size: cover;
}

#migration {
    background: url(/Resources/images/teams-migration-bg.jpg) no-repeat;
    min-height: 500px;
    background-size: cover;
}

/*#o365-banner {
    background: url(/Resources/images/O365/banner-o365-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 500px;
    margin-top: 50px;
}*/


#banner-product-videos p {
    color: #000000;
    font-weight: 400;
}

#banner-product-videos .inner-banner h1 {
    color: #000000;
}


.hosted-voip-bg {
    background-color: #4cb4ef;
    background-repeat: repeat-x;
}



#hosted-voip .inner-banner p {
    color: #ffffff;
}



#banner-devices {
    background-color: #ffffff;
    background-repeat: repeat-x;
}



.banner-sip-trunking-bg {
    background-color: #e3e8ea;
    background-repeat: repeat-x;
}



#productivity p, #what-is-dynamics-365 p {
    line-height: 30px;
}

.inner-banner h3:after {
    margin: 0 !important;
}

.icon-consultation {
    background-image: url(/Resources/images/azure/azure-consultation.png);
    height: 90px;
}

.icon-deployment {
    background-image: url(/Resources/images/azure/azure-deployment.png);
    height: 90px;
}

.icon-manage {
    background-image: url(/Resources/images/azure/azure-manage.png);
    height: 90px;
}



#machcloud-offerings .machcloud-offer .elegant {
    color: #333;
    font-size: 5.5em;
}



p {
    line-height: 25px;
}

.padding-top-5per {
    padding-top: 5%;
}

.padding-top-6per {
    padding-top: 6%;
}

#azure-with-machcloud {
    background: url(/Resources/images/azure/support-bg.jpg);
    background-repeat: repeat-x;
}

.support-img {
    background: url(/Resources/images/azure/support-img.png) no-repeat;
    min-height: 450px;
}

.azure-content h3:after {
    margin-bottom: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.banner-text-position .header-margin {
    margin-top: 22%;
}

.full-bar-footer P {
    line-height: 20px;
}

.inner-banner p {
    font-weight: 100;
}

#solution-for-business-banner .inner-banner p {
    font-weight: 400;
}



#offerings .offer .btn-info, #reseller .btn-info {
    background-color: transparent;
    border-radius: 0 0;
    font-weight: 300;
    border-color: #d12127;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #d12127;
}

    #offerings .offer .btn-info:active, #offerings .offer .btn-info:focus, #offerings .offer .btn-info:hover, #reseller .btn-info:active, #reseller .btn-info:focus, #reseller .btn-info:hover {
        background: 0 0;
        border-color: #333;
        outline: 0;
        color: #333;
    }

    #offerings .offer .btn-info a:hover, #reseller .btn-info a:hover {
        color: #333;
    }

.machcloud-onboarding {
    background-position: 0 -206px;
    height: 100px;
    width: 100px;
}

.machcloud-migration {
    background-position: -100px -193px;
    height: 100px;
    width: 70px;
}

.machcloud-admin-service {
    background-position: -170px -199px;
    height: 100px;
    width: 100px;
}

.plan-icons {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.online-exchange {
    background-position: -241px 0;
}

.online-owa {
    background-position: -150px -32px;
}

.online-pp {
    background-position: -240px 0;
}

.online-one-note {
    background-position: -180px 0;
}

.online-word {
    background-position: -271px 0;
}

.online-powerpoint {
    background-position: -150px 0;
}

.online-excel {
    background-position: -180px -32px;
}

.online-sharepoint {
    background-position: -210px -32px;
}

.online-one-drive {
    background-position: -242px -36px;
    width: 39px;
    height: 22px;
    margin-left: 5px;
    display: block;
    float: left;
    margin-top: 8px;
}

.online-skype4b {
    background-position: -281px -32px;
}

.img-control-panel {
    background-position: 0 -293px;
    margin-top: 25px;
}

.img-laptop-all-in-one {
    background-position: 0 -206px;
    background-repeat: no-repeat;
    background-position: 0 -1110px;
    margin-top: 70px;
    width: 350px;
    height: 247px;
    display: inline-block;
}

.img-become-reseller {
    background-position: 0 -748px;
    margin-top: 25px;
    height: 389px;
    display: block;
}

.machcloud-logo {
    background-position: -362px -103px;
    width: 160px;
    height: 70px;
    display: inline-block;
}

.ms-logo {
    background-position: -150px -121px;
    width: 210px;
    height: 46px;
    display: inline-block;
}

#CookieDialog .nav-tabs > li.active > a, #CookieDialog .nav-tabs > li.active > a:focus, #CookieDialog .nav-tabs > li.active > a:hover {
    background-color: transparent;
}

#CookieDialog {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    color: #333;
    font-size: 13px;
    padding: 10px 0px 10px 0px !important;
    text-align: left;
    border-top: 1px solid #e6e6e6;
}

.CookieDialogEnd {
    padding: 10px 0px 10px 0px !important;
    bottom: 45px !important;
    z-index: 999999 !important;
}

.CookieDialogTop {
    padding: 10px 0px 10px 0px !important;
    bottom: 0px !important;
    z-index: 999999 !important;
}

#CookieDialog h5 {
    font-size: 16px;
}

#about-cookie, #cookie-declaration {
    height: 158px !important;
}

.cookie-top-portion {
    text-align: justify;
    display: inline-block;
}

#cookie-declaration {
    /*overflow-y: hidden;*/
    overflow-x: hidden;
}

#hide-detail, #show-detail {
    background-position: 95% center;
}

#hide-detail, #show-detail, .connector {
    background-repeat: no-repeat;
}

#show-detail {
    background-image: url(/Resources/images/icons/icon-expand.png);
}

#hide-detail {
    background-image: url(/Resources/images/icons/icon-collapse.png);
}

.cookie-declaration-table {
    width: 100%;
    padding: 10px 15px 0 0;
}

.btn-cookie {
    padding: 3px 20px 3px 9px !important;
    color: #fff !important;
    background-color: #a2a2a2;
    border-color: #a2a2a2;
}

.btn-ok {
    padding: 3px 30px !important;
}

.btn-default-small {
    padding: 3px 20px !important;
}

.btn-cookie.active, .btn-cookie.focus, .btn-cookie:active, .btn-cookie:focus, .btn-cookie:hover, .open > .dropdown-toggle.btn-cookie {
    color: #fff;
    background-color: #777;
    border-color: #777;
}

.btn-ok {
    color: #fff !important;
    background-color: #169c15;
    border-color: #169c15;
}

    .btn-ok.active, .btn-ok.focus, .btn-ok:active, .btn-ok:focus, .btn-ok:hover, .open > .dropdown-toggle.btn-ok {
        color: #169c15 !important;
        background-color: transparent;
        border-color: #169c15;
    }

.card {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    margin-bottom: 0;
}

#CookieDialog .nav-tabs {
    border-bottom: 2px solid #ddd;
}

#CookieDialog .tab-content {
    margin-top: 15px;
    padding-left: 15px;
}

#CookieDialog .nav-tabs li:first-of-type, #CookieDialog .nav-tabs li:last-of-type {
    border: none !important;
    border-radius: 0 !important;
}

#CookieDialog .nav {
    padding-left: 0;
    margin-bottom: 0;
}

#CookieDialog .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

#CookieDialog .nav > li, #CookieDialog .nav > li > a {
    display: block;
    position: relative;
}

#CookieDialog .nav-tabs > li.active > a, #CookieDialog .nav-tabs > li > a:hover {
    border: none;
    color: #4285f4 !important;
    background: 0 0;
}

#CookieDialog .nav-tabs > li > a {
    border: none;
    color: #666;
}

#CookieDialog .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
}

#CookieDialog .nav > li > a {
    padding: 10px 15px;
}

#CookieDialog .nav > li, #CookieDialog .nav > li > a {
    display: block;
    position: relative;
}

#CookieDialog .nav-tabs .active a {
    background: #fff !important;
    color: #fff !important;
}

.reseller-section {
    padding: 40px 0 50px 0;
    background-image: url(/Resources/images/reseller/reseller-bg.png);
    background-repeat: no-repeat;
    background-color: #00abed;
}

.bg-all-in-one {
    padding: 40px 0;
    background-image: url(/Resources/images/all-in-one.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/*.defaul-page-images {
    background-image: url(/Resources/images/default-page/default-page.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.img-machcloud-for-partners {
    background-position: -424px -7px;
    width: 500px;
    height: 429px;
    max-width: 100%;
}*/

#benefits-for-customers .reseller-features, #five-title-section .reseller-features, #why-machcloud-bg .reseller-features, .machcloud-product-section .reseller-features {
    text-align: center;
}

.offering-section {
    padding-right: 15px;
    padding-left: 15px;
}

.dr-offering-enterprise,
.dr-offering-partners {
    background-color: #000000;
    padding: 40px 25px 25px 35px;
    margin-top: -20px;
    min-height: 350px;
    opacity: 0.9;
}



.private-label {
    background-color: #006388 !important;
}

#direct-routing-offerings h2,
#direct-routing-offerings h6 {
    color: #333;
    text-align: center;
}


.offering-section h4, .offering-section p {
    color: #fff;
    text-align: left;
    padding-top: 10px;
}

.offering-section p {
    line-height: 25px;
    font-size: 15px;
    text-align: justify;
    min-height: 110px;
}

.reseller-section h5 {
    color: #004159;
    text-align: center;
    padding-top: 20px;
    font-size: 30px;
    font-weight: 400;
}



.clear-both {
    clear: both;
}

.checkbox input {
    height: 15px !important;
}



#aboutus .nav-tabs {
    border: none !important;
    width: auto !important;
    height: auto;
    text-align: center;
    display: table;
    margin: 0 auto;
}

    #aboutus .nav-tabs li:first-of-type {
        border: 1px solid #ccc !important;
    }

    #aboutus .nav-tabs li:last-of-type {
        border: 1px solid #ccc !important;
    }

.blue-link {
    color: #003c53;
}

#ChoosePartnerPlan p {
    font-weight: 100;
    font-size: 15px;
}






.p-t-0 {
    padding-top: 0 !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-l-r-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-10 {
    padding-right: 10px !important;
}







.m-t--5 {
    margin-top: -5px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-28 {
    margin-top: 28px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-t-55 {
    margin-top: 55px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}





.footer-legal-portion {
    padding-top: 15px;
}

    .footer-legal-portion .privacy-policy a, .footer-legal-portion .term-of-use a, .footer-legal-portion .footer-address a {
        color: #909090;
        font-size: 14px;
    }

        .footer-legal-portion .privacy-policy a:hover, .footer-legal-portion .term-of-use a:hover, .footer-legal-portion .footer-address a:hover {
            color: #fff;
            text-decoration: none;
        }

#socialmedia-icons {
    position: fixed;
    left: 0;
    bottom: 70px;
    z-index: 999;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    padding: 0;
}

.socialmedia-icons {
    padding-top: 10px;
    display: table;
}

    .socialmedia-icons .social-icon {
        width: 36px;
        height: 36px;
        cursor: pointer;
        -webkit-transition: background-position .3s ease-in;
        -moz-transition: background-position .3s ease-in;
        -o-transition: background-position .3s ease-in;
        transition: background-position .3s ease-in;
    }

.share-whatsApp {
    background-position: -365px -62px;
    left: 0;
}

.share-facebook {
    background-position: -402px -62px;
    left: 44px;
}

.share-twiter {
    background-position: -438px -62px;
    left: 132px;
}

.share-email {
    background-position: -474px -62px;
    left: 88px;
}

.share-copy {
    background-position: -510px -62px;
    left: 176px;
}

.share-login {
    background-position: -546px -62px;
    left: 176px;
}

.show-hide-icons {
    font-size: 24px;
}

    .show-hide-icons .icons-collapse {
        padding: 2px 0 0 0;
    }

    .show-hide-icons .icon-social-share {
        background-color: #0a9799;
        padding: 10px 14px 6px 10px;
        color: #fff;
    }

    .show-hide-icons .elegant {
        font-size: 1.5em !important;
        color: #0286a4;
    }

#azure-with-machcloud h3,
#cloud-computing-solution h1,
#fixed-tariff-calling h3,
#get-started h3,
#maximize-portability h3,
#trusted-cloud h3 {
    color: #0073c6;
}

.img-dynamics-features {
    background: url(/Resources/images/dynamics365/dynamics365-images.png) no-repeat 0 0;
    margin-top: 25px;
    height: 348px;
    width: 809px;
    display: block;
}

.chat-icon:link, .chat-icon:visited {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
}

.chat-icon:hover {
    color: #fff;
    text-decoration: underline;
}

#sip-trunking .title-start {
    color: #000 !important;
    text-shadow: 1px 1px #fff !important;
}

.dark-img mark {
    color: #fff;
    background-color: rgba(0,0,0,.5);
    padding: 10px;
}

.smallIcon img {
    height: 50px;
    width: 50px;
}

.hosted-voice-features ul {
    font-size: 14px;
}

.footer-address p {
    font-size: 14px;
    line-height: 23px;
    color: #909090;
}

.OfficeLocation-Main {
    float: left;
    padding-right: 0;
    padding-left: 0;
}

.MaroonHeading {
    font-size: 28px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    color: #d12127 !important;
    text-align: left !important;
}



.bootstrap-select .dropdown-toggle .filter-option {
    top: -3px !important;
    left: -10px !important;
}

.icon-us {
    background-image: url(/Resources/images/icon-us.png);
}

.icon-dutch {
    background-image: url(/Resources/images/icon-dutch.png);
}

.flag-icons {
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px !important;
    float: left;
    margin-top: 5px;
}

.country-name {
    float: left;
    margin-top: 1px;
    font-size: 15px;
}

ul li .bootstrap-select .btn-default {
    color: #000 !important;
    background: 0 0 !important;
    border: none !important;
}

.tab-content > .active {
    outline: 0;
}

ul li .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 150px !important;
    top: 9px;
    outline: 0;
}

.bootstrap-select[class*=col-], ul li .bootstrap-select:not(.input-group-btn) {
    float: left !important;
}

ul li .main-menu .navbar-collapse li:active, ul li .main-menu .navbar-collapse li:focus, ul li .main-menu .navbar-collapse li:hover {
    background: 0 0 !important;
}

ul li .bootstrap-select .dropdown-toggle .caret {
    right: 40px !important;
}

.dropdown-menu > .active > a:focus, ul li .dropdown-menu > .active > a {
    background: 0 0 !important;
}

    ul li .dropdown-menu > .active > a:hover {
        background-color: #f9f9f9 !important;
    }

#services {
    color: #fff;
}

#why-machCloud h3, #why-o365 h3, .offering-section h2 {
    color: #d12127;
    font-size: 21px;
}


#service-coverage {
    padding: 40px 0;
    background-image: url(/Resources/images/default-page/service-coverage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}


#whymccloud h4, .worry-free-experience h4 {
    color: #d12127;
}

#aboutus h4, #hosted-voip h1, #o365-banner h1, #services-banner h1, #why-machcloud-banner h1 {
    color: #fff;
}

.Machcloud-enterprises h2, .Machcloud-enterprises h3, .azure-content h2, .azure-content h3 {
    color: #d12127;
}

.customer-experience h2, .customer-experience h3, #Machteams-extension-features h2, #service-coverage h2, #service-coverage h3 {
    color: #000000;
}

#MachCloudLogos h2 span, #ThirdPartyTrademarks h2 span, #partners-guide-section h2 {
    font-size: 36px;
}

.color-grey {
    color: #333;
}

.text-align-left {
    text-align: left !important;
}
.text-underline {
    text-decoration: underline !important;
}

.right-border {
    border-right: 1px solid #efecec;
    height: 150px;
}

.link-arrow {
    cursor: pointer;
    background-position: -328px 0;
    width: 7px;
    height: 13px;
    margin: 0 0 0 7px;
}

.link-arrow {
    background-repeat: no-repeat;
    display: inline-block;
}

a.link-blue {
    color: #0073c6 !important;
    text-decoration: none;
}

a.link-maroon {
    color: #e61d26 !important;
    text-decoration: none;
}

a.link-black {
    color: #000000 !important;
    text-decoration: none;
}

    a.link-black:hover {
        color: #d12127 !important;
        text-decoration: underline !important;
    }

a.link-white {
    color: #fff !important;
    text-decoration: none;
}

.machcloud-product h5 {
    color: #0d588e !important;
    line-height: 33px;
}

#why-machcloud-bg {
    padding: 40px 0;
    background-image: url(/Resources/images/why-machcloud-bg.jpg);
    background-repeat: repeat;
    height: 562px;
}

#benefits-for-customers, #five-title-section {
    padding: 40px 0;
    background-color: #fff;
    background-repeat: repeat;
}

#customer-experience {
    padding: 40px 0;
    background-image: url(/Resources/images/become-a-partner-bg.jpg);
    background-repeat: repeat;
    background-size: cover;
}

    #customer-experience h2, #customer-experience p {
        color: #fff;
        text-align: center;
        line-height: 35px;
    }


#seeing-is-believing {
    padding: 40px 0;
    background-image: url(/Resources/images/hosted-voip/communication-cloud-pbx.jpg);
    background-repeat: repeat;
    background-size: cover;
}

    #seeing-is-believing h2, #seeing-is-believing p {
        color: #fff;
        text-align: center;
        line-height: 35px;
    }

.request-demo-section {
    padding: 40px 0;
    background-color: #0073c6;
    background-repeat: repeat;
}

    .request-demo-section h2, .request-demo-section p {
        color: #fff;
        text-align: center;
        line-height: 35px;
    }

#request-demo-white {
    padding: 40px 0;
    background-color: #f9f9f9;
    background-repeat: repeat;
}

    #request-demo-white h2, #request-demo-white p {
        color: #e61d26;
        text-align: center;
        line-height: 35px;
    }

.common-style-why-us {
    width: 152px;
    height: 152px;
    display: inline-block;
}

.img-become-a-partner {
    display: inline-block;
    background-position: -583px 0;
    width: 611px;
    height: 524px;
}

.icon-professional-support {
    background-position: -348px -1121px;
}

.icon-Security {
    background-position: -348px -1273px;
}

.icon-Reliability {
    background-position: 0 -1364px;
}

.icon-worry-free-experience {
    background-position: 0 -1526px;
}

.icon-professional-services {
    background-position: -167px -1364px;
}

.common-style-title-icons {
    width: 80px;
    height: 80px;
    display: inline-block;
}

.icon-title-one {
    background-position: -519px -1121px;
}

.icon-title-two {
    background-position: -612px -1121px;
}

.icon-title-three {
    background-position: -694px -1121px;
}

.icon-title-four {
    background-position: -789px -1121px;
}

.icon-title-five {
    background-position: -884px -1121px;
}

.icon-complete-control {
    background-position: -519px -1272px;
}

.icon-telecom-service {
    background-position: -624px -1272px;
}

.icon-cloud-integration {
    background-position: -723px -1272px;
}

.icon-always-reachable {
    background-position: -694px -1121px;
}

.icon-cost-savings {
    background-position: -826px -1272px;
}

.Why-us-icons {
    width: 210px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-table;
    margin-top: 20px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.align-self-center {
    align-self: center;
}

.spaceBTW {
    justify-content: space-between;
}

.logo-webex, .logo-zoom, .icon-including-dns, .icon-become-partner, .icon-partner-login, .icon-saftyness, .icon-safty-lock, .icon-domain-management, .icon-forest, .icon-Downtime, .icon-migrate-mailbox, .icon-batches, .icon-rules, .icon-real-time, .logo-bns, .logo-spam-expert, .logo-microsoft, .logo-machsol, .logo-yealink, .logo-Exelion, .logo-coin, .logo-fusix, .logo-autoriteit, .icon-cross, .icon-tick, .icon-web-hosting, .icon-domain-emails, .logo-ms-publisher, .icon-domain-security, .icon-storage-capicity, .icon-control-panel, .icon-fast-hosting, .icon-One-click-setup, .logo-ms-excel, .logo-ms-note, .logo-ms-access, .logo-ms-outlook, .logo-ms-exchange, .logo-ms-bookings, .logo-ms-sharepoint, .logo-ms-yammer, .logo-ms-onedrive, .logo-ms-power-apps, .logo-ms-teams, .logo-ms-analysis, .logo-ms-intune, .logo-ms-azure, .logo-ms-pp, .logo-ms-word, .logo-vidia, .logo-innovaphone, .logo-unify, .logo-xelion, .logo-mitel, .logo-siemens, .logo-broadsoft, .logo-alcatel, .logo-voiceworks, .logo-cisco, .logo-ayaya, .logo-asterisk, .logo-3cx, .black-stoke-tick-small, .black-tick-small, .black-tick-large, .black-stoke-tick-large, .icon-anywhere, .icon-o365-servers, .icon-white-security, .icon-right-plan, .icon-own-PBX, .icon-ssd-drive, .icon-bandwidth, .icon-dedicated-ip, .icon-root-access, .icon-infrastructure, .icon-monitoring, .icon-snapshots, .icon-uptime, .icon-file-security, .icon-file-storage, .icon-synced-files, .icon-remotely-access, .icon-domain-Privacy, .icon-domain-insurance, .icon-domain-Reputation, .icon-easy-manage, .icon-cost-reduction, .icon-optimized-benefits, .icon-conversion, .icon-easy-migrations, .icon-easy-deployments, .icon-high-availability, .icon-invoice, .icon-low-cost-calling, .icon-PBX-functionality, .icon-telephone-number, .icon-quick-running, .icon-solutions, .icon-Scaleup, .icon-stay-updated, .icon-security-doorstep, .icon-collaboration, .safe-hands, .boarding-migration, .right-advice, .migrate-teams, .cloud-solutions, .technical-support, .img-Kees, .img-Dietger, .img-Nathalie, .icon-technology-experts, .icon-turnaround-time, .icon-industry-best, .icon-worry-free, .plans-devices, .plans-ssl-certificate, .plans-domain-name, .plans-vps-hosting, .partner-Security, .partner-technology, .partner-provisioning, .partner-collaboration, .partner-solutions, .partner-support, .partner-cohesive, .partner-billing, .plans-siptrunk, .plans-cloud-pbx, .plans-dynamics365, .plans-extension, .plans-machteams, .icon-partner-flexibility, .icon-partner-profitable, .icon-partner-own-pace, .menu-revenue, .menu-ownership, .menu-payments, .menu-technical, .menu-deals, .icon-globe, .expand-icon, .collapse-icon, .tick-icon-32, .icon-machvoice-teams, .icon-machvoice-cloudpbx, .blog, .blog:hover, .common-style-why-us, .f-O365, .f-O365:hover, .f-admin-service, .f-admin-service:hover, .f-dynamics365, .f-dynamics365:hover, .f-migrate, .f-migrate:hover, .f-onboarding, .f-onboarding:hover, .f-vps, .f-vps:hover, .facebook, .facebook:hover, .footer-icons, .google, .google:hover, .icon-404-O365, .icon-404-cloud-pbx, .icon-404-machvoice, .icon-404-siptrunking, .icon-OurCompany, .icon-OurExpertise, .icon-OurTeam, .icon-SIP-trunking, .icon-added-values, .icon-always-reachable, .icon-attractive-pricing, .icon-attractive-tariff, .icon-availability, .icon-bounteous-profits, .icon-cost-calculated, .icon-sales-tax, .icon-system-add-on, .icon-calling-plan, .icon-license, .icon-partner, .icon-business-streams, .icon-cloud-integration, .icon-cloud-pbx, .icon-complete-control, .icon-cost-savings, .icon-customer-support, .icon-easy-integrate, .icon-easy-migration, .icon-flexibility, .icon-hosted-voice, .homepage-machvoice, .homepage-machteams, .homepage-microsoft365, .icon-mach-voice, .icon-machvoice-red, .icon-machteams-red, .icon-microsoft365, .icon-machteams-extension-blue, .icon-machvoice-blue, .icon-machteams-blue, .icon-microsoft365-blue, .icon-manage-migrate, .icon-maximal-flexibility, .icon-offer, .icon-offer-azure, .plans-microsoft365, .plans-calling-teams, .plans-digital-communications, .plans-virtual-desktop, .icon-offer-dynamic365, .icon-offer-o365, .icon-office365, .icon-own-pace, .icon-professional-services, .icon-profitable-margins, .icon-save-deal, .icon-security-reliability, .icon-simplistic-processes, .icon-siptrunking, .icon-specialist-team, .icon-supported, .icon-system-integrations, .icon-telecom-service, .icon-title-five, .icon-title-four, .icon-title-one, .icon-title-three, .icon-title-two, .icon-unified-portal, .icon-ymachcloud-expertise, .icon-ymachcloud-ourteam, .icon-ymachcloud-reliable, .icon-ymachcloud-support, .icon-ymachcloud-worryfree, .icon-zero-investment, .img-become-a-partner, .img-become-reseller, .img-control-panel, .img-laptop-all-in-one, .link-arrow, .linkedin, .linkedin:hover, .machcloud-admin-service, .machcloud-logo, .machcloud-migration, .machcloud-onboarding, .menu-Copyright, .menu-TradeMarks, .menu-business, .menu-calling-teams, .menu-calling-teams-blue, .menu-cloud-pbx, .menu-mach-voice, .menu-office365, .menu-office365-partner, .menu-our-company, .menu-our-expertise, .menu-our-team, .menu-partners, .menu-privacy-policy, .menu-siptrunking, .menu-terms-of-use, .ms-logo, .online-excel, .online-exchange, .online-one-drive, .online-one-note, .online-owa, .online-powerpoint, .online-pp, .online-sharepoint, .online-skype4b, .online-word, .plan-icons, .twiter, .twiter:hover, .plans-webex, .plans-zoom, .Pictogram-siptrunk, .Pictogram-cloudpbx, .Pictogram-zoom, .Pictogram-webex, .Pictogram-voiceteams, .Pictogram-phones, .Pictogram-enterprise, .Pictogram-enterprise, .Pictogram-business, .Pictogram-exchange, .Pictogram-vps, .Pictogram-workfolder, .Pictogram-virtualdesktop, .Pictogram-storage, .Pictogram-domains, .Pictogram-webhosting, .Pictogram-certificates, .Pictogram-fastTrack, .Pictogram-training, .Pictogram-migration, .Pictogram-telephony, .Pictogram-Microsoft365, .Pictogram-ProfessionalServices, .Pictogram-CloudServices, .Pictogram-WebSolutions, .icon-OurCertification, .logo-yeastar {
    background-image: url(/Resources/images/default-slice.png);
    background-repeat: no-repeat;
}

.logo-webex, .logo-zoom, .icon-including-dns, .icon-become-partner, .icon-partner-login, .icon-saftyness, .icon-safty-lock, .icon-domain-management, .icon-forest, .icon-Downtime, .icon-migrate-mailbox, .icon-batches, .icon-rules, .icon-real-time, .logo-bns, .logo-spam-expert, .logo-microsoft, .logo-machsol, .logo-yealink, .logo-Exelion, .logo-coin, .logo-fusix, .logo-autoriteit, .icon-cross, .icon-tick, .icon-web-hosting, .icon-domain-emails, .logo-ms-publisher, .icon-domain-security, .icon-storage-capicity, .icon-control-panel, .icon-fast-hosting, .icon-One-click-setup, .logo-ms-excel, .logo-ms-note, .logo-ms-access, .logo-ms-outlook, .logo-ms-exchange, .logo-ms-bookings, .logo-ms-sharepoint, .logo-ms-yammer, .logo-ms-onedrive, .logo-ms-power-apps, .logo-ms-teams, .logo-ms-analysis, .logo-ms-intune, .logo-ms-azure, .logo-ms-pp, .logo-ms-word, .logo-vidia, .logo-innovaphone, .logo-unify, .logo-xelion, .logo-mitel, .logo-siemens, .logo-broadsoft, .logo-alcatel, .logo-voiceworks, .logo-cisco, .logo-ayaya, .logo-asterisk, .logo-3cx, .black-stoke-tick-small, .black-tick-small, .black-tick-large, .black-stoke-tick-large, .icon-anywhere, .icon-o365-servers, .icon-white-security, .icon-right-plan, .icon-own-PBX, .icon-ssd-drive, .icon-bandwidth, .icon-dedicated-ip, .icon-root-access, .icon-infrastructure, .icon-monitoring, .icon-snapshots, .icon-uptime, .icon-file-security, .icon-file-storage, .icon-synced-files, .icon-remotely-access, .icon-domain-Privacy, .icon-domain-insurance, .icon-domain-Reputation, .icon-easy-manage, .icon-cost-reduction, .icon-optimized-benefits, .icon-conversion, .icon-easy-migrations, .icon-easy-deployments, .icon-high-availability, .icon-invoice, .icon-low-cost-calling, .icon-PBX-functionality, .icon-telephone-number, .icon-quick-running, .icon-solutions, .icon-Scaleup, .icon-stay-updated, .icon-security-doorstep, .icon-collaboration, .safe-hands, .boarding-migration, .right-advice, .migrate-teams, .cloud-solutions, .technical-support, .img-Kees, .img-Dietger, .img-Nathalie, .icon-technology-experts, .icon-turnaround-time, .icon-industry-best, .icon-worry-free, .plans-devices, .plans-ssl-certificate, .plans-domain-name, .plans-vps-hosting, .partner-Security, .partner-technology, .partner-provisioning, .partner-collaboration, .partner-solutions, .partner-support, .partner-cohesive, .partner-billing, .plans-siptrunk, .plans-cloud-pbx, .plans-dynamics365, .plans-extension, .plans-machteams, .icon-partner-flexibility, .icon-partner-profitable, .icon-partner-own-pace, .menu-revenue, .menu-ownership, .menu-payments, .menu-technical, .menu-deals, .icon-cost-calculated, .icon-sales-tax, .icon-system-add-on, .icon-calling-plan, .icon-license, .icon-partner, .tick-icon-32, .icon-machvoice-teams, .icon-machvoice-cloudpbx, .common-style-why-us, .icon-404-O365, .icon-404-cloud-pbx, .icon-404-machvoice, .icon-404-siptrunking, .icon-OurCompany, .icon-OurExpertise, .icon-OurCertification, .icon-OurTeam, .icon-SIP-trunking, .icon-added-values, .icon-always-reachable, .icon-attractive-pricing, .icon-attractive-tariff, .icon-availability, .icon-bounteous-profits, .icon-business-streams, .icon-cloud-integration, .icon-cloud-pbx, .icon-complete-control, .icon-cost-savings, .icon-customer-support, .icon-easy-integrate, .icon-easy-migration, .icon-flexibility, .icon-hosted-voice, .icon-mach-voice, .icon-machvoice-red, .homepage-machvoice, .homepage-machteams, .homepage-microsoft365, .icon-machteams-red, .icon-microsoft365, .icon-machteams-extension-blue, .icon-machvoice-blue, .icon-machteams-blue, .icon-microsoft365-blue, .icon-manage-migrate, .icon-maximal-flexibility, .icon-offer, .icon-offer-azure, .icon-offer-dynamic365, .icon-offer-o365, .icon-office365, .plans-microsoft365, .plans-calling-teams, .plans-digital-communications, .plans-virtual-desktop, .icon-own-pace, .icon-professional-services, .icon-profitable-margins, .icon-save-deal, .icon-security-reliability, .icon-simplistic-processes, .icon-siptrunking, .icon-specialist-team, .icon-supported, .icon-system-integrations, .icon-telecom-service, .icon-title-five, .icon-title-four, .icon-title-one, .icon-title-three, .icon-title-two, .icon-unified-portal, .icon-ymachcloud-expertise, .icon-ymachcloud-ourteam, .icon-ymachcloud-reliable, .icon-ymachcloud-support, .icon-ymachcloud-worryfree, .icon-zero-investment, .img-become-a-partner, .img-become-reseller, .img-control-panel, .img-laptop-all-in-one, .link-arrow, .machcloud-admin-service, .machcloud-logo, .machcloud-migration, .machcloud-onboarding, .menu-Copyright, .menu-TradeMarks, .menu-business, .menu-calling-teams, .menu-calling-teams-blue, .menu-cloud-pbx, .menu-mach-voice, .menu-office365, .menu-office365-partner, .menu-our-company, .menu-our-expertise, .menu-our-team, .menu-partners, .menu-privacy-policy, .menu-siptrunking, .menu-terms-of-use, .ms-logo, .online-excel, .online-exchange, .online-one-drive, .online-one-note, .online-owa, .online-powerpoint, .online-pp, .online-sharepoint, .online-skype4b, .online-word, .plan-icons, .plans-webex, .plans-zoom, .Pictogram-siptrunk, .Pictogram-cloudpbx, .Pictogram-zoom, .Pictogram-webex, .Pictogram-voiceteams, .Pictogram-phones, .Pictogram-enterprise, .Pictogram-enterprise, .Pictogram-business, .Pictogram-exchange, .Pictogram-vps, .Pictogram-workfolder, .Pictogram-virtualdesktop, .Pictogram-storage, .Pictogram-domains, .Pictogram-webhosting, .Pictogram-certificates, .Pictogram-fastTrack, .Pictogram-training, .Pictogram-migration, .Pictogram-telephony, .Pictogram-Microsoft365, .Pictogram-ProfessionalServices, .Pictogram-CloudServices, .Pictogram-WebSolutions, .logo-yeastar {
    display: inline-block;
}

.icon-become-partner {
    background-position: -1680px -1403px;
    width: 120px;
    height: 120px;
}

.icon-partner-login {
    background-position: -1680px -1523px;
    width: 120px;
    height: 120px;
}

.icon-forest {
    background-position: -1346px -1139px;
    width: 80px;
    height: 80px;
}

.icon-Downtime {
    background-position: -1426px -1139px;
    width: 80px;
    height: 80px;
}

.icon-migrate-mailbox {
    background-position: -1506px -1139px;
    width: 80px;
    height: 80px;
}

.icon-batches {
    background-position: -1586px -1139px;
    width: 80px;
    height: 80px;
}

.icon-safty-lock {
    background-position: -1586px -1219px;
    width: 80px;
    height: 80px;
}

.icon-saftyness {
    background-position: -1506px -1219px;
    width: 80px;
    height: 80px;
}

.icon-rules {
    background-position: -1346px -1219px;
    width: 80px;
    height: 80px;
}

.icon-real-time {
    background-position: -1426px -1219px;
    width: 80px;
    height: 80px;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-danger {
    background-color: #16accc !important;
}

#header .header-discover-machcloud .btn a {
    padding: 10px 35px 10px 35px !important;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
    }

        .mega-dropdown-menu > li > ul > li > a {
            display: block;
            color: #222;
        }

.mega-dropdown-menu > li ul > li > a:focus, .mega-dropdown-menu > li ul > li > a:hover {
    text-decoration: none;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 22px !important;
    color: #d11522;
    padding: 0 60px 0 5px;
    line-height: 30px;
}

.mega-dropdown-menu p {
    font-size: 15px !important;
}

.checkbox {
    color: #fff;
}

.become-partner-features {
    margin-top: 25px;
}

    .become-partner-features h5 {
        color: #333;
        margin-top: 0;
    }

.mega-dropdown-menu .reseller-features p {
    line-height: 25px;
    text-align: left;
}

.features-section h3 {
    font-size: 28px;
    text-align: center;
}

.features-section h5 {
    color: #333;
    line-height: 28px;
}

.responsive-img {
    max-width: 100%;
}


.default-p-l-r {
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.border-dash {
    border: 0 none;
    border-top: 2px dashed #322f32;
    background: 0 0;
    height: 0;
}

.border-offerings {
    border-right: 1px solid #efefef;
    float: left;
    height: 200px;
    margin-top: 100px;
}

.border-menu {
    border: 0 none;
    border-right: 1px solid #efefef;
    width: 1px;
    float: left;
    height: 200px;
    margin-top: 25px;
}

.border-menu-margin {
    margin-top: 10%;
}





.mega-dropdown-menu h4 {
    margin-left: 15px;
}



.menu-about-us p {
    padding-top: 15px;
    line-height: 30px;
}

.menu-machcloud-product p, .menu-our-solutions p {
    padding-top: 15px;
    line-height: 30px;
}

.width-partners-section h4, .width-partners-section h6 {
    color: #0073c6 !important;
}

#all-in-one h4 {
    font-size: 22px !important;
}

.two-sections h4 {
    font-weight: 600;
}

.about-us-content p {
    line-height: 35px;
    margin-top: 20px;
}

.mega-dropdown-menu .elegant.about-us-icons {
    margin-top: 5px;
}

.features-section .reseller-features {
    margin-top: 10px;
}

.sip-trunking-features-text h2 {
    font-size: 25px;
    line-height: 35px;
}

.feature-content {
    border-bottom: 2px solid #dedede;
}

    .feature-content p {
        min-height: 120px;
        padding-top: 15px;
    }




.MachVoice-content p {
    padding-top: 10px;
    line-height: 23px;
}

.MachVoice-content h5 {
    padding-top: 10px;
    color: #515151;
}

#business-products-features .feature-content p, #cloud-pbx-reseller-benefits .feature-content p, #sip-trunking-services .feature-content p {
    min-height: 80px;
    padding-top: 0;
}

#resell-with-machcloud h4 {
    color: #0073c6;
}

.content-section {
    padding-top: 25px;
}

#calling-partner-for-teams, #resell-Office-365 h5 {
    font-size: 18px;
}

    #calling-partner-for-teams p, #resell-Office-365 p {
        min-height: 80px;
    }

#Seamless-migration .div-img {
    margin-top: 1%;
}

#Seamless-migration .enterprises-text {
    padding-top: 1%;
}

#Copyright .div-img, #PrivacyPolicy .div-img, #TermsofUse .div-img, #Trademarks .div-img {
    margin-top: 1%;
}

#contact-us {
    padding: 40px 0;
    background-image: url(/Resources/images/contact-us.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#o365-banner .super-title {
    font-size: 25px;
    font-weight: 700;
}

#about-us-banner h1, #about-us-banner p, #portal-overview-banner h1, #portal-overview-banner p {
    color: #fff !important;
}

#about-us-banner .title-start, #portal-overview-banner .title-start {
    text-shadow: 1px 1px #000 !important;
}

#ucaas-banner .btn {
    padding: 10px 20px !important;
}

#whymccloud p, .worry-free-experience p {
    padding-top: 15px;
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-bold-600,
.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}


.font-bold,
.font-weight-bold {
    font-weight: bold !important;
}

.two-sections {
    padding: 40px 0;
    min-height: 480px;
}

    .two-sections .section-one, .two-sections .section-two {
        margin-left: 0;
        padding: 15px 30px;
        min-height: 490px;
    }

        .two-sections .section-one p, .two-sections .section-two p {
            text-align: left !important;
            font-size: 16px !important;
        }

        .two-sections .section-one h4, .two-sections .section-one p, .two-sections .section-one ul.bullet-points {
            color: #fff !important;
        }



.header-unified-communications .title-start {
    display: block;
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 50px;
}

    .video-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.vid-section {
    background: #ccc;
    padding: 0;
}

.responsive-vid iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#player {
    opacity: 0;
    transition: all .5s ease-in-out;
}

.video__title {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 36px;
}



/*.direct-routing .title-start {
    color: #fff;
    text-shadow: 1px 1px #000!important;
}*/
/*for new year*/
.direct-routing .sub-heading {
    color: #000000;
    text-shadow: 1px 1px #fff !important;
}

.direct-routing .header-title .title-start {
    color: #b20d15;
    text-shadow: 1px 1px #fff !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-19 {
    font-size: 19px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-21 {
    font-size: 21px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-23 {
    font-size: 23px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-25 {
    font-size: 25px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-27 {
    font-size: 27px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-29 {
    font-size: 29px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-31 {
    font-size: 31px !important;
}

.font-size-32 {
    font-size: 32px !important;
}

.font-size-33 {
    font-size: 33px !important;
}

.font-size-34 {
    font-size: 34px !important;
}

.font-size-35 {
    font-size: 35px !important;
}




#calling-teams-banner .title-start {
    color: #fff !important;
}

.btn-lg {
    padding: 10px 30px !important;
}

.btn-xs {
    padding: 10px 25px 10px 25px;
}

#machteams-selling .btn-small {
    padding: 5px 10px !important;
}

#calling-teams-banner .inner-banner .buttons-cont {
    margin-top: 25px !important;
}

.color-white {
    color: #fff !important;
}

.Prerequisite .img-section {
    margin-top: 0;
}

.smily-face {
    width: 22px;
    height: 22px;
    margin-bottom: 4px;
}

.private-label-detail h5 {
    line-height: 25px;
}

.responsive-img {
    max-width: 100%;
}

.section-one {
    background-color: #fff;
    margin-top: 90px;
}

    .section-one .container {
        padding: 20px 0 20px 0;
    }

    .section-one h1 {
        margin-top: 10px;
    }

    .section-one h1, .section-one h4 {
        color: #000;
        text-align: center;
    }

    .section-one p {
        line-height: 30px;
        color: #000;
        text-align: center;
        font-size: 18px;
    }

    .section-one .title-start {
        text-shadow: 1px 1px #fff;
    }

.conact-us-form {
    /*  padding: 0 0 10px 0;*/
    background-color: #fff;
    background-repeat: repeat;
    background-size: cover;
}

    .conact-us-form .text-section {
        padding-top: 5%;
    }

    .conact-us-form p {
        font-size: 17px;
        line-height: 28px;
        font-weight: 100;
        color: #000;
    }

    .conact-us-form .modal-body p {
        color: #000;
    }

#calling-plan .form-control {
    opacity: 1;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #0073c6;
    height: 50px;
    width: 81%;
}

.conact-us-form .form-control {
    opacity: .8;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #02315e;
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.conact-us-form h3 {
    font-size: 20px;
    color: #0073c6;
    text-align: left;
    margin-bottom: 0;
    line-height: 25px;
}

.conact-us-form .input-group {
    padding: 0px 0;
}

.conact-us-form .col-xs-12.col-sm-12, .conact-us-form .col-xs-12.col-sm-6 {
    padding-top: 5px;
}

.conact-us-form .checkbox label {
    cursor: default !important;
}

.color-black {
    color: #000 !important;
}

.conact-us-form .checkbox {
    margin-left: 15px !important;
}

.conact-us-form .label-text {
    font-weight: 400;
}

.conact-us-form .form-horizontal {
    margin-top: 0px;
    display: block;
}

.conact-us-form .icon_check {
    padding-right: 5px;
}

.conact-us-form .btn-success {
    font-size: 16px;
    font-weight: 700;
}

.conact-us-form .checkbox {
    color: #000;
}

.color-green {
    color: #1fbb25 !important;
}

.color-blue {
    color: #0073c6 !important;
}

.color-black {
    color: #000000 !important;
}

.bg-dark-grey {
    background-color: #54575a !important;
}

.bg-light-grey {
    background-color: #e9ecec !important;
}

.bg-blue {
    background-color: #0073c6 !important;
}

.bg-purple {
    background-color: #6264a7 !important;
}

.bg-default {
    background-color: #e1261c !important;
}

.color-default {
    color: #e1261c !important;
}

.color-teal {
    color: #206e68;
}

#section-test-account h2 {
    font-size: 27px;
    color: #0073c6;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
}

#Prerequisite h2 {
    font-size: 22px;
    color: #0073c6;
    text-align: left;
    margin-bottom: 0;
}

.section-seccuess-msg h2 {
    font-size: 25px;
    text-align: left;
    margin-bottom: 0;
    color: #03a901;
    margin-top: 0;
}

.section-seccuess-msg {
    padding-top: 20px;
    padding-bottom: 40px;
}

.error-msg {
    color: #e00000;
    font-weight: 400;
}



#calling-teams-banner .inner-banner .btn {
    padding: 10px 20px !important;
}

.inner-banner a.btn-info {
    color: #000;
}

    .inner-banner a.btn-info:active, .inner-banner a.btn-info:focus, .inner-banner a.btn-info:hover {
        background-color: transparent;
        border-color: #fff;
        color: #fff !important;
    }



#profitable-for-partners .section-one,
#direct-routing-benefits .section-one {
    margin-top: 0;
}

#profitable-for-partners .section-two,
#direct-routing-benefits .section-two {
    background-color: #f9f9f9;
}

.two-sections .section-one {
    background-color: #0073c6;
}

.two-sections .section-two {
    background-color: #fff;
}

.two-section-buttons {
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    padding-top: 3px !important;
}

.two-sections .section-one .two-section-buttons {
    color: #fff;
}

.two-sections .section-two .two-section-buttons {
    color: #333;
}



#Trademarks .company-address h2, #copyright-description h2 {
    color: #333;
    font-size: 16px;
    margin: 0;
    line-height: 25px !important;
}

#careers-content h2, #privacy-policy-content h2 {
    margin: 0;
    line-height: 25px !important;
}

#careers-content p {
    line-height: 27px;
    font-size: 16px !important;
}

#term-of-use-content h2 {
    margin-bottom: 15px;
    line-height: 25px !important;
}

#term-of-use-content h3, #term-of-use-content h3:after {
    margin-bottom: 0;
    line-height: 15px !important;
}

ul.tick-bullet-points li {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    line-height: 36px;
    list-style-type: none;
    list-style-image: url(/Resources/images/icons/tick-bullet.png);
}

#contact-us h3, #contact-us a {
    color: #fff;
}

/*.icon-machcloud-for-partners {
    background-image: url(/Resources/images/default-page/default-page.png);
    background-repeat: no-repeat;
    background-position: -424px 0px;
    display: inline-block;
    width: 465px;
    height: 390px;
}*/
.m-r-15 {
    margin-right: 15px;
}



.offer h6 {
    color: #d12127;
}

.tick-icon-32 {
    background-position: -1077px 0px;
    height: 24px;
    width: 24px;
    float: right;
}

#why-choose-us .post-slide:hover {
    box-shadow: 0px 0px 0px 0px !important;
}
/******************  News Slider Demo-4 *******************/




.webinar-post .stand-by,
.webinar-post .voice-microsoft-teams,
.webinar-post .BuildingModernWorkplace,
.webinar-post .business-telephony {
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: center center;
    background-size: cover;
    min-height: 280px;
    background-repeat: no-repeat;
}

.webinar-post .business-telephony {
    background-image: url(/Resources/images/webinar-one.jpg)
}

.webinar-post .voice-microsoft-teams {
    background-image: url(/Resources/images/white-paper-two.jpg)
}

.webinar-post .stand-by {
    background-image: url(/Resources/images/white-paper-three.jpg);
}

.webinar-post .BuildingModernWorkplace {
    background-image: url(/Resources/images/white-paper-one.jpg);
}

.post-slide:hover {
    box-shadow: 0px 0px 10px 3px rgba(204,204,204,1);
    opacity: 1;
}

.post-info {
    padding: 5px 10px;
    margin: 0;
    list-style: none;
}

.offerings-img {
    text-align: center;
}

.post-img {
    position: relative;
    width: 100%;
    height: auto;
}

    .post-img:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        /*background: rgba(0, 0,0,0.6);*/
        transition: opacity 0.40s linear 0s;
    }

    .post-img:before {
        opacity: 1;
    }





#banner-teams-DR .inner-banner p {
    color: #ffffff;
}

#direct-routing-offerings {
    background-image: url(/Resources/images/direct-routing-teams/offering-section.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #406485;
}

#offerings h2,
#offerings h6 {
    color: #333;
    text-align: center;
}

#offerings h2 {
    margin-bottom: 10px;
}

.offering-section h4 {
    line-height: 30px;
    font-weight: 600;
}

#direct-routing-offerings .offering-section h4 {
    min-height: 75px;
}



.machVoice-two-section .nav-tabs .active a {
    background-color: transparent !important;
    color: #333333 !important;
}

.machVoice-two-section .nav-tabs a:hover {
    background-color: transparent !important;
    color: #333333 !important;
}

.machVoice-two-section .nav-tabs {
    border-bottom: 0;
}

    .machVoice-two-section .nav-tabs li.active {
        background-color: #7b7b7b;
    }

        .machVoice-two-section .nav-tabs li.active .MachVoice-content h5,
        .machVoice-two-section .nav-tabs li.active .MachVoice-content p {
            color: #ffffff !important;
        }

.Adons-plans-width-first,
.Adons-plans-width,
.functionalities-column,
.comparison-width {
    float: left;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.Adons-plans-width,
.comparison-width {
    /*text-align: center;*/
    vertical-align: text-top;
}



#about-machvoice {
    padding: 25px 0 0px 0;
}



.plans-comparison .tab-content {
    margin-top: 0px;
}

.package-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

.package-table tbody tr:nth-child(even) {
    background: #f9f9f9;
}

.package-table td {
    border-top: 0px !important;
    border-right: 1px solid #fff !important;
}

.min-height-120 {
    min-height: 120px !important;
}



.maroon-full-bar {
    background-color: #d12127;
}

    .maroon-full-bar h4 {
        text-align: center;
        color: #ffffff;
        padding: 10px 0px;
    }

#plans .pricing-section .offer {
    margin-top: 0px;
}

.font-10 {
    font-size: 10px !important;
}


.country-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/Resources/images/icons/drop-down-arrow.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.calling-plan-dd {
    width: 100% !important;
    height: 52px !important;
    border: 1px solid #eeeeee !important;
}

.select-wrapper {
    position: relative;
}

.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.microsoft-offer {
    border-right: 5px solid #d12127 !important;
    border-radius: 5px !important;
}


.plans-footer p {
    color: #333333;
}

#FAQ h2 {
    margin-top: 0px;
    line-height: 50px;
}

#why-choose-us {
    background-color: #f9f9f9;
}


#direct-routing-benefits .section-one {
    background-color: #5355ad;
}

#direct-routing-benefits .section-two {
    background-color: #f9f9f9;
}

#direct-routing-benefits .section-one,
#direct-routing-benefits .section-two {
    padding: 20px 0px 10px 25px;
    min-height: 350px;
}

    #direct-routing-benefits .section-one h4,
    #direct-routing-benefits .section-two h4 {
        font-weight: 600;
    }

    #direct-routing-benefits .section-one h4,
    #direct-routing-benefits .section-one .hosted-voice-features ul.bullet-points li {
        color: #ffffff;
    }

#why-direct-routing p {
    line-height: 30px;
}



#direct-routing-benefits .hosted-voice-features ul.bullet-points li,
ul.bullet-points li {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    line-height: 36px;
    list-style-type: none;
}

#direct-routing-benefits .section-one .hosted-voice-features ul.bullet-points li {
    list-style-image: url(/Resources/images/icons/white-bullet.png);
}

#direct-routing-benefits .hosted-voice-features ul.bullet-points li,
ul.bullet-points li {
    list-style-image: url(/Resources/images/icons/blue-bullet.png);
}

#direct-routing-benefits .hosted-voice-features ul {
    font-size: 14px;
}

.offering-contents .offering-section-btn {
    margin-top: 39px;
    float: right;
}

    .offering-contents .offering-section-btn:after {
        content: "\4c";
        font-family: ElegantIcons;
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

.offering-section-btn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

    .offering-section-btn span:after {
        content: '\00bb';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

.offering-section-btn:hover span {
    padding-right: 25px;
}

    .offering-section-btn:hover span:after {
        opacity: 1;
        right: 0;
    }

.faqs-content-section h4 {
    color: #0098db;
    padding-bottom: 20px;
}

#faqs h2 {
    margin-top: 0px;
}

#faqs ul.bullet-points {
    font-size: 14px;
}

.p-faq-btn p {
    margin-bottom: 0px !important;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}



#mach-global-sites {
    width: 100%;
    display: none;
    float: left;
    background-color: #191919;
    z-index: 9000000;
    position: fixed;
    color: #f7f7f7;
    font-size: 13px;
    padding: 10px 10px;
    border-top: 1px solid #909090;
}

    #mach-global-sites ul li {
        float: left;
        list-style: none;
        padding-left: 30px;
    }

    #mach-global-sites a {
        color: #ddd;
    }

        #mach-global-sites a:hover {
            color: #fff;
        }

.footer-links {
    padding-bottom: 15px;
}

.copyright .elegant {
    font-size: 25px;
}

.link-divider {
    display: inline-block;
    float: left;
    color: #b3b3b3;
    margin-right: 15px;
}

#machteams-extension-features .text-heading-section {
    padding-top: 6%;
}



.icon-globe {
    background-position: -546px -177px;
    width: 26px;
    height: 26px;
    margin: 0px 5px 0px 0px;
    display: inline-block;
    float: left;
}

.expand-icon {
    cursor: pointer;
    background-position: -613px -177px;
    width: 20px;
    height: 11px;
    margin: 0px 0px 0px 7px;
    display: inline-block;
}

.collapse-icon {
    cursor: pointer;
    background-position: -591px -177px;
    width: 20px;
    height: 11px;
    margin: 0px 0px 0px 7px;
    display: inline-block;
}

.div-global-sites {
    padding-top: 3px;
}



.arrow-global-sites {
    background-image: url(/Resources/images/icons/f-arrow.png);
    width: 10px;
    height: 10px;
    background-position: 0px 0px;
    display: inline-block;
    margin-right: 10px;
}
/*begin plans slider for mobile devices*/
.media-carousel {
    margin-bottom: 0;
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}
    /* Previous button  */
    .media-carousel .carousel-control.left {
        left: 50px;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 0px;
    }
    /* Next button  */
    .media-carousel .carousel-control.right {
        right: 50px !important;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 0px;
    }
    /* Changes the position of the indicators */
    .media-carousel .carousel-indicators {
        right: 50%;
        top: 0px;
        bottom: 0px;
        margin-right: -19px;
    }
        /* Changes the colour of the indicators */
        .media-carousel .carousel-indicators li {
            background: #2d2d2d;
        }

        .media-carousel .carousel-indicators .active {
            background: #d11522;
        }

#portal_slider1 .carousel-inner img, #portal_slider2 .carousel-inner img, #portal_slider3 .carousel-inner img, #portal_slider4 .carousel-inner img, #portal_slider5 .carousel-inner img {
    /*border: 1px solid #999;*/
}

#portal_slider1.media-carousel .carousel-indicators, #portal_slider2.media-carousel .carousel-indicators, #portal_slider3.media-carousel .carousel-indicators, #portal_slider4.media-carousel .carousel-indicators, #portal_slider5.media-carousel .carousel-indicators {
    top: 95%;
}

#portal_slider1 .item, #portal_slider2 .item, #portal_slider3 .item, #portal_slider4 .item, #portal_slider5 .item {
    /*width: 550px;
    height: 311px;*/
}
/* End carousel */

a.black-link, a.black-link:visited {
    color: #000;
}

    a.black-link:hover {
        color: #0073c6;
    }

    a.black-link span {
        border-bottom: 1px solid #666;
    }

.inner-banner .inner-banner-btn {
    margin-top: 20px;
}

#about-machteams {
    background-color: #f9f9f9;
}

    #about-machteams h2 {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #about-machteams h4 {
        font-size: 22px;
        line-height: 30px;
    }

p {
    line-height: 30px;
}

#machteams-extension-work .img-section {
    margin: 10px 0px 20px 0px;
}

#call-function-comparison p.business {
    color: #0073c6;
}

#call-function-comparison p.available {
    color: #1fbb25;
}

#machteams-extension-needs h6 {
    font-weight: 600;
}

#call-function-comparison {
    background-color: #f9f9f9 !important;
}

.sup-15px {
    font-size: 15px;
    top: -13px;
}

#machteams-extension-benefits h2,
#machteams-extension-work h2,
#call-function-comparison h2,
#machteams-extension-needs h2,
#machteams-extension-advantages h2,
#machteams-extension-features h2,
#machteams-selling h2 {
    color: #0073c6;
}

#why-machteams-extension h2 {
    color: #333333;
}

#machteams-extension-features .feature-content p {
    min-height: 80px;
    padding-top: 0px;
}

#machteams-extension-features .features-section .reseller-features {
    margin-top: 20px;
}

.call-comparison-features-width h6 {
    font-size: 17px;
    text-align: left;
    padding-left: 23px;
}

#machteams-extension-needs ul.bullet-points {
    padding-left: 35px;
}


#Trademarks h1 {
    font-weight: 400 !important;
}



.pricing-row {
    background-color: #d12127;
    height: 50px;
    display: inline-block;
    width: 100%;
}

    .pricing-row h4 {
        font-size: 24px;
        text-align: center;
        padding-top: 10px;
        color: white;
    }



#migration h2 {
    margin-bottom: 0px;
    line-height: 45px !important;
}





.cloud-bandle-section {
    display: inline-block;
    padding-left: 15px;
    padding-top: 25px;
}

    .cloud-bandle-section h5 {
        font-size: 25px;
    }

.div-cloud-bandle {
    display: block;
    min-height: 65px;
    padding-left: 15px;
}

#intro-machteams h2 {
    margin-bottom: 0px;
    margin-top: 0px;
}

#intro-machteams h5 {
    padding-top: 15px;
}



.offering-DirectRouting .offering-contents .offering-section-btn,
.offering-TelephonyService .offering-contents .offering-section-btn {
    margin-top: 10px;
}

.offering-DirectRouting,
.offering-TelephonyService {
    padding: 20px 15px 20px 20px;
}

#home-page-offerings-section {
    background-color: #f2f2f2;
    padding-bottom: 50px;
}

.offering-DirectRouting,
.offering-TelephonyService {
    background-color: #d12025;
}


.microsoft-teams .sub-heading,
.microsoft-teams .header-title .title-start,
.microsoft-teams p {
    color: #ffffff;
}





#machcloud-offerings {
    background-color: #f9f9f9;
}

.color-machteams {
    color: #5256ae;
}

.color-microsoft365 {
    color: #e43a00;
}

#machcloud-offerings .post-title:after {
    border-bottom: 0px !important;
}

.plan-one .offer-name {
    background-color: #54575a !important;
    color: #ffffff !important;
}

.plan-one p {
    background-color: #e9ecec !important;
    color: #333333 !important;
}



.width-20-per {
    width: 20% !important;
}

.width-40-per {
    width: 40% !important;
}

.width-25-per {
    width: 25% !important;
}

.min-heght-80 {
    min-height: 80px;
}

.no-padding {
    padding: 0 0 !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

ul.no-bullets li {
    font-size: 13px;
    line-height: 20px;
    list-style-type: circle;
    text-align: left;
    padding-top: 8px;
}

ul.discList li {
    list-style: disc !important;
}

.icon_phone {
    font-size: 17px !important;
}

.icon_mail_alt {
    font-size: 20px !important;
}

.border-0 {
    border: 0px !important;
}

.border-b-0 {
    border-bottom: 0px !important;
}

.border-t-0 {
    border-top: 0px !important;
}

.border-r-0 {
    border-right: 0px !important;
}

.border-l-0 {
    border-left: 0px !important;
}

.border-top-dotted-black {
    border-top: 1px dotted #000000;
}

.border-top-solid-black {
    border-top: 1px solid #000000;
}

.microsoft-icons {
    width: 50px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

    .microsoft-icons p {
        font-size: 11px !important;
        line-height: 10px !important;
    }

.font-weight-bold {
}

#UsersPayAsYouGo a,
#Users120Minutes a,
#Users1200Minutes a,
#O365EntE1 a,
#O365EntE3 a,
#O365EntE5 a,
#M365EntE3 a,
#M365EntE5 a,
#M365BusBasic a,
#M365BusStandard a,
#M365BusPremium a,
#DRBusBasic a,
#FreePBXUserConnector a,
#NoOfUsers a,
#NewNumbers a,
#OwnNumbers a,
#NoOfUsers a,
#NewNumbers a,
#OwnNumbers a,
#Phone1 a,
#Phone2 a,
#Phone3 a,
#NoOfTrunks a,
#Device1 a,
#Bundle1 a,
#Adaptor1 a, #NoOfTeamsUsers a {
    cursor: pointer;
    background: #0089db;
    display: inline-block;
    margin: 0px;
    padding: 0px 10px;
    float: left;
    line-height: 22px;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
    height: 30px;
    width: 39px;
}

#UsersPayAsYouGo input[type="text"],
#Device1 input[type="text"],
#Bundle1 input[type="text"],
#Adaptor1 input[type="text"],
#Users120Minutes input[type="text"],
#Users1200Minutes input[type="text"],
#O365EntE1 input[type="text"],
#O365EntE3 input[type="text"],
#O365EntE5 input[type="text"],
#M365EntE3 input[type="text"],
#M365EntE5 input[type="text"],
#M365BusBasic input[type="text"],
#M365BusStandard input[type="text"],
#M365BusPremium input[type="text"],
#DRBusBasic input[type="text"],
#FreePBXUserConnector input[type="text"],
#NoOfUsers input[type="text"],
#NewNumbers input[type="text"],
#OwnNumbers input[type="text"],
#NoOfUsers input[type="text"],
#NewNumbers input[type="text"],
#OwnNumbers input[type="text"],
#Phone1 input[type="text"],
#Phone2 input[type="text"],
#Phone3 input[type="text"],
#NoOfTrunks input[type="text"], #NoOfTeamsUsers input[type="text"] {
    border: solid 1px #0089db;
    float: left;
    height: 30px !important;
    width: 45%;
    padding: 1px 5px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    text-align: center;
}

.domain-offer-section h2,
.domain-offer-section p {
    color: #ffffff;
}

ul.greenbullets {
    padding-left: 0px;
}

    ul.greenbullets li {
        list-style: none;
        list-style-type: none;
        list-style-image: none;
        line-height: 36px;
        list-style-type: none;
        padding-left: 25px;
        background: url(/Resources/images/icons/tick-bullet-green-circle.png) no-repeat 0px 9px;
    }

ul.circle-bullets li {
    list-style-type: circle;
}

ul.circle-bullets-teams li {
    list-style-type: circle;
    font-weight: 200;
    font-size: 18px;
}

.conact-us-form ul.greenbullets li {
    background: url(/Resources/images/icons/tick-bullet-green-circle.png) no-repeat 0px 4px;
}

.phone-system-style {
    border: 1px solid #efefef;
    padding: 0px 0px;
    text-align: center;
}

.phone-system-value {
    border: solid 1px #b5b5b5;
    float: left;
    height: 30px !important;
    width: 45%;
    padding: 1px 5px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    text-align: center;
}

.phone-system-required {
    background: #b5b5b5;
    display: inline-block;
    margin: 0px;
    padding: 2px 10px;
    float: left;
    line-height: 22px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    height: 30px;
    width: 78px;
    text-align: center;
}



.text-line-through {
    text-decoration: line-through;
}

.btn-promotion-marooon {
    color: #000000 !important;
    background-color: transparent;
    border-color: #d11f22;
}

    .btn-promotion-marooon.active,
    .btn-promotion-marooon.focus,
    .btn-promotion-marooon:active,
    .btn-promotion-marooon:focus,
    .btn-promotion-marooon:hover {
        color: #ffffff !important;
        background-color: #d11f22 !important;
        border-color: #e83f2c;
    }

.btn-promotion-grey {
    color: #3d3d3d !important;
    background-color: transparent;
    border-color: #3d3d3d;
}

    .btn-promotion-grey.active,
    .btn-promotion-grey.focus,
    .btn-promotion-grey:active,
    .btn-promotion-grey:focus,
    .btn-promotion-grey:hover {
        color: #ffffff !important;
        background-color: #818181 !important;
        border-color: #818181;
    }

.btn-green-blank {
    color: #818181 !important;
    background-color: transparent;
    border-color: #818181;
}

    .btn-green-blank.active,
    .btn-green-blank.focus,
    .btn-green-blank:active,
    .btn-green-blank:focus,
    .btn-green-blank:hover,
    .open > .dropdown-toggle.btn-maroon-blank {
        color: #ffffff !important;
        background-color: #0a9e17 !important;
        border-color: #0a9e17;
    }

.btn-black {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff !important;
}

    .btn-black:active,
    .btn-black:focus,
    .btn-black:hover {
        background-color: transparent;
        border-color: #000;
        color: #000000 !important;
    }

#support-comparison .heading {
    margin-top: 15px;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 0;
    border-right: 1px solid #eaeaea;
}



#support-comparison .grey-section {
    background-color: #333333;
}

#support-comparison .box-content {
    text-align: left;
}

#support-comparison .box {
    width: 100%;
    display: inline-block;
    margin: 1% 0% 0% 0%;
    padding-bottom: 1%;
}

.open > a.dropdown-toggle {
    color: #e1261c !important;
}

.calling-plans-licensing .basic-plus,
.calling-plans-licensing .premium-plus,
.calling-plans-licensing .standard-plus {
    background-color: #d12127;
    padding: 5px 0px;
    margin-top: 10px;
}

.box-maroon-header .heading {
    background-color: #17a3f2;
    padding: 15px 0px;
}

.box-maroon-header .voiceforteams {
    background-color: #1cb4bf;
    padding: 15px 0px;
    color: #fff;
}

.voiceforteamsbutton {
    background: #1cb4bf !important;
    color: #fff;
}

.box-maroon-header .premigration {
    background-color: #3f5465;
    padding: 15px 0px;
    color: #fff;
}

.premigrationbutton {
    background: #3f5465 !important;
    color: #fff;
}


.box-maroon-header .workplace {
    background-color: #f15927;
    padding: 15px 0px;
    color: #fff;
}

.workplacebutton {
    background: #f15927 !important;
    color: #fff;
}

.voice-box {
    color: #1cb4bf;
    border-bottom: 2px solid #1cb4bf !important;
}

.premigration-box {
    color: #3f5465;
    border-bottom: 2px solid #3f5465 !important;
}

.workplace-box {
    color: #f15927;
    border-bottom: 2px solid #f15927 !important;
}

.box-maroon-header .box-content {
    padding: 0px !important;
}

.calling-plans-licensing p {
    padding: 5px 0px 10px 0px;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 500;
    transition: all .3s ease-in-out;
    text-align: center;
}

#making-call-microsoft-teams {
    padding: 30px 0px 50px 0px;
}

.virtual-machine-features h4 {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 25px;
}

.virtual-machine-features p {
    padding-top: 5px;
}

.virtual-machine-features .box-shadow {
    margin-top: 10px;
}



.virtual-machine-tabs .headings .columns {
    font-weight: 600;
}

.tabs-footer a {
    color: #d12127 !important;
}

.domain-offer-section .input-group-addon.success {
    color: #ffffff;
    background-color: #084264;
    border-color: #084264;
}

#microsoft-365-benefits .box {
    width: 100%;
    padding-bottom: 3%;
    padding-top: 1%;
    margin-top: 0%;
}

#microsoft-365-benefits h5 {
    padding-top: 8px;
    color: #000000;
    font-size: 20px;
    text-align: left;
    padding-left: 15px;
}

#microsoft-365-benefits h4 {
    padding-top: 0px;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}

.link-arrow-down {
    color: #d12127;
    background-image: url(/Resources/images/icons/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 0px;
    padding-right: 30px;
    padding-top: 0px;
    font-size: 20px;
}

.link-arrow-down,
.link-arrow-next {
    text-decoration: underline !important;
}

.link-arrow-next {
    color: #d12127;
    background-image: url(/Resources/images/icons/arrow-next-page.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 0px;
    padding-right: 30px;
    padding-top: 0px;
    font-size: 20px;
}

.phones-detail .overlay:hover {
    display: block;
    box-shadow: 0px 1px 2px #a90000;
    border: 1px solid #d12127;
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/
    transition: box-shadow 500ms ease-in-out;
}


.phones-detail a.link-box {
    text-decoration: none;
    color: #000000 !important;
}

.product-image {
    padding-top: 10%;
}

.color-boxes-heading {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    display: block;
    text-align: left;
    padding-left: 20px;
}

.color-boxes-sub-heading {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    display: block;
    text-align: left;
    padding-left: 20px;
}

.color-boxes {
    padding: 10px 0 20px 0;
    text-align: center;
    min-height: 80px;
}


.calling-teams-microsoft-licenses p {
    padding: 20px 20px 20px 20px;
    min-height: 170px;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
}


.bg-0d6c9b {
    background-color: #0d6c9b;
}

.bg-0e9588 {
    background-color: #0e9588;
}

.MSLicenses p {
    padding: 20px 20px 20px 20px;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
}

.MSLicenses .box {
    background-color: #f9f9f9;
    padding-bottom: 5% !important;
}

.MSLicenses .header {
    padding: 0px 0 0px 0;
    min-height: 80px;
}

.MSLicenses .heading {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    display: block;
    text-align: left;
    padding-left: 20px;
    padding-top: 15px;
}

.MSLicenses .sub-heading {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: left;
    padding-left: 20px;
}

.products {
    border-top: 1px solid #ccc;
}

    .products .products-image {
        text-align: left !important;
        padding-top: 10% !important;
    }

    .products .products-features {
        padding-top: 10px !important;
        font-size: 16px !important;
    }

    .products .products-name {
        font-size: 18px !important;
        padding-top: 10px !important;
        font-weight: 600 !important;
        color: #d12127 !important;
        text-align: left;
    }

    .products .products-price {
        font-size: 18px !important;
        padding-top: 10px !important;
        font-weight: 600 !important;
    }

.bg-ededed {
    background-color: #ededed !important;
}

.licenses-discount h3 {
    font-size: 20px;
    color: #0073c6;
    text-align: left;
    margin-bottom: 0;
    line-height: 25px;
}

.licenses-discount .plan-license-heading {
    display: inline-block;
    font-size: 20px;
    padding-left: 7px;
    line-height: 25px;
}

.licenses-discount .plan-license-sub-heading {
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
    line-height: 20px;
}

.cursor-default {
    cursor: default !important;
}



.max-width-100 {
    max-width: 100% !important;
}

.width-10-per {
    width: 10% !important;
}

.width-35-per {
    width: 35% !important;
}

.width-65-per {
    width: 65% !important;
}

#FAQ .box-content {
    text-align: left !important;
}



.case-studies-dry-cake {
    background-image: url(/Resources/images/case-studies-dry-cake.png);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 350px;
    background-position: top center;
    margin-top: 60px;
}

#case-studies {
    background-color: #c1c1c1;
    background-repeat: repeat;
    min-height: 450px;
    margin-top: 85px;
}

    #case-studies .inner-banner h1 {
        font-weight: 700;
        font-size: 50px !important;
        padding-top: 30px;
        color: #000000;
    }

.red-section {
    background: #ffffff;
}

    .red-section h2 {
        color: #d12025;
        font-size: 50px;
        font-weight: 600;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.case-study-owner-review p.quote {
    font-size: 30px;
    line-height: 40px;
    font-style: italic;
}

.icon__description ul {
    padding-left: 15px !important;
}

.input-group-addon.success {
    color: #ffffff;
    background-color: #0078d4;
    border-color: #0078d4;
}

.domain-offer-section .input-group-addon.success {
    color: #ffffff;
    background-color: #1c7e8e;
    border-color: #1c7e8e;
}

    .domain-offer-section .input-group-addon.success a {
        color: #ffffff;
    }
/*partner amd trusted advisor css*/
.new-partner h3 {
    color: #000000;
}

.existing-partner h3 {
    color: #d12127;
}

.new-partner p,
.existing-partner p {
    color: #000000;
}

.partner-selection {
    margin-left: 25px;
}

    .partner-selection h3 {
        font-size: 26px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .partner-selection .btn-login {
        padding: 10px 45px !important;
    }

.PartnerSelection h3.label-heading {
    text-align: center;
    font-weight: 600;
    font-size: 23px;
    padding-left: 5px;
    color: #000000;
}

.PartnerSelection h5 {
    color: #d12127;
    font-size: 21px;
}

.PartnerSelection p {
    padding-top: 5px;
    font-size: 15px;
    padding-left: 5px;
    text-align: center;
    line-height: 25px;
    min-height: 80px;
}

.PartnerSelection .label-icons {
    text-align: center;
    margin-top: 2%;
    display: inline-block;
    width: 32.5%;
}

#ChoosePartnerPlan .table > tbody > tr.PartnerSelection > td {
    padding: 0px !important;
}










.case-studies .text-section {
    padding-top: 4%;
    padding-bottom: 5%;
    padding-left: 3%;
}

.case-study-detail p {
    font-size: 18px;
    line-height: 30px;
}

.CallingPlanPlusMSLicense input,
.CallingPlanNoMSLicense input {
    height: 13px !important;
}
/*Begin FAQs Section css*/
#FAQ .panel-default {
    position: relative;
    cursor: pointer;
    padding: 24px 8px 24px 0;
}

#FAQ .box {
    padding-bottom: 0%;
    margin: 1% 0%;
}



#FAQ #accordion .panel-body p,
#FAQs #accordion .box-content {
    text-align: left;
}



#accordion .panel {
    border: none;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,.05);
    background-color: transparent;
    width: 100%;
    cursor: pointer;
    border-radius: 0px;
    transition: 1s ease-in-out;
}

#accordion .panel-default > .panel-heading {
    background-color: transparent;
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0px;
}

#accordion .panel-title {
    padding-right: 25px;
    text-align: left;
}

    #accordion .panel-title a {
        word-wrap: break-word;
        color: #0079c1;
        line-height: 1.35;
        font-weight: bold;
        font-size: 14px;
        text-align: left;
    }

        #accordion .panel-title a.collapsed {
            box-shadow: none;
            color: #000000;
        }

#accordion .panel-body {
    padding: 0px 0px;
    border: none;
}

    #accordion .panel-body p {
        padding-top: 10px;
        color: #000000;
        font-size: 13px;
        line-height: 25px;
    }

#voice-comparison #FAQ #accordion .panel-title a:before,
#voice-comparison #FAQ #accordion .panel-title a.collapsed:before {
    top: 20px !important;
}

#FAQ #accordion .panel-title a:before, #FAQ #accordion .panel-title a.collapsed:before {
    font-family: ElegantIcons;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    text-align: center;
    position: absolute;
    top: 13px;
    right: 5px;
    transition: all 0.3s ease 0s;
}

#FAQ #accordion .panel-title a.collapsed:before {
    color: #000000;
    transform: rotate(180deg);
    /*content: "\32";*/
    content: "\36";
}

#FAQ #accordion .panel-title a:before {
    content: "\36";
    transform: rotate(0);
    color: #0079c1;
}




/*End FAQs Section css*/


.box-btn .large-btn {
    padding: 12px 50px !important;
    font-size: 17px !important;
}

.phones-detail hr {
    margin-top: 15px;
}

.border-top-eee {
    border-top: 1px solid #eeeeee;
}

.promotion-offer-grey {
    background-color: #d4d4d4 !important;
}

    .promotion-offer-grey h4 {
        color: #000000 !important;
    }

    .promotion-offer-grey p {
        font-size: 18px !important;
        line-height: 20px !important;
        padding: 0px 5px;
        font-weight: 500;
    }

.promotion-offer {
    background-color: #fff000;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    padding: 15px 0px;
    text-align: center;
}

    .promotion-offer h4 {
        font-weight: 700;
        font-size: 22px !important;
        line-height: 30px !important;
        text-align: center;
        margin-top: 0px;
        color: #d12127;
        padding: 0px 0px 0px 0px;
        text-transform: uppercase;
        letter-spacing: 0px;
    }

    .promotion-offer .offer-duration {
        font-weight: 700;
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

    .promotion-offer p {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 0px 5px;
    }

#dynamics365-banner p,
#azure-banner p {
    color: #ffffff;
}

#productivity .text-section {
    padding-top: 4%;
}

#productivity .img-section {
    padding-top: 1%;
}

.box {
    display: inline-block;
    width: 100%;
}

.pricing-plans .checkbox {
    color: #333 !important;
}

#FormFailure .formModal {
    text-align: center !important;
}

#FormFailure #form-error-desc {
    color: #000000 !important;
}

.icon-contact-us {
    cursor: pointer;
    background-position: 0px 3px;
    background-image: url(/Resources/images/icons/icon-contact-us.png);
    background-repeat: no-repeat;
    padding-left: 29px;
    color: #d12127;
    font-size: 15px;
}

.width-200px {
    width: 200px;
}

#more {
    display: none;
}

.box-black {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 2px;
    position: relative;
    min-height: 270px;
}

/*.vertically-align-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}*/

.box-orange {
    border: 1px solid #f24512 !important;
}

.box-green {
    border: 1px solid #78b800 !important;
}

.box-blue {
    border: 1px solid #0078d4 !important;
}

.box-yellow {
    border: 1px solid #ffb600 !important;
}

.box-maroon {
    border: 1px solid #d12127 !important;
}

.bar_orange {
    border-bottom-color: #f24512 !important;
}

.bar_green {
    border-bottom-color: #78b800 !important;
}

.bar_blue {
    border-bottom-color: #0078d4 !important;
}

.bar_yellow {
    border-bottom-color: #ffb600 !important;
}

.bar_maroon {
    border-bottom-color: #d12127 !important;
}

.plans-grey-bg .box .box-btn {
    padding: 0px 0px 5px 0px !important;
}

.promotion-bullet-points ul.circle-bullets li {
    text-align: left;
}

.promotion-bullet-points ul {
    padding-left: 20px;
}

.promotion-bullet-points {
    padding-left: 0px;
}

.pictogram_inner a.sub-category {
    font-size: 14px;
    text-decoration: none;
    color: #000000 !important;
    padding-left: 0px !important;
    line-height: 20px;
    text-align: center;
}

    .pictogram_inner a.sub-category:hover {
        color: #d12127 !important;
        text-decoration: underline !important;
    }

    .pictogram_inner a.sub-category h5 {
        color: #000000 !important;
    }

    .pictogram_inner a.sub-category:hover h5 {
        color: #d12127 !important;
    }

.have-questions h4 {
    line-height: 10px;
}


.box-black h4 {
    font-size: 26px !important;
    line-height: 15px !important;
}

.have-questions a {
    font-size: 18px;
    text-decoration: underline !important;
}

#machcloud-Pictogram {
    background-color: #ffffff;
    background-repeat: repeat-x;
}

#contact-us .form-horizontal .checkbox {
    padding-top: 0px !important;
}

.calender-div {
    margin-top: 3%;
}

    .calender-div a {
        color: #00a2ff !important;
    }


.calender-days {
    text-transform: uppercase;
    font-weight: 400;
    color: #4d5055 !important;
}

.calender-days,
.selected-day-style,
.selector-style,
.OtherDayStyle,
.TitleStyle {
    text-align: center;
    background-color: #ffffff !important;
}


.calender-div .TodayDayStyle a {
    color: #00a2ff !important;
}

.OtherDayStyle {
    color: #4d5055 !important;
}

.calender-div .NextPrevStyle a {
    color: #ffffff !important;
}

.calendar tbody tr td.NextPrevStyle {
    font-size: 20px;
    text-align: center;
    color: #ffffff !important;
    font-weight: 500;
    background-color: #c0c0c0 !important;
    position: relative;
    margin: 10px auto;
    padding: 3px 2px;
    display: block;
    width: 34px !important;
    height: 34px;
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
}

.calendar tbody tr td.TodayDayStyle,
.calendar tbody tr td.selected-day-style {
    background-color: #f2faff !important;
}

.TodayDayStyle,
.selected-day-style {
    text-align: center;
    color: #ffffff !important;
    font-weight: 500;
    background-color: #f2faff;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 7px 0px;
    display: block;
    width: 44px !important;
    height: 44px;
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
}

.TitleStyle {
    color: #000000;
}

span.rev {
    unicode-bidi: bidi-override;
    direction: rtl;
}

    span.rev.NL:before {
        content: "0004"
    }

    span.rev.NL:after {
        content: "88 13+";
    }

    span.rev.FR:before {
        content: "0205"
    }

    span.rev.FR:after {
        content: "81 33+";
    }

    span.rev.BE:before {
        content: "9489"
    }

    span.rev.BE:after {
        content: "72 23+";
    }

    span.rev.DE:before {
        content: "0079"
    }

    span.rev.DE:after {
        content: "96 94+";
    }

    span.rev.UK:before {
        content: "4856"
    }

    span.rev.UK:after {
        content: "02 44+";
    }

@media (min-width:1200px) and (max-width:1366px) {
    .p-l-0-lg {
        padding-left: 0px !important;
    }

    .banner-offer-btn {
        text-align: center;
    }

    h1 {
        font-weight: 700;
    }

    .shopProducts .text-section {
        padding-top: 8%;
    }

    .shopProducts p {
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px;
    }

    #reseller .text-section {
        padding-top: 5%;
    }

    #banner-calling-teams ul, #sip-trunking ul {
        padding-left: 20px;
    }

    .promotion-bullet-points ul {
        padding-left: 15px;
        text-align: left;
        padding-top: 10px;
    }

        .promotion-bullet-points ul li {
            line-height: 25px;
            font-size: 14px;
        }

    #banner-use-cases {
        background-color: #baf3fd;
        background-repeat: repeat-x;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

        #banner-use-cases .inner-banner {
            padding-top: 15%;
        }

            #banner-use-cases .inner-banner p {
                text-align: center !important;
                padding-top: 10px;
            }

    .menu-resources {
        margin-top: 15px;
    }

    .partner-selection {
        margin-top: 20px;
    }

    .box-btn .large-btn {
        padding: 10px 40px !important;
        font-size: 17px;
    }

    .page-heading h1 {
        font-size: 45px;
        line-height: 60px;
        font-weight: 600;
        color: #000000;
    }

    .text-position {
        text-align: right;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-left-lg {
        text-align: left;
    }
    /* .inner-banner {
        padding-top: 7%;
    }*/
    .azure-content h2,
    .azure-content h3 {
        font-size: 25px;
        margin: 0 !important;
        line-height: 36px;
        text-align: left;
    }

    .support-img h3 {
        padding-top: 20%;
    }

    #use-case-100 .right {
        padding: 40px 40px 40px 0px;
    }

    #machcloud-offerings .machcloud-offer {
        text-align: left;
        color: #666;
    }

    #whymccloud h2 {
        margin-bottom: 60px;
    }

    .virtual-machine-tabs .columns {
        width: 12.5% !important;
        text-align: center;
    }

    .reliable-platform span {
        display: block;
    }

        .reliable-platform span.f-light {
        }

    .heading-padding-10 {
        padding-left: 10%;
        padding-right: 10%;
    }

    .calling-plans-licensing h4 {
        font-size: 27px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    #support-comparison .grey-section {
        color: #ffffff;
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        padding: 5px 0 5px 5px;
        font-weight: 600;
        min-height: 60px;
    }

    .banner-direct-routing-text {
        margin-top: 15% !important;
        padding: 0 !important;
    }

    .banner-direct-routing-img {
        margin-top: 8% !important;
        padding: 0 !important;
    }

    .banner-text-position,
    .banner-img-position {
        display: table;
        min-height: 500px;
        overflow: hidden;
    }

    .inner-banner {
        display: table-cell;
        vertical-align: middle;
    }




    #banner-devices,
    #banner-devices-main,
    #banner-homepage {
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 800px;
        margin-top: 87px;
    }

        #banner-homepage img {
            margin-top: 40px;
        }

    #banner-homepage {
        margin-top: 100px;
    }

    #trademarks-banner {
        background: url(/Resources/images/trademarks/banner-trademarks.png) no-repeat;
        min-height: 500px;
        background-size: cover;
    }


    #banner-unified-services,
    #sip-trunking,
    #azure-banner,
    #hosted-voip,
    #banner-calling-teams,
    #banner-web-hosting,
    #banner-email-collaboration,
    #banner-migration-services,
    banner-case-studies,
    #banner-product-videos,
    #banner-virtual-desktop,
    #banner-telephony-service,
    #banner-training,
    #banner-CloudPBX-setup,
    #banner-case-studies,
    #banner-webinar,
    #why-machcloud-banner,
    #about-us-banner {
        background-position: center center !important;
        background-size: cover !important;
        min-height: 500px;
        margin-top: 87px;
    }

    #banner-unified-services {
        background: url(/Resources/images/UnifiedServices/banner-UnifedServices.jpg) no-repeat;
    }

    #banner-web-hosting {
        background: url(/Resources/images/header/banner-web-hosting.jpg) no-repeat;
    }

    #sip-trunking {
        background: url(/Resources/images/sip-trunking/banner-sip-trunking-bg.png) no-repeat;
    }

    #hosted-voip {
        background: url(/Resources/images/hosted-voip/banner-hosted-voip-bg.png) no-repeat;
    }

    #banner-calling-teams {
        background: url(/Resources/images/callingteams/banner-callingTeams.jpg) no-repeat;
    }

    #banner-email-collaboration {
        background: url(/Resources/images/EmailCollaboration/banner-email-collaboration.jpg) no-repeat;
    }

    #banner-migration-services {
        background: url(/Resources/images/MigrationSkypeTeams/banner-migration-skype-teams.jpg) no-repeat;
    }

    #banner-case-studies {
        background: url(/Resources/images/CaseStudies/banner-case-studies.jpg) no-repeat;
    }

    #banner-product-videos {
        background: url(/Resources/images/ProductVideos/banner-product-videos.jpg) no-repeat;
    }

    #banner-virtual-desktop {
        background: url(/Resources/images/VirtualDesktop/banner-virtual-desktop.jpg) no-repeat;
    }

    #banner-telephony-service {
        background: url(/Resources/images/TelephonyService/banner-telephony-service.jpg) no-repeat;
    }

    #banner-training {
        background: url(/Resources/images/Training/banner-training.jpg) no-repeat;
    }

    #banner-CloudPBX-setup {
        background: url(/Resources/images/header/banner-CloudPBX-setup.jpg) no-repeat;
    }

    #banner-teams-DR {
        background-color: #5355ad;
        background-image: url(/Resources/images/direct-routing-teams/banner-direct-routing-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
    }

        #banner-teams-DR h1 {
            font-size: 40px;
            font-weight: 700;
            text-shadow: 1px 1px #000;
            text-align: left;
            color: #ffffff;
        }

    .post-content {
        padding: 20px 15px 0px 15px;
        position: relative;
    }


    .post-title {
        font-size: 13px;
        font-weight: bold;
        color: #0073c6;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        transition: all 0.30s linear 0s;
    }

        .post-title:after {
            content: "";
            width: 25px;
            display: block;
            margin-top: 10px;
            border-bottom: 4px solid #333;
        }

    .post-description {
        font-size: 13px;
        color: #555;
        margin-bottom: 10px;
        min-height: 125px;
    }

    #ClientsWebinar .post-description {
        min-height: 90px;
    }

    #ClientsWebinar .webinar-post .post-title {
        min-height: 70px;
    }

    .parallel-two-btns {
        padding-top: 20px;
    }

    #why-choose-us .post-slide {
        min-height: 450px;
    }

    #page-service-section .items {
        margin-top: 25px;
    }

    .post-slide {
        margin: 0 20px;
        background: #fff;
        margin-bottom: 2em;
    }

    .CallingPlanTabsHeading {
        font-size: 27px;
        font-weight: 600;
    }

    .usps-keypoints-features {
        text-align: left;
        padding: 15px 0px 5px 0px !important;
    }

        .usps-keypoints-features h5 {
            font-size: 18px;
            text-align: left;
            color: #000000;
            margin-top: 0px;
            padding-top: 25px;
            line-height: 28px;
            font-weight: 600;
        }

        .usps-keypoints-features h6 {
            font-size: 18px;
            text-align: left;
            color: #000000;
            margin-top: 0px;
            line-height: 28px;
            font-weight: 600;
        }

    #FAQ #accordion .panel {
        min-height: 70px;
    }

    #FAQ .box-content {
        padding: 10px 15px 0px 15px;
    }

    .items-style {
        margin-top: 25px;
    }

    .menu-partner {
        margin-top: 55px;
    }

    .menu-partner-btn {
        padding-top: 50px;
    }

    #machcloud-trademarks .img-section {
        margin-top: 3%;
    }

    #IntellectualProperty .div-img {
        margin-top: 2%;
    }

    #PromotionalDiscountTerms .div-img {
        margin-top: 1%;
    }

    #machcloud-thirdparty .img-section {
        padding-top: 1%;
    }

    #div_SubTotal ul.greenbullets,
    .configurator-bullets ul.greenbullets {
        padding-left: 0px;
        font-size: 14px;
    }

        #div_SubTotal ul.greenbullets li,
        .configurator-bullets ul.greenbullets li {
            line-height: 22px;
        }

    .configurator-small-text p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
    }

    #BasicPlus ul.greenbullets {
        padding-left: 25px;
    }

    .products-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }

    .partners-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }
    /*Begin homepage-partner-section*/
    .homepage-partner-section {
        background: #d12025;
        padding: 5px 0px 20px 0px;
        color: #ffffff;
    }

        .homepage-partner-section h2 {
            color: #ffffff;
            font-size: 50px;
            font-weight: 600;
            line-height: 100%;
            border-right: 1px solid #fff;
            text-align: left;
        }

        .homepage-partner-section h5 {
            color: #ffffff;
            font-size: 15px;
        }
    /*End homepage-partner-section*/


    /*Begin Plans and pricing slider section*/
    .machcloud-product-plans .img-section {
        margin-top: 30px;
    }

    .plans-sider {
        padding: 20px 0px 20px 0px;
        background-color: #ffffff;
        border-radius: 10px;
        border: 1px solid #f9f9f9;
    }

    .machcloud-product-plans .slider-plans-img {
        background-image: url(/Resources/images/plans-image.png);
        background-position: top center;
        background-repeat: repeat;
        background-size: auto;
        height: 100%;
        min-height: 304px;
        border-radius: 5px;
        background-size: cover;
    }

    .machcloud-product-plans .data {
        position: absolute;
        bottom: 0;
        padding: 10px 20px 10px 0px;
        margin-bottom: 0px;
        background-color: #000000;
        opacity: 1;
        width: 100%;
    }

        .machcloud-product-plans .data h3 {
            font-size: 20px;
            padding-left: 10px;
            padding-top: 0px;
            color: #ffffff;
            line-height: 30px;
            font-weight: 400;
            margin-bottom: 0px;
        }



    .plans-img-btn .btn {
        padding: 8px 15px !important;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }


    .slider-section .media-carousel .carousel-indicators {
        top: 20px;
    }

    .slider-section .media-carousel .carousel-control.left {
        left: 35px;
    }

    .slider-section .media-carousel .carousel-control.right,
    .slider-section .media-carousel .carousel-control.left {
        margin-top: 2%;
        z-index: 111;
    }

    .slider-plans-content {
        min-height: 265px;
        position: relative;
        padding: 45px 5px 45px 45px;
    }

        .slider-plans-content h3 {
            text-align: left;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 30px;
            line-height: 35px;
            font-weight: 600;
            color: #000000;
        }

    .slider-plans-sub-heading {
        color: #000000;
        font-size: 18px;
        padding-top: 5px;
    }

    .slider-plans-offer-duration {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

    .slider-plans-billing-cycle {
        color: #0073c6;
        font-weight: 400;
        font-size: 16px;
        display: block;
        padding-top: 10px;
    }

    .slider-plans-starting {
        color: #e1261c;
        font-size: 23px;
        display: block;
    }

    .slider-plans-originally {
        color: #000000;
        font-size: 20px;
        display: block;
    }

    .slider-plans-price {
        font-size: 30px;
        line-height: 25px;
        display: block;
        padding-top: 10px;
        font-weight: 600;
    }

    .slider-plans-content .offer-font-light {
        font-size: 25px;
        line-height: 30px;
        font-weight: 400;
    }

    .slider-plan-btn {
        margin-top: 35px;
    }

    .slider-plans-content .btn {
        padding: 6px 15px 8px 15px !important;
        font-size: 18px;
    }

    .machcloud-products {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 10%;
    }

        .machcloud-products a {
            font-size: 13px;
        }

    .product-image {
        text-align: center;
        padding-top: 10%;
    }

    .virtual-machine-features .product-image {
        text-align: center;
        padding: 30px 0px;
        margin-top: 0%;
    }

    .products-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    .machcloud-products .products-content h5 {
        padding-top: 0px !important;
        color: #333;
        line-height: 20px !important;
        font-size: 12px;
    }
    /*End Plans and pricing slider section*/
    #machcloud-plans-pricing h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .pricing-plans {
        text-align: center;
    }

        .pricing-plans h3 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
            min-height: 60px;
        }

        .pricing-plans h4 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
        }

        .pricing-plans p {
            font-size: 14px;
            line-height: 20px;
        }

        .pricing-plans img {
            padding-top: 10px;
            padding-right: 10px;
        }



    #machcloud-plans-pricing nav ul li {
        border: 1px solid #e3e2e2 !important;
        background: #fafafa;
        padding: 10px 15px;
        text-align: center;
        font-size: 23px;
        font-weight: 600;
        color: #000;
    }

        #machcloud-plans-pricing nav ul li.active {
            color: #fff;
            background: #d12127;
            border-bottom-color: #e3e2e2;
        }

            #machcloud-plans-pricing nav ul li.active a {
                background-color: transparent !important;
            }

        #machcloud-plans-pricing nav ul li a:hover,
        #machcloud-plans-pricing nav ul li a:focus {
            background-color: transparent !important;
            color: #000;
        }



    #machcloud-plans-pricing .nav-tabs {
        border-bottom: 0px;
    }

    #machcloud-plans-pricing .tab-content {
        margin-top: 0px;
    }



    #web-essentials .form-control {
        background-color: #ffffff;
        border: 1px solid #0078d4;
        color: #333333;
    }

    #web-essentials {
        background-color: #f9f9f9;
    }

        #web-essentials .img-section {
            margin-top: 3%;
        }

        #web-essentials h2 {
            margin-top: 0px;
            margin-bottom: 0px;
        }


    /*Begin Home page services sections*/
    .why-web-hosting .img {
        background-image: url(/Resources/images/why-web-hosting.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .services-support .left {
        background-image: url(/Resources/images/services-support.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .use-case-b .left {
        background-image: url(/Resources/images/use-case-b.jpg) !important;
        min-height: 500px !important;
    }

    .why-ssl .left {
        background-image: url(/Resources/images/ssl-unified-management.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 0px 0px 0px 0px;
        float: left;
        min-height: 450px;
        position: relative;
    }

    .why-ssl .text-section {
        padding-left: 70px;
    }

    .services-support .left .data {
        background: rgba(209, 33, 39, 0.9);
        color: #fff;
        padding: 20px 35px;
        position: absolute;
        right: 0;
        max-width: 400px;
        margin-top: 35.5%;
    }

        .services-support .left .data h3 {
            font-size: 30px;
            font-weight: 600;
            line-height: 110%;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .services-support .left .data h4 .font-light {
            font-weight: 400;
            font-size: 25px;
            line-height: 140%;
        }

    .middle-container {
        display: table;
        min-height: 100%;
    }

    .w-100 {
        width: 100% !important;
        min-width: 100%;
    }

    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }



    .services-support h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 100%;
        color: #ffffff;
    }

    .services-support h4 {
        font-weight: 400;
        font-size: 25px;
    }

    .services-support .right {
        padding: 30px;
        max-width: 800px;
        float: left;
        padding: 40px 0px 40px 60px;
    }

        .services-support .right h3 {
            font-size: 25px;
            line-height: 140%;
            font-weight: 600;
        }

        .services-support .right h2 {
            padding-left: 20px;
        }

    .services-support .items {
        padding: 15px 0px 0px 0px;
        float: left;
        transition: all 0.3s ease-in-out;
        width: 100%;
    }

        .services-support .items .name {
            font-size: 19px;
            font-weight: 700;
            color: #000000;
            margin: 00px 0px;
        }

        .services-support .items p {
            font-size: 15px;
            line-height: 160%;
            margin-top: 10px;
        }
    /*End Home page services sections*/

    /*Begin SSL Certificate page*/
    .ssl-page-heading {
        margin-top: 80px;
    }

        .ssl-page-heading h2 {
            margin-bottom: 0px;
        }

        .ssl-page-heading h4 {
            line-height: 30px;
        }

    .tabs-section .bordered {
        text-align: left;
    }

    .fasttrack-plans h3 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    .fasttrack-plans ul {
        padding-left: 0px;
        list-style: none;
    }

        .fasttrack-plans ul li {
            font-size: 15px;
            line-height: 25px;
            text-align: left;
        }

    .fasttrack-plans .box {
        display: inline-block;
        width: 100%;
        padding-bottom: 2%;
    }

    .fasttrack-plans .plan-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        padding-top: 50px;
    }

    .fasttrack-plans-btn {
        margin-top: 40px;
    }

    .box {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 3%;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .box-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

        .box-content .p-name {
            font-weight: 600;
            font-size: 25px;
            text-align: center;
        }

        .box-content .p-price {
            color: #000000;
            font-size: 36px;
            font-weight: 700;
            display: contents;
            letter-spacing: 0px;
            padding-top: 10px;
        }

        .box-content h3 {
            margin-top: 0px;
        }

        .box-content p {
            margin-top: 0px;
        }

        .box-content .term {
            display: block;
            font-weight: 600;
            padding-bottom: 10px;
            padding-top: 10px;
        }

    .box-shadow {
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        min-height: 330px;
    }

    #partner-features h2 {
        font-weight: 600;
        margin-bottom: 0px;
    }

    .box-shadow .box-content h3 {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
        line-height: 25px;
        min-height: 60px;
    }

    .box-shadow .box-content p {
        font-size: 15px;
    }




    .box-btn {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    #ssl-certificate-features h2 {
        margin-bottom: 0px;
        text-align: left;
    }

    .get-ssl-certificate .post-title {
        color: #000000;
        text-transform: none;
        border-bottom: 0px;
        margin-bottom: 0px;
    }

    .get-ssl-certificate h3 {
        margin-bottom: 0px;
    }

        .get-ssl-certificate h3::after {
            margin: 0px 0px;
        }


    .get-ssl-certificate .post-title::after {
        border-bottom: 0px;
    }
    /*End SSL Certificate page*/
    .tabs-section .tab-content {
        margin-top: 20px;
    }

    .tabs-section .nav-tabs {
        border-bottom: 0px;
    }

        .tabs-section .nav-tabs > li {
            width: 20%;
        }

            .tabs-section .nav-tabs > li a:hover {
                background: transparent;
            }

        .tabs-section .nav-tabs a {
            background-color: transparent !important;
            color: #000000 !important;
            text-align: center;
        }

    .tabs-btn-design .nav-tabs a:hover,
    .tabs-btn-design .nav-tabs .active a {
        color: #d12127 !important;
        border-bottom: 1px solid #d12127 !important;
    }

    .tabs-menu {
        background-color: #f7f7f7;
        padding-top: 10px;
        padding-bottom: 10px;
    }



    /*Begin partners-dropdown-menu*/
    .navbar-right .dropdown-menu.partners-dropdown-menu,
    .navbar-right .dropdown-menu.products-dropdown-menu {
        padding-bottom: 0%;
    }


    .partners-dropdown-menu .box {
        margin-top: 0% !important;
    }

    .partners-dropdown-menu .box-content {
        padding-top: 5px;
    }


    .arrow-next-white {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-red {
        background-image: url(/Resources/images/icons/arrow-red.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-grey {
        background-image: url(/Resources/images/icons/arrow-grey.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    a.category {
        font-size: 15px;
        text-decoration: none;
        color: #000000;
        padding-right: 15px;
    }

    a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
        padding-left: 15px;
    }



    .vertical-tab-content ul,
    .vertical-content ul {
        list-style: none;
        padding-top: 10px;
        padding-left: 0px;
    }


        .vertical-tab-content ul li,
        .vertical-content ul li {
            padding-top: 5px;
        }

    a.category ul {
        list-style: none;
    }





    .img-section .data .red-band h3 .f-light {
        font-size: 13px;
        font-weight: 600 !important;
        display: block;
        line-height: 100%;
        text-transform: uppercase;
    }

    .partners-dropdown-menu .box-content {
        text-align: left;
    }

        .partners-dropdown-menu .box-content h3.label-heading {
            text-align: left;
            font-weight: 600;
            font-size: 23px;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h3,
        .partners-dropdown-menu .box-content h3::after {
            margin: 0px 0px 0px 0px;
        }

        .partners-dropdown-menu .box-content h5 {
            text-align: left;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h6 {
            padding-top: 5px;
            font-size: 15px;
            padding-left: 5px;
            text-align: left;
            line-height: 25px;
        }

    .partners-dropdown-menu .label-icons {
        text-align: center;
        margin-top: 2%;
        display: inline-block;
        width: 32.5%;
    }


    /*End partners-dropdown-menu*/

    /*begin virtual machine page css*/
    .project-tab {
        padding: 0 0 0px 0;
    }

        .project-tab .tab-content {
            margin-top: 0px;
        }

    #ssl-plans ul.tabs-btn-design {
        max-width: 100%;
        margin: 30px auto 30px;
    }

    #machcloud-plans-pricing ul.tabs-btn-design {
        max-width: 950px;
        margin: 30px auto 30px;
    }

    #mach-phones-plans ul.tabs-btn-design {
        max-width: 600px;
        margin: 30px auto 30px;
    }
    /*begin css for White box style plans*/



    .plans-white-box-style .box {
        min-height: 520px;
    }

    .plans-white-box-style .box-content h3 {
        margin-bottom: 0px;
        font-size: 30px;
        font-weight: 700;
        line-height: 25px;
        min-height: 0px;
    }

    .plans-white-box-style .box-content h5 {
        font-size: 18px;
        line-height: 30px;
        color: #333333;
        padding-bottom: 17px;
    }

    .plans-white-box-style .box-content p {
        font-size: 15px;
    }
    /*end css for White box style plans*/

    ul.tabs-btn-design {
        background: rgba(255, 255, 255, 0.1);
        overflow: hidden;
        margin: 0 auto 40px;
        max-width: 600px;
        display: flex;
    }

        ul.tabs-btn-design.two-tabs {
            max-width: 900px !important;
        }

    #machteams-plans ul.tabs-btn-design {
        margin: 0 auto 20px !important;
    }

    ul.tabs-btn-design li {
        margin: 0 !important;
        flex: 1;
        background-color: #f1f1f1 !important;
    }

        ul.tabs-btn-design li.active a {
            color: #ffffff !important;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            content: '';
            background-color: #d12127 !important;
            border-bottom: 0 !important;
        }

        ul.tabs-btn-design li.active a,
        ul.tabs-btn-design li a {
            margin: 0 !important;
            padding: 15px 0px;
            font-size: 17px;
            line-height: 24px;
            color: #000000;
            font-weight: 500;
            transition: all .3s ease-in-out;
            text-align: center;
            border-bottom: 2px solid #d12127 !important;
            border-right: 1px solid #eee;
        }


            ul.tabs-btn-design li.active a:hover,
            ul.tabs-btn-design li a:hover {
                background-color: #d12127 !important;
                color: #ffffff !important;
            }



    .project-tab a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

    .project-tab .board-inner .nav-tabs {
        border-bottom: 0px;
    }

    .listing-row {
        border-top: 1px solid #e3e2e2;
        border-bottom: 0px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .project-tab .plan {
        font-weight: 600;
        padding-right: 20px !important;
        line-height: 120%;
    }

    .project-tab .tag {
        font-size: 12px;
        color: #989898;
        line-height: 130%;
        font-weight: 400;
    }

    .project-tab .headings {
        padding-bottom: 10px;
    }

    .listing-row .terms .nav-tabs {
        width: 150px;
        float: left;
        margin: auto 12px auto 0px;
        top: 0;
        bottom: 0;
        display: flex;
        border-bottom: 0px;
    }

        .listing-row .terms .nav-tabs li {
            padding: 0px;
            position: relative;
            background: #fff;
            overflow: hidden;
            border: 1px solid #e2e2e2 !important;
            width: 100%;
            text-align: center;
            margin: 0px -1px;
        }

            .listing-row .terms .nav-tabs li a {
                text-transform: uppercase !important;
                font-size: 12px !important;
                color: #000;
                font-weight: 400 !important;
                padding: 5px 5px !important;
                margin: 0px !important;
            }

        .listing-row .terms .nav-tabs .active a,
        .listing-row .terms .nav-tabs a:hover {
            background: #1fc0d1 !important;
            color: #fff !important;
        }


        .listing-row .terms .nav-tabs li:last-child {
            border-radius: 0px 5px 5px 0px;
        }

    .listing-row .price {
        font-weight: 700;
        color: #1fc0d1;
        padding-top: 5px;
    }

        .listing-row .price .tab-content {
            margin-top: 0px;
        }

    .listing-row .p-price h2,
    .listing-row .p-price h2 span {
        font-size: 15px;
        font-weight: 600;
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .listing-row .btn {
        padding: 5px 10px;
    }

    .help-section {
        background: #d12025;
        padding: 50px 0px 50px 0px;
        color: #ffffff;
    }

        .help-section h2 {
            color: #ffffff;
            font-size: 50px;
            font-weight: 600;
            line-height: 97%;
            text-align: left;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .help-section p {
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            margin-bottom: 0;
            padding-top: 15px;
        }
    /*end virtual machine page css*/

    #vps-includes h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000;
    }

    .vps-includes {
        padding: 35px 60px;
        background: #fff;
        box-shadow: 0 0 44px rgba(0,0,0,.15);
        border-radius: 10px;
        margin-bottom: 30px;
    }

        .vps-includes h3 {
            font-size: 16px;
            font-weight: bold;
            color: #0073c6;
            margin: 0 0 10px 0;
            text-transform: uppercase;
            transition: all 0.30s linear 0s;
        }

            .vps-includes h3::after {
                content: "";
                width: 25px;
                display: block;
                margin-top: 10px;
                border-bottom: 4px solid #2f39bf;
            }


    #vps-includes .section-heading {
        border-right: 1px solid #ccc;
        min-height: 140px;
    }

    #go-local h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 38px;
        font-weight: 600;
    }

    #go-local h3 .f-light {
        font-size: 45px;
        font-weight: 200 !important;
    }

    .f-light {
        font-weight: 200 !important;
    }

    #go-local h3 {
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 100%;
    }

    #go-local .box-wraper {
        border-right: 1px solid #ccc;
        padding-right: 20px;
        background-position: top 5px right 20px !important;
        height: 100%;
        min-height: 180px;
    }

    .vps-reliable-platform-icons {
        background-repeat: no-repeat;
        background-position-x: right 20px;
        background-position-y: top 20px;
        background-size: auto;
    }

    .vps-architecture {
        background-image: url(/Resources/images/vps-architecture.png);
    }

    .vps-security {
        background-image: url(/Resources/images/vps-security.png);
    }

    .vps-performance {
        background-image: url(/Resources/images/vps-performance.png);
    }

    .legal p {
        line-height: 23px;
        font-size: 15px;
        text-align: justify;
    }

    .legal h6 {
        float: left;
        margin-right: 10px !important;
        margin-top: 0;
    }

    .legal h3.subheading {
        font-size: 19px;
        color: #333;
    }

    .legal h2, .legal h2 span {
        font-size: 21px !important;
        text-align: left;
        padding-top: 10px;
    }

    #banner-devices h6 {
        text-align: left;
    }

    .device-price {
        padding-top: 15px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: 600 !important;
    }

    .phone-bundle-btn {
        margin-top: 40px;
    }

    #go-local .sub-heading {
        border-right: 1px solid #e8e8e8;
    }

    #go-local h4 {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 25px;
    }

    #go-local p {
        font-size: 15px;
    }

    .width-20-per,
    .width-20-per-lg {
        width: 20% !important;
    }

    .PartnerSelection {
        margin-top: 20px;
    }

    .PrivateLabel {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #f9f9f9;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .TrustedAdvisor {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .width-10-per {
        width: 10% !important;
    }
    /*begin buttons css*/
    .btn-white {
        background: #fff;
        border-color: #fff;
        color: #000;
    }

        .btn-white.active,
        .btn-white.focus,
        .btn-white:active,
        .btn-white:focus,
        .btn-white:hover,
        .open > .dropdown-toggle.btn-white {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
        }

    .btn-white-blank {
        color: #fff;
        background-color: transparent;
        border-color: #fff !important;
    }

        .btn-white-blank.active,
        .btn-white-blank.focus,
        .btn-white-blank:active,
        .btn-white-blank:focus,
        .btn-white-blank:hover,
        .open > .dropdown-toggle.btn-white-blank {
            color: #333;
            background-color: #fff;
            border-color: #fff;
        }



    .btn-grey {
        background: #4e4e4e;
        border-color: #4e4e4e;
        color: #fff !important;
        font-weight: 300;
    }

        .btn-grey.active,
        .btn-grey.focus,
        .btn-grey:active,
        .btn-grey:focus,
        .btn-grey:hover,
        .open > .dropdown-toggle.btn-grey {
            background: #3d3d3d;
            border-color: #3d3d3d;
            outline: 0;
            color: #fff !important;
        }

    .btn-blue {
        color: #fff !important;
        background-color: #0098db;
        border-color: #aad3ef;
    }

        .btn-blue.active,
        .btn-blue.focus,
        .btn-blue:active,
        .btn-blue:focus,
        .btn-blue:hover,
        .open > .dropdown-toggle.btn-blue {
            color: #0098db !important;
            background-color: transparent;
            border-color: #0098db;
        }

    .btn-blue-blank {
        color: #0098db !important;
        background-color: transparent;
        border-color: #aad3ef;
    }

        .btn-blue-blank.active,
        .btn-blue-blank.focus,
        .btn-blue-blank:active,
        .btn-blue-blank:focus,
        .btn-blue-blank:hover,
        .open > .dropdown-toggle.btn-blue-blank {
            color: #ffffff !important;
            background-color: #0098db;
            border-color: #0098db;
        }

    .btn-maroon,
    .btn-general {
        background: #d11f22 !important;
        border-color: #e83f2c !important;
        color: #fff !important;
    }

        .btn-maroon.active,
        .btn-maroon.focus,
        .btn-maroon:active,
        .btn-maroon:focus,
        .btn-maroon:hover,
        .open > .dropdown-toggle.btn-maroon,
        .btn-general.active,
        .btn-general.focus,
        .btn-general:active,
        .btn-general:focus,
        .btn-general:hover,
        .open > .dropdown-toggle.btn-general {
            background: transparent !important;
            border-color: #d11f22 !important;
            color: #d11f22 !important;
        }

    .btn-maroon-blank {
        color: #d11f22 !important;
        background-color: transparent;
        border-color: #d11f22;
    }

        .btn-maroon-blank.active,
        .btn-maroon-blank.focus,
        .btn-maroon-blank:active,
        .btn-maroon-blank:focus,
        .btn-maroon-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #d11f22 !important;
            border-color: #e83f2c;
        }

    .btn-green {
        color: #fff !important;
        background: #0a9e17 !important;
        border: 1px solid #0a9e17 !important;
    }

        .btn-green.active,
        .btn-green.focus,
        .btn-green:active,
        .btn-green:focus,
        .btn-green:hover,
        .open > .dropdown-toggle.btn-green {
            color: #0a9e17 !important;
            background-color: transparent !important;
            border-color: #0a9e17;
        }

    .btn-green-blank {
        color: #0a9e17 !important;
        background-color: transparent;
        border-color: #0a9e17;
    }

        .btn-green-blank.active,
        .btn-green-blank.focus,
        .btn-green-blank:active,
        .btn-green-blank:focus,
        .btn-green-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #0a9e17 !important;
            border-color: #0a9e17;
        }


    /*end buttons css*/
    a.link-white {
        text-decoration: underline !important;
        color: #ffffff;
    }
    /*Begin MachCloud Product logos css*/
    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }






    /*end MachCloud Product logos css*/
    /*Begin Partner page css*/
    .partner-introduction h2 {
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .partner-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .partner-introduction .left {
        background-image: url(/Resources/images/partner-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 500px;
        position: relative;
        border-radius: 10px;
    }

    #ChoosePartnerPlan h2 {
        margin-top: 10px;
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 38px;
        line-height: 110%;
    }

    #ChoosePartnerPlan .table > tbody > tr > td {
        padding: 25px;
        vertical-align: middle;
    }

    #ChoosePartnerPlan .ent-feature {
        background-color: #ffffff;
    }

    #ChoosePartnerPlan .compare-col-width h5 {
        font-weight: 700;
        font-size: 25px;
        line-height: 110%;
        color: #000000;
    }

    #reseller h2,
    #reseller h3 {
        font-weight: 600;
    }

    #reseller h2 {
        margin-bottom: 0px;
        padding-top: 25px;
    }

    #reseller h3 {
        margin-top: 0px;
    }

    #reseller {
        background-color: #ffffff;
    }

    #partner-features {
        background-color: #f9f9f9;
        padding-bottom: 50px;
    }

    .shopProducts {
        padding: 50px 0px !important;
    }
    /*End Partner page css*/
    .menu-machcloud-product h3 {
        font-size: 28px !important;
        color: #d11522;
        padding: 0 60px 0 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .menu-machcloud-product p {
        line-height: 30px;
        padding-left: 25px;
        padding-top: 0px;
    }



    /*Begin Virtual Desktop page css*/
    .virtual-desktop-introduction h3 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .virtual-desktop-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .virtual-desktop-introduction .left {
        background-image: url(/Resources/images/virtual-desktop-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 480px;
        position: relative;
        border-radius: 10px;
        margin-top: 10px;
    }

    .page-heading span {
        display: block;
    }

    .dry-cake-main {
        margin-top: 50px;
        padding-right: 0px !important;
    }

    .img-dry-cake-president {
        margin-top: 30px;
    }

    .president-quote {
        padding-top: 30px;
    }

    .case-studies h3 {
        color: #0073c6;
        text-align: left;
        font-size: 30px;
        font-weight: 600;
    }
    /*Begin Virtual Desktop page css*/
    .custom-build,
    .domain-offer-section {
        background-color: #2294c4;
        padding: 50px 0px 50px 0px;
    }

        .custom-build h2 {
            color: #ffffff;
            text-align: center;
        }

        .domain-offer-section h2 {
            text-align: center;
        }


        .domain-offer-section .form-control {
            opacity: 1;
            color: #000000;
            background-color: #fff;
            background-image: none;
            border: 1px solid #e3e3e3;
        }


    /*end Virtual Desktop page css*/

    /*  begin menu vertical tab css tab */
    .vertical-tab-menu {
        padding: 1.25% 2% 1% 2%;
    }


    .products-menu,
    .resources-menu,
    .about-us-menu,
    .partner-menu {
        padding: 1.25% 2% 1% 2%;
        background-position: top center;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 400px;
        border-radius: 0px 0px 0px 0px;
        background-size: cover;
    }

    .products-menu {
        background-image: url(/Resources/images/products-menu-image.jpg);
    }

    .resources-menu {
        background-image: url(/Resources/images/resources-menu-image.jpg);
    }

    .about-us-menu {
        background-image: url(/Resources/images/aboutus-menu-image.jpg);
    }

    .partner-menu {
        background-image: url(/Resources/images/partner-menu-image.jpg);
    }

    /*.resources-menu {
        background-color: #d12127;
    }*/
    /*.resources-menu {
        margin-top: 25px;
    }

        .resources-menu h6 a {
            color: #d12127 !important;
            font-size: 19px;
        }*/
    .vertical-tab-menu h3 {
        padding-top: 1%;
        color: white;
        font-weight: 600;
        font-size: 38px;
    }

    .vertical-tab-menu p,
    .partner-menu-links {
        padding-top: 50%;
        color: white;
        text-align: justify;
        line-height: 20px;
    }

        .partner-menu-links a {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-left: 19px;
            color: #fff !important;
            font-size: 15px !important;
        }


    .vertical-tab-menu ul li {
        line-height: 15px;
    }


    /*  end menu vertical tab css tab */


    .page-heading h4 {
        padding-top: 10px;
    }

    .page-heading p {
        padding-top: 10px;
    }

    .calling-plan-heading h5 {
        font-size: 30px;
        color: #0073c6;
        text-align: center;
    }

    .calling-plan-heading p {
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    .virtual-desktop-features .box-shadow {
        min-height: 390px;
    }

    .heading-functionalities {
        background-color: #54575a !important;
    }

    .heading-plan-one {
        background-color: #6264a7 !important;
    }

    .heading-plan-two {
        background-color: #d12127 !important;
    }

    .plans-common-headings {
        color: #ffffff !important;
        min-height: 65px;
        font-weight: 600;
        font-size: 28px;
        padding: 16px 5px 0px 15px;
    }

    .page-heading-features {
        margin-top: 3%;
    }

        .page-heading-features h6 {
            line-height: 30px;
            margin-top: 10px;
        }

    .footer-plans {
        display: inline-block;
        margin-left: 15px;
        padding-top: 15px;
        margin-left: 15px;
    }

    #why-o365 {
        padding: 40px 0;
        background-image: url(/Resources/images/O365/why-choose-us.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    #cloud-pbx-capabilities {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }

        #cloud-pbx-capabilities h2 {
            color: white;
        }

        #cloud-pbx-capabilities p {
            color: white;
            text-align: center;
        }

        #cloud-pbx-capabilities .hosted-voice-features ul li {
            color: white;
            font-size: 17px;
            line-height: 25px;
        }

    #machcloud-calling-for-teams {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }




    .calling-teams-steps {
        padding-bottom: 50px;
    }

        .calling-teams-steps h3 {
            margin-bottom: 0px;
            font-size: 22px;
            font-weight: bold;
        }

        .calling-teams-steps h4 {
            color: #000000;
            margin-bottom: 0px;
            font-size: 18px;
        }

        .calling-teams-steps p {
            color: #000000;
            font-size: 15px;
            padding-top: 10px;
        }
    /*begin our partners css*/
    /* carousel */
    #our-partners .media-carousel {
        margin-bottom: 0;
        padding: 0 40px 0px 40px;
        margin-top: 10px;
    }

        #our-partners .media-carousel .carousel-control.left,
        #our-partners .media-carousel .carousel-control.right {
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 55px;
        }
        /* Previous button  */
        #our-partners .media-carousel .carousel-control.left {
            left: -12px;
        }
        /* Next button  */
        #our-partners .media-carousel .carousel-control.right {
            right: -12px !important;
        }
        /* Changes the position of the indicators */
        #our-partners .media-carousel .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }
            /* Changes the colour of the indicators */
            #our-partners .media-carousel .carousel-indicators li {
                background: #c0c0c0;
            }

            #our-partners .media-carousel .carousel-indicators .active {
                background: #333333;
            }


    /* End carousel */
    /*end our partners css*/
    /*  begin menu vertical tab css tab */
    .vertical-tab-container {
        z-index: 10;
        background-color: #ffffff;
        padding: 0 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 20px;
        margin-left: 50px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
        opacity: 0.97;
        filter: alpha(opacity=97);
    }

    .vertical-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

        .vertical-menu h4 {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-left: 20px;
            font-weight: 600;
            font-size: 17px;
            text-align: left;
        }

        .vertical-menu p.banner-menu-sub-heading {
            line-height: 15px;
            text-align: left;
            padding-left: 20px;
            font-size: 13px;
            color: #686868;
        }

        .vertical-menu a.active p.banner-menu-sub-heading {
            color: #ffffff !important;
        }

        .vertical-menu a.active:visited,
        .vertical-menu a.active:visited p {
            color: #ffffff !important;
        }


        .vertical-menu a:visited {
            color: #000000 !important;
        }

        .vertical-menu div.list-group {
            margin-bottom: 0;
        }

    .main-menu .navbar-nav .vertical-menu a {
        border-radius: 0px !important;
    }

    .vertical-menu .list-group-item {
        border-bottom: 1px solid #eaeaea !important;
        border: 0px;
    }

    .vertical-menu div.list-group > a {
        margin-bottom: 0;
        background-color: #f9f9f9;
    }


        .vertical-menu div.list-group > a:first-child {
            border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
        }

        .vertical-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
        }

        .vertical-menu div.list-group > a.active,
        .vertical-menu div.list-group > a.active .fa {
            background-color: #d12127;
            color: #ffffff;
            border-color: #d12127;
        }

            .vertical-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-left: 0;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
                border-left: 10px solid #d12127;
            }

    .vertical-content {
        background-color: transparent;
        padding-left: 20px;
        padding-top: 0px;
    }

        .vertical-content p {
            line-height: 25px;
            text-align: left;
            font-size: 15px;
            padding-top: 10px;
        }

    .vertical-tab .vertical-content:not(.active) {
        display: none;
    }
    /*  end menu vertical tab css tab */
    .box-menu {
        background-color: #000000;
        border-radius: 5px;
        margin-top: 0px;
        transition: all 0.3s ease-in-out;
        padding: 40px 15px 40px 20px;
        opacity: 1;
        border: 1px solid #d6d6d6;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        min-height: 500px;
        text-align: center;
    }



        .box-menu h3 {
            font-size: 28px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #fff;
            font-weight: 600 !important;
            line-height: 30px;
            padding-top: 30px;
            text-transform: uppercase;
        }

        .box-menu h4 {
            font-size: 27px !important;
            padding-top: 30px;
            color: #d12127;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu h5 {
            font-size: 26px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #ffffff;
            padding-top: 20px;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu p {
            font-size: 14px !important;
            padding-top: 10px;
            color: #ffffff;
            line-height: 20px;
        }

    .box-menu-btn {
        text-align: center;
        padding: 10px 30px !important;
        border-radius: 6px !important;
        font-size: 18px !important;
        margin-top: 20px;
    }


    #custom-build-section {
        background-color: #049f9f;
        padding: 60px 0px;
    }

        #custom-build-section h2 {
            text-align: left;
            color: #ffffff;
            letter-spacing: -.03em;
        }

        #custom-build-section p {
            color: #ffffff;
            padding-top: 15px;
            font-size: 18px;
        }

    .bg-dark-green {
        background-color: #1f7561 !important;
    }

    .phones-detail h5 {
        font-size: 18px;
        line-height: 30px;
        color: #d12127 !important;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 15px;
    }

    #phone-detail-intro h2 {
        text-align: left;
        font-size: 38px;
        margin-bottom: 0px;
        color: #d12127;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro h4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        color: #000000 !important;
    }

    #phone-detail-intro p {
        color: #000000;
        padding-top: 15px;
        font-size: 16px;
        line-height: 25px;
    }

    #phone-description h3,
    #phone-specifications h3,
    #phone-downloads h3,
    #phone-bundles h3,
    #phone-accessories h3 {
        font-size: 24px;
        text-align: left;
        color: #0073c6;
        font-weight: 200;
        margin-bottom: 0px;
    }

    #phone-downloads h3 {
        margin-top: 0px;
    }

    #phone-description h4,
    #phone-specifications h4,
    #phone-bundles h4 {
        font-size: 18px;
        text-align: left;
        color: #000000;
        font-weight: 600;
        padding-bottom: 15px;
        padding-top: 20px;
    }

    #phone-accessories h3.p-name {
        text-align: center !important;
    }

    #phone-accessories h4,
    #phone-accessories h5 {
        font-size: 20px;
        text-align: center;
        font-weight: 200;
        padding-bottom: 5px;
        padding-top: 10px;
        letter-spacing: 0px;
        color: #000000;
    }

    #training-packages-section h2 {
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 10px;
    }

    #training-packages-section h3.package-heading {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    #training-packages-section p.package-name {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
    }

    #training-packages-section p.package-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
    }

    #training-packages-section .box {
        padding-bottom: 2% !important;
        margin-top: 1% !important;
        margin-bottom: 1% !important;
    }


    .business-img-one {
        background-image: url(/Resources/images/business-img-one.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .business-img-two {
        background-color: #2d7ea2;
        background-repeat: repeat;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .business-img-overlay {
        background-color: #000000;
        padding: 40px 25px 25px 35px;
        min-height: 400px;
        opacity: 0.7;
    }

    .img-overlay {
        padding: 40px 25px 25px 35px;
        min-height: 400px;
    }

    #business-section .caption {
        text-align: left;
        position: absolute;
        top: 33%;
        left: 10%;
        right: 10%;
        color: #fff;
    }


    .cloudpbx-setup-img {
        background-image: url(/Resources/images/business-img-two.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .case-studies h4,
    .img-text-section h4 {
        color: #0073c6;
        text-align: left;
        font-size: 28px;
    }

    .img-text-section .img-overlay {
        padding: 40px 20px 25px 20px;
        min-height: 450px;
    }



    .case-studies p,
    .img-text-section p {
        color: #333333;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
    }

    .fast-track-business-text.right-side,
    .easier-centralized.right-side {
        top: 10%;
        left: 0%;
        right: 1%;
        text-align: left;
        position: absolute;
    }

    .fully-hosted-managed-text.left-side,
    .budget-friendly-tetx.left-side {
        top: 10%;
        left: 5%;
        right: 0%;
        text-align: left;
        position: absolute;
    }

    #ExperienceDigitalCommunication .caption {
        top: 22% !important;
    }

    #SupportPackages .caption {
        top: 30% !important;
    }

    .case-studies .caption {
        text-align: left;
        position: absolute;
        left: 10%;
        right: 10%;
        color: #000000;
    }

    #pre-migration .caption {
        text-align: left;
        position: absolute;
        left: 5%;
        right: 2%;
        top: 5%;
        color: #000000;
    }

    #domain-extensions .caption {
        top: 20%;
    }

    #domain-monetization .caption {
        top: 25%;
    }

    .case-studies-img-one,
    .case-studies-img-two,
    .fast-track-business-img,
    .fully-hosted-managed-img,
    .easier-centralized-img,
    .budget-friendly-img,
    .secured-files-img,
    .domain-extensions-img,
    .domain-monetization-img,
    .support-packages-img,
    .digital-communication-img,
    .machcloud-support-img {
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 450px;
        background-position: top center;
    }

    .virtual-desktop-overview {
        background-repeat: no-repeat;
        min-height: 450px;
        background-position: top center;
    }

    .domain-extensions-img {
        background-image: url(/Resources/images/domain-extension.jpg);
    }

    .support-packages-img {
        background-image: url(/Resources/images/support-packages.jpg);
    }

    .domain-monetization-img {
        background-image: url(/Resources/images/use-case-b.jpg);
    }

    .digital-communication-img {
        background-image: url(/Resources/images/digital-communication.jpg);
    }

    .machcloud-support-img {
        background-image: url(/Resources/images/machcloud-support.jpg);
    }

    .case-studies-img-one {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .virtual-desktop-overview {
        background-image: url(/Resources/images/overview-virtual-desktop.png);
    }

    .secured-files-img {
        background-image: url(/Resources/images/secured-files.jpg);
    }

    .case-studies-img-two {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fast-track-business-img {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fully-hosted-managed-img {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .easier-centralized-img {
        background-image: url(/Resources/images/easier-centralized.jpg);
    }

    .budget-friendly-img {
        background-image: url(/Resources/images/budget-friendly.jpg);
    }

    .demo-webinar h2 {
        font-size: 32px;
        letter-spacing: -1px;
        font-weight: 600;
        color: #d12127;
        margin-bottom: 10px;
        text-align: left;
        line-height: 45px;
    }

    .demo-webinar h4 {
        color: #0073c6;
        text-align: left;
        font-size: 24px;
        padding-top: 15px;
    }

    .demo-webinar p {
        color: #333333;
        text-align: left;
        padding-top: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .form-webinar {
        background-color: #f9f9f9;
        padding: 2% 2% 5% 5%;
    }

        .form-webinar .form-control {
            background-color: #ffffff;
            color: #000000;
        }

        .form-webinar h3 {
            color: #0073c6;
            text-align: left;
            font-size: 27px;
            font-weight: 700;
        }

    .form-style input {
        border: 0;
        height: 50px;
        border-radius: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .form-style input:focus {
            border-bottom: 1px solid #007bff;
            box-shadow: none;
            outline: 0;
            background-color: #ebebeb;
        }

    .w-50 {
        width: 50% !important;
        min-width: 50%;
    }


    /*plans accordion*/
    .feature-accordion {
        border-top: 1px solid #ccc;
        padding-left: 0px;
        padding-right: 0px;
    }

        .feature-accordion #accordion .panel-title {
            padding-left: 25px;
            text-align: left;
        }

        .feature-accordion #accordion .panel {
            padding: 10px 0px 10px 0px;
        }

        .feature-accordion .feature-parent {
            border-bottom: 1px solid #ccc;
            padding: 25px 0px;
        }

        .feature-accordion .feature-child {
            border-bottom: 1px solid #ccc;
            padding: 20px 0px;
        }


            .feature-accordion .feature-child p {
                font-size: 12px !important;
                font-weight: 100;
                color: #000000;
                line-height: 20px !important;
                padding-top: 0px !important;
                margin-bottom: 0px !important;
            }

    .feature-parent .black-tick-large,
    .feature-parent .black-stoke-tick-large {
        margin-top: 15px;
    }

    .feature-child .black-tick-small {
        margin-top: 15px;
    }

    .child-color-grey {
        background-color: #f5f5f5;
    }

    .feature-accordion #accordion .panel-title a {
        font-weight: 500 !important;
    }

        .feature-accordion #accordion .panel-title a:after,
        .feature-accordion #accordion .panel-title a.collapsed:after {
            font-family: ElegantIcons;
            font-style: normal;
            font-weight: 600;
            font-size: 25px;
            color: #000000;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 5px;
            transition: all 0.3s ease 0s;
        }

        .feature-accordion #accordion .panel-title a.collapsed:after {
            color: #000000;
            content: "\50";
        }

        .feature-accordion #accordion .panel-title a:after {
            content: "\4f";
            color: #0079c1;
        }

    .package-name {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 0px;
        font-weight: 100;
    }

    .SLA-Enterprise-section {
        margin-top: 25px;
    }

    .default-p-b {
        padding-bottom: 50px;
    }

    .color-basic {
        color: #feb155 !important;
    }

    .color-standard {
        color: #39dcb1 !important;
    }

    .color-complete {
        color: #2f39bf !important;
    }

    .product-logo {
        text-align: center;
    }

        .product-logo h5 {
            text-align: center;
            font-size: 15px;
            color: #000 !important;
            line-height: 25px;
        }

    .products-logos-link .product-logo {
        border: 1px solid #ffffff;
        border-radius: 4px;
        position: relative;
        padding: 15px 15px;
    }

        .products-logos-link .product-logo:hover {
            border: 1px solid #f9f9f9;
            border-radius: 4px;
            position: relative;
            padding: 15px 15px;
        }



    #phone-detail-intro .btn {
        border-radius: 0px;
    }

    #phone-detail-intro .btn-cart {
        padding: 10px 60px !important;
    }

    #phone-detail-intro .btn-quote {
        padding: 10px 42px !important;
    }

    #phone-detail-intro .device-name {
        text-align: left;
        font-size: 38px;
        margin-bottom: 20px;
        color: #495ca9;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro .device-price {
        font-size: 35px;
        font-weight: 700;
        text-align: left;
        line-height: 30px;
        color: #000000 !important;
    }

    .device-intro-btn {
        margin-top: 20px;
    }

    .bundle-content {
        padding-top: 50px;
    }

    .specification-row {
        margin-top: 10px;
        border-top: 1px solid #f8f8f8;
        padding: 13px 0px;
    }

    #FAQ ul li {
        font-size: 13px;
        line-height: 22px;
        padding-top: 5px;
    }


    #banner-email-collaboration p,
    #banner-virtual-desktop p,
    #banner-web-hosting p,
    #banner-calling-teams p,
    #banner-unified-services p,
    #banner-telephony-service p,
    #banner-migration-services p {
        color: #000000;
    }

    #banner-training h1,
    #banner-unified-services .inner-banner h1,
    #banner-migration-services h1,
    #banner-telephony-service h1,
    #banner-training h1 {
        color: #000000;
    }

    #banner-unified-service .inner-banner p {
        color: #000000 !important;
    }

    #banner-CloudPBX-setup .inner-banner h1,
    #banner-case-studies .inner-banner h1 {
        color: #ffffff;
    }


    #banner-telephony-service p,
    #banner-training p {
        color: #000000;
    }

    #banner-CloudPBX-setup p {
        color: #ffffff;
    }

    .section-sub-heading {
        color: #d12127;
        font-size: 21px;
        text-align: center;
        line-height: 30px;
        padding-top: 10px;
    }

    #pricing_plans h2 {
        text-align: center;
    }

    .conact-us-form .box {
        display: inline-block;
    }

    .conact-us-form .services-checkbox input {
        height: auto !important;
    }

    .conact-us-form .box-content .p-price {
        font-size: 17px;
        letter-spacing: 0px;
    }

    .conact-us-form .box-content .p-name {
        font-size: 22px;
    }

    .virtual-desktop-overview-text .caption {
        top: 25%;
    }

    .custom-build p {
        font-size: 24px;
        line-height: 38px;
        text-align: center;
    }

    .from-duration {
        color: #d12127;
        font-size: 22px;
        padding-right: 10px;
    }

    #SellingPoints .hosted-voice-features ul li {
        color: #000000;
    }

    .banner-text-overlay {
        background-color: #000000;
        opacity: 0.8;
        padding: 15px 15px;
        color: #ffffff !important;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    ul.white-bullet-points li {
        list-style-image: url(/Resources/images/icons/white-bullet.png);
        list-style: circle;
    }

    .display-inline-block {
        display: inline-block !important;
    }

    .link-maroon {
        color: #e61d26 !important;
        text-decoration: none;
        font-size: 16px;
    }



    .large-btn {
        padding: 13px 35px !important;
    }

    .virtual-desktop-plans .offer-popular .box {
        margin-top: 0 !important;
        border: 4px solid #d12127;
        border-radius: 0px 0px 5px 5px;
    }



    .pricing-plans .text-most-popular {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
        background-color: #d12127;
        border: 1px solid #d12127;
        border-radius: 5px 5px 0px 0px;
        color: #ffffff;
    }

    .webinar-name {
        font-size: 15px;
        line-height: 25px;
        color: #0073c6;
    }

    .tab-content {
        margin-top: 0px;
    }

    .microsoft-plans .p-name {
        font-size: 20px;
        text-align: center;
        font-weight: 400;
    }

    .p-price {
        display: inline-block !important;
    }



    .tabs-body {
        margin-top: 25px;
        background-color: #fafafa;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;
    }

        .tabs-body .nav-tabs li:first-of-type {
            border-radius: 0px !important;
        }

        .tabs-body .nav-tabs li:last-of-type {
            border-right: 0px !important;
            border-radius: 0px !important;
        }


        .tabs-body .nav-tabs {
            border-bottom: 0px !important;
        }

    .vertical-tab {
        padding-top: 25px;
    }

        .vertical-tab h6 {
            color: #333 !important;
            font-weight: 600;
            font-size: 19px;
        }

    .vertical-tab-content .menu-resources p {
        padding-top: 10px;
        color: #333 !important;
        font-size: 15px !important;
        line-height: 25px;
    }

    .vertical-tab-content .menu-resources {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
    }

        .vertical-tab-content .menu-resources:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

    .vertical-tab-content .menu-products {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
        margin-top: 25px;
    }

        .vertical-tab-content .menu-products:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

        .vertical-tab-content .menu-products a.arrow-red:hover,
        a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-red.png);
            background-position: left center;
            background-repeat: no-repeat;
            margin-left: 15px;
        }

    a.arrow-next-white:hover {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
        margin-left: 15px;
        -webkit-transition: margin-left .5s ease;
        -o-transition: margin-left .5s ease;
        transition: margin-left .5s ease;
    }

    .vertical-tab ul li {
        background: transparent !important;
    }

    .home-banner-menu-content {
        padding-top: 1.5%;
    }

    .home-banner-img-section .banner-boxes {
    }

    .home-banner-img {
        background: url(/Resources/images/header/banner-home-page.png) no-repeat;
        background-repeat: no-repeat;
        background-position: top 0px left 0px;
        background-size: cover;
        float: left;
        min-height: 500px;
        position: relative;
    }

    .cloudPBX-setup-packages .text-section {
        padding-top: 5%;
    }

        .cloudPBX-setup-packages .text-section p {
            font-size: 17px;
            line-height: 25px;
            text-align: left;
        }

    .cloudPBX-setup-packages .pricing-plans h3 {
        min-height: 0px;
    }

    .float-none {
        float: none !important;
    }

    .telephony-service-packages .plan-one p {
        background-color: #ffffff !important;
    }
    /*begin plans comparison css*/
    .plans-comparison .offer {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    .functionalities-column {
        float: left;
        position: relative;
    }

    .packages-column {
        float: left;
        position: relative;
    }

    .calling-teams-comparison .functionalities-column .offer-name.functionalities {
        background-color: #333333;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-maroon {
        background-color: #d12127;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-green {
        background-color: #1fbb25;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .plans-comparison .functionalities-column .offer-name {
        background-color: #f0f0f0;
        color: #333333;
        min-height: 60px;
        font-size: 21px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: left;
        min-height: 60px;
        padding-left: 20px;
    }

    .plans-comparison .packages-column .offer-name {
        background-color: #333333;
        color: #ffffff;
        font-size: 20px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: center;
        min-height: 60px;
    }

    .packages-column .offer-name span {
        font-size: 12px;
        font-weight: 400;
    }

    .functionalities-column p,
    .packages-column p {
        font-weight: 400;
        margin: 0 0;
        border-bottom: 1px solid #f3f3f3;
        display: inline-block;
        width: 100%;
        color: #333333;
        padding: 15px 0px 15px 15px;
        line-height: 30px;
    }



    .CallingTeamsPlans .functionalities-column p,
    .CallingTeamsPlans .packages-column p {
        font-weight: 400;
    }

    .CallingTeamsPlans .functionalities-column p {
        padding: 5px 0px 5px 25px;
        font-size: 15px;
    }

    .CallingTeamsPlans .packages-column p {
        padding: 5px 0px 5px 5px;
    }

    .functionalities-column p {
        background-color: #f9f9f9;
        text-align: left;
        font-size: 17px;
        padding-left: 20px;
    }

    .calling-teams-comparison .functionalities-column p {
        font-size: 14px;
        font-weight: 400;
    }

    .packages-column p {
        font-size: 15px;
        background-color: #ffffff;
        text-align: center;
    }

    .packages-column .plan-price {
        font-size: 22px;
        padding: 24px 0px;
    }

    .four-columns-width {
        width: 26.5%;
    }

    .d-p-t {
        padding-top: 50px;
    }

    .CallingTeamsPlans .box-shadow .box-content h3 {
        min-height: 0px;
    }
    /*end plans comparison css*/




    .virtual-machine-features .min-height {
        min-height: 430px !important;
    }

    #page-service-section .name,
    #why-o365 h3 {
        font-size: 25px;
        font-weight: 600;
    }

    #why-o365 h2,
    #why-o365 h3,
    #why-o365 p {
        color: #ffffff;
    }

    .btn-send {
        font-size: 18px !important;
    }

    #machteams-plans .form-control {
        border: 1px solid #eee;
        height: 45px;
        background-color: #fff;
        color: #000;
    }

    .font-light {
        font-size: 13px;
        font-weight: 100;
    }

    .inner-banner h1 {
        font-size: 40px !important;
        padding-bottom: 10px;
    }

    .plans-fixed-menu .heading {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        line-height: 30px;
    }

    .plans-fixed-menu .sub-heading {
        font-size: 14px;
        text-align: center;
        font-weight: 400;
        line-height: 20px;
    }

    .plans-fixed-menu .pricing {
        color: #0067b8;
        font-weight: 600;
        text-align: center;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .plans-fixed-menu .duration {
        font-size: 15px;
        color: #454545;
        text-align: center;
    }


    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 11111;
        background-color: #ffffff;
        padding-top: 15px;
    }

    .tick-div {
        text-align: center;
    }

    .vps-includes .hosted-voice-features ul {
        font-size: 16px;
    }

    /*#pricing_plans #Office365 .box {
        min-height: 1030px;
    }

    #pricing_plans #Business .box {
        min-height: 1180px;
    }

    #pricing_plans #Enterprise .box {
        min-height: 850px;
    }

    #pricing_plans #ExchangeOnline .box {
        min-height: 1200px;
    }

    #pricing_plans #Microsoft365 .box {
        min-height: 550px;
    }*/

    .unified-services-plans .box h5 {
        min-height: 85px;
    }

    .unified-services-plans .height-two-line {
        min-height: 60px;
    }

    .virtual-desktop-plans .box {
        margin-top: 27px;
        min-height: 1050px;
    }

    .TelephonyServicePackages .packages-column {
        width: 25%;
    }

    #Business .price-section {
        display: inline-block;
    }

    .Partially-included .elegant {
        margin-top: 8px;
        margin-right: 10px;
        float: left;
    }

    .plans-phone-number {
        margin-top: 5%;
        float: left;
    }

        .plans-phone-number .elegant {
            margin-top: 8px;
            margin-right: 10px;
            float: left;
        }

    .plans-fixed-menu .box-btn {
        padding: 0px 15px 15px 15px;
        position: relative;
        text-align: center;
    }

        .plans-fixed-menu .box-btn .btn {
            padding: 6px 30px !important;
        }

    .BusinessPlanPriceHeight {
        min-height: 60px;
    }



    #Business .plan-text-height {
        min-height: 140px;
    }

    #Business .plan-icons-height {
        min-height: 166px;
    }

    #Office365 .checkbox {
        /*min-height: 50px;*/
    }

    #Business .checkbox {
        /*min-height: 70px;*/
    }

    #Enterprise .checkbox {
        /*min-height: 20px;*/
    }

    #Office365 .plan-text-height {
        min-height: 100px;
    }

    #Office365 .plan-icons-height {
        min-height: 140px;
    }

    #Enterprise .plan-text-height {
        min-height: 80px;
    }


    #ExchangeOnline .plan-text-height {
        min-height: 60px;
    }

    #Enterprise .pricing-plans h3,
    #ExchangeOnline .pricing-plans h3 {
        min-height: 30px;
    }

    .plans-promotion {
        background-color: #fff000;
        margin: 15px 30px;
        border-radius: 5px;
        min-height: 90px;
    }

    .plans-promotion-sub-heading {
        font-size: 25px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    .plans-promotion h3 {
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        color: #d12127;
        padding: 15px 0px 0px 0px;
        min-height: 45px;
        text-transform: uppercase;
        letter-spacing: 0px;
    }




    #ExchangeOnline .bullets-height {
        min-height: 500px;
    }

    .width-plan-promotion {
        width: 40%;
    }

    .width-plan-pricing {
        width: 38%;
    }


    .width-plan-btn {
        width: 18%;
    }

    h2,
    h2 span {
        font-size: 38px !important;
        font-weight: 600 !important;
        line-height: 50px !important;
    }

    .offerings-img {
        margin-top: 15%;
    }

    .post-slide {
        min-height: 490px;
    }

    .webinar-post .post-title {
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 25px !important;
    }

    .webinar-post .post-slide {
        box-shadow: 0px 0px 2px 1px rgb(236, 236, 236);
        background-color: #fdfdfd;
        min-height: 500px;
    }

    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-lg.png);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
    }

        .microsoft-teams .header-text-section {
            margin-top: 8.5%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .microsoft-teams p {
            padding-right: 150px;
        }

        .microsoft-teams .title-start {
            font-size: 39px !important;
        }

        .microsoft-teams .sub-heading {
            font-size: 22px !important;
        }

        .microsoft-teams .banner-margin-btn {
            margin-top: 20px;
        }

    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 360px;
    }

    #home-page-offerings-section h4 {
        font-size: 24px;
    }



    .inner-banner p.MachTeamsExtensionText {
        font-size: 16px;
    }

    #migration .text-section {
        padding-top: 5% !important;
    }

    #migration .img-section {
        margin-left: 0%;
        margin-top: 3% !important;
    }

    .direct-routing .header-text-section {
        margin-top: 15% !important;
    }

    .direct-routing .header-image-section {
        margin-top: 9% !important;
    }

    .OfficeLocation-Main {
        padding-right: 3% !important;
    }


    .inner-banner p {
        padding-right: 10px;
    }

    .menu-machcloud-product {
        margin-top: 15%;
    }


    .one-line-height {
        line-height: 45px !important;
    }

    .video-section .container {
        width: 1100px;
        padding-left: 0;
        padding-right: 0;
    }

    .logo-cont {
        margin-left: 30px;
    }

    .main-menu .navbar-collapse li {
        background: #fff;
        font-size: .875em;
    }

    .mega-dropdown-menu {
        width: 96%;
        margin-right: 2%;
    }

    .solutions-dropdown-menu {
        width: 65% !important;
        margin-right: 3% !important;
    }





    .header-owl-carousel .item .header-unified-communications {
        min-height: 680px;
    }

    .service-style p {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        min-height: 100px;
    }

    #offerings .offer p {
        min-height: 100px;
    }

    .direct-routing .title-start, .header-discover-machcloud .title-start, .header-unified-communications .title-start {
        font-size: 34px;
        font-weight: 700;
        text-shadow: 1px 1px #fff;
        text-align: left;
        letter-spacing: -1px;
    }

    #partner h2 {
        font-size: 38px !important;
        line-height: 50px;
    }


    #sip-trunking .banner-img-position,
    #banner-homepage .banner-img-position {
        padding-top: 0%;
        padding-bottom: 1%;
    }


    #banner-product-videos .banner-text-position {
        position: relative;
        top: 0px;
    }

    #banner-webinar-detail .inner-banner h1,
    #banner-product-videos .inner-banner h1 {
        padding-bottom: 0px;
    }

    #banner-webinar-detail .header-title,
    #banner-product-videos .header-title {
        margin-bottom: 10px;
    }




    #testimonials h2 {
        padding-top: 20px;
    }

    .header-owl-carousel .item {
        min-height: 660px;
        background-size: cover;
    }

    .footer-subscription-main {
        width: 34%;
        Padding-Left: 0;
        padding-Right: 0;
        float: left;
    }

    .footer-products-main {
        width: 22%;
        Padding-Left: 0;
        padding-Right: 15px;
        float: left;
    }



    .main-menu .navbar-nav {
        padding: 20px 20px 0 0;
    }

    #about-machteams .machcloud-product p {
        font-size: 15px !important;
        min-height: 181px;
    }


    #faqs {
        margin-top: 80px;
    }








    #o365-banner .header-cont .inner-banner-img {
        padding-top: 6%;
    }

    .m-first-col {
        margin-top: 20px;
    }



    .vid-wrap {
        width: 100%;
        height: 750px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }


    .navbar-nav {
        margin: 7.5px -15px;
    }

    #business-products-features .sip-trunking-features-text,
    #cloud-pbx-reseller-benefits .sip-trunking-features-text,
    #sip-trunking-services .sip-trunking-features-text {
        margin-top: 7%;
    }

    .sip-trunking-features-text {
        margin-top: 8%;
    }

    .cloudPBX-features .customer-experience-text.text-section {
        margin-top: 3%;
    }

    .solution-features .sip-trunking-features-text h2 {
        font-size: 35px;
        line-height: 44px;
    }

    #machCloud-for-business .div-img, #machCloud-for-partners .div-img {
        margin-top: 1% !important;
    }

    .width-md-6 {
        width: 49.5% !important;
    }

    .machcloud-product p {
        font-size: 14px;
        min-height: 70px;
    }

    .line-color-grey {
        margin-top: 0px;
        min-height: 0px;
    }

    #all-in-one p {
        font-size: 14px !important;
        text-align: left;
        float: left;
        margin-top: 10px;
    }

    .width-Legal-section, .width-partners-section, .width-customers-section {
        width: 37% !important;
    }

    .width-sm-7 {
        width: 58% !important;
    }

    #full-compliant .div-img {
        margin-top: 6%;
    }

    .Machcloud-enterprises h2, .Machcloud-enterprises h3, .customer-experience h2, .customer-experience h3, #Machteams-extension-features h2 {
        font-size: 40px;
        margin: 0 !important;
        line-height: 50px;
        text-align: left !important;
    }

    #contact-us p {
        text-align: left;
        line-height: 35px;
    }

    #contact-us h3 {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
        padding-bottom: 25px;
    }

    #contact-us h2 {
        color: #ffffff !important;
        font-size: 38px;
        line-height: 30px;
        text-align: center;
    }

    .div-img {
        margin-top: 5%;
    }

    .one-invoice .section-text {
        padding-top: 3%;
    }

    #fixed-tariff-calling .div-img,
    #trusted-cloud .div-img,
    #machteams-selling .img-section {
        padding-top: 2%;
        margin-top: 1%;
    }

    #get-started .img-section {
        margin-top: 4%;
    }

    #pocket-friendly-calling .img-section {
        margin-top: 6%;
    }

    .img-control-panel {
        height: 149px;
        display: block;
    }

    .width-md-49 {
        width: 49%;
    }

    .header-unified-communications {
        background-image: url(/Resources/images/header/communication-delivery-platform.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .header-discover-machcloud .banner-text-position .header-margin {
        margin-top: 40% !important;
    }



    .header-unified-communications .banner-text-position .header-margin {
        margin-top: 35% !important;
    }

    .banner-position {
        padding-top: 8%;
    }

    #maximize-portability h3 {
        padding-top: 8%;
    }

    #cloud-computing-solution h1,
    #fixed-tariff-calling h3,
    #get-started h3,
    #trusted-cloud h3 {
        padding-top: 4%;
    }

    .inner-banner h3, .inner-banner p {
        line-height: 30px;
        text-align: left;
        font-size: 20px;
    }

    #azure-banner p, #dynamics365-banner p {
        text-align: left;
        padding-right: 65px;
    }

    .azure-consultation, .azure-deployment {
        background-color: #dbeef4;
        width: 31%;
        margin-right: 15px;
        min-height: 215px;
    }

    .azure-deployment {
        background-color: #c9e1e9;
    }

    #offerings {
        margin-bottom: 0;
    }

    section {
        padding: 25px 0 25px 0;
    }

    .about-img {
        margin-top: 20px;
    }

    #services {
        padding-bottom: 70px;
    }

    .service-onbording {
        width: 31.5%;
        background-color: #0098db;
    }

    .service-migration {
        width: 31.5%;
        margin-left: 23px;
        background-color: #e61d26;
    }

    .service-admin-service {
        width: 31.5%;
        margin-left: 23px;
        background-color: #00854e;
    }















    .p-0-all {
        padding: 0px 0px !important;
    }

    .p-t-one-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 50px;
    }

    .icon-p-t-one-line {
        padding: 0px 15px !important;
        line-height: 25px !important;
        display: inline-block;
    }

    .p-t-two-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-two-line {
        padding-top: 26px !important;
        padding-right: 15px !important;
        padding-bottom: 26px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .p-t-three-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-three-line {
        padding-top: 39px !important;
        padding-right: 15px !important;
        padding-bottom: 38px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .calling-teams-comparison .packages-column p {
        border-bottom: 0px !important;
    }

    .use-case-comparision-headings {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

        .use-case-comparision-headings h5 {
            text-align: center;
            font-weight: 600;
            font-size: 18px;
        }

    .use-case-comparision .headings p {
        font-weight: 600;
        text-align: center;
    }

    .use-case-comparision p {
        text-align: center;
        font-size: 14px;
    }

        .use-case-comparision p.funtionalities {
            text-align: left;
            font-size: 14px;
        }

    .use-case-comparision .listing-row .plan p {
        text-align: left !important;
    }

    .use-case-comparision .listing-row {
        background-color: transparent !important;
    }

    .use-case-comparision-funtionalities {
        background-color: #ffffff;
    }

        .use-case-comparision-funtionalities .headings {
            background-color: #333333;
            padding: 15px 0px;
        }

            .use-case-comparision-funtionalities .headings h5 {
                color: #ffffff;
            }

    .current-situation {
        background-color: #f4fcff;
    }

        .current-situation .headings {
            background-color: #0d6c9b;
            padding: 15px 0px;
        }

            .current-situation .headings h5 {
                color: #ffffff;
            }

    .machcloud-teams-situation {
        background-color: #f7f7f7;
    }

        .machcloud-teams-situation .headings {
            background-color: #0e9588;
            padding: 15px 0px;
        }

            .machcloud-teams-situation .headings h5 {
                color: #ffffff;
            }

    input {
        height: 0px !important;
    }

    .form-horizontal input,
    .domain-offer-section input,
    .free-consult-form input,
    .form-webinar input {
        height: 50px !important;
    }

    .form-horizontal .checkbox input {
        height: 20px !important;
    }

    #microsoft365-features .items {
        padding: 25px 0px 0px 0px;
    }

    .microsoft-icons {
        margin-top: 10px;
    }

    .offset-1 {
        margin-left: 8%;
        margin-right: 8%;
    }

    .icon__wrap {
        position: relative;
    }

    .icon__description {
        position: absolute;
        bottom: 25px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 350px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .icon__description {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }


    #voice-comparison .heading {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    #voice-comparison .grey-section,
    #voice-comparison .maroon-section,
    #voice-comparison .green-section {
        color: #ffffff;
        text-align: center;
        font-size: 25px;
        line-height: 40px;
        padding: 5px 0 6px 20px;
        font-weight: 600;
        min-height: 60px;
    }

    #voice-comparison .grey-section {
        background-color: #333333;
    }

    #voice-comparison .maroon-section {
        background-color: #d12127;
    }

    #voice-comparison .green-section {
        background-color: #1fbb25;
    }

    #voice-comparison #accordion .panel {
        padding: 25px 0px 25px 20px;
    }

    #voice-comparison #FAQ .box-content {
        padding: 0px 5px 0px 0px;
    }

    #careers-content h3 {
        font-size: 25px;
        text-align: left;
        padding-top: 10px;
        font-weight: 500;
    }

    #careers-content h4 {
        color: #0073c6;
        font-size: 21px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: 500;
    }

    #training-packages-section .jobs-heading {
        color: #d12127;
        font-size: 24px;
        font-weight: 400;
        padding-top: 15px;
    }

    #training-packages-section p.jobs-title {
        color: #0073c6;
        font-size: 20px;
        font-weight: 400;
        padding-top: 7px;
    }

    .careers-footer p {
        font-size: 15px;
    }

    #training-packages-section .training-packages .careers-positions .box {
        padding-bottom: 2.5% !important;
    }

    #training-packages-section .training-packages .careers-positions .box-content {
        padding: 20px 0px 0px 0px;
    }

    #div_FreeConnector p.simple-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 0px;
    }

    #div_FreeConnector p.headings {
        font-size: 18px;
        line-height: 25px;
        font-weight: 600;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .configurator-promotion-text {
        background-color: #fff000;
        margin: 50px 0px 0px 0px;
        border-radius: 5px;
        padding-bottom: 15px;
    }

        .configurator-promotion-text h3 {
            text-align: center;
            font-size: 22px;
            font-weight: 600;
            line-height: 25px;
            padding: 15px 0px 15px 0px !important;
            color: #000000;
        }

    .slider-plan-promotion {
        background-color: #fff000;
        margin: 0px 0px 0px 0px;
        border-radius: 5px;
        min-height: 90px;
        padding: 15px 0px;
    }

        .slider-plan-promotion h5 {
            font-weight: 700;
            font-size: 30px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .slider-plan-promotion h6 {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            color: #000000;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .slider-plan-promotion h3 {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

    .slider-plans-content .promotion-price {
        padding-left: 25px;
    }

    .artwork-box-white {
        width: 48%;
        margin-right: 15px;
        float: left;
        border: 1px solid #dedddb;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

    .artwork-box-red {
        width: 48%;
        margin-right: 15px;
        float: left;
        background-color: #d12127;
        border: 1px solid #d12127;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

        .artwork-box-red ul,
        .artwork-box-white ul {
            padding-left: 20px;
            margin-top: 25px;
            list-style: none;
        }

    .artwork-buttons {
        text-align: center;
        margin-top: 50px;
    }


    .pictogram_inner {
        background-color: #fff;
        border: 1px solid #000000;
        border-radius: 3px;
        flex-direction: column;
        padding: 20px 10px;
        min-height: 250px;
    }

    .pictogram_inner_bar {
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        margin-bottom: 15px;
        width: 50px;
    }

    .pictogram_inner h4 {
        font-weight: 600;
        font-size: 23px;
        line-height: 26px;
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
    }





    .machcloud-Pictogram-icons {
        margin-top: 10px;
    }

        .machcloud-Pictogram-icons .elegant {
            float: left;
        }

        .machcloud-Pictogram-icons h5 {
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
        }

    .pricing-plans h3 span.main-heading {
        display: block;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }

    .pricing-plans h3 span.sub-heading {
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        padding-top: 10px;
        line-height: 35px;
    }

    .plans-grey-bg .box {
        background-color: #fcfcfc !important;
        box-shadow: none !important;
    }

    #banner-homepage .banner-text-position,
    #banner-homepage .banner-img-position {
        min-height: 560px;
    }

    .ms-icons-min-height {
        min-height: 240px;
    }

    .box-maroon-header .heading h4 {
        font-size: 27px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    .box-maroon-header p {
        padding: 5px 5px 10px 5px;
        font-size: 17px;
        line-height: 24px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
    }

    .box-maroon-header .microsoft-icons p {
        color: #000000;
    }

    .box-maroon-header .price-section {
        padding-top: 10px;
    }

    #homepage-banner {
        background-image: url(/Resources/images/header/banner-cloud-voice-solution.jpg);
        background-repeat: no-repeat;
        min-height: 565px;
        background-size: cover;
        margin-top: 87px;
    }

        #homepage-banner h1 {
            font-size: 50px !important;
            padding-bottom: 10px;
            font-weight: 700;
        }

        #homepage-banner h1,
        #homepage-banner p {
            color: #000;
        }

        #homepage-banner p {
            font-size: 30px;
            font-weight: 600;
            line-height: 40px !important;
        }

        #homepage-banner .inner-banner {
            position: relative;
            /*bottom: 40px;*/
            text-align: left;
        }

    .offerings-box .box-content {
        text-align: left !important;
        padding-left: 30px;
    }

        .offerings-box .box-content .term {
            padding-top: 15px !important;
            padding-bottom: 0px !important;
        }

    .pricing-plans .offerings-box {
        box-shadow: none !important;
        background-color: #f9f9f9;
        border-radius: 0px !important;
        border: none !important;
    }

    .maroon-divider {
        width: 2px;
        height: 350px;
        margin-top: 80px;
        background-color: #d12127;
        background-repeat: repeat;
        float: left;
    }

    .pricing-plans .offerings-box h4 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
    }

    .pricing-plans .offerings-box p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .pricing-plans .offerings-box .country-select {
        background-color: #f9f9f9 !important;
    }

    .offerings-width-4 {
        width: 33% !important;
    }

    .have-questions h2 {
        font-size: 32px !important;
        line-height: 40px;
        font-weight: 600;
    }

    #PromotionalOffer .box {
        padding-bottom: 20px;
    }
    /*promotion pages css begin*/
    .vertically-align-parent {
        position: relative;
        min-height: 80px;
    }

    .vertically-align-child {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .promo-success p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 15px;
    }

    .promo-success ol {
        padding-left: 20px;
    }

        .promo-success ol li {
            font-size: 17px;
            line-height: 30px;
            padding-left: 5px;
        }

    .promo-failure p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
    }


    #banner-gratis {
        background: url(/Resources/images/promotions/banner-gratis.jpg) no-repeat;
    }

    #banner-gratis-success {
        background: url(/Resources/images/promotions/banner-gratis-success.jpg) no-repeat;
    }

    #banner-gratis-failure {
        background: url(/Resources/images/promotions/banner-gratis-failure.jpg) no-repeat;
    }

    #banner-gratis h1 {
        padding-top: 15px;
        color: #d12127 !important;
    }

    #banner-gratis p {
        color: #000000 !important;
        font-weight: 600;
    }

    #banner-gratis,
    #banner-gratis-success,
    #banner-gratis-failure {
        background-position: center center !important;
        background-size: cover !important;
        min-height: 500px;
        margin-top: 87px;
    }

        #banner-gratis p,
        #banner-gratis-success p,
        #banner-gratis-failure p {
            color: #000000;
        }

        #banner-gratis-success a {
            font-size: 17px;
            display: inline-block;
            padding-top: 30px;
        }

        #banner-gratis-success .arrow {
            position: absolute;
            margin-top: -8px;
        }

    .gratis-faqs .box-faqs {
        border-bottom: 1px solid #f2f2f2;
        margin: 0px 0px 0px 0px;
        background-color: transparent !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: table;
        min-height: 45px;
        overflow: hidden;
        box-shadow: none !important;
        width: 100%;
    }

    #FAQ .gratis-faqs .box-faqs .box-content {
        padding: 0px !important;
    }

    #FAQ .gratis-faqs #accordion .panel-title a:before,
    #FAQ .gratis-faqs #accordion .panel-title a.collapsed:before {
        top: 15px;
    }

    #FAQ .gratis-faqs .panel-default {
        padding: 16px 8px 22px 0;
    }

    #FAQ .gratis-faqs #accordion .panel {
        min-height: 40px;
    }

    #FAQ .gratis-faqs #accordion .panel-title a {
        font-weight: 600 !important;
        font-size: 18px !important;
    }
    .icon__wrap #FAQ .gratis-faqs #accordion .panel-title a {
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    .icon__wrap #FAQ .gratis-faqs .panel-default {
        padding: 10px 8px 10px 0;
    }
    .icon__wrap #FAQ .gratis-faqs #accordion .panel-title a:before,
    .icon__wrap #FAQ .gratis-faqs #accordion .panel-title a.collapsed:before {
        top: 5px;
    }
    .icon__wrap #FAQ,
    .icon__wrap .terms-conditions {
        min-height: 300px;
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .description-bottom {
        position: absolute;
        top: 20px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 800px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .description-bottom {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    .description-bottom ul {
        padding-left: 20px;
    }
    /*End promotion pages css*/
    /*begin css for microsoft-teams-12-month-free-unlimited-calling-plan page*/
    .twelve-months-fee-page {
        margin-top: 50px;
        padding-bottom: 0px !important;
    }

        .twelve-months-fee-page .pricing-plans .offerings-box {
            background-color: #ffffff !important;
        }

        .twelve-months-fee-page .offerings-box .box-content {
            text-align: center !important;
        }

        .twelve-months-fee-page .pricing-plans .offerings-box h3 {
            font-size: 26px;
            line-height: 30px;
            font-weight: 700;
        }

        .twelve-months-fee-page .pricing-plans .offerings-box h4 {
            font-size: 35px;
            line-height: 30px;
            font-weight: 700;
        }

        .twelve-months-fee-page .offerings-box .box-btn {
            text-align: center !important;
        }
    .most-popular-plan {
        border: 1px solid #0a9e17;
        margin-right: 20px;
        padding: 0px 0px 20px 0px !important;
    }
    .most-popular-empty {
        border: 1px solid #ffffff;
        /*margin-right: 20px;*/
        padding: 0px 0px 20px 0px !important;
    }
    .most-popular-text {
        background-color: #0a9e17;
        color: #ffffff;
        padding: 10px 0px;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .most-popular-empty-div {
        height: 35px;
    }
    .twelve-months-fee-page .maroon-divider {
        margin-top: 45px !important;
    }
    .twelve-months-fee-page .box_subsection_2 {
        padding-top: 15px;
    }
    /*end css for microsoft-teams-12-month-free-unlimited-calling-plan page*/
}



@media (min-width:1367px) and (max-width:1500px) {
    .BusinessPlanPriceHeight {
        min-height: 30px;
    }



    #Business .plan-text-height {
        min-height: 80px;
    }

    #Business .plan-icons-height {
        min-height: 80px;
    }

    #Office365 .checkbox {
        /*min-height: 50px;*/
    }

    #Business .checkbox {
        /*min-height: 80px;*/
    }

    #Office365 .plan-text-height {
        min-height: 70px;
    }

    #Office365 .plan-icons-height {
        min-height: 140px;
    }

    #Enterprise .plan-text-height {
        min-height: 60px;
    }

    #Enterprise .checkbox {
        /*min-height: 20px;*/
    }

    #ExchangeOnline .plan-text-height {
        min-height: 40px;
    }

    #Enterprise .pricing-plans h3,
    #ExchangeOnline .pricing-plans h3 {
        min-height: 30px;
    }

    /*#pricing_plans #Office365 .box {
        min-height: 900px !important;
    }

    #pricing_plans #Business .box {
        min-height: 1000px !important;
    }


    #pricing_plans #Enterprise .box {
        min-height: 800px !important;
    }

    #pricing_plans #ExchangeOnline .box {
        min-height: 1100px !important;
    }


    #pricing_plans #Microsoft365 .box {
        min-height: 500px !important;
    }*/

    .unified-services-plans .box h5 {
        min-height: 85px !important;
    }

    .unified-services-plans .height-two-line {
        min-height: 60px !important;
    }

    .virtual-desktop-plans .box {
        min-height: 1110px !important;
        margin-top: 27px;
    }


    #Business .price-section {
        display: inline-block;
    }

    #banner-homepage {
        margin-top: 100px;
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 800px;
    }

        #banner-homepage .banner-img-position {
            padding-top: 0%;
            padding-bottom: 1%;
        }

        #banner-homepage .banner-text-position {
            position: relative;
        }

    #machcloud-Pictogram {
        background-color: #ffffff;
        min-height: 500px;
        max-height: 900px;
    }


    .pictogram_inner {
        background-color: #fff;
        border: 1px solid #000000;
        border-radius: 3px;
        flex-direction: column;
        padding: 20px 10px;
        min-height: 250px;
    }

    .pictogram_inner_bar {
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        margin-bottom: 15px;
        width: 50px;
    }

    .pictogram_inner h4 {
        font-weight: 600;
        font-size: 21px;
        line-height: 26px;
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .pictogram_inner a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
        padding-right: 20px;
    }

    .pictogram_inner a.arrow-red {
        background-image: url(/Resources/images/icons/arrow-black.png);
        background-position: 100% 8px;
        background-repeat: no-repeat;
    }

        .pictogram_inner a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-black.png);
            background-position: 100% 8px;
            background-repeat: no-repeat;
        }

    .machcloud-Pictogram-icons {
        margin-top: 10px;
    }

        .machcloud-Pictogram-icons .elegant {
            float: left;
        }

        .machcloud-Pictogram-icons h5 {
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            color: #000;
        }

    .pricing-plans h3 span.main-heading {
        display: block;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }

    .pricing-plans h3 span.sub-heading {
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        padding-top: 10px;
        line-height: 35px;
    }

    .plans-grey-bg .box {
        background-color: #fcfcfc !important;
        box-shadow: none !important;
    }

   

    #homepage-banner {
        background-image: url(/Resources/images/header/banner-cloud-voice-solution.jpg);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
        margin-top: 87px;
    }

        #homepage-banner h1 {
            font-size: 45px !important;
            padding-bottom: 10px;
            font-weight: 600;
        }

        #homepage-banner h1,
        #homepage-banner p {
            color: #000;
        }

        #homepage-banner p {
            font-size: 20px;
        }

    .offerings-box .box-content {
        text-align: left !important;
        padding-left: 30px;
    }

        .offerings-box .box-content .term {
            padding-top: 15px !important;
            padding-bottom: 0px !important;
        }

    .pricing-plans .offerings-box {
        box-shadow: none !important;
        background-color: #f9f9f9;
        border-radius: 0px !important;
        border: none !important;
    }

    .maroon-divider {
        width: 2px;
        height: 350px;
        margin-top: 80px;
        background-color: #d12127;
        background-repeat: repeat;
        float: left;
    }

    .pricing-plans .offerings-box h4 {
        font-size: 35px;
        line-height: 40px;
        font-weight: 700;
    }

    .pricing-plans .offerings-box p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .pricing-plans .offerings-box .country-select {
        background-color: #f9f9f9 !important;
    }

    .offerings-width-4 {
        width: 33% !important;
    }
}

@media (min-width:1501px) and (max-width:1850px) {
    #homepage-banner {
        background-image: url(/Resources/images/header/banner-cloud-voice-solution.jpg);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
        margin-top: 87px;
    }

        #homepage-banner h1 {
            font-size: 45px !important;
            padding-bottom: 10px;
            font-weight: 600;
        }

        #homepage-banner h1,
        #homepage-banner p {
            color: #000;
        }

        #homepage-banner p {
            font-size: 20px;
        }

    .offerings-box .box-content {
        text-align: left !important;
        padding-left: 30px;
    }

        .offerings-box .box-content .term {
            padding-top: 15px !important;
            padding-bottom: 0px !important;
        }

    .pricing-plans .offerings-box {
        box-shadow: none !important;
        background-color: #f9f9f9;
        border-radius: 0px !important;
        border: none !important;
    }

    .maroon-divider {
        width: 2px;
        height: 350px;
        margin-top: 80px;
        background-color: #d12127;
        background-repeat: repeat;
        float: left;
    }

    .pricing-plans .offerings-box h4 {
        font-size: 35px;
        line-height: 40px;
        font-weight: 700;
    }

    .pricing-plans .offerings-box p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .pricing-plans .offerings-box .country-select {
        background-color: #f9f9f9 !important;
    }

    .offerings-width-4 {
        width: 33% !important;
    }

    .BusinessPlanPriceHeight {
        min-height: 30px;
    }



    #Business .plan-text-height {
        min-height: 120px;
    }

    #Business .plan-icons-height {
        min-height: 80px;
    }

    #Office365 .checkbox {
        /*min-height: 50px;*/
    }

    #Enterprise .checkbox {
        /*min-height: 20px;*/
    }

    #Business .checkbox {
        /*min-height: 80px;*/
    }

    #Office365 .plan-text-height {
        min-height: 70px;
    }

    #Office365 .plan-icons-height {
        min-height: 140px;
    }



    #Enterprise .plan-text-height {
        min-height: 80px;
    }

    #ExchangeOnline .plan-text-height {
        min-height: 40px;
    }

    #Enterprise .pricing-plans h3,
    #ExchangeOnline .pricing-plans h3 {
        min-height: 30px;
    }

    /*#pricing_plans #Office365 .box {
        min-height: 950px !important;
    }

    #pricing_plans #Business .box {
        min-height: 1100px !important;
    }


    #pricing_plans #Enterprise .box {
        min-height: 800px !important;
    }

    #pricing_plans #ExchangeOnline .box {
        min-height: 1100px !important;
    }


    #pricing_plans #Microsoft365 .box {
        min-height: 700px !important;
    }*/

    .unified-services-plans .box h5 {
        min-height: 85px !important;
    }

    .unified-services-plans .height-two-line {
        min-height: 60px !important;
    }

    .virtual-desktop-plans .box {
        min-height: 1210px !important;
        margin-top: 27px;
    }


    #Business .price-section {
        display: inline-block;
    }
}
@media (min-width:1367px) {
    .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .p-l-0-lg {
        padding-left: 0px !important;
    }

    .ms-icons-min-height {
        min-height: 240px;
    }

    .promotion-bullet-points ul {
        padding-left: 15px;
        text-align: left;
        padding-top: 10px;
    }

    .have-questions h2 {
        font-size: 32px !important;
        line-height: 40px;
        font-weight: 600;
    }

    .promotion-bullet-points ul li {
        line-height: 25px;
        font-size: 14px;
    }

    .box-btn .large-btn {
        padding: 12px 50px !important;
        font-size: 17px;
    }

    .text-position {
        text-align: right;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-left-lg {
        text-align: left;
    }


    .support-img h3 {
        padding-top: 20%;
    }

    #use-case-100 .right {
        padding: 40px 40px 40px 0px;
    }

    #banner-use-cases {
        background-color: #baf3fd;
        background-repeat: repeat-x;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

        #banner-use-cases .inner-banner {
            padding-top: 15%;
        }

            #banner-use-cases .inner-banner p {
                text-align: center !important;
                padding-top: 10px;
            }

    #machcloud-offerings .machcloud-offer {
        text-align: left;
        color: #666;
    }

    #whymccloud h2 {
        margin-bottom: 60px;
    }

    .azure-content h2,
    .azure-content h3 {
        font-size: 25px;
        margin: 0 !important;
        line-height: 36px;
        text-align: left;
    }

    .virtual-machine-tabs .columns {
        width: 12.5% !important;
        text-align: center;
    }

    .reliable-platform span {
        display: block;
    }

        .reliable-platform span.f-light {
        }

    .heading-padding-10 {
        padding-left: 10%;
        padding-right: 10%;
    }

    .calling-plans-licensing h4 {
        font-size: 27px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    #support-comparison .grey-section {
        color: #ffffff;
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        padding: 5px 0 5px 5px;
        font-weight: 600;
        min-height: 60px;
    }

    .banner-direct-routing-text {
        margin-top: 15% !important;
        padding: 0 !important;
    }

    .banner-direct-routing-img {
        margin-top: 8% !important;
        padding: 0 !important;
    }




    #trademarks-banner {
        background: url(/Resources/images/trademarks/banner-trademarks.png) no-repeat;
        min-height: 500px;
        background-size: cover;
    }

    #banner-homepage {
        min-height: 650px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-unified-services,
    #become-a-partner-banner,
    #sip-trunking,
    #azure-banner,
    #hosted-voip,
    #banner-calling-teams,
    #banner-web-hosting,
    #banner-email-collaboration,
    #banner-migration-services,
    banner-case-studies,
    #banner-product-videos,
    #banner-virtual-desktop,
    #banner-telephony-service,
    #banner-training,
    #banner-CloudPBX-setup,
    #why-machcloud-banner,
    #about-us-banner {
        background-position: center center !important;
        background-size: cover !important;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-unified-services {
        background: url(/Resources/images/UnifiedServices/banner-UnifedServices.jpg) no-repeat;
    }

    #sip-trunking {
        background: url(/Resources/images/sip-trunking/banner-sip-trunking-bg.png) no-repeat;
    }

    #hosted-voip {
        background: url(/Resources/images/hosted-voip/banner-hosted-voip-bg.png) no-repeat;
    }

    #banner-calling-teams {
        background: url(/Resources/images/callingteams/banner-callingTeams.jpg) no-repeat;
    }

    #banner-web-hosting {
        background: url(/Resources/images/header/banner-web-hosting.jpg) no-repeat;
    }

    #banner-email-collaboration {
        background: url(/Resources/images/EmailCollaboration/banner-email-collaboration.jpg) no-repeat;
    }

    #banner-migration-services {
        background: url(/Resources/images/MigrationSkypeTeams/banner-migration-skype-teams.jpg) no-repeat;
    }

    #banner-case-studies {
        background: url(/Resources/images/CaseStudies/banner-case-studies.jpg) no-repeat;
    }

    #banner-product-videos {
        background: url(/Resources/images/ProductVideos/banner-product-videos.jpg) no-repeat;
    }

    #banner-virtual-desktop {
        background: url(/Resources/images/VirtualDesktop/banner-virtual-desktop.jpg) no-repeat;
    }

    #banner-telephony-service {
        background: url(/Resources/images/TelephonyService/banner-telephony-service.jpg) no-repeat;
    }

    #banner-training {
        background: url(/Resources/images/Training/banner-training.jpg) no-repeat;
    }

    #banner-CloudPBX-setup {
        background: url(/Resources/images/header/banner-CloudPBX-setup.jpg) no-repeat;
    }

    #banner-teams-DR {
        background-color: #5355ad;
        background-image: url(/Resources/images/direct-routing-teams/banner-direct-routing-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
    }

        #banner-teams-DR h1 {
            font-size: 40px;
            font-weight: 700;
            text-shadow: 1px 1px #000;
            text-align: left;
            color: #ffffff;
        }

    .post-content {
        padding: 20px 15px 0px 15px;
        position: relative;
    }


    .post-title {
        font-size: 13px;
        font-weight: bold;
        color: #0073c6;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        transition: all 0.30s linear 0s;
    }

        .post-title:after {
            content: "";
            width: 25px;
            display: block;
            margin-top: 10px;
            border-bottom: 4px solid #333;
        }

    .post-description {
        font-size: 13px;
        color: #555;
        margin-bottom: 10px;
        min-height: 125px;
    }

    .webinar-post .post-title {
        font-size: 23px !important;
        font-weight: 500 !important;
        line-height: 35px !important;
    }

    #ClientsWebinar .webinar-post .post-title {
        min-height: 85px;
    }

    #ClientsWebinar .post-description {
        min-height: 90px;
    }

    .parallel-two-btns {
        padding-top: 20px;
    }

    #why-choose-us .post-slide {
        min-height: 450px;
    }

    #page-service-section .items {
        margin-top: 25px;
    }

    .post-slide {
        margin: 0 20px;
        background: #fff;
        margin-bottom: 2em;
    }

    .CallingPlanTabsHeading {
        font-size: 27px;
        font-weight: 600;
    }

    .usps-keypoints-features {
        text-align: left;
        padding: 15px 0px 5px 0px !important;
    }

        .usps-keypoints-features h5 {
            font-size: 18px;
            text-align: left;
            color: #000000;
            margin-top: 0px;
            padding-top: 25px;
            line-height: 28px;
            font-weight: 600;
        }

    #FAQ #accordion .panel {
        min-height: 70px;
    }

    #FAQ .box-content {
        padding: 10px 15px 0px 15px;
    }

    #accordion .panel {
        min-height: 90px;
        padding: 23px 10px 20px 33px;
    }

    .banner-offer-btn {
        text-align: center;
    }

    .menu-resources {
        margin-top: 15px;
    }

    .menu-partner {
        margin-top: 55px;
    }

    .menu-partner-btn {
        padding-top: 50px;
    }

    .items-style {
        margin-top: 25px;
    }

    .partner-selection {
        margin-top: 20px;
    }

    #div_SubTotal ul.greenbullets,
    .configurator-bullets ul.greenbullets {
        padding-left: 0px;
        font-size: 14px;
    }

        #div_SubTotal ul.greenbullets li,
        .configurator-bullets ul.greenbullets li {
            line-height: 22px;
        }

    .configurator-small-text p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
    }

    .artwork-box-white {
        width: 48%;
        margin-right: 15px;
        float: left;
        border: 1px solid #dedddb;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

    .artwork-box-red {
        width: 48%;
        margin-right: 15px;
        float: left;
        background-color: #d12127;
        border: 1px solid #d12127;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

        .artwork-box-red ul,
        .artwork-box-white ul {
            padding-left: 20px;
            margin-top: 25px;
            list-style: none;
        }

    .artwork-logo-red {
    }

    .artwork-logo-white {
    }

    .artwork-buttons {
        text-align: center;
        margin-top: 50px;
    }







    .products-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }

    .partners-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }
    /*Begin homepage-partner-section*/
    .homepage-partner-section {
        background: #d12025;
        padding: 5px 0px 20px 0px;
        color: #ffffff;
    }

        .homepage-partner-section h2 {
            color: #ffffff;
            border-right: 1px solid #fff;
            text-align: left;
        }

        .homepage-partner-section h5 {
            color: #ffffff;
            font-size: 15px;
        }
    /*End homepage-partner-section*/


    /*Begin Plans and pricing slider section*/
    .machcloud-product-plans .img-section {
        margin-top: 30px;
    }

    .plans-sider {
        padding: 20px 0px 20px 0px;
        background-color: #ffffff;
        border-radius: 10px;
        border: 1px solid #f9f9f9;
    }

    .machcloud-product-plans .slider-plans-img {
        background-image: url(/Resources/images/plans-image.png);
        background-position: top center;
        background-repeat: repeat;
        background-size: auto;
        height: 100%;
        min-height: 304px;
        border-radius: 5px;
        background-size: cover;
    }

    .machcloud-product-plans .data {
        position: absolute;
        bottom: 0;
        padding: 10px 20px 10px 0px;
        margin-bottom: 0px;
        background-color: #000000;
        opacity: 1;
        width: 100%;
    }

        .machcloud-product-plans .data h3 {
            font-size: 20px;
            padding-left: 10px;
            padding-top: 0px;
            color: #ffffff;
            line-height: 30px;
            font-weight: 400;
            margin-bottom: 0px;
        }



    .plans-img-btn .btn {
        padding: 8px 15px !important;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }


    .slider-section .media-carousel .carousel-indicators {
        top: 20px;
    }

    .slider-section .media-carousel .carousel-control.left {
        left: 35px;
    }

    .slider-section .media-carousel .carousel-control.right,
    .slider-section .media-carousel .carousel-control.left {
        margin-top: 2%;
        z-index: 111;
    }

    .slider-plans-content {
        min-height: 265px;
        position: relative;
        padding: 45px 5px 45px 45px;
    }

        .slider-plans-content h3 {
            text-align: left;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 30px;
            line-height: 35px;
            font-weight: 600;
            color: #000000;
        }

    .slider-plans-sub-heading {
        color: #000000;
        font-size: 18px;
        padding-top: 5px;
    }

    .slider-plans-offer-duration {
        font-size: 25px;
        line-height: 30px;
        font-weight: 700;
        display: block;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 15px;
    }

    .slider-plans-billing-cycle {
        color: #0073c6;
        font-weight: 400;
        font-size: 16px;
        display: block;
        padding-top: 10px;
    }

    .slider-plans-starting {
        color: #e1261c;
        font-size: 24px;
        display: block;
    }

    .slider-plans-originally {
        color: #000000;
        font-size: 20px;
        display: block;
    }

    .slider-plans-price {
        font-size: 30px;
        line-height: 25px;
        display: block;
        padding-top: 10px;
        font-weight: 600;
    }

    .slider-plans-content .offer-font-light {
        font-size: 25px;
        line-height: 30px;
        font-weight: 400;
    }

    .slider-plan-btn {
        margin-top: 30px;
    }


    .slider-plans-content .btn {
        padding: 6px 20px 8px 20px !important;
        font-size: 20px;
    }

    .machcloud-products {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 10%;
    }

        .machcloud-products a {
            font-size: 13px;
        }

    .product-image {
        text-align: center;
        padding-top: 10%;
    }

    .virtual-machine-features .product-image {
        text-align: center;
        padding: 30px 0px;
        margin-top: 0%;
    }

    .products-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    .machcloud-products .products-content h5 {
        padding-top: 0px !important;
        color: #333;
        line-height: 20px !important;
        font-size: 12px;
    }
    /*End Plans and pricing slider section*/
    #machcloud-plans-pricing h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .pricing-plans {
        text-align: center;
    }

        .pricing-plans h3 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
            min-height: 30px;
        }

        .pricing-plans h4 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
        }

        .pricing-plans p {
            font-size: 14px;
            line-height: 20px;
        }

        .pricing-plans img {
            padding-top: 10px;
            padding-right: 10px;
        }



    #machcloud-plans-pricing nav ul li {
        border: 1px solid #e3e2e2 !important;
        background: #fafafa;
        padding: 10px 15px;
        text-align: center;
        font-size: 23px;
        font-weight: 600;
        color: #000;
    }

        #machcloud-plans-pricing nav ul li.active {
            color: #fff;
            background: #d12127;
            border-bottom-color: #e3e2e2;
        }

            #machcloud-plans-pricing nav ul li.active a {
                background-color: transparent !important;
            }

        #machcloud-plans-pricing nav ul li a:hover,
        #machcloud-plans-pricing nav ul li a:focus {
            background-color: transparent !important;
            color: #000;
        }



    #machcloud-plans-pricing .nav-tabs {
        border-bottom: 0px;
    }

    #machcloud-plans-pricing .tab-content {
        margin-top: 0px;
    }



    #web-essentials .form-control {
        background-color: #ffffff;
        border: 1px solid #0078d4;
        color: #333333;
    }

    #web-essentials {
        background-color: #f9f9f9;
    }

        #web-essentials .img-section {
            margin-top: 3%;
        }

        #web-essentials h2 {
            margin-top: 0px;
            margin-bottom: 0px;
        }


    /*Begin Home page services sections*/
    .why-web-hosting .img {
        background-image: url(/Resources/images/why-web-hosting.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .services-support .left {
        background-image: url(/Resources/images/services-support.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .use-case-b .left {
        background-image: url(/Resources/images/use-case-b.jpg) !important;
        min-height: 500px !important;
    }

    .why-ssl .left {
        background-image: url(/Resources/images/ssl-unified-management.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 0px 0px 0px 0px;
        float: left;
        min-height: 450px;
        position: relative;
    }

    .why-ssl .text-section {
        padding-left: 70px;
    }

    .services-support .left .data {
        background: rgba(209, 33, 39, 0.9);
        color: #fff;
        padding: 20px 35px;
        position: absolute;
        right: 0;
        max-width: 400px;
        margin-top: 35.5%;
    }

        .services-support .left .data h3 {
            font-size: 30px;
            font-weight: 600;
            line-height: 110%;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .services-support .left .data h4 .font-light {
            font-weight: 400;
            font-size: 25px;
            line-height: 140%;
        }

    .middle-container {
        display: table;
        min-height: 100%;
    }

    .w-100 {
        width: 100% !important;
        min-width: 100%;
    }

    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }



    .services-support h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 100%;
        color: #ffffff;
    }

    .services-support h4 {
        font-weight: 400;
        font-size: 25px;
    }

    .services-support .right {
        padding: 30px;
        float: left;
        padding: 40px 0px 40px 60px;
    }

        .services-support .right h3 {
            font-size: 25px;
            line-height: 140%;
            font-weight: 600;
        }

        .services-support .right h2 {
            padding-left: 20px;
        }

    .services-support .items {
        padding: 15px 0px 0px 0px;
        float: left;
        transition: all 0.3s ease-in-out;
        width: 100%;
    }

        .services-support .items .name {
            font-size: 19px;
            font-weight: 700;
            color: #000000;
            margin: 00px 0px;
        }

        .services-support .items p {
            font-size: 15px;
            line-height: 160%;
            margin-top: 10px;
        }
    /*End Home page services sections*/

    /*Begin SSL Certificate page*/
    .ssl-page-heading {
        margin-top: 80px;
    }

        .ssl-page-heading h2 {
            margin-bottom: 0px;
        }

        .ssl-page-heading h4 {
            line-height: 30px;
        }

    .tabs-section .bordered {
        text-align: left;
    }

    .fasttrack-plans h3 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    .fasttrack-plans ul {
        padding-left: 0px;
        list-style: none;
    }

        .fasttrack-plans ul li {
            font-size: 15px;
            line-height: 25px;
            text-align: left;
        }

    .fasttrack-plans .box {
        display: inline-block;
        width: 100%;
        padding-bottom: 2%;
    }

    .fasttrack-plans .plan-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        padding-top: 50px;
    }

    .fasttrack-plans-btn {
        margin-top: 40px;
    }

    .dry-cake-main {
        margin-top: 50px;
        padding-right: 0px !important;
    }

    .img-dry-cake-president {
        margin-top: 30px;
    }

    .president-quote {
        padding-top: 30px;
    }

    .case-studies h3 {
        color: #0073c6;
        text-align: left;
        font-size: 30px;
        font-weight: 600;
    }

    .legal p {
        line-height: 23px;
        font-size: 15px;
        text-align: justify;
    }

    .legal h6 {
        float: left;
        margin-right: 10px !important;
        margin-top: 0;
    }

    .legal h3.subheading {
        font-size: 19px;
        color: #333;
    }

    .legal h2, .legal h2 span {
        font-size: 21px !important;
        text-align: left;
        padding-top: 10px;
    }

    #machcloud-trademarks .img-section {
        margin-top: 2%;
    }

    #IntellectualProperty .div-img {
        margin-top: 0%;
    }

    #PromotionalDiscountTerms .div-img {
        margin-top: 1%;
    }

    #machcloud-thirdparty .img-section {
        padding-top: 0%;
    }

    #machcloud-logos .div-img {
        margin-top: 2%;
    }

    #banner-devices h6 {
        text-align: left;
    }

    .device-price {
        padding-top: 15px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: 600 !important;
    }

    .phone-bundle-btn {
        margin-top: 40px;
    }

    .box {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 3%;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .box-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

        .box-content .p-name {
            font-weight: 600;
            font-size: 25px;
            text-align: center;
        }

        .box-content .p-price {
            color: #000000;
            font-size: 36px;
            font-weight: 700;
            display: contents;
            letter-spacing: 0px;
            padding-top: 10px;
        }

        .box-content h3 {
            margin-top: 0px;
        }

        .box-content p {
            margin-top: 0px;
        }

        .box-content .term {
            display: block;
            font-weight: 600;
            padding-bottom: 10px;
            padding-top: 10px;
        }

    .box-shadow {
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        min-height: 330px;
    }

    #partner-features h2 {
        font-weight: 600;
        margin-bottom: 0px;
    }

    .box-shadow .box-content h3 {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
        line-height: 25px;
        min-height: 60px;
    }

    .box-shadow .box-content p {
        font-size: 15px;
    }




    .box-btn {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    #ssl-certificate-features h2 {
        margin-bottom: 0px;
        text-align: left;
    }

    .get-ssl-certificate .post-title {
        color: #000000;
        text-transform: none;
        border-bottom: 0px;
        margin-bottom: 0px;
        font-size: 14px !important;
    }

    .get-ssl-certificate h3 {
        margin-bottom: 0px;
    }

        .get-ssl-certificate h3::after {
            margin: 0px 0px;
        }


    .get-ssl-certificate .post-title::after {
        border-bottom: 0px;
    }
    /*End SSL Certificate page*/
    .tabs-section .tab-content {
        margin-top: 20px;
    }

    .tabs-section .nav-tabs {
        border-bottom: 0px;
    }

        .tabs-section .nav-tabs > li {
            width: 20%;
        }

            .tabs-section .nav-tabs > li a:hover {
                background: transparent;
            }

        .tabs-section .nav-tabs a {
            background-color: transparent !important;
            color: #000000 !important;
            text-align: center;
        }

    .tabs-btn-design .nav-tabs a:hover,
    .tabs-btn-design .nav-tabs .active a {
        color: #d12127 !important;
        border-bottom: 1px solid #d12127 !important;
    }

    .tabs-menu {
        background-color: #f7f7f7;
        padding-top: 10px;
        padding-bottom: 10px;
    }



    /*Begin partners-dropdown-menu*/
    .navbar-right .dropdown-menu.partners-dropdown-menu,
    .navbar-right .dropdown-menu.products-dropdown-menu {
        padding-bottom: 0%;
    }


    .partners-dropdown-menu .box {
        margin-top: 0% !important;
    }

    .partners-dropdown-menu .box-content {
        padding-top: 5px;
    }


    .arrow-next-white {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-red {
        background-image: url(/Resources/images/icons/arrow-red.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-grey {
        background-image: url(/Resources/images/icons/arrow-grey.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    a.category {
        font-size: 15px;
        text-decoration: none;
        color: #000000;
        padding-right: 15px;
    }

    a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
        padding-left: 15px;
    }



    .vertical-tab-content ul,
    .vertical-content ul {
        list-style: none;
        padding-top: 10px;
        padding-left: 0px;
    }


        .vertical-tab-content ul li,
        .vertical-content ul li {
            padding-top: 5px;
        }

    a.category ul {
        list-style: none;
    }





    .img-section .data .red-band h3 .f-light {
        font-size: 13px;
        font-weight: 600 !important;
        display: block;
        line-height: 100%;
        text-transform: uppercase;
    }

    .partners-dropdown-menu .box-content {
        text-align: left;
    }

        .partners-dropdown-menu .box-content h3.label-heading {
            text-align: left;
            font-weight: 600;
            font-size: 23px;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h3,
        .partners-dropdown-menu .box-content h3::after {
            margin: 0px 0px 0px 0px;
        }

        .partners-dropdown-menu .box-content h5 {
            text-align: left;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h6 {
            padding-top: 5px;
            font-size: 15px;
            padding-left: 5px;
            text-align: left;
            line-height: 25px;
        }

    .partners-dropdown-menu .label-icons {
        text-align: center;
        margin-top: 2%;
        display: inline-block;
        width: 32.5%;
    }


    /*End partners-dropdown-menu*/

    /*begin virtual machine page css*/
    .project-tab {
        padding: 0 0 0 0;
    }

        .project-tab .tab-content {
            margin-top: 0px;
        }

    #ssl-plans ul.tabs-btn-design {
        max-width: 100%;
        margin: 30px auto 30px;
    }

    #machcloud-plans-pricing ul.tabs-btn-design {
        max-width: 950px;
        margin: 30px auto 30px;
    }

    #mach-phones-plans ul.tabs-btn-design {
        max-width: 600px;
        margin: 30px auto 30px;
    }
    /*begin css for White box style plans*/



    .plans-white-box-style .box {
        min-height: 520px;
    }

    .plans-white-box-style .box-content h3 {
        margin-bottom: 0px;
        font-size: 30px;
        font-weight: 700;
        line-height: 25px;
        min-height: 0px;
    }

    .plans-white-box-style .box-content h5 {
        font-size: 18px;
        line-height: 30px;
        color: #333333;
        padding-bottom: 17px;
    }

    .plans-white-box-style .box-content p {
        font-size: 15px;
    }
    /*end css for White box style plans*/

    ul.tabs-btn-design {
        background: rgba(255, 255, 255, 0.1);
        overflow: hidden;
        margin: 0 auto 40px;
        max-width: 600px;
        display: flex;
    }

        ul.tabs-btn-design.two-tabs {
            max-width: 900px !important;
        }

    #machteams-plans ul.tabs-btn-design {
        margin: 0 auto 20px !important;
    }

    ul.tabs-btn-design li {
        margin: 0 !important;
        flex: 1;
        background-color: #f1f1f1 !important;
    }

        ul.tabs-btn-design li.active a {
            color: #ffffff !important;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            content: '';
            background-color: #d12127 !important;
            border-bottom: 0 !important;
        }

        ul.tabs-btn-design li.active a,
        ul.tabs-btn-design li a {
            margin: 0 !important;
            padding: 15px 0px;
            font-size: 18px;
            line-height: 24px;
            color: #000000;
            font-weight: 500;
            transition: all .3s ease-in-out;
            text-align: center;
            border-bottom: 2px solid #d12127 !important;
            border-right: 1px solid #eee;
        }


            ul.tabs-btn-design li.active a:hover,
            ul.tabs-btn-design li a:hover {
                background-color: #d12127 !important;
                color: #ffffff !important;
            }



    .project-tab a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

    .project-tab .board-inner .nav-tabs {
        border-bottom: 0px;
    }

    .listing-row {
        border-top: 1px solid #e3e2e2;
        border-bottom: 0px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .project-tab .plan {
        font-weight: 600;
        padding-right: 20px !important;
        line-height: 120%;
    }

    .project-tab .tag {
        font-size: 12px;
        color: #989898;
        line-height: 130%;
        font-weight: 400;
    }

    .project-tab .headings {
        padding-bottom: 10px;
    }

    .listing-row .terms .nav-tabs {
        width: 150px;
        float: left;
        margin: auto 12px auto 0px;
        top: 0;
        bottom: 0;
        display: flex;
        border-bottom: 0px;
    }

        .listing-row .terms .nav-tabs li {
            padding: 0px;
            position: relative;
            background: #fff;
            overflow: hidden;
            border: 1px solid #e2e2e2 !important;
            width: 100%;
            text-align: center;
            margin: 0px -1px;
        }

            .listing-row .terms .nav-tabs li a {
                text-transform: uppercase !important;
                font-size: 12px !important;
                color: #000;
                font-weight: 400 !important;
                padding: 5px 5px !important;
                margin: 0px !important;
            }

        .listing-row .terms .nav-tabs .active a,
        .listing-row .terms .nav-tabs a:hover {
            background: #1fc0d1 !important;
            color: #fff !important;
        }


        .listing-row .terms .nav-tabs li:last-child {
            border-radius: 0px 5px 5px 0px;
        }

    .listing-row .price {
        font-weight: 700;
        color: #1fc0d1;
        padding-top: 5px;
    }

        .listing-row .price .tab-content {
            margin-top: 0px;
        }

    .listing-row .p-price h2,
    .listing-row .p-price h2 span {
        font-size: 15px;
        font-weight: 600;
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .listing-row .btn {
        padding: 5px 10px;
    }

    .help-section {
        background: #d12025;
        padding: 50px 0px 50px 0px;
        color: #ffffff;
    }

        .help-section h2 {
            color: #ffffff;
            font-size: 50px;
            font-weight: 600;
            line-height: 97%;
            text-align: left;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .help-section p {
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            margin-bottom: 0;
            padding-top: 15px;
        }
    /*end virtual machine page css*/

    #vps-includes h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000;
    }

    .vps-includes {
        padding: 35px 60px;
        background: #fff;
        box-shadow: 0 0 44px rgba(0,0,0,.15);
        border-radius: 10px;
        margin-bottom: 30px;
    }

        .vps-includes h3 {
            font-size: 16px;
            font-weight: bold;
            color: #0073c6;
            margin: 0 0 10px 0;
            text-transform: uppercase;
            transition: all 0.30s linear 0s;
        }

            .vps-includes h3::after {
                content: "";
                width: 25px;
                display: block;
                margin-top: 10px;
                border-bottom: 4px solid #2f39bf;
            }


    #vps-includes .section-heading {
        border-right: 1px solid #ccc;
        min-height: 140px;
    }

    #go-local h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 38px;
        font-weight: 600;
    }

    #go-local h3 .f-light {
        font-size: 45px;
        font-weight: 200 !important;
    }

    .f-light {
        font-weight: 200 !important;
    }

    #go-local h3 {
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 100%;
    }

    #go-local .box-wraper {
        border-right: 1px solid #ccc;
        padding-right: 20px;
        background-position: top 5px right 20px !important;
        height: 100%;
        min-height: 180px;
    }

    .vps-reliable-platform-icons {
        background-repeat: no-repeat;
        background-position-x: right 20px;
        background-position-y: top 20px;
        background-size: auto;
    }

    .vps-architecture {
        background-image: url(/Resources/images/vps-architecture.png);
    }

    .vps-security {
        background-image: url(/Resources/images/vps-security.png);
    }

    .vps-performance {
        background-image: url(/Resources/images/vps-performance.png);
    }

    #go-local .sub-heading {
        border-right: 1px solid #e8e8e8;
    }

    #go-local h4 {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 25px;
    }

    #go-local p {
        font-size: 15px;
    }

    .width-20-per,
    .width-20-per-lg {
        width: 20% !important;
    }

    .PartnerSelection {
        margin-top: 20px;
    }

    .PrivateLabel {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #f9f9f9;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .TrustedAdvisor {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .width-10-per {
        width: 10% !important;
    }
    /*begin buttons css*/
    .btn-white {
        background: #fff;
        border-color: #fff;
        color: #000;
    }

        .btn-white.active,
        .btn-white.focus,
        .btn-white:active,
        .btn-white:focus,
        .btn-white:hover,
        .open > .dropdown-toggle.btn-white {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
        }

    .btn-white-blank {
        color: #fff;
        background-color: transparent;
        border-color: #fff !important;
    }

        .btn-white-blank.active,
        .btn-white-blank.focus,
        .btn-white-blank:active,
        .btn-white-blank:focus,
        .btn-white-blank:hover,
        .open > .dropdown-toggle.btn-white-blank {
            color: #333;
            background-color: #fff;
            border-color: #fff;
        }



    .btn-grey {
        background: #4e4e4e;
        border-color: #4e4e4e;
        color: #fff !important;
        font-weight: 300;
    }

        .btn-grey.active,
        .btn-grey.focus,
        .btn-grey:active,
        .btn-grey:focus,
        .btn-grey:hover,
        .open > .dropdown-toggle.btn-grey {
            background: #3d3d3d;
            border-color: #3d3d3d;
            outline: 0;
            color: #fff !important;
        }

    .btn-blue {
        color: #fff !important;
        background-color: #0098db;
        border-color: #aad3ef;
    }

        .btn-blue.active,
        .btn-blue.focus,
        .btn-blue:active,
        .btn-blue:focus,
        .btn-blue:hover,
        .open > .dropdown-toggle.btn-blue {
            color: #0098db !important;
            background-color: transparent;
            border-color: #0098db;
        }

    .btn-blue-blank {
        color: #0098db !important;
        background-color: transparent;
        border-color: #aad3ef;
    }

        .btn-blue-blank.active,
        .btn-blue-blank.focus,
        .btn-blue-blank:active,
        .btn-blue-blank:focus,
        .btn-blue-blank:hover,
        .open > .dropdown-toggle.btn-blue-blank {
            color: #ffffff !important;
            background-color: #0098db;
            border-color: #0098db;
        }

    .btn-maroon,
    .btn-general {
        background: #d11f22 !important;
        border-color: #e83f2c !important;
        color: #fff !important;
    }

        .btn-maroon.active,
        .btn-maroon.focus,
        .btn-maroon:active,
        .btn-maroon:focus,
        .btn-maroon:hover,
        .open > .dropdown-toggle.btn-maroon,
        .btn-general.active,
        .btn-general.focus,
        .btn-general:active,
        .btn-general:focus,
        .btn-general:hover,
        .open > .dropdown-toggle.btn-general {
            background: transparent !important;
            border-color: #d11f22 !important;
            color: #d11f22 !important;
        }

    .btn-maroon-blank {
        color: #d11f22 !important;
        background-color: transparent;
        border-color: #d11f22;
    }

        .btn-maroon-blank.active,
        .btn-maroon-blank.focus,
        .btn-maroon-blank:active,
        .btn-maroon-blank:focus,
        .btn-maroon-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #d11f22 !important;
            border-color: #e83f2c;
        }

    .btn-green {
        color: #fff !important;
        background: #0a9e17 !important;
        border: 1px solid #0a9e17 !important;
    }

        .btn-green.active,
        .btn-green.focus,
        .btn-green:active,
        .btn-green:focus,
        .btn-green:hover,
        .open > .dropdown-toggle.btn-green {
            color: #0a9e17 !important;
            background-color: transparent !important;
            border-color: #0a9e17;
        }


    /*end buttons css*/
    a.link-white {
        text-decoration: underline !important;
        color: #ffffff;
    }
    /*Begin MachCloud Product logos css*/
    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }


    .shopProducts .text-section {
        padding-top: 0px;
    }

    .shopProducts p {
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px;
    }


    /*end MachCloud Product logos css*/
    /*Begin Partner page css*/
    .partner-introduction h2 {
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .partner-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .partner-introduction .left {
        background-image: url(/Resources/images/partner-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 500px;
        position: relative;
        border-radius: 10px;
    }

    #ChoosePartnerPlan h2 {
        margin-top: 10px;
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 38px;
        line-height: 110%;
    }

    #ChoosePartnerPlan .table > tbody > tr > td {
        padding: 25px;
        vertical-align: middle;
    }

    #ChoosePartnerPlan .ent-feature {
        background-color: #ffffff;
    }

    #ChoosePartnerPlan .compare-col-width h5 {
        font-weight: 700;
        font-size: 25px;
        line-height: 110%;
        color: #000000;
    }

    #reseller h2,
    #reseller h3 {
        font-weight: 600;
    }

    #reseller h2 {
        margin-bottom: 0px;
        padding-top: 25px;
    }

    #reseller h3 {
        margin-top: 0px;
    }

    #reseller {
        background-color: #ffffff;
    }

    #partner-features {
        background-color: #f9f9f9;
        padding-bottom: 50px;
    }

    .shopProducts {
        padding: 50px 0px !important;
    }
    /*End Partner page css*/
    .menu-machcloud-product h3 {
        font-size: 28px !important;
        color: #d11522;
        padding: 0 60px 0 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .menu-machcloud-product p {
        line-height: 30px;
        padding-left: 25px;
        padding-top: 0px;
    }



    /*Begin Virtual Desktop page css*/
    .virtual-desktop-introduction h3 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .virtual-desktop-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .virtual-desktop-introduction .left {
        background-image: url(/Resources/images/virtual-desktop-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 480px;
        position: relative;
        border-radius: 10px;
        margin-top: 10px;
    }

    .page-heading span {
        display: block;
    }
    /*Begin Virtual Desktop page css*/
    .custom-build,
    .domain-offer-section {
        background-color: #2294c4;
        padding: 50px 0px 50px 0px;
    }

        .custom-build h2 {
            color: #ffffff;
            text-align: center;
        }

        .domain-offer-section h2 {
            text-align: center;
        }

        .domain-offer-section .form-control {
            opacity: 1;
            color: #000000;
            background-color: #fff;
            background-image: none;
            border: 1px solid #e3e3e3;
        }


    /*end Virtual Desktop page css*/

    /*  begin menu vertical tab css tab */
    .vertical-tab-menu {
        padding: 1.25% 2% 1% 2%;
    }


    .products-menu,
    .resources-menu,
    .about-us-menu,
    .partner-menu {
        padding: 1.25% 2% 1% 2%;
        background-position: top center;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 400px;
        border-radius: 0px 0px 0px 0px;
        background-size: cover;
    }

    .products-menu {
        background-image: url(/Resources/images/products-menu-image.jpg);
    }

    .resources-menu {
        background-image: url(/Resources/images/resources-menu-image.jpg);
    }

    .about-us-menu {
        background-image: url(/Resources/images/aboutus-menu-image.jpg);
    }

    .partner-menu {
        background-image: url(/Resources/images/partner-menu-image.jpg);
    }

    /*.resources-menu {
        background-color: #d12127;
    }*/
    /*.resources-menu {
        margin-top: 25px;
    }

        .resources-menu h6 a {
            color: #d12127 !important;
            font-size: 19px;
        }*/
    .vertical-tab-menu h3 {
        padding-top: 1%;
        color: white;
        font-weight: 600;
        font-size: 38px;
    }

    .vertical-tab-menu p,
    .partner-menu-links {
        padding-top: 50%;
        color: white;
        text-align: justify;
        line-height: 20px;
    }

        .partner-menu-links a {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-left: 19px;
            color: #fff !important;
            font-size: 15px !important;
        }


    .vertical-tab-menu ul li {
        line-height: 15px;
    }


    /*  end menu vertical tab css tab */




    .calling-plan-heading h5 {
        font-size: 30px;
        color: #0073c6;
        text-align: center;
    }

    .calling-plan-heading p {
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    .virtual-desktop-features .box-shadow {
        min-height: 390px;
    }

    .heading-functionalities {
        background-color: #54575a !important;
    }

    .heading-plan-one {
        background-color: #6264a7 !important;
    }

    .heading-plan-two {
        background-color: #d12127 !important;
    }

    .plans-common-headings {
        color: #ffffff !important;
        min-height: 65px;
        font-weight: 600;
        font-size: 28px;
        padding: 16px 5px 0px 15px;
    }

    .page-heading-features {
        margin-top: 3%;
    }

        .page-heading-features h6 {
            line-height: 30px;
            margin-top: 10px;
        }

    .footer-plans {
        display: inline-block;
        margin-left: 15px;
        padding-top: 15px;
        margin-left: 15px;
    }

    #why-o365 {
        padding: 40px 0;
        background-image: url(/Resources/images/O365/why-choose-us.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    #cloud-pbx-capabilities {
        padding: 40px 0;
        /*background-image: url(/Resources/images/hosted-voip/communication-cloud-pbx.jpg);*/
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }

    #machcloud-calling-for-teams {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }

    #cloud-pbx-capabilities h2 {
        color: white;
    }

    #cloud-pbx-capabilities p {
        color: white;
        text-align: center;
    }

    #cloud-pbx-capabilities .hosted-voice-features ul li {
        color: white;
        font-size: 17px;
        line-height: 25px;
    }


    .calling-teams-steps {
        padding-bottom: 50px;
    }

        .calling-teams-steps h3 {
            margin-bottom: 0px;
            font-size: 22px;
            font-weight: bold;
        }

        .calling-teams-steps h4 {
            color: #000000;
            margin-bottom: 0px;
            font-size: 18px;
        }

        .calling-teams-steps p {
            color: #000000;
            font-size: 15px;
            padding-top: 10px;
        }
    /*begin our partners css*/
    /* carousel */
    #our-partners .media-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        /*margin-top: 30px;*/
    }

        #our-partners .media-carousel .carousel-control.left,
        #our-partners .media-carousel .carousel-control.right {
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 55px;
        }
        /* Previous button  */
        #our-partners .media-carousel .carousel-control.left {
            left: -12px;
        }
        /* Next button  */
        #our-partners .media-carousel .carousel-control.right {
            right: -12px !important;
        }
        /* Changes the position of the indicators */
        #our-partners .media-carousel .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }
            /* Changes the colour of the indicators */
            #our-partners .media-carousel .carousel-indicators li {
                background: #c0c0c0;
            }

            #our-partners .media-carousel .carousel-indicators .active {
                background: #333333;
            }


    /* End carousel */
    /*end our partners css*/
    /*  begin menu vertical tab css tab */
    .vertical-tab-container {
        z-index: 10;
        background-color: #ffffff;
        padding: 0 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 20px;
        margin-left: 50px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
        opacity: 0.97;
        filter: alpha(opacity=97);
    }

    .vertical-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

        .vertical-menu h4 {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-left: 20px;
            font-weight: 600;
            font-size: 17px;
            text-align: left;
        }

        .vertical-menu p.banner-menu-sub-heading {
            line-height: 15px;
            text-align: left;
            padding-left: 20px;
            font-size: 13px;
            color: #686868;
        }

        .vertical-menu a.active p.banner-menu-sub-heading {
            color: #ffffff !important;
        }

        .vertical-menu a.active:visited,
        .vertical-menu a.active:visited p {
            color: #ffffff !important;
        }


        .vertical-menu a:visited {
            color: #000000 !important;
        }

        .vertical-menu div.list-group {
            margin-bottom: 0;
        }

    .main-menu .navbar-nav .vertical-menu a {
        border-radius: 0px !important;
    }

    .vertical-menu .list-group-item {
        border-bottom: 1px solid #eaeaea !important;
        border: 0px;
    }

    .vertical-menu div.list-group > a {
        margin-bottom: 0;
        background-color: #f9f9f9;
    }


        .vertical-menu div.list-group > a:first-child {
            border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
        }

        .vertical-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
        }

        .vertical-menu div.list-group > a.active,
        .vertical-menu div.list-group > a.active .fa {
            background-color: #d12127;
            color: #ffffff;
            border-color: #d12127;
        }

            .vertical-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-left: 0;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
                border-left: 10px solid #d12127;
            }

    .vertical-content {
        background-color: transparent;
        padding-left: 20px;
        padding-top: 0px;
    }

        .vertical-content p {
            line-height: 25px;
            text-align: left;
            font-size: 15px;
            padding-top: 10px;
        }

    .vertical-tab .vertical-content:not(.active) {
        display: none;
    }
    /*  end menu vertical tab css tab */
    .box-menu {
        background-color: #000000;
        border-radius: 5px;
        margin-top: 0px;
        transition: all 0.3s ease-in-out;
        padding: 40px 15px 40px 20px;
        opacity: 1;
        border: 1px solid #d6d6d6;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        min-height: 500px;
        text-align: center;
    }


        .box-menu h3 {
            font-size: 30px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #fff;
            font-weight: 600 !important;
            line-height: 30px;
            padding-top: 30px;
            text-transform: uppercase;
        }

        .box-menu h4 {
            font-size: 28px !important;
            padding-top: 30px;
            color: #d12127;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu h5 {
            font-size: 26px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #ffffff;
            padding-top: 20px;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu p {
            font-size: 14px !important;
            padding-top: 10px;
            color: #ffffff;
            line-height: 20px;
        }

    .box-menu-btn {
        text-align: center;
        padding: 10px 30px !important;
        border-radius: 6px !important;
        font-size: 18px !important;
        margin-top: 20px;
    }


    #custom-build-section {
        background-color: #049f9f;
        padding: 60px 0px;
    }

        #custom-build-section h2 {
            text-align: left;
            color: #ffffff;
            letter-spacing: -.03em;
        }

        #custom-build-section p {
            color: #ffffff;
            padding-top: 15px;
            font-size: 18px;
        }

    .bg-dark-green {
        background-color: #1f7561 !important;
    }

    .phones-detail h5 {
        font-size: 18px;
        line-height: 30px;
        color: #d12127 !important;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 15px;
    }

    #phone-detail-intro h2 {
        text-align: left;
        font-size: 38px;
        margin-bottom: 0px;
        color: #d12127;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro h4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        color: #000000 !important;
    }

    #phone-detail-intro p {
        color: #000000;
        padding-top: 15px;
        font-size: 16px;
        line-height: 25px;
    }

    #phone-description h3,
    #phone-specifications h3,
    #phone-downloads h3,
    #phone-bundles h3,
    #phone-accessories h3 {
        font-size: 24px;
        text-align: left;
        color: #0073c6;
        font-weight: 200;
        margin-bottom: 0px;
    }

    #phone-downloads h3 {
        margin-top: 0px;
    }

    #phone-description h4,
    #phone-specifications h4,
    #phone-bundles h4 {
        font-size: 18px;
        text-align: left;
        color: #000000;
        font-weight: 600;
        padding-bottom: 15px;
        padding-top: 20px;
    }

    #phone-accessories h3.p-name {
        text-align: center !important;
    }

    #phone-accessories h4,
    #phone-accessories h5 {
        font-size: 20px;
        text-align: center;
        font-weight: 200;
        padding-bottom: 5px;
        padding-top: 10px;
        letter-spacing: 0px;
        color: #000000;
    }

    #training-packages-section h2 {
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 10px;
    }

    #training-packages-section h3.package-heading {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    #training-packages-section p.package-name {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        padding-top: 15px;
    }

    #training-packages-section p.package-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
    }

    #training-packages-section .box {
        padding-bottom: 4% !important;
        margin-top: 1% !important;
        margin-bottom: 1% !important;
    }

    #ExperienceDigitalCommunication .caption {
        top: 22% !important;
    }

    #SupportPackages .caption {
        top: 30% !important;
    }

    .case-studies .caption {
        text-align: left;
        position: absolute;
        left: 10%;
        right: 10%;
        color: #fff;
    }

    #pre-migration .caption {
        text-align: left;
        position: absolute;
        left: 5%;
        right: 2%;
        top: 5%;
        color: #000000;
    }

    #domain-extensions .caption {
        top: 40%;
    }

    #domain-monetization .caption {
        top: 45%;
    }

    #business-section {
    }

    .business-img-one {
        background-image: url(/Resources/images/business-img-one.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .business-img-two {
        background-color: #2d7ea2;
        background-repeat: repeat;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .business-img-overlay {
        background-color: #000000;
        padding: 40px 25px 25px 35px;
        min-height: 400px;
        opacity: 0.7;
    }

    .img-overlay {
        padding: 40px 25px 25px 35px;
        min-height: 400px;
    }

    #business-section .caption {
        text-align: left;
        position: absolute;
        top: 33%;
        left: 10%;
        right: 10%;
        color: #fff;
    }


    .cloudpbx-setup-img {
        background-image: url(/Resources/images/business-img-two.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .case-studies h4,
    .img-text-section h4 {
        color: #0073c6;
        text-align: left;
        font-size: 28px;
    }

    .img-text-section .img-overlay {
        padding: 40px 20px 25px 20px;
        min-height: 450px;
    }



    .case-studies p,
    .img-text-section p {
        color: #333333;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
    }

    .fast-track-business-text.right-side,
    .easier-centralized.right-side {
        top: 10%;
        left: 0%;
        right: 1%;
        text-align: left;
        position: absolute;
    }

    .fully-hosted-managed-text.left-side,
    .budget-friendly-tetx.left-side {
        top: 10%;
        left: 5%;
        right: 0%;
        text-align: left;
        position: absolute;
    }



    .case-studies-img-one,
    .case-studies-img-two,
    .fast-track-business-img,
    .fully-hosted-managed-img,
    .easier-centralized-img,
    .budget-friendly-img,
    .secured-files-img,
    .domain-extensions-img,
    .domain-monetization-img,
    .support-packages-img,
    .digital-communication-img,
    .machcloud-support-img {
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 600px;
        background-position: top center;
    }

    .virtual-desktop-overview {
        background-repeat: no-repeat;
        min-height: 450px;
        background-position: top center;
    }

    .domain-extensions-img {
        background-image: url(/Resources/images/domain-extension.jpg);
    }

    .support-packages-img {
        background-image: url(/Resources/images/support-packages.jpg);
    }

    .domain-monetization-img {
        background-image: url(/Resources/images/domain-monitization.jpg);
    }

    .digital-communication-img {
        background-image: url(/Resources/images/digital-communication.jpg);
    }

    .machcloud-support-img {
        background-image: url(/Resources/images/machcloud-support.jpg);
    }

    .case-studies-img-one {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .virtual-desktop-overview {
        background-image: url(/Resources/images/overview-virtual-desktop.png);
    }

    .secured-files-img {
        background-image: url(/Resources/images/secured-files.jpg);
    }

    .case-studies-img-two {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fast-track-business-img {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fully-hosted-managed-img {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .easier-centralized-img {
        background-image: url(/Resources/images/easier-centralized.jpg);
    }

    .budget-friendly-img {
        background-image: url(/Resources/images/budget-friendly.jpg);
    }

    .demo-webinar h2 {
        font-size: 32px;
        letter-spacing: -1px;
        font-weight: 600;
        color: #d12127;
        margin-bottom: 10px;
        text-align: left;
        line-height: 45px;
    }

    .demo-webinar h4 {
        color: #0073c6;
        text-align: left;
        font-size: 24px;
        padding-top: 15px;
    }

    .demo-webinar p {
        color: #333333;
        text-align: left;
        padding-top: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .form-webinar {
        background-color: #f9f9f9;
        padding: 2% 2% 5% 5%;
    }

        .form-webinar .form-control {
            background-color: #ffffff;
            color: #000000;
        }

        .form-webinar h3 {
            color: #0073c6;
            text-align: left;
            font-size: 27px;
            font-weight: 700;
        }

    .form-style input {
        border: 0;
        height: 50px;
        border-radius: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .form-style input:focus {
            border-bottom: 1px solid #007bff;
            box-shadow: none;
            outline: 0;
            background-color: #ebebeb;
        }

    .w-50 {
        width: 50% !important;
        min-width: 50%;
    }


    /*plans accordion*/
    .feature-accordion {
        border-top: 1px solid #ccc;
        padding-left: 0px;
        padding-right: 0px;
    }

        .feature-accordion #accordion .panel-title {
            padding-left: 25px;
            text-align: left;
        }

        .feature-accordion #accordion .panel {
            padding: 10px 0px 10px 0px;
        }

        .feature-accordion .feature-parent {
            border-bottom: 1px solid #ccc;
            padding: 25px 0px;
        }

        .feature-accordion .feature-child {
            border-bottom: 1px solid #ccc;
            padding: 20px 0px;
        }


            .feature-accordion .feature-child p {
                font-size: 12px !important;
                font-weight: 100;
                color: #000000;
                line-height: 20px !important;
                padding-top: 0px !important;
                margin-bottom: 0px !important;
            }

    .feature-parent .black-tick-large {
        margin-top: 15px;
    }

    .feature-child .black-tick-small {
        margin-top: 15px;
    }

    .child-color-grey {
        background-color: #f5f5f5;
    }

    .feature-accordion #accordion .panel-title a {
        font-weight: 500 !important;
    }

        .feature-accordion #accordion .panel-title a:after,
        .feature-accordion #accordion .panel-title a.collapsed:after {
            font-family: ElegantIcons;
            font-style: normal;
            font-weight: 600;
            font-size: 25px;
            color: #000000;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 5px;
            transition: all 0.3s ease 0s;
        }

        .feature-accordion #accordion .panel-title a.collapsed:after {
            color: #000000;
            content: "\50";
        }

        .feature-accordion #accordion .panel-title a:after {
            content: "\4f";
            color: #0079c1;
        }

    .package-name {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 0px;
        font-weight: 100;
    }

    .SLA-Enterprise-section {
        margin-top: 25px;
    }

    .default-p-b {
        padding-bottom: 50px;
    }

    .color-basic {
        color: #feb155 !important;
    }

    .color-standard {
        color: #39dcb1 !important;
    }

    .color-complete {
        color: #2f39bf !important;
    }

    .product-logo {
        text-align: center;
    }

        .product-logo h5 {
            text-align: center;
            font-size: 15px;
            color: #000 !important;
            line-height: 25px;
        }

    .products-logos-link .product-logo {
        border: 1px solid #ffffff;
        border-radius: 4px;
        position: relative;
        padding: 15px 15px;
    }

        .products-logos-link .product-logo:hover {
            border: 1px solid #f9f9f9;
            border-radius: 4px;
            position: relative;
            padding: 15px 15px;
        }



    #phone-detail-intro .btn {
        border-radius: 0px;
    }

    #phone-detail-intro .btn-cart {
        padding: 10px 60px !important;
    }

    #phone-detail-intro .btn-quote {
        padding: 10px 42px !important;
    }

    #phone-detail-intro .device-name {
        text-align: left;
        font-size: 38px;
        margin-bottom: 20px;
        color: #495ca9;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro .device-price {
        font-size: 35px;
        font-weight: 700;
        text-align: left;
        line-height: 30px;
        color: #000000 !important;
    }

    .device-intro-btn {
        margin-top: 20px;
    }

    .bundle-content {
        padding-top: 50px;
    }

    .specification-row {
        margin-top: 10px;
        border-top: 1px solid #f8f8f8;
        padding: 13px 0px;
    }

    #FAQ ul li {
        font-size: 13px;
        line-height: 22px;
        padding-top: 5px;
    }


    .section-sub-heading {
        color: #d12127;
        font-size: 21px;
        text-align: center;
        line-height: 30px;
        padding-top: 10px;
    }

    #pricing_plans h2 {
        text-align: center;
    }

    .conact-us-form .box {
        display: inline-block;
    }

    .conact-us-form .services-checkbox input {
        height: auto !important;
    }

    .conact-us-form .box-content .p-price {
        font-size: 17px;
        letter-spacing: 0px;
    }

    .conact-us-form .box-content .p-name {
        font-size: 22px;
    }

    .virtual-desktop-overview-text .caption {
        top: 25%;
    }

    .custom-build p {
        font-size: 24px;
        line-height: 38px;
        text-align: center;
    }

    .from-duration {
        color: #d12127;
        font-size: 22px;
        padding-right: 10px;
    }

    #SellingPoints .hosted-voice-features ul li {
        color: #000000;
    }

    .banner-text-overlay {
        background-color: #000000;
        opacity: 0.8;
        padding: 15px 15px;
        color: #ffffff !important;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    ul.white-bullet-points li {
        list-style-image: url(/Resources/images/icons/white-bullet.png);
        list-style: circle;
    }

    .display-inline-block {
        display: inline-block !important;
    }

    .link-maroon {
        color: #e61d26 !important;
        text-decoration: none;
        font-size: 16px;
    }



    .large-btn {
        padding: 12px 35px !important;
    }


    .virtual-desktop-plans .offer-popular .box {
        margin-top: 0 !important;
        border: 4px solid #d12127;
        border-radius: 0px 0px 5px 5px;
    }



    .pricing-plans .text-most-popular {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
        background-color: #d12127;
        border: 1px solid #d12127;
        border-radius: 5px 5px 0px 0px;
        color: #ffffff;
    }

    .webinar-name {
        font-size: 15px;
        line-height: 25px;
        color: #0073c6;
    }

    .tab-content {
        margin-top: 0px;
    }

    .microsoft-plans .p-name {
        font-size: 20px;
        text-align: center;
        font-weight: 400;
    }

    .p-price {
        display: inline-block !important;
    }



    .tabs-body {
        margin-top: 25px;
        background-color: #fafafa;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;
    }

        .tabs-body .nav-tabs li:first-of-type {
            border-radius: 0px !important;
        }

        .tabs-body .nav-tabs li:last-of-type {
            border-right: 0px !important;
            border-radius: 0px !important;
        }

        /*.tabs-body ul.tabs-btn-design li a:last-of-type {
          border-right: 0px !important;
    }*/
        .tabs-body .nav-tabs {
            border-bottom: 0px !important;
        }

    .vertical-tab h6 {
        color: #333 !important;
        font-weight: 600;
        font-size: 19px;
    }

    .vertical-tab {
        padding-top: 25px;
    }

    .vertical-tab-content .menu-resources p {
        padding-top: 10px;
        color: #333 !important;
        font-size: 15px !important;
        line-height: 25px;
    }

    .vertical-tab-content .menu-resources {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
    }

        .vertical-tab-content .menu-resources:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

    .vertical-tab-content .menu-products {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
        margin-top: 25px;
    }

        .vertical-tab-content .menu-products:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

        .vertical-tab-content .menu-products a.arrow-red:hover,
        a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-red.png);
            background-position: left center;
            background-repeat: no-repeat;
            margin-left: 15px;
        }

    a.arrow-next-white:hover {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
        margin-left: 15px;
        -webkit-transition: margin-left .5s ease;
        -o-transition: margin-left .5s ease;
        transition: margin-left .5s ease;
    }

    .vertical-tab ul li {
        background: transparent !important;
    }

    .home-banner-menu-content {
        padding-top: 1.5%;
    }

    .home-banner-img-section .banner-boxes {
    }

    .home-banner-img {
        background: url(/Resources/images/header/banner-home-page.png) no-repeat;
        background-repeat: no-repeat;
        background-position: top 0px left 0px;
        background-size: cover;
        float: left;
        min-height: 500px;
        position: relative;
    }

    .cloudPBX-setup-packages .text-section {
        padding-top: 5%;
    }

        .cloudPBX-setup-packages .text-section p {
            font-size: 17px;
            line-height: 25px;
            text-align: left;
        }

    .cloudPBX-setup-packages .pricing-plans h3 {
        min-height: 0px;
    }

    .float-none {
        float: none !important;
    }

    .telephony-service-packages .plan-one p {
        background-color: #ffffff !important;
    }
    /*begin plans comparison css*/
    .plans-comparison .offer {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    .functionalities-column {
        float: left;
        position: relative;
    }

    .packages-column {
        float: left;
        position: relative;
    }

    .calling-teams-comparison .functionalities-column .offer-name.functionalities {
        background-color: #333333;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-maroon {
        background-color: #d12127;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-green {
        background-color: #1fbb25;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .plans-comparison .functionalities-column .offer-name {
        background-color: #f0f0f0;
        color: #333333;
        min-height: 60px;
        font-size: 21px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: left;
        min-height: 60px;
        padding-left: 20px;
    }

    .plans-comparison .packages-column .offer-name {
        background-color: #333333;
        color: #ffffff;
        font-size: 20px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: center;
        min-height: 60px;
    }

    .packages-column .offer-name span {
        font-size: 12px;
        font-weight: 400;
    }

    .functionalities-column p,
    .packages-column p {
        font-weight: 400;
        margin: 0 0;
        border-bottom: 1px solid #f3f3f3;
        display: inline-block;
        width: 100%;
        color: #333333;
        padding: 15px 0px 15px 15px;
        line-height: 30px;
    }

    .CallingTeamsPlans .functionalities-column p,
    .CallingTeamsPlans .packages-column p {
        font-weight: 400;
    }

    .CallingTeamsPlans .functionalities-column p {
        padding: 5px 0px 5px 25px;
        font-size: 15px;
    }

    .CallingTeamsPlans .packages-column p {
        padding: 5px 0px 5px 5px;
    }

    .functionalities-column p {
        background-color: #f9f9f9;
        text-align: left;
        font-size: 17px;
        padding-left: 20px;
    }

    .voice-comparison .functionalities-column p {
        font-size: 15px;
    }

    .packages-column p {
        font-size: 15px;
        background-color: #ffffff;
        text-align: center;
    }

    .packages-column .plan-price {
        font-size: 22px;
        padding: 24px 0px;
    }

    .four-columns-width {
        width: 26.5%;
    }

    .d-p-t {
        padding-top: 50px;
    }

    .CallingTeamsPlans .box-shadow .box-content h3 {
        min-height: 0px;
    }
    /*end plans comparison css*/



    .virtual-machine-features .min-height {
        min-height: 370px !important;
    }

    #page-service-section .name,
    #why-o365 h3 {
        font-size: 25px;
        font-weight: 600;
    }

    #why-o365 h2,
    #why-o365 h3,
    #why-o365 p {
        color: #ffffff;
    }

    .btn-send {
        font-size: 18px !important;
    }

    #machteams-plans .form-control {
        border: 1px solid #eee;
        height: 45px;
        background-color: #fff;
        color: #000;
    }

    .font-light {
        font-size: 13px;
        font-weight: 100;
    }





    .plans-fixed-menu .heading {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        line-height: 30px;
    }

    .plans-fixed-menu .sub-heading {
        font-size: 14px;
        text-align: center;
        font-weight: 400;
        line-height: 20px;
    }

    .plans-fixed-menu .pricing {
        color: #0067b8;
        font-weight: 600;
        text-align: center;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .plans-fixed-menu .duration {
        font-size: 15px;
        color: #454545;
        text-align: center;
    }


    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 11111;
        background-color: #ffffff;
        padding-top: 15px;
    }

    .tick-div {
        text-align: center;
    }


    .vps-includes .hosted-voice-features ul {
        font-size: 18px;
    }


    #pricing_plans #Office365 .box {
        min-height: 830px;
    }

    #pricing_plans #Business .box {
        min-height: 950px;
    }


    #pricing_plans #Enterprise .box {
        min-height: 700px;
    }

    #pricing_plans #ExchangeOnline .box {
        min-height: 1000px;
    }


    #pricing_plans #Microsoft365 .box {
        min-height: 500px;
    }

    .unified-services-plans .box h5 {
        min-height: 85px;
    }

    .unified-services-plans .height-two-line {
        min-height: 60px;
    }

    .virtual-desktop-plans .box {
        min-height: 1010px;
        margin-top: 27px;
    }

    .TelephonyServicePackages .packages-column {
        width: 25%;
    }

    #Business .price-section {
        display: inline-block;
    }

    .Partially-included .elegant {
        margin-top: 8px;
        margin-right: 10px;
        float: left;
    }

    .plans-phone-number {
        margin-top: 5%;
        float: left;
    }

        .plans-phone-number .elegant {
            margin-top: 8px;
            margin-right: 10px;
            float: left;
        }

    .plans-fixed-menu .box-btn {
        padding: 0px 15px 15px 15px;
        position: relative;
        text-align: center;
    }

        .plans-fixed-menu .box-btn .btn {
            padding: 6px 30px !important;
        }

    .BusinessPlanPriceHeight {
        min-height: 30px;
    }



    #Business .plan-text-height {
        min-height: 80px;
    }

    #Business .plan-icons-height {
        min-height: 80px;
    }

    #Office365 .checkbox {
        /*min-height: 50px;*/
    }

    #Enterprise .checkbox {
        /*min-height: 20px;*/
    }

    #Business .checkbox {
        /*min-height: 80px;*/
    }

    #Office365 .plan-text-height {
        min-height: 70px;
    }

    #Office365 .plan-icons-height {
        min-height: 140px;
    }

    #Enterprise .plan-text-height {
        min-height: 60px;
    }



    #ExchangeOnline .plan-text-height {
        min-height: 40px;
    }

    #Enterprise .pricing-plans h3,
    #ExchangeOnline .pricing-plans h3 {
        min-height: 30px;
    }

    .plans-promotion {
        background-color: #fff000;
        margin: 15px 100px;
        border-radius: 5px;
        min-height: 90px;
    }

    .plans-promotion-sub-heading {
        font-size: 25px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    .slider-plan-promotion h5 {
        font-weight: 700;
        font-size: 30px;
        text-align: center;
        margin-top: 0px;
        color: #d12127;
        padding: 0px 0px 0px 0px;
        text-transform: uppercase;
        letter-spacing: 0px;
    }

    .plans-promotion h3,
    .slider-plan-promotion h3 {
        font-weight: 700;
        font-size: 28px;
        text-align: center;
        color: #d12127;
        text-transform: uppercase;
        letter-spacing: 0px;
        margin-top: 0px;
        min-height: 50px;
    }

    .slider-plan-promotion h6 {
        font-weight: 700;
        font-size: 28px;
        text-align: center;
        color: #000000;
        text-transform: uppercase;
        letter-spacing: 0px;
        margin-top: 0px;
        min-height: 50px;
        padding: 10px 0px 0px 0px;
    }

    .slider-plan-promotion h3 {
        padding: 10px 0px 0px 0px;
    }

    .slider-plans-content .promotion-price {
        padding-left: 30px;
    }

    .plans-promotion h3 {
        padding: 15px 0px;
    }

    .slider-plan-promotion {
        background-color: #fff000;
        margin: 0px 0px 0px 0px;
        border-radius: 5px;
        padding: 15px 0px;
    }

    #ExchangeOnline .bullets-height {
        min-height: 350px;
    }

    .width-plan-promotion {
        width: 27%;
    }

    .width-plan-pricing {
        width: 33.33%;
    }


    .width-plan-btn {
        width: 25%;
    }

    h2,
    h2 span {
        font-size: 42px !important;
        font-weight: 600 !important;
        line-height: 55px !important;
    }

    #ExchangeOnline .not-included-height {
        min-height: 40px;
    }

    .offerings-img {
        margin-top: 15%;
    }

    .post-slide {
        min-height: 490px;
    }

    .webinar-post .post-slide {
        box-shadow: 0px 0px 2px 1px rgb(236, 236, 236);
        background-color: #fdfdfd;
        min-height: 510px;
    }

    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-lg.png);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
    }

        .microsoft-teams .header-text-section {
            margin-top: 8.5%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .microsoft-teams p {
            padding-right: 150px;
        }

        .microsoft-teams .title-start {
            font-size: 39px !important;
        }

        .microsoft-teams .sub-heading {
            font-size: 22px !important;
        }

        .microsoft-teams .banner-margin-btn {
            margin-top: 20px;
        }

    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 360px;
    }

    #home-page-offerings-section h4 {
        font-size: 24px;
    }



    .inner-banner p.MachTeamsExtensionText {
        font-size: 16px;
    }

    #migration .text-section {
        padding-top: 6% !important;
    }

    #migration .img-section {
        margin-left: 0%;
        margin-top: 2% !important;
    }

    .direct-routing .header-text-section {
        margin-top: 15% !important;
    }

    .direct-routing .header-image-section {
        margin-top: 9% !important;
    }

    .OfficeLocation-Main {
        padding-right: 3% !important;
    }


    .inner-banner p {
        padding-right: 10px;
    }

    .menu-machcloud-product {
        margin-top: 15%;
    }


    .one-line-height {
        line-height: 45px !important;
    }

    .video-section .container {
        width: 1100px;
        padding-left: 0;
        padding-right: 0;
    }

    .logo-cont {
        margin-left: 30px;
    }

    .main-menu .navbar-collapse li {
        background: #fff;
        font-size: .875em;
    }

    .mega-dropdown-menu {
        width: 96%;
        margin-right: 2%;
    }

    .solutions-dropdown-menu {
        width: 65% !important;
        margin-right: 3% !important;
    }





    .header-owl-carousel .item .header-unified-communications {
        min-height: 680px;
    }

    .service-style p {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        min-height: 100px;
    }

    #offerings .offer p {
        min-height: 100px;
    }

    .direct-routing .title-start, .header-discover-machcloud .title-start, .header-unified-communications .title-start {
        font-size: 34px;
        font-weight: 700;
        text-shadow: 1px 1px #fff;
        text-align: left;
        letter-spacing: -1px;
    }

    #partner h2 {
        font-size: 38px !important;
        line-height: 50px;
    }

    #banner-email-collaboration p,
    #banner-virtual-desktop p,
    #banner-homepage p,
    #banner-web-hosting p,
    #banner-calling-teams p,
    #banner-unified-services p,
    #banner-telephony-service p,
    #banner-migration-services p {
        color: #000000;
        /*font-weight: 400;*/
    }

    #banner-training h1,
    #banner-unified-services .inner-banner h1,
    #banner-migration-services h1,
    #banner-telephony-service h1,
    #banner-training h1 {
        color: #000000;
    }

    #banner-unified-service .inner-banner p {
        color: #000000 !important;
    }

    #banner-CloudPBX-setup .inner-banner h1,
    #banner-case-studies .inner-banner h1 {
        color: #ffffff;
    }


    #banner-telephony-service p,
    #banner-training p {
        color: #000000;
    }

    #banner-CloudPBX-setup p {
        color: #ffffff;
    }

    .inner-banner h1 {
        font-size: 50px !important;
        padding-bottom: 10px;
        font-weight: 700;
    }

   

    .banner-text-position,
    .banner-img-position {
        display: table;
        min-height: 650px;
        overflow: hidden;
    }

    .inner-banner {
        display: table-cell;
        vertical-align: middle;
    }


    #banner-devices,
    #banner-devices-main {
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 900px;
        margin-top: 87px;
    }

    #sip-trunking .banner-img-position {
        padding-top: 0%;
        padding-bottom: 1%;
    }

    #banner-webinar-detail .inner-banner h1,
    #banner-product-videos .inner-banner h1 {
        padding-bottom: 0px;
    }

    #banner-webinar-detail .header-title,
    #banner-product-videos .header-title {
        margin-bottom: 10px;
    }


    .inner-banner h3 {
        color: #fff;
        line-height: 30px;
        text-align: left;
        font-size: 20px;
    }

    .inner-banner p {
        line-height: 32px;
        text-align: left;
        font-size: 22px;
    }






    #testimonials h2 {
        padding-top: 20px;
    }

    .header-owl-carousel .item {
        min-height: 660px;
        background-size: cover;
    }

    .footer-subscription-main {
        width: 25%;
        Padding-Left: 0;
        padding-Right: 0;
        float: left;
    }

    .footer-products-main {
        width: 25%;
        Padding-Left: 0;
        padding-Right: 15px;
        float: left;
    }



    .main-menu .navbar-nav {
        padding: 20px 20px 0 0;
    }

    #about-machteams .machcloud-product p {
        font-size: 15px !important;
        min-height: 181px;
    }


    #faqs {
        margin-top: 80px;
    }

    #o365-banner .header-cont .inner-banner-img {
        padding-top: 6%;
    }

    .m-first-col {
        margin-top: 20px;
    }



    .vid-wrap {
        width: 100%;
        height: 750px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }


    .navbar-nav {
        margin: 7.5px -15px;
    }

    #business-products-features .sip-trunking-features-text, #cloud-pbx-reseller-benefits .sip-trunking-features-text, #sip-trunking-services .sip-trunking-features-text {
        margin-top: 7%;
    }

    .sip-trunking-features-text {
        margin-top: 8%;
    }

    .cloudPBX-features .customer-experience-text.text-section {
        margin-top: 3%;
    }

    .solution-features .sip-trunking-features-text h2 {
        font-size: 35px;
        line-height: 44px;
    }

    #machCloud-for-business .div-img, #machCloud-for-partners .div-img {
        margin-top: 1% !important;
    }

    .width-md-6 {
        width: 49.5% !important;
    }

    .machcloud-product p {
        font-size: 14px;
        min-height: 70px;
    }

    .line-color-grey {
        margin-top: 0px;
        min-height: 0px;
    }

    #all-in-one p {
        font-size: 14px !important;
        text-align: left;
        float: left;
        margin-top: 10px;
    }

    .width-Legal-section, .width-partners-section, .width-customers-section {
        width: 37% !important;
    }

    .width-sm-7 {
        width: 58% !important;
    }

    #full-compliant .div-img {
        margin-top: 6%;
    }

    .Machcloud-enterprises h2, .Machcloud-enterprises h3, .customer-experience h2, .customer-experience h3, #Machteams-extension-features h2 {
        font-size: 40px;
        margin: 0 !important;
        line-height: 50px;
        text-align: left !important;
    }

    #contact-us p {
        text-align: left;
        line-height: 35px;
    }

    #contact-us h3 {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
        padding-bottom: 25px;
    }

    #contact-us h2 {
        color: #ffffff !important;
        font-size: 38px;
        line-height: 30px;
        text-align: center;
    }

    .div-img {
        margin-top: 5%;
    }

    .one-invoice .section-text {
        padding-top: 3%;
    }

    #fixed-tariff-calling .div-img,
    #trusted-cloud .div-img,
    #machteams-selling .img-section {
        padding-top: 2%;
        margin-top: 1%;
    }

    #get-started .img-section {
        margin-top: 4%;
    }

    #pocket-friendly-calling .img-section {
        margin-top: 6%;
    }

    .img-control-panel {
        height: 149px;
        display: block;
    }

    .width-md-49 {
        width: 49%;
    }

    .header-unified-communications {
        background-image: url(/Resources/images/header/communication-delivery-platform.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .header-discover-machcloud .banner-text-position .header-margin {
        margin-top: 40% !important;
    }



    .header-unified-communications .banner-text-position .header-margin {
        margin-top: 35% !important;
    }

    .banner-position {
        padding-top: 8%;
    }

    #maximize-portability h3 {
        padding-top: 8%;
    }

    #cloud-computing-solution h1,
    #fixed-tariff-calling h3,
    #get-started h3,
    #trusted-cloud h3 {
        padding-top: 4%;
    }



    .azure-consultation, .azure-deployment {
        background-color: #dbeef4;
        width: 31%;
        margin-right: 15px;
        min-height: 215px;
    }

    .azure-deployment {
        background-color: #c9e1e9;
    }

    #offerings {
        margin-bottom: 0;
    }

    section {
        padding: 25px 0 25px 0;
    }

    .about-img {
        margin-top: 20px;
    }

    #services {
        padding-bottom: 70px;
    }

    .service-onbording {
        width: 31.5%;
        background-color: #0098db;
    }

    .service-migration {
        width: 31.5%;
        margin-left: 23px;
        background-color: #e61d26;
    }

    .service-admin-service {
        width: 31.5%;
        margin-left: 23px;
        background-color: #00854e;
    }

    .btn {
        font-size: 17px;
    }

    .p-0-all {
        padding: 0px 0px !important;
    }

    .p-t-one-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 50px;
    }

    .icon-p-t-one-line {
        padding: 0px 15px !important;
        line-height: 25px !important;
        display: inline-block;
    }

    .p-t-two-line,
    .p-t-three-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-two-line,
    .icon-p-t-three-line {
        padding-top: 26px !important;
        padding-right: 15px !important;
        padding-bottom: 26px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }



    .calling-teams-comparison .packages-column p {
        border-bottom: 0px !important;
    }

    .use-case-comparision-headings {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

        .use-case-comparision-headings h5 {
            text-align: center;
            font-weight: 600;
            font-size: 18px;
        }

    .use-case-comparision .headings p {
        font-weight: 600;
        text-align: center;
    }

    .use-case-comparision p {
        text-align: center;
        font-size: 14px;
    }

    .use-case-comparision .listing-row .plan p {
        text-align: left !important;
    }


    .use-case-comparision-funtionalities {
        background-color: #ffffff;
    }

        .use-case-comparision-funtionalities .headings {
            background-color: #333333;
            padding: 15px 0px;
        }

            .use-case-comparision-funtionalities .headings h5 {
                color: #ffffff;
            }

    .current-situation {
        background-color: #f4fcff;
    }

        .current-situation .headings {
            background-color: #0d6c9b;
            padding: 15px 0px;
        }

            .current-situation .headings h5 {
                color: #ffffff;
            }

    .machcloud-teams-situation {
        background-color: #f7f7f7;
    }

        .machcloud-teams-situation .headings {
            background-color: #0e9588;
            padding: 15px 0px;
        }

            .machcloud-teams-situation .headings h5 {
                color: #ffffff;
            }


    input {
        height: 0px !important;
    }


    .form-horizontal input,
    .domain-offer-section input,
    .free-consult-form input,
    .form-webinar input {
        height: 50px !important;
    }

    .form-horizontal .checkbox input {
        height: 20px !important;
    }

    #microsoft365-features .items,
    .why-web-hosting .items {
        padding: 35px 0px 0px 0px;
    }

    .microsoft-icons {
        margin-top: 15px;
    }

    .offset-1 {
        margin-left: 12%;
        margin-right: 12%;
    }

    .icon__wrap {
        position: relative;
    }

    .icon__description {
        position: absolute;
        bottom: 25px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 350px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .icon__description {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    #voice-comparison .heading {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    #voice-comparison .grey-section,
    #voice-comparison .maroon-section,
    #voice-comparison .green-section {
        color: #ffffff;
        text-align: center;
        font-size: 25px;
        line-height: 40px;
        padding: 5px 0 6px 20px;
        font-weight: 600;
        min-height: 60px;
    }

    #voice-comparison .grey-section {
        background-color: #333333;
    }

    #voice-comparison .maroon-section {
        background-color: #d12127;
    }

    #voice-comparison .green-section {
        background-color: #1fbb25;
    }

    #voice-comparison #accordion .panel {
        padding: 25px 0px 25px 20px;
    }

    #voice-comparison #FAQ .box-content {
        padding: 0px 5px 0px 0px;
    }

    #careers-content h3 {
        font-size: 25px;
        text-align: left;
        padding-top: 10px;
        font-weight: 500;
    }

    #careers-content h4 {
        color: #0073c6;
        font-size: 21px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: 500;
    }

    #training-packages-section .jobs-heading {
        color: #d12127;
        font-size: 24px;
        font-weight: 400;
        padding-top: 15px;
    }

    #training-packages-section p.jobs-title {
        color: #0073c6;
        font-size: 20px;
        font-weight: 400;
        padding-top: 7px;
    }

    .careers-footer p {
        font-size: 15px;
    }

    #training-packages-section .training-packages .careers-positions .box {
        padding-bottom: 6% !important;
    }

    #training-packages-section .training-packages .careers-positions .box-content {
        padding: 20px 0px 0px 0px;
    }

    #div_FreeConnector p.simple-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 0px;
    }

    #div_FreeConnector p.headings {
        font-size: 18px;
        line-height: 25px;
        font-weight: 600;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .configurator-promotion-text {
        background-color: #fff000;
        margin: 50px 0px 0px 0px;
        border-radius: 5px;
        padding-bottom: 15px;
    }

        .configurator-promotion-text h3 {
            text-align: center;
            font-size: 22px;
            font-weight: 600;
            line-height: 25px;
            padding: 15px 0px 15px 0px !important;
            color: #000000;
        }

    #banner-homepage {
        margin-top: 100px;
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 800px;
    }

        #banner-homepage .banner-img-position {
            padding-top: 0%;
            padding-bottom: 1%;
        }

        #banner-homepage .banner-text-position {
            position: relative;
        }

        #banner-homepage img {
            margin-top: 40px;
        }





    .pictogram_inner {
        background-color: #fff;
        border: 1px solid #000000;
        border-radius: 3px;
        flex-direction: column;
        padding: 20px 10px;
        min-height: 250px;
    }

    .pictogram_inner_bar {
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        margin-bottom: 15px;
        width: 50px;
    }

    .pictogram_inner h4 {
        font-weight: 600;
        font-size: 21px;
        line-height: 26px;
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .pictogram_inner a.sub-category {
        font-size: 17px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
    }

    .pictogram_inner a.arrow-red {
        background-image: url(/Resources/images/icons/arrow-black.png);
        background-position: 100% 8px;
        background-repeat: no-repeat;
    }

        .pictogram_inner a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-black.png);
            background-position: 100% 8px;
            background-repeat: no-repeat;
        }

    .machcloud-Pictogram-icons {
        margin-top: 10px;
    }

        .machcloud-Pictogram-icons .elegant {
            float: left;
        }

        .machcloud-Pictogram-icons h5 {
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            color: #000;
        }

    .pricing-plans h3 span.main-heading {
        display: block;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }

    .pricing-plans h3 span.sub-heading {
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        padding-top: 10px;
        line-height: 35px;
    }

    .plans-grey-bg .box {
        background-color: #fcfcfc !important;
        box-shadow: none !important;
    }
    

    .ms-icons-min-height {
        min-height: 240px;
    }

    .box-maroon-header .heading h4 {
        font-size: 27px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    .box-maroon-header p {
        padding: 5px 5px 10px 5px;
        font-size: 17px;
        line-height: 24px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
    }

    .box-maroon-header .microsoft-icons p {
        color: #000000;
    }

    .box-maroon-header .price-section {
        padding-top: 10px;
    }

    #become-a-partner-banner .home-page .inner-banner h1 {
        font-size: 37px !important;
        padding-bottom: 10px;
        font-weight: 600;
    }

    #become-a-partner-banner .home-page p {
        font-size: 20px !important;
        /*font-weight: 500;*/
        padding-right: 50px;
    }

    #homepage-banner {
        background-image: url(/Resources/images/header/banner-cloud-voice-solution.jpg);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
        margin-top: 87px;
    }

        #homepage-banner h1 {
            font-size: 50px !important;
            padding-bottom: 10px;
            font-weight: 700;
        }

        #homepage-banner h1,
        #homepage-banner p {
            color: #000;
        }

        #homepage-banner p {
            font-size: 30px;
            font-weight: 600;
            line-height: 40px !important;
        }

        #homepage-banner .inner-banner {
            position: relative;
            bottom: 80px;
            text-align: left;
        }

    .offerings-box .box-content {
        text-align: left !important;
        padding-left: 30px;
    }

        .offerings-box .box-content .term {
            padding-top: 15px !important;
            padding-bottom: 0px !important;
        }

    .pricing-plans .offerings-box {
        box-shadow: none !important;
        background-color: #f9f9f9;
        border-radius: 0px !important;
        border: none !important;
    }

    .maroon-divider {
        width: 2px;
        height: 350px;
        margin-top: 80px;
        background-color: #d12127;
        background-repeat: repeat;
        float: left;
    }

    .pricing-plans .offerings-box h4 {
        font-size: 35px;
        line-height: 40px;
        font-weight: 700;
    }

    .pricing-plans .offerings-box p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .pricing-plans .offerings-box .country-select {
        background-color: #f9f9f9 !important;
    }

    .offerings-width-4 {
        width: 33% !important;
    }
    /*promotion pages css begin*/
    .vertically-align-parent {
        position: relative;
        min-height: 80px;
    }

    .vertically-align-child {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .promo-success p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 15px;
    }

    .promo-success ol {
        padding-left: 20px;
    }

        .promo-success ol li {
            font-size: 17px;
            line-height: 30px;
            padding-left: 5px;
        }

    .promo-failure p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
    }


    #banner-gratis {
        background: url(/Resources/images/promotions/banner-gratis.jpg) no-repeat;
    }

    #banner-gratis-success {
        background: url(/Resources/images/promotions/banner-gratis-success.jpg) no-repeat;
    }

    #banner-gratis-failure {
        background: url(/Resources/images/promotions/banner-gratis-failure.jpg) no-repeat;
    }

    #banner-gratis h1 {
        padding-top: 15px;
        color: #d12127 !important;
    }

    #banner-gratis p {
        color: #000000 !important;
        font-weight: 600;
    }
    #banner-gratis,
    #banner-gratis-success,
    #banner-gratis-failure {
        background-position: center center !important;
        background-size: cover !important;
        min-height: 500px;
        margin-top: 87px;
    }

        #banner-gratis p,
        #banner-gratis-success p,
        #banner-gratis-failure p {
            color: #000000;
        }
        #banner-gratis-success a {
            font-size: 17px;
            display: inline-block;
            padding-top: 30px;
        }
        #banner-gratis-success .arrow {
            position: absolute;
            margin-top: -8px;
        }

    .gratis-faqs .box-faqs {
        border-bottom: 1px solid #f2f2f2;
        margin: 0px 0px 10px 0px;
        background-color: transparent !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: table;
        min-height: 45px;
        overflow: hidden;
        box-shadow: none !important;
        width: 100%;
    }

    #FAQ .gratis-faqs .box-faqs .box-content {
        padding: 0px !important;
    }

    #FAQ .gratis-faqs #accordion .panel-title a:before,
    #FAQ .gratis-faqs #accordion .panel-title a.collapsed:before {
        top: 15px;
    }

    #FAQ .gratis-faqs .panel-default {
        padding: 16px 8px 22px 0;
    }

    #FAQ .gratis-faqs #accordion .panel {
        min-height: 50px;
    }

    #FAQ .gratis-faqs #accordion .panel-title a {
        font-weight: 600 !important;
        font-size: 18px !important;
    }

    .description-bottom {
        position: absolute;
        top: 20px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 800px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .description-bottom {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    .description-bottom ul {
        padding-left: 20px;
    }
    /*End promotion pages css*/
}
@media (min-width:992px) and (max-width:1199px) {
    .one-stop-shop {
        margin-top: 10px;
    }
    .p-l-0-md {
        padding-left: 0px !important;
    }

    .banner-offer-btn {
        text-align: center;
    }

    h1 {
        font-weight: 700;
        font-size: 35px !important;
    }
    h2,
    h2 span {
        font-size: 31px !important;
        font-weight: 600 !important;
        line-height: 40px !important;
        
    }
    .banner-text-position,
    .banner-img-position {
        display: table;
        min-height: 500px;
        overflow: hidden;
    }

    .inner-banner,
    img {
        display: table-cell;
        vertical-align: middle;
    }
        .inner-banner ul.circle-bullets-teams {
            padding-top: 15px;
            padding-left: 20px;
        }
    #banner-use-cases {
        background-color: #baf3fd;
        background-repeat: repeat-x;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }
    #banner-use-cases .inner-banner {
        padding-top: 15%;
    }
        #banner-use-cases .inner-banner p {
            text-align: center !important;
            padding-top: 10px;
        }
    .inner-banner {
        padding-top: 0%;
    }
    #use-case-100 .right {
        padding: 40px 40px 40px 0px;
    }
    .shopProducts .text-section {
        padding-top: 8%;
    }

    #reseller .text-section {
        padding-top: 5%;
    }

    .menu-resources {
        margin-top: 15px;
    }

    .partner-selection {
        margin-top: 20px;
    }

    .page-heading h1 {
        font-size: 45px;
        line-height: 60px;
        font-weight: 600;
        color: #000000;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md,
    .text-position {
        text-align: right;
    }

    .text-left-md {
        text-align: left;
    }

    .azure-content h2,
    .azure-content h3 {
        font-size: 25px;
        margin: 0 !important;
        line-height: 36px;
        text-align: left;
    }

    .support-img h3 {
        padding-top: 20%;
    }

    #machcloud-offerings .machcloud-offer {
        text-align: left;
        color: #666;
    }

    #whymccloud h2 {
        margin-bottom: 60px;
    }

    .virtual-machine-tabs .columns {
        width: 12.5% !important;
        text-align: center;
    }

    .reliable-platform span {
        display: block;
    }

        .reliable-platform span.f-light {
        }

    .heading-padding-10 {
        padding-left: 10%;
        padding-right: 10%;
    }

    #trademarks-banner {
        background: url(/Resources/images/trademarks/banner-trademarks.png) no-repeat;
        min-height: 500px;
        background-size: cover;
    }

    #banner-unified-services {
        background: url(/Resources/images/UnifiedServices/banner-UnifedServices.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-web-hosting {
        background: url(/Resources/images/header/banner-web-hosting.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #sip-trunking {
        background: url(/Resources/images/sip-trunking/banner-sip-trunking-bg.png) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 70px;
        max-height: 900px;
    }

    #hosted-voip {
        background: url(/Resources/images/hosted-voip/banner-hosted-voip-bg.png) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        max-height: 900px;
    }

    #banner-calling-teams {
        background: url(/Resources/images/callingteams/banner-callingTeams.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-email-collaboration {
        background: url(/Resources/images/EmailCollaboration/banner-email-collaboration.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-migration-services {
        background: url(/Resources/images/MigrationSkypeTeams/banner-migration-skype-teams.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-case-studies {
        background: url(/Resources/images/CaseStudies/banner-case-studies.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }





    #banner-product-videos {
        background: url(/Resources/images/ProductVideos/banner-product-videos.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-virtual-desktop {
        background: url(/Resources/images/VirtualDesktop/banner-virtual-desktop.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-telephony-service {
        background: url(/Resources/images/TelephonyService/banner-telephony-service.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-training {
        background: url(/Resources/images/Training/banner-training.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }



    #banner-CloudPBX-setup {
        background: url(/Resources/images/header/banner-CloudPBX-setup.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-teams-DR {
        background-color: #5355ad;
        background-image: url(/Resources/images/direct-routing-teams/banner-direct-routing-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 500px;
        margin-top: 87px;
    }

        #banner-teams-DR h1 {
            font-size: 40px;
            font-weight: 700;
            text-shadow: 1px 1px #000;
            text-align: left;
            color: #ffffff;
        }

    .post-content {
        padding: 20px 15px 0px 15px;
        position: relative;
    }


    .post-title {
        font-size: 13px;
        font-weight: bold;
        color: #0073c6;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        transition: all 0.30s linear 0s;
    }

        .post-title:after {
            content: "";
            width: 25px;
            display: block;
            margin-top: 10px;
            border-bottom: 4px solid #333;
        }

    .post-description {
        font-size: 13px;
        color: #555;
        margin-bottom: 10px;
        min-height: 125px;
    }
    .webinar-post .post-title {
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 25px !important;
    }
    #ClientsWebinar .post-description {
        min-height: 130px;
    }
    #ClientsWebinar .webinar-post .post-title {
        min-height: 80px;
    }
    .parallel-two-btns {
        padding-top: 20px;
    }

    #why-choose-us .post-slide {
        min-height: 450px;
    }

    #page-service-section .items {
        margin-top: 25px;
    }

    .post-slide {
        margin: 0 20px;
        background: #fff;
        margin-bottom: 2em;
    }
    .webinar-post .post-slide {
        box-shadow: 0px 0px 2px 1px rgb(236, 236, 236);
        background-color: #fdfdfd;
        min-height: 580px;
    }
    .CallingPlanTabsHeading {
        font-size: 27px;
        font-weight: 600;
    }

    .usps-keypoints-features {
        text-align: left;
        padding: 15px 0px 5px 0px !important;
    }

        .usps-keypoints-features h5 {
            font-size: 18px;
            text-align: left;
            color: #000000;
            margin-top: 0px;
            padding-top: 25px;
            line-height: 28px;
            font-weight: 600;
        }

    #FAQ #accordion .panel {
        min-height: 70px;
    }

    #FAQ .box-content {
        padding: 10px 15px 0px 15px;
    }

    .items-style {
        margin-top: 25px;
    }

    .menu-partner {
        margin-top: 55px;
    }

    .menu-partner-btn {
        padding-top: 50px;
    }

    #machcloud-trademarks .img-section {
        padding-top: 4%;
    }

    #machcloud-thirdparty .img-section {
        padding-top: 2%;
    }

    #div_SubTotal ul.greenbullets,
    .configurator-bullets ul.greenbullets {
        padding-left: 0px;
        font-size: 14px;
    }

        #div_SubTotal ul.greenbullets li,
        .configurator-bullets ul.greenbullets li {
            line-height: 22px;
        }

    .configurator-small-text p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
    }

    #BasicPlus ul.greenbullets {
        padding-left: 25px;
    }

    .products-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }

    .partners-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }
    /*Begin homepage-partner-section*/
    .homepage-partner-section {
        background: #d12025;
        padding: 5px 0px 20px 0px;
        color: #ffffff;
    }

        .homepage-partner-section h2 {
            color: #ffffff;
            font-size: 50px;
            font-weight: 600;
            line-height: 100%;
            border-right: 1px solid #fff;
            text-align: left;
        }

        .homepage-partner-section h5 {
            color: #ffffff;
            font-size: 15px;
        }
    /*End homepage-partner-section*/


    /*Begin Plans and pricing slider section*/
    .machcloud-product-plans .img-section {
        margin-top: 30px;
    }

    .plans-sider {
        padding: 20px 0px 20px 0px;
        background-color: #ffffff;
        border-radius: 10px;
        border: 1px solid #f9f9f9;
    }

    .machcloud-product-plans .slider-plans-img {
        background-image: url(/Resources/images/plans-image.png);
        background-position: top center;
        background-repeat: repeat;
        background-size: auto;
        height: 100%;
        min-height: 260px;
        border-radius: 5px;
        background-size: cover;
    }

    .machcloud-product-plans .data {
        position: absolute;
        bottom: 0;
        padding: 10px 20px 10px 0px;
        margin-bottom: 0px;
        background-color: #000000;
        opacity: 1;
        width: 100%;
    }

        .machcloud-product-plans .data h3 {
            font-size: 20px;
            padding-left: 10px;
            padding-top: 0px;
            color: #ffffff;
            line-height: 30px;
            font-weight: 400;
            margin-bottom: 0px;
        }



    .plans-img-btn .btn {
        padding: 8px 15px !important;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }


    .slider-section .media-carousel .carousel-indicators {
        top: 20px;
    }

    .slider-section .media-carousel .carousel-control.left {
        left: 35px;
    }

    .slider-section .media-carousel .carousel-control.right,
    .slider-section .media-carousel .carousel-control.left {
        margin-top: 2%;
        z-index: 111;
    }
    .slider-plans-content .offer-price {
        padding-left: 0px !important
    }
    .slider-plans-content .promotion-price {
        padding-left: 10px;
    }
    .slider-plans-content {
        position: relative;
        padding: 40px 5px 0px 20px;
    }

        .slider-plans-content h3 {
            text-align: left;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 24px;
            line-height: 35px;
            font-weight: 600;
            color: #000000;
        }

    .slider-plans-sub-heading {
        color: #000000;
        font-size: 18px;
        padding-top: 5px;
    }

    .slider-plans-offer-duration {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

    .slider-plans-billing-cycle {
        color: #0073c6;
        font-weight: 400;
        font-size: 16px;
        display: block;
        padding-top: 10px;
    }

    .slider-plans-starting {
        color: #e1261c;
        font-size: 23px;
        display: block;
    }

    .slider-plans-originally {
        color: #000000;
        font-size: 20px;
        display: block;
    }

    .slider-plans-price {
        font-size: 30px;
        line-height: 25px;
        display: block;
        padding-top: 10px;
        font-weight: 600;
    }

    .slider-plans-content .offer-font-light {
        font-size: 25px;
        line-height: 30px;
        font-weight: 400;
    }

    .slider-plan-btn {
        margin-top: 35px;
    }

    .slider-plans-content .btn {
        padding: 6px 15px 8px 15px !important;
        font-size: 18px;
    }

    .machcloud-products {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 10%;
    }

        .machcloud-products a {
            font-size: 13px;
        }

    .product-image {
        text-align: center;
        padding-top: 10%;
    }

    .virtual-machine-features .product-image {
        text-align: center;
        padding: 30px 0px;
        margin-top: 0%;
    }

    .products-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    .machcloud-products .products-content h5 {
        padding-top: 0px !important;
        color: #333;
        line-height: 20px !important;
        font-size: 12px;
    }
    /*End Plans and pricing slider section*/
    #machcloud-plans-pricing h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .pricing-plans {
        text-align: center;
    }

        .pricing-plans h3 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
            min-height: 60px;
        }

        .pricing-plans h4 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
        }

        .pricing-plans p {
            font-size: 14px;
            line-height: 20px;
        }

        .pricing-plans img {
            padding-top: 10px;
            padding-right: 10px;
        }



    #machcloud-plans-pricing nav ul li {
        border: 1px solid #e3e2e2 !important;
        background: #fafafa;
        padding: 10px 15px;
        text-align: center;
        font-size: 23px;
        font-weight: 600;
        color: #000;
    }

        #machcloud-plans-pricing nav ul li.active {
            color: #fff;
            background: #d12127;
            border-bottom-color: #e3e2e2;
        }

            #machcloud-plans-pricing nav ul li.active a {
                background-color: transparent !important;
            }

        #machcloud-plans-pricing nav ul li a:hover,
        #machcloud-plans-pricing nav ul li a:focus {
            background-color: transparent !important;
            color: #000;
        }



    #machcloud-plans-pricing .nav-tabs {
        border-bottom: 0px;
    }

    #machcloud-plans-pricing .tab-content {
        margin-top: 0px;
    }



    #web-essentials .form-control {
        background-color: #ffffff;
        border: 1px solid #0078d4;
        color: #333333;
    }

    #web-essentials {
        background-color: #f9f9f9;
    }

        #web-essentials .img-section {
            margin-top: 3%;
        }

        #web-essentials h2 {
            margin-top: 0px;
            margin-bottom: 0px;
        }


    /*Begin Home page services sections*/
    .why-web-hosting .img {
        background-image: url(/Resources/images/why-web-hosting.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .services-support .left {
        background-image: url(/Resources/images/services-support.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .use-case-b .left {
        background-image: url(/Resources/images/use-case-b.jpg) !important;
        min-height: 500px !important;
    }

    .why-ssl .left {
        background-image: url(/Resources/images/ssl-unified-management.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 0px 0px 0px 0px;
        float: left;
        min-height: 450px;
        position: relative;
    }

    .why-ssl .text-section {
        padding-left: 70px;
    }

    .services-support .left .data {
        background: rgba(209, 33, 39, 0.9);
        color: #fff;
        padding: 20px 35px;
        position: absolute;
        right: 0;
        max-width: 400px;
        margin-top: 35.5%;
    }

        .services-support .left .data h3 {
            font-size: 30px;
            font-weight: 600;
            line-height: 110%;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .services-support .left .data h4 .font-light {
            font-weight: 400;
            font-size: 25px;
            line-height: 140%;
        }

    .middle-container {
        display: table;
        min-height: 100%;
    }

    .w-100 {
        width: 100% !important;
        min-width: 100%;
    }

    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }



    .services-support h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 100%;
        color: #ffffff;
    }

    .services-support h4 {
        font-weight: 400;
        font-size: 25px;
    }

    .services-support .right {
        padding: 30px;
        max-width: 800px;
        float: left;
        padding: 40px 0px 40px 60px;
    }

        .services-support .right h3 {
            font-size: 25px;
            line-height: 140%;
            font-weight: 600;
        }

        .services-support .right h2 {
            padding-left: 10px;
        }

    .services-support .items {
        padding: 15px 0px 0px 0px;
        float: left;
        transition: all 0.3s ease-in-out;
        width: 100%;
    }

        .services-support .items .name {
            font-size: 19px;
            font-weight: 700;
            color: #000000;
            margin: 00px 0px;
        }

        .services-support .items p {
            font-size: 15px;
            line-height: 160%;
            margin-top: 10px;
        }
    /*End Home page services sections*/

    /*Begin SSL Certificate page*/
    .ssl-page-heading {
        margin-top: 80px;
    }

        .ssl-page-heading h2 {
            margin-bottom: 0px;
        }

        .ssl-page-heading h4 {
            line-height: 30px;
        }

    .tabs-section .bordered {
        text-align: left;
    }

    .fasttrack-plans h3 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    .fasttrack-plans ul {
        padding-left: 0px;
        list-style: none;
    }

        .fasttrack-plans ul li {
            font-size: 15px;
            line-height: 25px;
            text-align: left;
        }

    .fasttrack-plans .box {
        display: inline-block;
        width: 100%;
        padding-bottom: 2%;
    }

    .fasttrack-plans .plan-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        padding-top: 50px;
    }

    .fasttrack-plans-btn {
        margin-top: 40px;
    }

    .box {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 3%;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .box-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

        .box-content .p-name {
            font-weight: 600;
            font-size: 25px;
            text-align: center;
        }

        .box-content .p-price {
            color: #000000;
            font-size: 36px;
            font-weight: 700;
            display: contents;
            letter-spacing: 0px;
            padding-top: 10px;
        }

        .box-content h3 {
            margin-top: 0px;
        }

        .box-content p {
            margin-top: 0px;
        }

        .box-content .term {
            display: block;
            font-weight: 600;
            padding-bottom: 10px;
            padding-top: 10px;
        }

    .box-shadow {
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        min-height: 330px;
    }

    #partner-features h2 {
        font-weight: 600;
        margin-bottom: 0px;
    }

    .box-shadow .box-content h3 {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
        line-height: 25px;
        min-height: 60px;
    }

    .box-shadow .box-content p {
        font-size: 15px;
    }




    .box-btn {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    #ssl-certificate-features h2 {
        margin-bottom: 0px;
        text-align: left;
    }

    .get-ssl-certificate .post-title {
        color: #000000;
        text-transform: none;
        border-bottom: 0px;
        margin-bottom: 0px;
    }

    .get-ssl-certificate h3 {
        margin-bottom: 0px;
    }

        .get-ssl-certificate h3::after {
            margin: 0px 0px;
        }


    .get-ssl-certificate .post-title::after {
        border-bottom: 0px;
    }
    /*End SSL Certificate page*/
    .tabs-section .tab-content {
        margin-top: 20px;
    }

    .tabs-section .nav-tabs {
        border-bottom: 0px;
    }

        .tabs-section .nav-tabs > li {
            width: 20%;
        }

            .tabs-section .nav-tabs > li a:hover {
                background: transparent;
            }

        .tabs-section .nav-tabs a {
            background-color: transparent !important;
            color: #000000 !important;
            text-align: center;
        }

    .tabs-btn-design .nav-tabs a:hover,
    .tabs-btn-design .nav-tabs .active a {
        color: #d12127 !important;
        border-bottom: 1px solid #d12127 !important;
    }

    .tabs-menu {
        background-color: #f7f7f7;
        padding-top: 10px;
        padding-bottom: 10px;
    }



    /*Begin partners-dropdown-menu*/
    .navbar-right .dropdown-menu.partners-dropdown-menu,
    .navbar-right .dropdown-menu.products-dropdown-menu {
        padding-bottom: 0%;
    }


    .partners-dropdown-menu .box {
        margin-top: 0% !important;
    }

    .partners-dropdown-menu .box-content {
        padding-top: 5px;
    }


    .arrow-next-white {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-red {
        background-image: url(/Resources/images/icons/arrow-red.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-grey {
        background-image: url(/Resources/images/icons/arrow-grey.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    a.category {
        font-size: 15px;
        text-decoration: none;
        color: #000000;
        padding-right: 15px;
    }

    a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
        padding-left: 15px;
    }



    .vertical-tab-content ul,
    .vertical-content ul {
        list-style: none;
        padding-top: 10px;
        padding-left: 0px;
    }


        .vertical-tab-content ul li,
        .vertical-content ul li {
            padding-top: 5px;
        }

    a.category ul {
        list-style: none;
    }





    .img-section .data .red-band h3 .f-light {
        font-size: 13px;
        font-weight: 600 !important;
        display: block;
        line-height: 100%;
        text-transform: uppercase;
    }

    .partners-dropdown-menu .box-content {
        text-align: left;
    }

        .partners-dropdown-menu .box-content h3.label-heading {
            text-align: left;
            font-weight: 600;
            font-size: 23px;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h3,
        .partners-dropdown-menu .box-content h3::after {
            margin: 0px 0px 0px 0px;
        }

        .partners-dropdown-menu .box-content h5 {
            text-align: left;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h6 {
            padding-top: 5px;
            font-size: 15px;
            padding-left: 5px;
            text-align: left;
            line-height: 25px;
        }

    .partners-dropdown-menu .label-icons {
        text-align: center;
        margin-top: 2%;
        display: inline-block;
        width: 32.5%;
    }


    /*End partners-dropdown-menu*/

    /*begin virtual machine page css*/
    .project-tab {
        padding: 0 0 0px 0;
    }

        .project-tab .tab-content {
            margin-top: 0px;
        }

    #ssl-plans ul.tabs-btn-design {
        max-width: 100%;
        margin: 30px auto 30px;
    }

    #machcloud-plans-pricing ul.tabs-btn-design {
        max-width: 950px;
        margin: 30px auto 30px;
    }

    #mach-phones-plans ul.tabs-btn-design {
        max-width: 600px;
        margin: 30px auto 30px;
    }
    /*begin css for White box style plans*/



    .plans-white-box-style .box {
        min-height: 520px;
    }

    .plans-white-box-style .box-content h3 {
        margin-bottom: 0px;
        font-size: 30px;
        font-weight: 700;
        line-height: 25px;
        min-height: 0px;
    }

    .plans-white-box-style .box-content h5 {
        font-size: 18px;
        line-height: 30px;
        color: #333333;
        padding-bottom: 17px;
    }

    .plans-white-box-style .box-content p {
        font-size: 15px;
    }
    /*end css for White box style plans*/

    ul.tabs-btn-design {
        background: rgba(255, 255, 255, 0.1);
        overflow: hidden;
        margin: 0 auto 40px;
        max-width: 600px;
        display: flex;
    }

        ul.tabs-btn-design.two-tabs {
            max-width: 900px !important;
        }

    #machteams-plans ul.tabs-btn-design {
        margin: 0 auto 20px !important;
    }

    ul.tabs-btn-design li {
        margin: 0 !important;
        flex: 1;
        background-color: #f1f1f1 !important;
    }

        ul.tabs-btn-design li.active a {
            color: #ffffff !important;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            content: '';
            background-color: #d12127 !important;
            border-bottom: 0 !important;
        }

        ul.tabs-btn-design li.active a,
        ul.tabs-btn-design li a {
            margin: 0 !important;
            padding: 15px 0px;
            font-size: 17px;
            line-height: 24px;
            color: #000000;
            font-weight: 500;
            transition: all .3s ease-in-out;
            text-align: center;
            border-bottom: 2px solid #d12127 !important;
            border-right: 1px solid #eee;
        }


            ul.tabs-btn-design li.active a:hover,
            ul.tabs-btn-design li a:hover {
                background-color: #d12127 !important;
                color: #ffffff !important;
            }



    .project-tab a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

    .project-tab .board-inner .nav-tabs {
        border-bottom: 0px;
    }

    .listing-row {
        border-top: 1px solid #e3e2e2;
        border-bottom: 0px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .project-tab .plan {
        font-weight: 600;
        padding-right: 20px !important;
        line-height: 120%;
    }

    .project-tab .tag {
        font-size: 12px;
        color: #989898;
        line-height: 130%;
        font-weight: 400;
    }

    .project-tab .headings {
        padding-bottom: 10px;
    }

    .listing-row .terms .nav-tabs {
        width: 150px;
        float: left;
        margin: auto 12px auto 0px;
        top: 0;
        bottom: 0;
        display: flex;
        border-bottom: 0px;
    }

        .listing-row .terms .nav-tabs li {
            padding: 0px;
            position: relative;
            background: #fff;
            overflow: hidden;
            border: 1px solid #e2e2e2 !important;
            width: 100%;
            text-align: center;
            margin: 0px -1px;
        }

            .listing-row .terms .nav-tabs li a {
                text-transform: uppercase !important;
                font-size: 12px !important;
                color: #000;
                font-weight: 400 !important;
                padding: 5px 5px !important;
                margin: 0px !important;
            }

        .listing-row .terms .nav-tabs .active a,
        .listing-row .terms .nav-tabs a:hover {
            background: #1fc0d1 !important;
            color: #fff !important;
        }


        .listing-row .terms .nav-tabs li:last-child {
            border-radius: 0px 5px 5px 0px;
        }

    .listing-row .price {
        font-weight: 700;
        color: #1fc0d1;
        padding-top: 5px;
    }

        .listing-row .price .tab-content {
            margin-top: 0px;
        }

    .listing-row .p-price h2,
    .listing-row .p-price h2 span {
        font-size: 15px;
        font-weight: 600;
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .listing-row .btn {
        padding: 5px 10px;
    }

    .help-section {
        background: #d12025;
        padding: 50px 0px 50px 0px;
        color: #ffffff;
    }

        .help-section h2 {
            color: #ffffff;
            font-weight: 600;
            line-height: 97%;
            text-align: left;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .help-section p {
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            margin-bottom: 0;
            padding-top: 15px;
        }
    /*end virtual machine page css*/

    #vps-includes h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000;
    }

    .vps-includes {
        padding: 35px 60px;
        background: #fff;
        box-shadow: 0 0 44px rgba(0,0,0,.15);
        border-radius: 10px;
        margin-bottom: 30px;
    }

        .vps-includes h3 {
            font-size: 16px;
            font-weight: bold;
            color: #0073c6;
            margin: 0 0 10px 0;
            text-transform: uppercase;
            transition: all 0.30s linear 0s;
        }

            .vps-includes h3::after {
                content: "";
                width: 25px;
                display: block;
                margin-top: 10px;
                border-bottom: 4px solid #2f39bf;
            }


    #vps-includes .section-heading {
        border-right: 1px solid #ccc;
        min-height: 140px;
    }

    #go-local h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 38px;
        font-weight: 600;
    }

    #go-local h3 .f-light {
        font-size: 45px;
        font-weight: 200 !important;
    }

    .f-light {
        font-weight: 200 !important;
    }

    #go-local h3 {
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 100%;
    }

    #go-local .box-wraper {
        border-right: 1px solid #ccc;
        padding-right: 20px;
        background-position: top 5px right 20px !important;
        height: 100%;
        min-height: 180px;
    }

    .vps-reliable-platform-icons {
        background-repeat: no-repeat;
        background-position-x: right 20px;
        background-position-y: top 20px;
        background-size: auto;
    }

    .vps-architecture {
        background-image: url(/Resources/images/vps-architecture.png);
    }

    .vps-security {
        background-image: url(/Resources/images/vps-security.png);
    }

    .vps-performance {
        background-image: url(/Resources/images/vps-performance.png);
    }

    .legal p {
        line-height: 23px;
        font-size: 15px;
        text-align: justify;
    }

    .legal h6 {
        float: left;
        margin-right: 10px !important;
        margin-top: 0;
    }

    .legal h3.subheading {
        font-size: 19px;
        color: #333;
    }

    .legal h2, .legal h2 span {
        font-size: 21px !important;
        text-align: left;
        padding-top: 10px;
    }

    #banner-devices h6 {
        text-align: left;
    }

    .device-price {
        padding-top: 15px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: 600 !important;
    }

    .phone-bundle-btn {
        margin-top: 40px;
    }

    #go-local .sub-heading {
        border-right: 1px solid #e8e8e8;
    }

    #go-local h4 {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 25px;
    }

    #go-local p {
        font-size: 15px;
    }

    .width-20-per {
        width: 20% !important;
    }
    .width-25-md {
        width: 25% !important;
    }
    .PartnerSelection {
        margin-top: 20px;
    }
    .box-btn .large-btn {
        padding: 10px 30px !important;
        font-size: 17px;
    }

    .PrivateLabel {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #f9f9f9;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .TrustedAdvisor {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .width-10-per {
        width: 10% !important;
    }
    /*begin buttons css*/
    .btn-white {
        background: #fff;
        border-color: #fff;
        color: #000;
    }

        .btn-white.active,
        .btn-white.focus,
        .btn-white:active,
        .btn-white:focus,
        .btn-white:hover,
        .open > .dropdown-toggle.btn-white {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
        }

    .btn-white-blank {
        color: #fff;
        background-color: transparent;
        border-color: #fff !important;
    }

        .btn-white-blank.active,
        .btn-white-blank.focus,
        .btn-white-blank:active,
        .btn-white-blank:focus,
        .btn-white-blank:hover,
        .open > .dropdown-toggle.btn-white-blank {
            color: #333;
            background-color: #fff;
            border-color: #fff;
        }



    .btn-grey {
        background: #4e4e4e;
        border-color: #4e4e4e;
        color: #fff !important;
        font-weight: 300;
    }

        .btn-grey.active,
        .btn-grey.focus,
        .btn-grey:active,
        .btn-grey:focus,
        .btn-grey:hover,
        .open > .dropdown-toggle.btn-grey {
            background: #3d3d3d;
            border-color: #3d3d3d;
            outline: 0;
            color: #fff !important;
        }

    .btn-blue {
        color: #fff !important;
        background-color: #0098db;
        border-color: #aad3ef;
    }

        .btn-blue.active,
        .btn-blue.focus,
        .btn-blue:active,
        .btn-blue:focus,
        .btn-blue:hover,
        .open > .dropdown-toggle.btn-blue {
            color: #0098db !important;
            background-color: transparent;
            border-color: #0098db;
        }

    .btn-blue-blank {
        color: #0098db !important;
        background-color: transparent;
        border-color: #aad3ef;
    }

        .btn-blue-blank.active,
        .btn-blue-blank.focus,
        .btn-blue-blank:active,
        .btn-blue-blank:focus,
        .btn-blue-blank:hover,
        .open > .dropdown-toggle.btn-blue-blank {
            color: #ffffff !important;
            background-color: #0098db;
            border-color: #0098db;
        }

    .btn-maroon,
    .btn-general {
        background: #d11f22 !important;
        border-color: #e83f2c !important;
        color: #fff !important;
    }

        .btn-maroon.active,
        .btn-maroon.focus,
        .btn-maroon:active,
        .btn-maroon:focus,
        .btn-maroon:hover,
        .open > .dropdown-toggle.btn-maroon,
        .btn-general.active,
        .btn-general.focus,
        .btn-general:active,
        .btn-general:focus,
        .btn-general:hover,
        .open > .dropdown-toggle.btn-general {
            background: transparent !important;
            border-color: #d11f22 !important;
            color: #d11f22 !important;
        }

    .btn-maroon-blank {
        color: #d11f22 !important;
        background-color: transparent;
        border-color: #d11f22;
    }

        .btn-maroon-blank.active,
        .btn-maroon-blank.focus,
        .btn-maroon-blank:active,
        .btn-maroon-blank:focus,
        .btn-maroon-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #d11f22 !important;
            border-color: #e83f2c;
        }

    .btn-green {
        color: #fff !important;
        background: #0a9e17 !important;
        border: 1px solid #0a9e17 !important;
    }

        .btn-green.active,
        .btn-green.focus,
        .btn-green:active,
        .btn-green:focus,
        .btn-green:hover,
        .open > .dropdown-toggle.btn-green {
            color: #0a9e17 !important;
            background-color: transparent !important;
            border-color: #0a9e17;
        }

    .btn-green-blank {
        color: #0a9e17 !important;
        background-color: transparent;
        border-color: #0a9e17;
    }

        .btn-green-blank.active,
        .btn-green-blank.focus,
        .btn-green-blank:active,
        .btn-green-blank:focus,
        .btn-green-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #0a9e17 !important;
            border-color: #0a9e17;
        }


    /*end buttons css*/
    a.link-white {
        text-decoration: underline !important;
        color: #ffffff;
    }
    /*Begin MachCloud Product logos css*/
    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }




    .shopProducts p {
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px;
    }


    /*end MachCloud Product logos css*/
    /*Begin Partner page css*/
    .partner-introduction h2 {
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .partner-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .partner-introduction .left {
        background-image: url(/Resources/images/partner-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 500px;
        position: relative;
        border-radius: 10px;
    }

    #ChoosePartnerPlan h2 {
        margin-top: 10px;
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 38px;
        line-height: 110%;
    }

    #ChoosePartnerPlan .table > tbody > tr > td {
        padding: 25px;
        vertical-align: middle;
    }

    #ChoosePartnerPlan .ent-feature {
        background-color: #ffffff;
    }

    #ChoosePartnerPlan .compare-col-width h5 {
        font-weight: 700;
        font-size: 25px;
        line-height: 110%;
        color: #000000;
    }

    #reseller h2,
    #reseller h3 {
        font-weight: 600;
    }

    #reseller h2 {
        margin-bottom: 0px;
        padding-top: 25px;
    }

    #reseller h3 {
        margin-top: 0px;
    }

    #reseller {
        background-color: #ffffff;
    }

    #partner-features {
        background-color: #f9f9f9;
        padding-bottom: 50px;
    }

    .shopProducts {
        padding: 50px 0px !important;
    }
    /*End Partner page css*/
    .menu-machcloud-product h3 {
        font-size: 28px !important;
        color: #d11522;
        padding: 0 60px 0 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .menu-machcloud-product p {
        line-height: 30px;
        padding-left: 25px;
        padding-top: 0px;
    }


    #become-a-partner-banner .banner-text-position {
        top: 180px !important;
    }
    /*Begin Virtual Desktop page css*/
    .virtual-desktop-introduction h3 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .virtual-desktop-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .virtual-desktop-introduction .left {
        background-image: url(/Resources/images/virtual-desktop-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 480px;
        position: relative;
        border-radius: 10px;
        margin-top: 10px;
    }

    .page-heading span {
        display: block;
    }

    .dry-cake-main {
        margin-top: 50px;
        padding-right: 0px !important;
    }

    .img-dry-cake-president {
        margin-top: 30px;
    }

    .president-quote {
        padding-top: 30px;
    }

    .case-studies h3 {
        color: #0073c6;
        text-align: left;
        font-size: 25px;
        font-weight: 600;
    }
    /*Begin Virtual Desktop page css*/
    .custom-build,
    .domain-offer-section {
        background-color: #2294c4;
        padding: 50px 0px 50px 0px;
    }

        .custom-build h2 {
            color: #ffffff;
            text-align: center;
        }

        .domain-offer-section h2 {
            text-align: center;
        }


        .domain-offer-section .form-control {
            opacity: 1;
            color: #000000;
            background-color: #fff;
            background-image: none;
            border: 1px solid #e3e3e3;
        }


    /*end Virtual Desktop page css*/

    /*  begin menu vertical tab css tab */
    .vertical-tab-menu {
        padding: 1.25% 2% 1% 2%;
    }


    .products-menu,
    .resources-menu,
    .about-us-menu,
    .partner-menu {
        padding: 1.25% 2% 1% 2%;
        background-position: top center;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 400px;
        border-radius: 0px 0px 0px 0px;
        background-size: cover;
    }

    .products-menu {
        background-image: url(/Resources/images/products-menu-image.jpg);
    }

    .resources-menu {
        background-image: url(/Resources/images/resources-menu-image.jpg);
    }

    .about-us-menu {
        background-image: url(/Resources/images/aboutus-menu-image.jpg);
    }

    .partner-menu {
        background-image: url(/Resources/images/partner-menu-image.jpg);
    }

    /*.resources-menu {
        background-color: #d12127;
    }*/
    /*.resources-menu {
        margin-top: 25px;
    }

        .resources-menu h6 a {
            color: #d12127 !important;
            font-size: 19px;
        }*/
    .vertical-tab-menu h3 {
        padding-top: 10%;
        color: white;
        font-weight: 600;
        font-size: 34px;
    }

    .vertical-tab-menu p,
    .partner-menu-links {
        padding-top: 50%;
        color: white;
        text-align: justify;
        line-height: 20px;
    }

        .partner-menu-links a {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-left: 19px;
            color: #fff !important;
            font-size: 15px !important;
        }


    .vertical-tab-menu ul li {
        line-height: 15px;
    }


    /*  end menu vertical tab css tab */


    .page-heading h4 {
        padding-top: 10px;
    }

    .page-heading p {
        padding-top: 10px;
    }

    .calling-plan-heading h5 {
        font-size: 30px;
        color: #0073c6;
        text-align: center;
    }

    .calling-plan-heading p {
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    .virtual-desktop-features .box-shadow {
        min-height: 390px;
    }

    .heading-functionalities {
        background-color: #54575a !important;
    }

    .heading-plan-one {
        background-color: #6264a7 !important;
    }

    .heading-plan-two {
        background-color: #d12127 !important;
    }

    .plans-common-headings {
        color: #ffffff !important;
        min-height: 65px;
        font-weight: 600;
        font-size: 28px;
        padding: 16px 5px 0px 15px;
    }

    .page-heading-features {
        margin-top: 3%;
    }

        .page-heading-features h6 {
            line-height: 30px;
            margin-top: 10px;
        }

    .footer-plans {
        display: inline-block;
        margin-left: 15px;
        padding-top: 15px;
        margin-left: 15px;
    }

    #why-o365 {
        padding: 40px 0;
        background-image: url(/Resources/images/O365/why-choose-us.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    #cloud-pbx-capabilities {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }

        #cloud-pbx-capabilities h2 {
            color: white;
        }

        #cloud-pbx-capabilities p {
            color: white;
            text-align: center;
        }

        #cloud-pbx-capabilities .hosted-voice-features ul li {
            color: white;
            font-size: 17px;
            line-height: 25px;
        }

    #machcloud-calling-for-teams {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }




    .calling-teams-steps {
        padding-bottom: 50px;
    }

        .calling-teams-steps h3 {
            margin-bottom: 0px;
            font-size: 22px;
            font-weight: bold;
        }

        .calling-teams-steps h4 {
            color: #000000;
            margin-bottom: 0px;
            font-size: 18px;
        }

        .calling-teams-steps p {
            color: #000000;
            font-size: 15px;
            padding-top: 10px;
        }
    /*begin our partners css*/
    /* carousel */
    #our-partners .media-carousel {
        margin-bottom: 0;
        padding: 0 40px 0px 40px;
        margin-top: 0px;
    }

        #our-partners .media-carousel .carousel-control.left,
        #our-partners .media-carousel .carousel-control.right {
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 55px;
        }
        /* Previous button  */
        #our-partners .media-carousel .carousel-control.left {
            left: -12px;
        }
        /* Next button  */
        #our-partners .media-carousel .carousel-control.right {
            right: -12px !important;
        }
        /* Changes the position of the indicators */
        #our-partners .media-carousel .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }
            /* Changes the colour of the indicators */
            #our-partners .media-carousel .carousel-indicators li {
                background: #c0c0c0;
            }

            #our-partners .media-carousel .carousel-indicators .active {
                background: #333333;
            }


    /* End carousel */
    /*end our partners css*/
    /*  begin menu vertical tab css tab */
    .vertical-tab-container {
        z-index: 10;
        background-color: #ffffff;
        padding: 0 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 20px;
        margin-left: 50px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
        opacity: 0.97;
        filter: alpha(opacity=97);
    }

    .vertical-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

        .vertical-menu h4 {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-left: 20px;
            font-weight: 600;
            font-size: 17px;
            text-align: left;
        }

        .vertical-menu p.banner-menu-sub-heading {
            line-height: 15px;
            text-align: left;
            padding-left: 20px;
            font-size: 13px;
            color: #686868;
        }

        .vertical-menu a.active p.banner-menu-sub-heading {
            color: #ffffff !important;
        }

        .vertical-menu a.active:visited,
        .vertical-menu a.active:visited p {
            color: #ffffff !important;
        }


        .vertical-menu a:visited {
            color: #000000 !important;
        }

        .vertical-menu div.list-group {
            margin-bottom: 0;
        }

    .main-menu .navbar-nav .vertical-menu a {
        border-radius: 0px !important;
    }

    .vertical-menu .list-group-item {
        border-bottom: 1px solid #eaeaea !important;
        border: 0px;
    }

    .vertical-menu div.list-group > a {
        margin-bottom: 0;
        background-color: #f9f9f9;
    }


        .vertical-menu div.list-group > a:first-child {
            border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
        }

        .vertical-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
        }

        .vertical-menu div.list-group > a.active,
        .vertical-menu div.list-group > a.active .fa {
            background-color: #d12127;
            color: #ffffff;
            border-color: #d12127;
        }

            .vertical-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-left: 0;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
                border-left: 10px solid #d12127;
            }

    .vertical-content {
        background-color: transparent;
        padding-left: 20px;
        padding-top: 0px;
    }

        .vertical-content p {
            line-height: 25px;
            text-align: left;
            font-size: 15px;
            padding-top: 10px;
        }

    .vertical-tab .vertical-content:not(.active) {
        display: none;
    }
    /*  end menu vertical tab css tab */
    .box-menu {
        background-color: #000000;
        border-radius: 5px;
        margin-top: 0px;
        transition: all 0.3s ease-in-out;
        padding: 40px 15px 40px 20px;
        opacity: 1;
        border: 1px solid #d6d6d6;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        min-height: 500px;
        text-align: center;
    }



        .box-menu h3 {
            font-size: 28px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #fff;
            font-weight: 600 !important;
            line-height: 30px;
            padding-top: 30px;
            text-transform: uppercase;
        }

        .box-menu h4 {
            font-size: 27px !important;
            padding-top: 30px;
            color: #d12127;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu h5 {
            font-size: 26px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #ffffff;
            padding-top: 20px;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu p {
            font-size: 14px !important;
            padding-top: 10px;
            color: #ffffff;
            line-height: 20px;
        }

    .box-menu-btn {
        text-align: center;
        padding: 10px 30px !important;
        border-radius: 6px !important;
        font-size: 18px !important;
        margin-top: 20px;
    }


    #custom-build-section {
        background-color: #049f9f;
        padding: 60px 0px;
    }

        #custom-build-section h2 {
            text-align: left;
            color: #ffffff;
            letter-spacing: -.03em;
        }

        #custom-build-section p {
            color: #ffffff;
            padding-top: 15px;
            font-size: 18px;
        }

    .bg-dark-green {
        background-color: #1f7561 !important;
    }

    .phones-detail h5 {
        font-size: 18px;
        line-height: 30px;
        color: #d12127 !important;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 15px;
    }

    #phone-detail-intro h2 {
        text-align: left;
        font-size: 38px;
        margin-bottom: 0px;
        color: #d12127;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro h4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        color: #000000 !important;
    }

    #phone-detail-intro p {
        color: #000000;
        padding-top: 15px;
        font-size: 16px;
        line-height: 25px;
    }

    #phone-description h3,
    #phone-specifications h3,
    #phone-downloads h3,
    #phone-bundles h3,
    #phone-accessories h3 {
        font-size: 24px;
        text-align: left;
        color: #0073c6;
        font-weight: 200;
        margin-bottom: 0px;
    }

    #phone-downloads h3 {
        margin-top: 0px;
    }

    #phone-description h4,
    #phone-specifications h4,
    #phone-bundles h4 {
        font-size: 18px;
        text-align: left;
        color: #000000;
        font-weight: 600;
        padding-bottom: 15px;
        padding-top: 20px;
    }

    #phone-accessories h3.p-name {
        text-align: center !important;
    }

    #phone-accessories h4,
    #phone-accessories h5 {
        font-size: 20px;
        text-align: center;
        font-weight: 200;
        padding-bottom: 5px;
        padding-top: 10px;
        letter-spacing: 0px;
        color: #000000;
    }

    #training-packages-section h2 {
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 10px;
    }

    #training-packages-section h3.package-heading {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    #training-packages-section p.package-name {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
    }

    #training-packages-section p.package-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
    }

    #training-packages-section .box {
        padding-bottom: 2% !important;
        margin-top: 1% !important;
        margin-bottom: 1% !important;
    }


    .business-img-one {
        background-image: url(/Resources/images/business-img-one.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .business-img-two {
        background-color: #2d7ea2;
        background-repeat: repeat;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .business-img-overlay {
        background-color: #000000;
        padding: 40px 25px 25px 35px;
        min-height: 400px;
        opacity: 0.7;
    }

    .img-overlay {
        padding: 10px 15px 25px 0px;
        min-height: 400px;
    }

    #business-section .caption {
        text-align: left;
        position: absolute;
        top: 33%;
        left: 10%;
        right: 10%;
        color: #fff;
    }


    .cloudpbx-setup-img {
        background-image: url(/Resources/images/business-img-two.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .case-studies h4,
    .img-text-section h4 {
        color: #0073c6;
        text-align: left;
        font-size: 28px;
    }

    .img-text-section .img-overlay {
        padding: 40px 20px 25px 20px;
        min-height: 450px;
    }



    .case-studies p,
    .img-text-section p {
        color: #333333;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
    }

    .fast-track-business-text.right-side,
    .easier-centralized.right-side {
        top: 10%;
        left: 0%;
        right: 1%;
        text-align: left;
        position: absolute;
    }

    .fully-hosted-managed-text.left-side,
    .budget-friendly-tetx.left-side {
        top: 10%;
        left: 5%;
        right: 0%;
        text-align: left;
        position: absolute;
    }

    #ExperienceDigitalCommunication .caption {
        top: 22% !important;
    }

    #SupportPackages .caption {
        top: 30% !important;
    }

    .case-studies .caption {
        text-align: left;
        position: absolute;
        left: 5%;
        right: 5%;
        color: #000000;
    }

    #pre-migration .caption {
        text-align: left;
        position: absolute;
        left: 5%;
        right: 2%;
        top: 5%;
        color: #000000;
    }

    #domain-extensions .caption {
        top: 22%;
    }

    #domain-monetization .caption {
        top: 10%;
    }

    .case-studies-img-one,
    .case-studies-img-two,
    .fast-track-business-img,
    .fully-hosted-managed-img,
    .easier-centralized-img,
    .budget-friendly-img,
    .secured-files-img,
    .domain-extensions-img,
    .domain-monetization-img,
    .support-packages-img,
    .digital-communication-img,
    .machcloud-support-img {
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 450px;
        background-position: top center;
    }

    .virtual-desktop-overview {
        background-repeat: no-repeat;
        min-height: 450px;
        background-position: top center;
    }

    .domain-extensions-img {
        background-image: url(/Resources/images/domain-extension.jpg);
    }

    .support-packages-img {
        background-image: url(/Resources/images/support-packages.jpg);
    }

    .domain-monetization-img {
        background-image: url(/Resources/images/use-case-b.jpg);
    }

    .digital-communication-img {
        background-image: url(/Resources/images/digital-communication.jpg);
    }

    .machcloud-support-img {
        background-image: url(/Resources/images/machcloud-support.jpg);
    }

    .case-studies-img-one {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .virtual-desktop-overview {
        background-image: url(/Resources/images/overview-virtual-desktop.png);
    }

    .secured-files-img {
        background-image: url(/Resources/images/secured-files.jpg);
    }

    .case-studies-img-two {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fast-track-business-img {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fully-hosted-managed-img {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .easier-centralized-img {
        background-image: url(/Resources/images/easier-centralized.jpg);
    }

    .budget-friendly-img {
        background-image: url(/Resources/images/budget-friendly.jpg);
    }

    .demo-webinar h2 {
        font-size: 32px;
        letter-spacing: -1px;
        font-weight: 600;
        color: #d12127;
        margin-bottom: 10px;
        text-align: left;
        line-height: 45px;
    }

    .demo-webinar h4 {
        color: #0073c6;
        text-align: left;
        font-size: 24px;
        padding-top: 15px;
    }

    .demo-webinar p {
        color: #333333;
        text-align: left;
        padding-top: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .form-webinar {
        background-color: #f9f9f9;
        padding: 2% 2% 5% 5%;
    }

        .form-webinar .form-control {
            background-color: #ffffff;
            color: #000000;
        }

        .form-webinar h3 {
            color: #0073c6;
            text-align: left;
            font-size: 27px;
            font-weight: 700;
        }

    .form-style input {
        border: 0;
        height: 50px;
        border-radius: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .form-style input:focus {
            border-bottom: 1px solid #007bff;
            box-shadow: none;
            outline: 0;
            background-color: #ebebeb;
        }

    .w-50 {
        width: 50% !important;
        min-width: 50%;
    }


    /*plans accordion*/
    .feature-accordion {
        border-top: 1px solid #ccc;
        padding-left: 0px;
        padding-right: 0px;
    }

        .feature-accordion #accordion .panel-title {
            padding-left: 25px;
            text-align: left;
        }

        .feature-accordion #accordion .panel {
            padding: 10px 0px 10px 0px;
        }

        .feature-accordion .feature-parent {
            border-bottom: 1px solid #ccc;
            padding: 25px 0px;
        }

        .feature-accordion .feature-child {
            border-bottom: 1px solid #ccc;
            padding: 20px 0px;
        }


            .feature-accordion .feature-child p {
                font-size: 12px !important;
                font-weight: 100;
                color: #000000;
                line-height: 20px !important;
                padding-top: 0px !important;
                margin-bottom: 0px !important;
            }

    .feature-parent .black-tick-large {
        margin-top: 15px;
    }

    .feature-child .black-tick-small {
        margin-top: 15px;
    }

    .child-color-grey {
        background-color: #f5f5f5;
    }

    .feature-accordion #accordion .panel-title a {
        font-weight: 500 !important;
    }

        .feature-accordion #accordion .panel-title a:after,
        .feature-accordion #accordion .panel-title a.collapsed:after {
            font-family: ElegantIcons;
            font-style: normal;
            font-weight: 600;
            font-size: 25px;
            color: #000000;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 5px;
            transition: all 0.3s ease 0s;
        }

        .feature-accordion #accordion .panel-title a.collapsed:after {
            color: #000000;
            content: "\50";
        }

        .feature-accordion #accordion .panel-title a:after {
            content: "\4f";
            color: #0079c1;
        }

    .package-name {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 0px;
        font-weight: 100;
    }

    .SLA-Enterprise-section {
        margin-top: 25px;
    }

    .default-p-b {
        padding-bottom: 50px;
    }

    .color-basic {
        color: #feb155 !important;
    }

    .color-standard {
        color: #39dcb1 !important;
    }

    .color-complete {
        color: #2f39bf !important;
    }

    .product-logo {
        text-align: center;
    }

        .product-logo h5 {
            text-align: center;
            font-size: 15px;
            color: #000 !important;
            line-height: 25px;
        }

    .products-logos-link .product-logo {
        border: 1px solid #ffffff;
        border-radius: 4px;
        position: relative;
        padding: 15px 15px;
    }

        .products-logos-link .product-logo:hover {
            border: 1px solid #f9f9f9;
            border-radius: 4px;
            position: relative;
            padding: 15px 15px;
        }

    #phone-detail-intro .text-section {
        margin-top: 6%;
    }

    #phone-detail-intro .btn {
        border-radius: 0px;
    }

    #phone-detail-intro .btn-cart {
        padding: 10px 60px !important;
    }

    #phone-detail-intro .btn-quote {
        padding: 10px 42px !important;
    }

    #phone-detail-intro .device-name {
        text-align: left;
        font-size: 38px;
        margin-bottom: 20px;
        color: #495ca9;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro .device-price {
        font-size: 35px;
        font-weight: 700;
        text-align: left;
        line-height: 30px;
        color: #000000 !important;
    }

    .device-intro-btn {
        margin-top: 20px;
    }

    .bundle-content {
        padding-top: 50px;
    }

    .specification-row {
        margin-top: 10px;
        border-top: 1px solid #f8f8f8;
        padding: 13px 0px;
    }

    #FAQ ul li {
        font-size: 13px;
        line-height: 22px;
        padding-top: 5px;
    }
    .calling-plans-licensing h4 {
        font-size: 24px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }
    #support-comparison .grey-section {
        color: #ffffff;
        text-align: center;
        font-size: 17px;
        line-height: 40px;
        padding: 5px 0 5px 5px;
        font-weight: 600;
        min-height: 60px;
    }
    .banner-direct-routing-text {
        margin-top: 15% !important;
        padding: 0 !important;
    }

    .banner-direct-routing-img {
        margin-top: 8% !important;
        padding: 0 !important;
    }
    #banner-training .banner-text-position {
        padding-top: 10% !important;
    }
    /*#banner-email-collaboration .banner-text-position,
    #banner-virtual-desktop .banner-text-position,
    #banner-web-hosting .banner-text-position,
    #banner-calling-teams .banner-text-position,
    #banner-case-studies .banner-text-position,
    #banner-telephony-service .banner-text-position {
        padding-top: 15% !important;
    }*/

    #banner-unified-services .banner-text-position {
        padding-top: 15% !important;
    }

    #banner-CloudPBX-setup .banner-text-position {
        padding-top: 15% !important;
    }

    #banner-migration-services .banner-text-position {
        padding-top: 15% !important;
    }

    #banner-email-collaboration p,
    #banner-virtual-desktop p,
    #banner-web-hosting p,
    #banner-calling-teams p,
    #banner-unified-services p,
    #banner-telephony-service p,
    #banner-migration-services p {
        color: #000000;
        /*font-weight: 400;*/
    }

    #banner-training h1,
    #banner-unified-services .inner-banner h1,
    #banner-migration-services h1,
    #banner-telephony-service h1,
    #banner-training h1 {
        color: #000000;
    }

    #banner-unified-service .inner-banner p {
        color: #000000 !important;
    }

    #banner-CloudPBX-setup .inner-banner h1,
    #banner-case-studies .inner-banner h1 {
        color: #ffffff;
    }


    #banner-telephony-service p,
    #banner-training p {
        color: #000000;
    }

    #banner-CloudPBX-setup p {
        color: #ffffff;
    }

    .section-sub-heading {
        color: #d12127;
        font-size: 21px;
        text-align: center;
        line-height: 30px;
        padding-top: 10px;
    }

    #pricing_plans h2 {
        text-align: center;
    }

    .conact-us-form .box {
        display: inline-block;
    }

    .conact-us-form .services-checkbox input {
        height: auto !important;
    }

    .conact-us-form .box-content .p-price {
        font-size: 17px;
        letter-spacing: 0px;
    }

    .conact-us-form .box-content .p-name {
        font-size: 22px;
    }

    .virtual-desktop-overview-text .caption {
        top: 25%;
    }

    .custom-build p {
        font-size: 24px;
        line-height: 38px;
        text-align: center;
    }

    .from-duration {
        color: #d12127;
        font-size: 22px;
        padding-right: 10px;
    }

    #SellingPoints .hosted-voice-features ul li {
        color: #000000;
    }

    .banner-text-overlay {
        background-color: #000000;
        opacity: 0.8;
        padding: 15px 15px;
        color: #ffffff !important;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    ul.white-bullet-points li {
        list-style-image: url(/Resources/images/icons/white-bullet.png);
        list-style: circle;
    }

    .display-inline-block {
        display: inline-block !important;
    }

    .link-maroon {
        color: #e61d26 !important;
        text-decoration: none;
        font-size: 16px;
    }



    .large-btn {
        padding: 13px 35px !important;
    }

    .virtual-desktop-plans .offer-popular .box {
        margin-top: 0 !important;
        border: 4px solid #d12127;
        border-radius: 0px 0px 5px 5px;
    }



    .pricing-plans .text-most-popular {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
        background-color: #d12127;
        border: 1px solid #d12127;
        border-radius: 5px 5px 0px 0px;
        color: #ffffff;
    }

    .webinar-name {
        font-size: 15px;
        line-height: 25px;
        color: #0073c6;
    }

    .tab-content {
        margin-top: 0px;
    }

    .microsoft-plans .p-name {
        font-size: 20px;
        text-align: center;
        font-weight: 400;
    }

    .p-price {
        display: inline-block !important;
    }

    

    .tabs-body {
        margin-top: 25px;
        background-color: #fafafa;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;
    }

        .tabs-body .nav-tabs li:first-of-type {
            border-radius: 0px !important;
        }

        .tabs-body .nav-tabs li:last-of-type {
            border-right: 0px !important;
            border-radius: 0px !important;
        }


        .tabs-body .nav-tabs {
            border-bottom: 0px !important;
        }

    .vertical-tab {
        padding-top: 25px;
    }

        .vertical-tab h6 {
            color: #333 !important;
            font-weight: 600;
            font-size: 19px;
        }

    .vertical-tab-content .menu-resources p {
        padding-top: 10px;
        color: #333 !important;
        font-size: 15px !important;
        line-height: 25px;
    }

    .vertical-tab-content .menu-resources {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
    }

        .vertical-tab-content .menu-resources:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

    .vertical-tab-content .menu-products {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
        margin-top: 25px;
    }

        .vertical-tab-content .menu-products:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

        .vertical-tab-content .menu-products a.arrow-red:hover,
        a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-red.png);
            background-position: left center;
            background-repeat: no-repeat;
            margin-left: 15px;
        }

    a.arrow-next-white:hover {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
        margin-left: 15px;
        -webkit-transition: margin-left .5s ease;
        -o-transition: margin-left .5s ease;
        transition: margin-left .5s ease;
    }

    .vertical-tab ul li {
        background: transparent !important;
    }

    .home-banner-menu-content {
        padding-top: 1.5%;
    }

    .home-banner-img-section .banner-boxes {
    }

    .home-banner-img {
        background: url(/Resources/images/header/banner-home-page.png) no-repeat;
        background-repeat: no-repeat;
        background-position: top 0px left 0px;
        background-size: cover;
        float: left;
        min-height: 500px;
        position: relative;
    }

    .cloudPBX-setup-packages .text-section {
        padding-top: 5%;
    }

        .cloudPBX-setup-packages .text-section p {
            font-size: 17px;
            line-height: 25px;
            text-align: left;
        }

    .cloudPBX-setup-packages .pricing-plans h3 {
        min-height: 0px;
    }

    .float-none {
        float: none !important;
    }

    .telephony-service-packages .plan-one p {
        background-color: #ffffff !important;
    }
    /*begin plans comparison css*/
    .plans-comparison .offer {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    .functionalities-column {
        float: left;
        position: relative;
    }

    .packages-column {
        float: left;
        position: relative;
    }

    .calling-teams-comparison .functionalities-column .offer-name.functionalities {
        background-color: #333333;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-maroon {
        background-color: #d12127;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-green {
        background-color: #1fbb25;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .plans-comparison .functionalities-column .offer-name {
        background-color: #f0f0f0;
        color: #333333;
        min-height: 60px;
        font-size: 21px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: left;
        min-height: 60px;
        padding-left: 20px;
    }

    .plans-comparison .packages-column .offer-name {
        background-color: #333333;
        color: #ffffff;
        font-size: 20px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: center;
        min-height: 60px;
    }

    .packages-column .offer-name span {
        font-size: 12px;
        font-weight: 400;
    }

    .functionalities-column p,
    .packages-column p {
        font-weight: 400;
        margin: 0 0;
        border-bottom: 1px solid #f3f3f3;
        display: inline-block;
        width: 100%;
        color: #333333;
        padding: 15px 0px 15px 15px;
        line-height: 30px;
    }



    .CallingTeamsPlans .functionalities-column p,
    .CallingTeamsPlans .packages-column p {
        font-weight: 400;
    }

    .CallingTeamsPlans .functionalities-column p {
        padding: 5px 0px 5px 25px;
        font-size: 15px;
    }

    .CallingTeamsPlans .packages-column p {
        padding: 5px 0px 5px 5px;
    }

    .functionalities-column p {
        background-color: #f9f9f9;
        text-align: left;
        font-size: 17px;
        padding-left: 20px;
    }

    .calling-teams-comparison .functionalities-column p {
        font-size: 14px;
        font-weight: 400;
    }

    .packages-column p {
        font-size: 15px;
        background-color: #ffffff;
        text-align: center;
    }

    .packages-column .plan-price {
        font-size: 22px;
        padding: 24px 0px;
    }

    .four-columns-width {
        width: 26.5%;
    }

    .d-p-t {
        padding-top: 50px;
    }

    .CallingTeamsPlans .box-shadow .box-content h3 {
        min-height: 0px;
    }
    /*end plans comparison css*/


   
    .virtual-machine-features .min-height {
        min-height: 450px !important;
    }

    #page-service-section .name,
    #why-o365 h3 {
        font-size: 25px;
        font-weight: 600;
    }

    #why-o365 h2,
    #why-o365 h3,
    #why-o365 p {
        color: #ffffff;
    }

    .btn-send {
        font-size: 18px !important;
    }

    #machteams-plans .form-control {
        border: 1px solid #eee;
        height: 45px;
        background-color: #fff;
        color: #000;
    }

    .font-light {
        font-size: 13px;
        font-weight: 100;
    }

   

    .plans-fixed-menu .heading {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        line-height: 30px;
    }

    .plans-fixed-menu .sub-heading {
        font-size: 14px;
        text-align: center;
        font-weight: 400;
        line-height: 20px;
    }

    .plans-fixed-menu .pricing {
        color: #0067b8;
        font-weight: 600;
        text-align: center;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .plans-fixed-menu .duration {
        font-size: 15px;
        color: #454545;
        text-align: center;
    }


    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 11111;
        background-color: #ffffff;
        padding-top: 15px;
    }

    .tick-div {
        text-align: center;
    }

    .vps-includes .hosted-voice-features ul {
        font-size: 16px;
    }

    /*#pricing_plans #Office365 .box {
        min-height: 1030px;
    }

    #pricing_plans #Business .box {
        min-height: 1180px;
    }

    #pricing_plans #Enterprise .box {
        min-height: 850px;
    }

    #pricing_plans #ExchangeOnline .box {
        min-height: 1200px;
    }

    #pricing_plans #Microsoft365 .box {
        min-height: 550px;
    }*/

    .unified-services-plans .box h5 {
        min-height: 85px;
    }

    .unified-services-plans .height-two-line {
        min-height: 60px;
    }

    .virtual-desktop-plans .box {
        margin-top: 27px;
        min-height: 1050px;
    }

    .TelephonyServicePackages .packages-column {
        width: 25%;
    }

    #Business .price-section {
        display: inline-block;
    }

    .Partially-included .elegant {
        margin-top: 8px;
        margin-right: 10px;
        float: left;
    }

    .plans-phone-number {
        margin-top: 5%;
        float: left;
    }

        .plans-phone-number .elegant {
            margin-top: 8px;
            margin-right: 10px;
            float: left;
        }

    .plans-fixed-menu .box-btn {
        padding: 0px 15px 15px 15px;
        position: relative;
        text-align: center;
    }

        .plans-fixed-menu .box-btn .btn {
            padding: 6px 30px !important;
        }

    .BusinessPlanPriceHeight {
        min-height: 60px;
    }



    #Business .plan-text-height {
        min-height: 140px;
    }

    #Business .plan-icons-height {
        min-height: 166px;
    }

    #Office365 .checkbox {
        /*min-height: 50px;*/
    }

    #Business .checkbox {
        /*min-height: 70px;*/
    }

    #Enterprise .checkbox {
        /*min-height: 20px;*/
    }

    #Office365 .plan-text-height {
        min-height: 100px;
    }

    #Office365 .plan-icons-height {
        min-height: 140px;
    }

    #Enterprise .plan-text-height {
        min-height: 80px;
    }


    #ExchangeOnline .plan-text-height {
        min-height: 60px;
    }

    #Enterprise .pricing-plans h3,
    #ExchangeOnline .pricing-plans h3 {
        min-height: 30px;
    }

    .plans-promotion {
        background-color: #fff000;
        margin: 15px 30px;
        border-radius: 5px;
        min-height: 90px;
    }

    .plans-promotion-sub-heading {
        font-size: 25px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    .plans-promotion h3 {
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        color: #d12127;
        padding: 15px 0px 0px 0px;
        min-height: 45px;
        text-transform: uppercase;
        letter-spacing: 0px;
    }




    #ExchangeOnline .bullets-height {
        min-height: 500px;
    }

    .width-plan-promotion {
        width: 40%;
    }

    .width-plan-pricing {
        width: 38%;
    }


    .width-plan-btn {
        width: 18%;
    }

    

    .offerings-img {
        margin-top: 15%;
    }

    .post-slide {
        min-height: 490px;
    }

    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-lg.png);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
    }

        .microsoft-teams .header-text-section {
            margin-top: 8.5%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .microsoft-teams p {
            padding-right: 150px;
        }

        .microsoft-teams .title-start {
            font-size: 39px !important;
        }

        .microsoft-teams .sub-heading {
            font-size: 22px !important;
        }

        .microsoft-teams .banner-margin-btn {
            margin-top: 20px;
        }

    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 360px;
    }

    #home-page-offerings-section h4 {
        font-size: 24px;
    }

    .inner-banner p.MachTeamsExtensionText {
        font-size: 16px;
    }

    #migration .text-section {
        padding-top: 5% !important;
    }

    #migration .img-section {
        margin-left: 0%;
        margin-top: 3% !important;
    }

    .direct-routing .header-text-section {
        margin-top: 15% !important;
    }

    .direct-routing .header-image-section {
        margin-top: 9% !important;
    }

    .OfficeLocation-Main {
        padding-right: 3% !important;
    }


    .inner-banner p {
        padding-right: 10px;
    }

    .menu-machcloud-product {
        margin-top: 15%;
    }


    .one-line-height {
        line-height: 45px !important;
    }

    .video-section .container {
        width: 1100px;
        padding-left: 0;
        padding-right: 0;
    }

    .logo-cont {
        margin-left: 6%;
    }

    .main-menu .navbar-collapse li {
        background: #fff;
        font-size: .875em;
    }

    .mega-dropdown-menu {
        width: 96%;
        margin-right: 2%;
    }

    .solutions-dropdown-menu {
        width: 65% !important;
        margin-right: 3% !important;
    }



    #services-banner .banner-text-position {
        padding-top: 10% !important;
    }

    .header-owl-carousel .item .header-unified-communications {
        min-height: 680px;
    }

    .service-style p {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        min-height: 100px;
    }

    #offerings .offer p {
        min-height: 100px;
    }

    .direct-routing .title-start, .header-discover-machcloud .title-start, .header-unified-communications .title-start {
        font-size: 34px;
        font-weight: 700;
        text-shadow: 1px 1px #fff;
        text-align: left;
        letter-spacing: -1px;
    }

    #partner h2 {
        font-size: 38px !important;
        line-height: 50px;
    }
    #azure-banner .banner-text-position,
    #banner-teams-DR .banner-text-position {
        position: relative;
    }
    #about-us-banner .banner-text-position {
    }
    
    #calling-teams-banner .banner-text-position,
    #hosted-voip .banner-text-position,
    #o365-banner .banner-text-position,
    #partner-calling-teams .banner-text-position,
    #services-banner .banner-text-position,
    #sip-trunking .banner-text-position,
    #solution-for-business-banner .banner-text-position {
        position: relative;
    }
    
    #o365-banner .banner-text-position,
    #partner-calling-teams .banner-text-position,
    #solution-for-business-banner .banner-text-position {
        position: relative;
    }
    #dynamics365-banner .banner-text-position {
    }
    #sip-trunking .banner-text-position {
        padding-top: 5%;
    }

    #hosted-voip .banner-text-position {
        padding-top: 5%;
    }

    #sip-trunking .banner-img-position {
        padding-top: 0%;
        padding-bottom: 1%;
    }

    #banner-devices .banner-text-position,
    #banner-webinar .banner-text-position {
        position: relative;
    }
    #banner-devices .banner-text-position-phones {
    }

    #banner-webinar .banner-text-position {
        position: relative;
    }

    #banner-webinar-detail .banner-text-position {
        position: relative;
    }

    #banner-product-videos .banner-text-position {
        position: relative;
    }

    #banner-webinar-detail .inner-banner h1,
    #banner-product-videos .inner-banner h1 {
        padding-bottom: 0px;
    }

    #banner-webinar-detail .header-title,
    #banner-product-videos .header-title {
        margin-bottom: 10px;
    }


    #banner-teams-DR .banner-text-position {
        position: relative;
    }

    .resell-O365-banner .banner-text-position {
        position: relative;
    }

    #calling-teams-banner .banner-text-position {
        position: relative;
     
    }

    #why-machcloud-banner .banner-text-position {
        position: relative;
       
    }
    

    .machvoice-banner #why-machcloud-banner .extension-banner-text-position {
        top: 60px;
    }


    #testimonials h2 {
        padding-top: 20px;
    }

    .header-owl-carousel .item {
        min-height: 660px;
        background-size: cover;
    }

    .footer-subscription-main {
        width: 34%;
        Padding-Left: 0;
        padding-Right: 0;
        float: left;
    }

    .footer-products-main {
        width: 22%;
        Padding-Left: 0;
        padding-Right: 15px;
        float: left;
    }


    .main-menu .navbar-nav {
        padding: 20px 20px 0 0;
    }

    #about-machteams .machcloud-product p {
        font-size: 15px !important;
        min-height: 181px;
    }


    #faqs {
        margin-top: 80px;
    }








    #o365-banner .header-cont .inner-banner-img {
        padding-top: 6%;
    }

    .m-first-col {
        margin-top: 20px;
    }



    .vid-wrap {
        width: 100%;
        height: 750px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }


    .navbar-nav {
        margin: 7.5px -15px;
    }

    #business-products-features .sip-trunking-features-text, #cloud-pbx-reseller-benefits .sip-trunking-features-text, #sip-trunking-services .sip-trunking-features-text {
        margin-top: 7%;
    }

    .sip-trunking-features-text {
        margin-top: 8%;
    }

    .cloudPBX-features .customer-experience-text.text-section {
        margin-top: 3%;
    }

    .solution-features .sip-trunking-features-text h2 {
        font-size: 35px;
        line-height: 44px;
    }

    #machCloud-for-business .div-img, #machCloud-for-partners .div-img {
        margin-top: 1% !important;
    }

    .width-md-6 {
        width: 49.5% !important;
    }

    .machcloud-product p {
        font-size: 14px;
        min-height: 70px;
    }

    .line-color-grey {
        margin-top: 0px;
        min-height: 0px;
    }

    #all-in-one p {
        font-size: 14px !important;
        text-align: left;
        float: left;
        margin-top: 10px;
    }

    .width-Legal-section, .width-partners-section, .width-customers-section {
        width: 37% !important;
    }

    .width-sm-7 {
        width: 58% !important;
    }

    #full-compliant .div-img {
        margin-top: 6%;
    }

    .Machcloud-enterprises h2, .Machcloud-enterprises h3, .customer-experience h2, .customer-experience h3, #Machteams-extension-features h2 {
        font-size: 40px;
        margin: 0 !important;
        line-height: 50px;
        text-align: left !important;
    }

    #contact-us p {
        text-align: left;
        line-height: 35px;
    }

    #contact-us h3 {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
        padding-bottom: 25px;
    }

    #contact-us h2 {
        color: #ffffff !important;
        font-size: 38px;
        line-height: 30px;
        text-align: center;
    }

    .div-img {
        margin-top: 5%;
    }

    .one-invoice .section-text {
        padding-top: 3%;
    }

    #fixed-tariff-calling .div-img,
    #trusted-cloud .div-img,
    #machteams-selling .img-section {
        padding-top: 1%;
        margin-top: 0%;
    }

    #get-started .img-section {
        margin-top: 4%;
    }

    #pocket-friendly-calling .img-section {
        margin-top: 6%;
    }

    .img-control-panel {
        height: 149px;
        display: block;
    }

    .width-md-49 {
        width: 49%;
    }

    .header-unified-communications {
        background-image: url(/Resources/images/header/communication-delivery-platform.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .header-discover-machcloud .banner-text-position .header-margin {
        margin-top: 40% !important;
    }



    .header-unified-communications .banner-text-position .header-margin {
        margin-top: 35% !important;
    }

    .banner-position {
        padding-top: 8%;
    }
    #banner-devices .banner-position {
        padding-top: 10%;
    }
    #banner-devices-main .banner-text-position {
        position: relative;
        padding-top: 10%;
    }
    #banner-devices,
    #banner-devices-main {
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 900px;
    }
    #maximize-portability h3 {
        padding-top: 8%;
    }

    #cloud-computing-solution h1,
    #fixed-tariff-calling h3,
    #get-started h3,
    #trusted-cloud h3 {
        padding-top: 4%;
    }

    .inner-banner h3, .inner-banner p {
        line-height: 30px;
        text-align: left;
        font-size: 20px;
    }

    #azure-banner p, #dynamics365-banner p {
        text-align: left;
        padding-right: 65px;
    }

    .azure-consultation, .azure-deployment {
        background-color: #dbeef4;
        width: 31%;
        margin-right: 15px;
        min-height: 215px;
    }

    .azure-deployment {
        background-color: #c9e1e9;
    }

    #offerings {
        margin-bottom: 0;
    }

    section {
        padding: 25px 0 25px 0;
    }

    .about-img {
        margin-top: 20px;
    }

    #services {
        padding-bottom: 70px;
    }

    .service-onbording {
        width: 31.5%;
        background-color: #0098db;
    }

    .service-migration {
        width: 31.5%;
        margin-left: 23px;
        background-color: #e61d26;
    }

    .service-admin-service {
        width: 31.5%;
        margin-left: 23px;
        background-color: #00854e;
    }

    .p-0-all {
        padding: 0px 0px !important;
    }

    .p-t-one-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 50px;
    }

    .icon-p-t-one-line {
        padding: 0px 15px !important;
        line-height: 25px !important;
        display: inline-block;
    }

    .p-t-two-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-two-line {
        padding-top: 26px !important;
        padding-right: 15px !important;
        padding-bottom: 26px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .p-t-three-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-three-line {
        padding-top: 39px !important;
        padding-right: 15px !important;
        padding-bottom: 38px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .calling-teams-comparison .packages-column p {
        border-bottom: 0px !important;
    }

    .use-case-comparision-headings {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

        .use-case-comparision-headings h5 {
            text-align: center;
            font-weight: 600;
            font-size: 14px;
        }

    .use-case-comparision .headings p {
        font-weight: 600;
        text-align: center;
    }

    .use-case-comparision p {
        text-align: center;
        font-size: 12px;
    }

        .use-case-comparision p.funtionalities {
            text-align: left;
            font-size: 12px;
        }

    .use-case-comparision .listing-row .plan p {
        text-align: left !important;
    }

    .use-case-comparision .listing-row {
        background-color: transparent !important;
    }

    .use-case-comparision-funtionalities {
        background-color: #ffffff;
    }

        .use-case-comparision-funtionalities .headings {
            background-color: #333333;
            padding: 15px 0px;
        }

            .use-case-comparision-funtionalities .headings h5 {
                color: #ffffff;
            }

    .current-situation {
        background-color: #f4fcff;
    }

        .current-situation .headings {
            background-color: #0d6c9b;
            padding: 15px 0px;
        }

            .current-situation .headings h5 {
                color: #ffffff;
            }

    .machcloud-teams-situation {
        background-color: #f7f7f7;
    }

        .machcloud-teams-situation .headings {
            background-color: #0e9588;
            padding: 15px 0px;
        }

            .machcloud-teams-situation .headings h5 {
                color: #ffffff;
            }

    input {
        height: 0px !important;
    }

    .form-horizontal input,
    .domain-offer-section input,
    .free-consult-form input,
    .form-webinar input {
        height: 50px !important;
    }

    .form-horizontal .checkbox input {
        height: 20px !important;
    }

    #microsoft365-features .items {
        padding: 25px 0px 0px 0px;
    }

    .microsoft-icons {
        margin-top: 10px;
    }

    .offset-1 {
        margin-left: 8%;
        margin-right: 8%;
    }

    .icon__wrap {
        position: relative;
    }

    .icon__description {
        position: absolute;
        bottom: 25px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 350px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .icon__description {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    #voice-comparison .heading {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    #voice-comparison .grey-section,
    #voice-comparison .maroon-section,
    #voice-comparison .green-section {
        color: #ffffff;
        text-align: center;
        font-size: 25px;
        line-height: 40px;
        padding: 5px 0 6px 20px;
        font-weight: 600;
        min-height: 60px;
    }

    #voice-comparison .grey-section {
        background-color: #333333;
    }

    #voice-comparison .maroon-section {
        background-color: #d12127;
    }

    #voice-comparison .green-section {
        background-color: #1fbb25;
    }

    #voice-comparison #accordion .panel {
        padding: 25px 0px 25px 20px;
    }

    #voice-comparison #FAQ .box-content {
        padding: 0px 5px 0px 0px;
    }

    #careers-content h3 {
        font-size: 25px;
        text-align: left;
        padding-top: 10px;
        font-weight: 500;
    }

    #careers-content h4 {
        color: #0073c6;
        font-size: 21px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: 500;
    }

    #training-packages-section .jobs-heading {
        color: #d12127;
        font-size: 24px;
        font-weight: 400;
        padding-top: 15px;
    }

    #training-packages-section p.jobs-title {
        color: #0073c6;
        font-size: 20px;
        font-weight: 400;
        padding-top: 7px;
    }

    .careers-footer p {
        font-size: 15px;
    }

    #training-packages-section .training-packages .careers-positions .box {
        padding-bottom: 2.5% !important;
    }

    #training-packages-section .training-packages .careers-positions .box-content {
        padding: 20px 0px 0px 0px;
    }

    #div_FreeConnector p.simple-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 0px;
    }

    #div_FreeConnector p.headings {
        font-size: 18px;
        line-height: 25px;
        font-weight: 600;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .configurator-promotion-text {
        background-color: #fff000;
        margin: 50px 0px 0px 0px;
        border-radius: 5px;
        padding-bottom: 15px;
    }

        .configurator-promotion-text h3 {
            text-align: center;
            font-size: 22px;
            font-weight: 600;
            line-height: 25px;
            padding: 15px 0px 15px 0px !important;
            color: #000000;
        }

    .slider-plan-promotion {
        background-color: #fff000;
        margin: 0px 0px 0px 0px;
        border-radius: 5px;
        min-height: 90px;
        padding: 15px 0px;
    }



        .slider-plan-promotion h3 {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .slider-plan-promotion h5 {
            font-weight: 700;
            font-size: 22px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }
        .slider-plan-promotion h6 {
            font-weight: 700;
            font-size: 20px;
            text-align: center;
            margin-top: 0px;
            color: #000000;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }
    .artwork-box-white {
        width: 48%;
        margin-right: 15px;
        float: left;
        border: 1px solid #dedddb;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

    .artwork-box-red {
        width: 48%;
        margin-right: 15px;
        float: left;
        background-color: #d12127;
        border: 1px solid #d12127;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

        .artwork-box-red ul,
        .artwork-box-white ul {
            padding-left: 20px;
            margin-top: 25px;
            list-style: none;
        }

    .artwork-logo-red {
    }

    .artwork-logo-white {
    }

    .artwork-buttons {
        text-align: center;
        margin-top: 50px;
    }
    #banner-homepage img {
        margin-top: 40px;
    }
    #banner-homepage {
        margin-top: 100px;
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 800px;
    }
        #banner-homepage .banner-img-position {
            padding-top: 0%;
            padding-bottom: 1%;
        }
        #banner-homepage .banner-text-position {
            position: relative;
        }
  

    .pictogram_inner {
        background-color: #fff;
        border: 1px solid #000000;
        border-radius: 3px;
        flex-direction: column;
        padding: 20px 10px;
        min-height: 270px;
    }

    .pictogram_inner_bar {
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        margin-bottom: 15px;
        width: 50px;
    }

    .pictogram_inner h4 {
        font-weight: 600;
        font-size: 21px;
        line-height: 26px;
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .pictogram_inner a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
    }

    .pictogram_inner a.arrow-red {
        background-image: url(/Resources/images/icons/arrow-black.png);
        background-position: 100% 8px;
        background-repeat: no-repeat;
    }

        .pictogram_inner a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-black.png);
            background-position: 100% 8px;
            background-repeat: no-repeat;
        }

    .machcloud-Pictogram-icons {
        margin-top: 10px;
    }

        .machcloud-Pictogram-icons .elegant {
            float: left;
        }

        .machcloud-Pictogram-icons h5 {
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            color: #000;
        }

    .pricing-plans h3 span.main-heading {
        display: block;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }

    .pricing-plans h3 span.sub-heading {
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        padding-top: 10px;
        line-height: 35px;
    }

    .plans-grey-bg .box {
        background-color: #fcfcfc !important;
        box-shadow: none !important;
    }
    
    .ms-icons-min-height {
        min-height: 220px;
    }
   

    .box-maroon-header .heading h4 {
        font-size: 27px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    .box-maroon-header p {
        padding: 5px 5px 10px 5px;
        font-size: 17px;
        line-height: 24px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
    }

    .box-maroon-header .microsoft-icons p {
        color: #000000;
    }

    .box-maroon-header .price-section {
        padding-top: 10px;
    }

    #become-a-partner-banner .home-page .inner-banner h1 {
        font-size: 37px !important;
        padding-bottom: 10px;
        font-weight: 600;
    }

    #become-a-partner-banner .home-page p {
        font-size: 20px !important;
        padding-right: 50px;
    }
    
    #homepage-banner {
        background-image: url(/Resources/images/header/banner-cloud-voice-solution.jpg);
        background-repeat: no-repeat;
        min-height: 500px;
        background-size: cover;
        margin-top: 87px;
    }

        #homepage-banner h1 {
            font-size: 45px !important;
            padding-bottom: 10px;
            font-weight: 700;
        }

        #homepage-banner h1,
        #homepage-banner p {
            color: #000;
        }

        #homepage-banner p {
            font-size: 28px;
            font-weight: 600;
        }

        #homepage-banner .inner-banner {
            position: relative;
            bottom: 100px;
            text-align: left;
        }

    .offerings-box .box-content {
        text-align: left !important;
        padding-left: 30px;
    }

        .offerings-box .box-content .term {
            padding-top: 15px !important;
            padding-bottom: 0px !important;
        }

    .pricing-plans .offerings-box {
        box-shadow: none !important;
        background-color: #f9f9f9;
        border-radius: 0px !important;
        border: none !important;
    }

    .maroon-divider {
        width: 2px;
        height: 350px;
        margin-top: 80px;
        background-color: #d12127;
        background-repeat: repeat;
        float: left;
    }

    .pricing-plans .offerings-box h4 {
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
    }

    .pricing-plans .offerings-box p {
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
    }

    .pricing-plans .offerings-box .country-select {
        background-color: #f9f9f9 !important;
    }

    .offerings-width-4 {
        width: 33% !important;
    }
    .have-questions h2 {
        font-size: 28px !important;
        line-height: 35px;
        font-weight: 600;
    }
    .limited-offer {
        position: relative;
        top: 30px;
        z-index: 999;
        background-image: url(/Resources/images/limited-offer.png);
        background-size: cover;
        background-position: center right;
        width: 180px;
        height: 170px;
        margin-bottom: 30px;
    }

    #contact h2 {
        margin-bottom: 0px;
    }
    #PromotionalOffer .box {
        padding-bottom: 20px;
    }
    /*promotion pages css begin*/
    .vertically-align-parent {
        position: relative;
        min-height: 80px;
    }

    .vertically-align-child {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .promo-success p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 15px;
    }

    .promo-success ol {
        padding-left: 20px;
    }

        .promo-success ol li {
            font-size: 17px;
            line-height: 30px;
            padding-left: 5px;
        }

    .promo-failure p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
    }


    #banner-gratis {
        background: url(/Resources/images/promotions/banner-gratis.jpg) no-repeat;
    }

    #banner-gratis-success {
        background: url(/Resources/images/promotions/banner-gratis-success.jpg) no-repeat;
    }

    #banner-gratis-failure {
        background: url(/Resources/images/promotions/banner-gratis-failure.jpg) no-repeat;
    }

    #banner-gratis h1 {
        padding-top: 15px;
        color: #d12127 !important;
    }

    #banner-gratis p {
        color: #000000 !important;
        font-weight: 600;
    }

    #banner-gratis,
    #banner-gratis-success,
    #banner-gratis-failure {
        background-position: center center !important;
        background-size: cover !important;
        min-height: 500px;
        margin-top: 87px;
    }

        #banner-gratis p,
        #banner-gratis-success p,
        #banner-gratis-failure p {
            color: #000000;
        }
        #banner-gratis-success a {
            font-size: 17px;
            display: inline-block;
            padding-top: 30px;
        }
        #banner-gratis-success .arrow {
            position: absolute;
            margin-top: -8px;
        }

    .gratis-faqs .box-faqs {
        border-bottom: 1px solid #f2f2f2;
        margin: 0px 0px 0px 0px;
        background-color: transparent !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: table;
        min-height: 45px;
        overflow: hidden;
        box-shadow: none !important;
        width: 100%;
    }

    #FAQ .gratis-faqs .box-faqs .box-content {
        padding: 0px !important;
    }

    #FAQ .gratis-faqs #accordion .panel-title a:before,
    #FAQ .gratis-faqs #accordion .panel-title a.collapsed:before {
        top: 15px;
    }

    #FAQ .gratis-faqs .panel-default {
        padding: 16px 8px 22px 0;
    }

    #FAQ .gratis-faqs #accordion .panel {
        min-height: 40px;
    }

    #FAQ .gratis-faqs #accordion .panel-title a {
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .description-bottom {
        position: absolute;
        top: 20px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 800px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .description-bottom {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    .description-bottom ul {
        padding-left: 20px;
    }
    /*End promotion pages css*/
}

@media (min-width:768px) and (max-width:991px) {
    .one-stop-shop {
        margin-top: 10px;
    }
    .p-l-0-sm {
        padding-left: 0px !important;
    }

    .p-l-r-0-sm {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .p-l-r-5-sm {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .banner-offer-btn {
        text-align: center;
    }

    h1 {
        font-weight: 700;
        font-size: 30px !important;
    }

    h2,
    h2 span {
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 40px !important;
    }

    h6 {
        font-size: 17px !important;
    }
    #banner-devices,
    #banner-devices-main {
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 300px;
    }
    .banner-text-position,
    .banner-img-position {
        display: table;
        min-height: 350px;
        overflow: hidden;
    }
    .inner-banner,
    img {
        display: table-cell;
        vertical-align: middle;
    }
        .inner-banner ul.circle-bullets-teams {
            padding-top: 15px;
            padding-left: 20px;
        }
            .inner-banner ul.circle-bullets-teams li {
                font-size: 17px !important;
            }

    #banner-use-cases {
        background-color: #baf3fd;
        background-repeat: repeat-x;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
        max-height: 900px;
    }

        #banner-use-cases .inner-banner p {
            text-align: center !important;
            padding-top: 10px;
        }
    /*#banner-training .banner-text-position,
    #banner-calling-teams .banner-text-position {
        background-color: #000000;
        opacity: 0.5;
    }*/
   
    #banner-training h1,
    #banner-training p,
    #banner-calling-teams h1,
    #banner-calling-teams p{
        color: #000000 !important;
    }
    

    .shopProducts .text-section {
        padding-top: 0%;
    }

    #reseller .text-section {
        padding-top: 2%;
    }

    .menu-resources {
        margin-top: 15px;
    }

    .partner-selection {
        margin-top: 20px;
    }

    .page-heading h1 {
        font-size: 45px;
        line-height: 60px;
        font-weight: 600;
        color: #000000;
    }

    .text-position {
        text-align: right;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-left-sm {
        text-align: left;
    }

    .azure-content h2,
    .azure-content h3 {
        font-size: 25px;
        margin: 0 !important;
        line-height: 36px;
        text-align: left;
    }

    .support-img h3 {
        padding-top: 5%;
    }
    .support-img {
        background: url(/Resources/images/azure/support-img.png) no-repeat;
        min-height: 250px !important;
    }

    #machcloud-offerings .machcloud-offer {
        text-align: left;
        color: #666;
    }

    #whymccloud h2 {
        margin-bottom: 10px;
    }

    .virtual-machine-tabs .columns {
        width: 12.5% !important;
        text-align: center;
    }

    

    .heading-padding-10 {
        padding-left: 10%;
        padding-right: 10%;
    }
    


#banner-webinar {
    background: url(/Resources/images/webinar/banner-webinar.jpg) no-repeat;
    min-height: 300px;
    background-size: cover;
    margin-top: 85px;
}
    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-sm.png);
        background-repeat: no-repeat;
        min-height: 450px;
        background-size: contain;
    }

    #solution-for-business-banner {
        background-image: url(/Resources/images/solution-for-business/banner-solution-for-business-sm.jpg);
    }

    #why-machcloud-banner {
        background-image: url(/Resources/images/why-machcloud/banner-why-machcloud-sm.jpg);
    }

    .machvoice-banner #calling-teams-banner {
        background: url(/Resources/images/callingteams/banner-calling-teams-sm.jpg) no-repeat;
    }

    .machvoice-banner #partner-calling-teams {
        background: url(/Resources/images/callingteams/partner-calling-teams-sm.jpg) no-repeat;
    }

    .machvoice-banner #why-machcloud-banner {
        background-image: url(/Resources/images/machvoice/banner-machvoice-sm.jpg);
    }

    #become-a-partner-banner {
        background-image: url(/Resources/images/become-a-partner/banner-partners-for-business-sm.jpg);
    }

    #about-us-banner {
        background-image: url(/Resources/images/about/banner-about-us-sm.jpg);
    }


#banner-unified-services {
    background: url(/Resources/images/UnifiedServices/banner-UnifedServices.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 300px;
    margin-top: 87px;
}

    #banner-web-hosting {
        background: url(/Resources/images/header/banner-web-hosting.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
    }
    #banner-devices {
        background-color: #ffffff;
        background-repeat: repeat-x;
        background-position: center center;
        background-size: cover;
        margin-top: 100px;
    }
        #banner-devices .banner-text-position {
            min-height: 400px;
        }
       
    #sip-trunking {
        background: url(/Resources/images/sip-trunking/banner-sip-trunking-bg.png) no-repeat;
        background-position: center center;
        background-size: cover;
        margin-top: 70px;
    }
    #trademarks-banner {
        background: url(/Resources/images/trademarks/banner-trademarks.png) no-repeat;
        background-position: center center;
        min-height: 400px;
        background-size: cover;
    }
    #hosted-voip {
        background: url(/Resources/images/hosted-voip/banner-hosted-voip-bg.png) no-repeat;
        background-position: center center;
        background-size: cover;
        margin-top: 70px;
    }

    #banner-calling-teams {
        background: url(/Resources/images/callingteams/banner-callingTeams.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
    }

    #banner-email-collaboration {
        background: url(/Resources/images/EmailCollaboration/banner-email-collaboration.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
    }

    #banner-migration-services {
        background: url(/Resources/images/MigrationSkypeTeams/banner-migration-skype-teams.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
    }

    #banner-case-studies {
        background: url(/Resources/images/CaseStudies/banner-case-studies.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
    }





    #banner-product-videos {
        background: url(/Resources/images/ProductVideos/banner-product-videos.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-virtual-desktop {
        background: url(/Resources/images/VirtualDesktop/banner-virtual-desktop.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-telephony-service {
        background: url(/Resources/images/TelephonyService/banner-telephony-service.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-training {
        background: url(/Resources/images/Training/banner-training.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
        max-height: 900px;
    }



    #banner-CloudPBX-setup {
        background: url(/Resources/images/header/banner-CloudPBX-setup.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 300px;
        margin-top: 87px;
        max-height: 900px;
    }

    #banner-teams-DR {
        background-color: #5355ad;
        background-image: url(/Resources/images/direct-routing-teams/banner-direct-routing-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 300px;
    }

        #banner-teams-DR h1 {
            font-size: 30px !important;
            font-weight: 700;
            text-shadow: 1px 1px #000;
            text-align: left;
            color: #ffffff;
            padding-left: 15px;
        }
    .phones-detail {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    #phone-bundles .plan,
    #phone-accessories .plan {
        padding-left: 0px !important;
        margin-top: 20px;
    }
    #phone-bundles .large-btn,
    #phone-accessories .large-btn {
        padding: 10px 20px !important;
    }
    #phone-bundles .conact-us-form p,
    #phone-accessories .conact-us-form p {
        font-size: 15px !important;
    }

    .post-content {
        padding: 20px 15px 0px 15px;
        position: relative;
    }


    .post-title {
        font-size: 13px;
        font-weight: bold;
        color: #0073c6;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        transition: all 0.30s linear 0s;
    }

        .post-title:after {
            content: "";
            width: 25px;
            display: block;
            margin-top: 10px;
            border-bottom: 4px solid #333;
        }

    .post-description {
        font-size: 13px;
        color: #555;
        margin-bottom: 10px;
        min-height: 125px;
    }
    #ClientsWebinar .post-description {
        min-height: 160px !important;
    }
   
    .parallel-two-btns {
        padding-top: 20px;
    }

    #why-choose-us .post-slide {
        min-height: 450px;
    }

    #page-service-section .items {
        margin-top: 25px;
    }

    .post-slide {
        margin: 0 0px;
        background: #fff;
    }
    #ClientsWebinar .webinar-post .post-title {
        min-height: 80px;
    }
    .webinar-post .post-title {
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 25px !important;
    }
    .webinar-post .post-slide {
        box-shadow: 0px 0px 2px 1px rgb(236, 236, 236);
        background-color: #fdfdfd;
    }
    .CallingPlanTabsHeading {
        font-size: 20px;
        font-weight: 600;
    }

    .usps-keypoints-features {
        text-align: left;
        padding: 15px 0px 5px 0px !important;
    }

        .usps-keypoints-features h5 {
            font-size: 16px;
            text-align: left;
            color: #000000;
            margin-top: 0px;
            padding-top: 0px;
            line-height: 25px;
            font-weight: 600;
        }
        .usps-keypoints-features h5.one-line {
            padding-top: 25px;
        }
            .usps-keypoints-features h5.two-line {
                padding-top: 15px;
            }
            .usps-keypoints-features h5.three-line {
                padding-top: 5px;
            }

            #FAQ #accordion .panel {
                min-height: 70px;
            }

    #FAQ .box-content {
        padding: 10px 15px 0px 15px;
    }

    .items-style {
        margin-top: 25px;
    }
    #maximize-portability .img-section,
    #maximize-portability .text-section,
    #trusted-cloud .img-section,
    #trusted-cloud .text-section {
        margin-top: 10px;
        text-align: center;
    }

    #maximize-portability h3,
    #trusted-cloud h3 {
        padding-top: 2%;
        text-align: center !important;
    }
        .menu-partner {
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .menu-partner-btn {
        padding-top: 50px;
    }

    #machcloud-trademarks .img-section {
        padding-top: 8%;
    }

    #machcloud-thirdparty .img-section {
        padding-top: 10%;
    }
    #machcloud-logos .div-img {
        padding-top: 8%;
    }

    #div_SubTotal ul.greenbullets,
    .configurator-bullets ul.greenbullets {
        padding-left: 0px;
        font-size: 14px;
    }

        #div_SubTotal ul.greenbullets li,
        .configurator-bullets ul.greenbullets li {
            line-height: 22px;
        }

    .configurator-small-text p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
    }

    #BasicPlus ul.greenbullets {
        padding-left: 25px;
    }

    .products-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }

    .partners-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }
    /*Begin homepage-partner-section*/
    .homepage-partner-section {
        background: #d12025;
        padding: 5px 0px 20px 0px;
        color: #ffffff;
    }

        .homepage-partner-section h2 {
            color: #ffffff;
            font-size: 50px;
            font-weight: 600;
            line-height: 100%;
            border-right: 1px solid #fff;
            text-align: left;
        }

        .homepage-partner-section h5 {
            color: #ffffff;
            font-size: 15px;
        }
    /*End homepage-partner-section*/


    /*Begin Plans and pricing slider section*/
    .machcloud-product-plans .img-section {
        margin-top: 30px;
    }

    .plans-sider {
        padding: 20px 0px 20px 0px;
        background-color: #ffffff;
        border-radius: 10px;
        border: 1px solid #f9f9f9;
    }

    .machcloud-product-plans .slider-plans-img {
        background-image: url(/Resources/images/plans-image.png);
        background-position: top center;
        background-repeat: repeat;
        background-size: auto;
        height: 100%;
        min-height: 260px;
        border-radius: 5px;
        background-size: cover;
    }

    .machcloud-product-plans .data {
        position: absolute;
        bottom: 0;
        padding: 10px 20px 10px 0px;
        margin-bottom: 0px;
        background-color: #000000;
        opacity: 1;
        width: 100%;
    }

        .machcloud-product-plans .data h3 {
            font-size: 20px;
            padding-left: 10px;
            padding-top: 0px;
            color: #ffffff;
            line-height: 30px;
            font-weight: 400;
            margin-bottom: 0px;
        }



    .plans-img-btn .btn {
        padding: 8px 15px !important;
    }

    .carousel-indicators {
        position: relative;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }


    .slider-section .media-carousel .carousel-indicators {
        top: 40px;
    }

    .slider-section .media-carousel .carousel-control.left {
        left: 35px;
    }

    .slider-section .media-carousel .carousel-control.right,
    .slider-section .media-carousel .carousel-control.left {
        margin-top: 5%;
        z-index: 111;
    }

    .slider-plans-content .offer-price {
        padding-left: 0px !important
    }

    .slider-plans-content .promotion-price {
        padding-left: 10px;
    }

    .slider-plans-content {
        position: relative;
        padding: 40px 5px 0px 20px;
    }

        .slider-plans-content h3 {
            text-align: left;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 24px;
            line-height: 35px;
            font-weight: 600;
            color: #000000;
        }

    .slider-plans-sub-heading {
        color: #000000;
        font-size: 18px;
        padding-top: 5px;
    }

    .slider-plans-offer-duration {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

    .slider-plans-billing-cycle {
        color: #0073c6;
        font-weight: 400;
        font-size: 16px;
        display: block;
        padding-top: 10px;
    }

    .slider-plans-starting {
        color: #e1261c;
        font-size: 23px;
        display: block;
    }

    .slider-plans-originally {
        color: #000000;
        font-size: 20px;
        display: block;
    }

    .slider-plans-price {
        font-size: 30px;
        line-height: 25px;
        display: block;
        padding-top: 10px;
        font-weight: 600;
    }

    .slider-plans-content .offer-font-light {
        font-size: 25px;
        line-height: 30px;
        font-weight: 400;
    }

    .slider-plan-btn {
        margin-top: 35px;
    }

    .slider-plans-content .btn {
        padding: 6px 15px 8px 15px !important;
        font-size: 18px;
    }

    .machcloud-products {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 10%;
    }

        .machcloud-products a {
            font-size: 13px;
        }

    .product-image {
        text-align: center;
        padding-top: 10%;
    }

    .virtual-machine-features .product-image {
        text-align: center;
        padding: 30px 0px;
        margin-top: 0%;
    }

    .products-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    .machcloud-products .products-content h5 {
        padding-top: 0px !important;
        color: #333;
        line-height: 20px !important;
        font-size: 12px;
    }
    /*End Plans and pricing slider section*/
    #machcloud-plans-pricing h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .pricing-plans {
        text-align: center;
    }

        .pricing-plans h3 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
            min-height: 60px;
        }

        .pricing-plans h4 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
        }

        .pricing-plans p {
            font-size: 14px;
            line-height: 20px;
        }

        .pricing-plans img {
            padding-top: 10px;
            padding-right: 10px;
        }



    #machcloud-plans-pricing nav ul li {
        border: 1px solid #e3e2e2 !important;
        background: #fafafa;
        padding: 10px 15px;
        text-align: center;
        font-size: 23px;
        font-weight: 600;
        color: #000;
    }

        #machcloud-plans-pricing nav ul li.active {
            color: #fff;
            background: #d12127;
            border-bottom-color: #e3e2e2;
        }

            #machcloud-plans-pricing nav ul li.active a {
                background-color: transparent !important;
            }

        #machcloud-plans-pricing nav ul li a:hover,
        #machcloud-plans-pricing nav ul li a:focus {
            background-color: transparent !important;
            color: #000;
        }



    #machcloud-plans-pricing .nav-tabs {
        border-bottom: 0px;
    }

    #machcloud-plans-pricing .tab-content {
        margin-top: 0px;
    }



    #web-essentials .form-control {
        background-color: #ffffff;
        border: 1px solid #0078d4;
        color: #333333;
    }

    #web-essentials {
        background-color: #f9f9f9;
    }

        #web-essentials .img-section {
            margin-top: 3%;
        }

        #web-essentials h2 {
            margin-top: 0px;
            margin-bottom: 0px;
        }


    /*Begin Home page services sections*/
    .why-web-hosting .img {
        background-image: url(/Resources/images/why-web-hosting.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .services-support .left {
        background-image: url(/Resources/images/services-support.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .use-case-b .left {
        background-image: url(/Resources/images/use-case-b.jpg) !important;
        min-height: 500px !important;
    }

    .why-ssl .left {
        background-image: url(/Resources/images/ssl-unified-management.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 0px 0px 0px 0px;
        float: left;
        min-height: 450px;
        position: relative;
    }

   

    .services-support .left .data {
        background: rgba(209, 33, 39, 0.9);
        color: #fff;
        padding: 20px 35px;
        position: absolute;
        right: 0;
        max-width: 400px;
        margin-top: 35.5%;
    }

        .services-support .left .data h3 {
            font-size: 30px;
            font-weight: 600;
            line-height: 110%;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .services-support .left .data h4 .font-light {
            font-weight: 400;
            font-size: 25px;
            line-height: 140%;
        }

    .middle-container {
        display: table;
        min-height: 100%;
    }

    .w-100 {
        width: 100% !important;
        min-width: 100%;
    }

    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }



    .services-support h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 100%;
        color: #ffffff;
    }

    .services-support h4 {
        font-weight: 400;
        font-size: 25px;
    }

    .services-support .right {
        padding: 30px;
        max-width: 800px;
        float: left;
        padding: 15px 10px 15px 15px;
    }

        .services-support .right h3 {
            font-size: 25px;
            line-height: 140%;
            font-weight: 600;
        }

        .services-support .right h2 {
            padding-left: 10px;
        }

    .services-support .items {
        padding: 15px 0px 0px 0px;
        float: left;
        transition: all 0.3s ease-in-out;
        width: 100%;
    }

        .services-support .items .name {
            font-size: 19px;
            font-weight: 700;
            color: #000000;
            margin: 00px 0px;
        }

        .services-support .items p {
            font-size: 15px;
            line-height: 160%;
            margin-top: 10px;
        }
    /*End Home page services sections*/

    /*Begin SSL Certificate page*/
    .ssl-page-heading {
        margin-top: 80px;
    }

        .ssl-page-heading h2 {
            margin-bottom: 0px;
        }

        .ssl-page-heading h4 {
            line-height: 30px;
        }

    .tabs-section .bordered {
        text-align: left;
    }

    .fasttrack-plans h3 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    .fasttrack-plans ul {
        padding-left: 0px;
        list-style: none;
    }

        .fasttrack-plans ul li {
            font-size: 15px;
            line-height: 25px;
            text-align: left;
        }

    .fasttrack-plans .box {
        display: inline-block;
        width: 100%;
        padding-bottom: 2%;
    }

    .fasttrack-plans .plan-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        padding-top: 50px;
    }

    .fasttrack-plans-btn {
        margin-top: 40px;
    }

    .box {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 3%;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .box-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

        .box-content .p-name {
            font-weight: 600;
            font-size: 25px;
            text-align: center;
        }

        .box-content .p-price {
            color: #000000;
            font-size: 36px;
            font-weight: 700;
            display: contents;
            letter-spacing: 0px;
            padding-top: 10px;
        }

        .box-content h3 {
            margin-top: 0px;
        }

        .box-content p {
            margin-top: 0px;
        }

        .box-content .term {
            display: block;
            font-weight: 600;
            padding-bottom: 10px;
            padding-top: 10px;
        }

    .box-shadow {
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        min-height: 330px;
    }

    #partner-features h2 {
        font-weight: 600;
        margin-bottom: 0px;
    }

    .box-shadow .box-content h3 {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
        line-height: 25px;
        min-height: 60px;
    }

    .box-shadow .box-content p {
        font-size: 15px;
    }




    .box-btn {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    #ssl-certificate-features h2 {
        margin-bottom: 0px;
        text-align: left;
    }

    .get-ssl-certificate .post-title {
        color: #000000;
        text-transform: none;
        border-bottom: 0px;
        margin-bottom: 0px;
    }

    .get-ssl-certificate h3 {
        margin-bottom: 0px;
    }

        .get-ssl-certificate h3::after {
            margin: 0px 0px;
        }


    .get-ssl-certificate .post-title::after {
        border-bottom: 0px;
    }
    /*End SSL Certificate page*/
    .tabs-section .tab-content {
        margin-top: 20px;
    }

    .tabs-section .nav-tabs {
        border-bottom: 0px;
    }

        .tabs-section .nav-tabs > li {
            width: 20%;
        }

            .tabs-section .nav-tabs > li a:hover {
                background: transparent;
            }

        .tabs-section .nav-tabs a {
            background-color: transparent !important;
            color: #000000 !important;
            text-align: center;
        }

    .tabs-btn-design .nav-tabs a:hover,
    .tabs-btn-design .nav-tabs .active a {
        color: #d12127 !important;
        border-bottom: 1px solid #d12127 !important;
    }

    .tabs-menu {
        background-color: #f7f7f7;
        padding-top: 10px;
        padding-bottom: 10px;
    }



    /*Begin partners-dropdown-menu*/
    .navbar-right .dropdown-menu.partners-dropdown-menu,
    .navbar-right .dropdown-menu.products-dropdown-menu {
        padding-bottom: 0%;
    }


    .partners-dropdown-menu .box {
        margin-top: 0% !important;
    }

    .partners-dropdown-menu .box-content {
        padding-top: 5px;
    }


    .arrow-next-white {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-red {
        background-image: url(/Resources/images/icons/arrow-red.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-grey {
        background-image: url(/Resources/images/icons/arrow-grey.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    a.category {
        font-size: 15px;
        text-decoration: none;
        color: #000000;
        padding-right: 15px;
    }

    a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
        padding-left: 15px;
    }



    .vertical-tab-content ul,
    .vertical-content ul {
        list-style: none;
        padding-top: 10px;
        padding-left: 10px;
    }


        .vertical-tab-content ul li,
        .vertical-content ul li {
            padding-top: 5px;
        }

    a.category ul {
        list-style: none;
    }





    .img-section .data .red-band h3 .f-light {
        font-size: 13px;
        font-weight: 600 !important;
        display: block;
        line-height: 100%;
        text-transform: uppercase;
    }

    .partners-dropdown-menu .box-content {
        text-align: left;
    }

        .partners-dropdown-menu .box-content h3.label-heading {
            text-align: left;
            font-weight: 600;
            font-size: 23px;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h3,
        .partners-dropdown-menu .box-content h3::after {
            margin: 0px 0px 0px 0px;
        }

        .partners-dropdown-menu .box-content h5 {
            text-align: left;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h6 {
            padding-top: 5px;
            font-size: 15px;
            padding-left: 5px;
            text-align: left;
            line-height: 25px;
        }

    .partners-dropdown-menu .label-icons {
        text-align: center;
        margin-top: 2%;
        display: inline-block;
        width: 32.5%;
    }


    /*End partners-dropdown-menu*/

    /*begin virtual machine page css*/
    .project-tab {
        padding: 0 0 0px 0;
    }

        .project-tab .tab-content {
            margin-top: 0px;
        }

    #ssl-plans ul.tabs-btn-design {
        max-width: 100%;
        margin: 30px auto 30px;
    }

    #machcloud-plans-pricing ul.tabs-btn-design {
        max-width: 950px;
        margin: 30px auto 30px;
    }

    #mach-phones-plans ul.tabs-btn-design {
        max-width: 600px;
        margin: 30px auto 30px;
    }
    /*begin css for White box style plans*/



    .plans-white-box-style .box {
        min-height: 520px;
    }

    .plans-white-box-style .box-content h3 {
        margin-bottom: 0px;
        font-size: 30px;
        font-weight: 700;
        line-height: 25px;
        min-height: 0px;
    }

    .plans-white-box-style .box-content h5 {
        font-size: 18px;
        line-height: 30px;
        color: #333333;
        padding-bottom: 17px;
    }

    .plans-white-box-style .box-content p {
        font-size: 15px;
    }
    /*end css for White box style plans*/

    ul.tabs-btn-design {
        background: rgba(255, 255, 255, 0.1);
        overflow: hidden;
        margin: 0 auto 40px;
        max-width: 600px;
        display: flex;
    }

        ul.tabs-btn-design.two-tabs {
            max-width: 900px !important;
        }

    #machteams-plans ul.tabs-btn-design {
        margin: 0 auto 20px !important;
    }

    ul.tabs-btn-design li {
        margin: 0 !important;
        flex: 1;
        background-color: #f1f1f1 !important;
    }

        ul.tabs-btn-design li.active a {
            color: #ffffff !important;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            content: '';
            background-color: #d12127 !important;
            border-bottom: 0 !important;
        }
    .Office365-tabs ul.tabs-btn-design li.active a,
    .Office365-tabs ul.tabs-btn-design li a {
        font-size: 15px !important;
    }
            ul .tabs-btn-design li.active a,
            ul.tabs-btn-design li a {
            margin: 0 !important;
            padding: 15px 0px;
            font-size: 17px;
            line-height: 24px;
            color: #000000;
            font-weight: 500;
            transition: all .3s ease-in-out;
            text-align: center;
            border-bottom: 2px solid #d12127 !important;
            border-right: 1px solid #eee;
        }


            ul.tabs-btn-design li.active a:hover,
            ul.tabs-btn-design li a:hover {
                background-color: #d12127 !important;
                color: #ffffff !important;
            }



    .project-tab a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

    .project-tab .board-inner .nav-tabs {
        border-bottom: 0px;
    }

    .listing-row {
        border-top: 1px solid #e3e2e2;
        border-bottom: 0px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .project-tab .plan {
        font-weight: 600;
        padding-right: 20px !important;
        line-height: 120%;
    }

    .project-tab .tag {
        font-size: 12px;
        color: #989898;
        line-height: 130%;
        font-weight: 400;
    }

    .project-tab .headings {
        padding-bottom: 10px;
    }

    .listing-row .terms .nav-tabs {
        width: 150px;
        float: left;
        margin: auto 12px auto 0px;
        top: 0;
        bottom: 0;
        display: flex;
        border-bottom: 0px;
    }

        .listing-row .terms .nav-tabs li {
            padding: 0px;
            position: relative;
            background: #fff;
            overflow: hidden;
            border: 1px solid #e2e2e2 !important;
            width: 100%;
            text-align: center;
            margin: 0px -1px;
        }

            .listing-row .terms .nav-tabs li a {
                text-transform: uppercase !important;
                font-size: 12px !important;
                color: #000;
                font-weight: 400 !important;
                padding: 5px 5px !important;
                margin: 0px !important;
            }

        .listing-row .terms .nav-tabs .active a,
        .listing-row .terms .nav-tabs a:hover {
            background: #1fc0d1 !important;
            color: #fff !important;
        }


        .listing-row .terms .nav-tabs li:last-child {
            border-radius: 0px 5px 5px 0px;
        }

    .listing-row .price {
        font-weight: 700;
        color: #1fc0d1;
        padding-top: 5px;
    }

        .listing-row .price .tab-content {
            margin-top: 0px;
        }

    .listing-row .p-price h2,
    .listing-row .p-price h2 span {
        font-size: 15px;
        font-weight: 600;
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .listing-row .btn {
        padding: 5px 10px;
    }

    .help-section {
        background: #d12025;
        padding: 50px 0px 50px 0px;
        color: #ffffff;
    }

        .help-section h2 {
            color: #ffffff;
            font-weight: 600;
            line-height: 30px;
            font-size: 26px !important;
            text-align: left;
            margin-top: 0px;
            margin-bottom: 0px;
            padding-top: 10px;
        }

        .help-section p {
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            margin-bottom: 0;
            padding-top: 15px;
        }
.reliable-platform h3 {
    text-align: center;
}
.reliable-platform span {
    display: block;
    display: inline-block;
    padding-bottom: 20px;
}

    .reliable-platform span.f-light {
    }
/*end virtual machine page css*/
#vps-includes h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
}

    .vps-includes {
        padding: 35px 60px;
        background: #fff;
        box-shadow: 0 0 44px rgba(0,0,0,.15);
        border-radius: 10px;
        margin-bottom: 30px;
    }

        .vps-includes h3 {
            font-size: 16px;
            font-weight: bold;
            color: #0073c6;
            margin: 0 0 10px 0;
            text-transform: uppercase;
            transition: all 0.30s linear 0s;
        }

            .vps-includes h3::after {
                content: "";
                width: 25px;
                display: block;
                margin-top: 10px;
                border-bottom: 4px solid #2f39bf;
            }


    #vps-includes .section-heading {
        border-right: 1px solid #ccc;
        min-height: 140px;
    }

    #go-local h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 38px;
        font-weight: 600;
    }

    #go-local h3 .f-light {
        font-size: 45px;
        font-weight: 200 !important;
    }

    .f-light {
        font-weight: 200 !important;
    }

    #go-local h3 {
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 100%;
    }

    #go-local .box-wraper {
        border-right: 1px solid #ccc;
        background-position: top 5px right 20px !important;
    }

    .vps-reliable-platform-icons {
        background-repeat: no-repeat;
        background-position-x: right 20px;
        background-position-y: top 20px;
        background-size: auto;
    }

    .vps-architecture {
        background-image: url(/Resources/images/vps-architecture.png);
    }

    .vps-security {
        background-image: url(/Resources/images/vps-security.png);
    }

    .vps-performance {
        background-image: url(/Resources/images/vps-performance.png);
    }

    .legal p {
        line-height: 23px;
        font-size: 15px;
        text-align: justify;
    }

    .legal h6 {
        float: left;
        margin-right: 10px !important;
        margin-top: 0;
    }

    .legal h3.subheading {
        font-size: 19px;
        color: #333;
    }

    .legal h2, .legal h2 span {
        font-size: 21px !important;
        text-align: left;
        padding-top: 10px;
    }

    #banner-devices h6 {
        text-align: left;
    }

    .device-price {
        padding-top: 15px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: 600 !important;
    }

    .phone-bundle-btn {
        margin-top: 40px;
    }

    #go-local .sub-heading {
        border-right: 1px solid #e8e8e8;
    }

    #go-local h4 {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 25px;
    }

    #go-local p {
        font-size: 15px;
    }

    .width-20-per,
    .width-20-per-sm {
        width: 20% !important;
    }

    .width-25-sm {
        width: 25% !important;
    }
.use-case-comparision-funtionalities.width-20-per {
    width: 24% !important;
}
.width-40-per.current-situation,
.width-40-per.machcloud-teams-situation {
    width: 38% !important;
}
.PartnerSelection {
    margin-top: 20px;
}

    .box-btn .large-btn {
        padding: 10px 30px !important;
        font-size: 17px;
    }

    .PrivateLabel {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #f9f9f9;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .TrustedAdvisor {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .width-10-per {
        width: 10% !important;
    }
    /*begin buttons css*/
    .btn-white {
        background: #fff;
        border-color: #fff;
        color: #000;
    }

        .btn-white.active,
        .btn-white.focus,
        .btn-white:active,
        .btn-white:focus,
        .btn-white:hover,
        .open > .dropdown-toggle.btn-white {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
        }

    .btn-white-blank {
        color: #fff;
        background-color: transparent;
        border-color: #fff !important;
    }

        .btn-white-blank.active,
        .btn-white-blank.focus,
        .btn-white-blank:active,
        .btn-white-blank:focus,
        .btn-white-blank:hover,
        .open > .dropdown-toggle.btn-white-blank {
            color: #333;
            background-color: #fff;
            border-color: #fff;
        }



    .btn-grey {
        background: #4e4e4e;
        border-color: #4e4e4e;
        color: #fff !important;
        font-weight: 300;
    }

        .btn-grey.active,
        .btn-grey.focus,
        .btn-grey:active,
        .btn-grey:focus,
        .btn-grey:hover,
        .open > .dropdown-toggle.btn-grey {
            background: #3d3d3d;
            border-color: #3d3d3d;
            outline: 0;
            color: #fff !important;
        }

    .btn-blue {
        color: #fff !important;
        background-color: #0098db;
        border-color: #aad3ef;
    }

        .btn-blue.active,
        .btn-blue.focus,
        .btn-blue:active,
        .btn-blue:focus,
        .btn-blue:hover,
        .open > .dropdown-toggle.btn-blue {
            color: #0098db !important;
            background-color: transparent;
            border-color: #0098db;
        }

    .btn-blue-blank {
        color: #0098db !important;
        background-color: transparent;
        border-color: #aad3ef;
    }

        .btn-blue-blank.active,
        .btn-blue-blank.focus,
        .btn-blue-blank:active,
        .btn-blue-blank:focus,
        .btn-blue-blank:hover,
        .open > .dropdown-toggle.btn-blue-blank {
            color: #ffffff !important;
            background-color: #0098db;
            border-color: #0098db;
        }

    .btn-maroon,
    .btn-general {
        background: #d11f22 !important;
        border-color: #e83f2c !important;
        color: #fff !important;
    }

        .btn-maroon.active,
        .btn-maroon.focus,
        .btn-maroon:active,
        .btn-maroon:focus,
        .btn-maroon:hover,
        .open > .dropdown-toggle.btn-maroon,
        .btn-general.active,
        .btn-general.focus,
        .btn-general:active,
        .btn-general:focus,
        .btn-general:hover,
        .open > .dropdown-toggle.btn-general {
            background: transparent !important;
            border-color: #d11f22 !important;
            color: #d11f22 !important;
        }

    .btn-maroon-blank {
        color: #d11f22 !important;
        background-color: transparent;
        border-color: #d11f22;
    }

        .btn-maroon-blank.active,
        .btn-maroon-blank.focus,
        .btn-maroon-blank:active,
        .btn-maroon-blank:focus,
        .btn-maroon-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #d11f22 !important;
            border-color: #e83f2c;
        }

    .btn-green {
        color: #fff !important;
        background: #0a9e17 !important;
        border: 1px solid #0a9e17 !important;
    }

        .btn-green.active,
        .btn-green.focus,
        .btn-green:active,
        .btn-green:focus,
        .btn-green:hover,
        .open > .dropdown-toggle.btn-green {
            color: #0a9e17 !important;
            background-color: transparent !important;
            border-color: #0a9e17;
        }

    .btn-green-blank {
        color: #0a9e17 !important;
        background-color: transparent;
        border-color: #0a9e17;
    }

        .btn-green-blank.active,
        .btn-green-blank.focus,
        .btn-green-blank:active,
        .btn-green-blank:focus,
        .btn-green-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #0a9e17 !important;
            border-color: #0a9e17;
        }


    /*end buttons css*/
    a.link-white {
        text-decoration: underline !important;
        color: #ffffff;
    }
    /*Begin MachCloud Product logos css*/
    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }




    .shopProducts p {
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px;
    }


    /*end MachCloud Product logos css*/
    /*Begin Partner page css*/
    .partner-introduction h2 {
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .partner-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .partner-introduction .left {
        background-image: url(/Resources/images/partner-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 500px;
        position: relative;
        border-radius: 10px;
    }

    #ChoosePartnerPlan h2 {
        margin-top: 10px;
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 38px;
        line-height: 110%;
    }

    #ChoosePartnerPlan .table > tbody > tr > td {
        padding: 25px;
        vertical-align: middle;
    }

    #ChoosePartnerPlan .ent-feature {
        background-color: #ffffff;
    }

    #ChoosePartnerPlan .compare-col-width h5 {
        font-weight: 700;
        font-size: 25px;
        line-height: 110%;
        color: #000000;
    }

    #reseller h2,
    #reseller h3 {
        font-weight: 600;
    }

    #reseller h2 {
        margin-bottom: 0px;
        padding-top: 25px;
    }

    #reseller h3 {
        margin-top: 0px;
    }

    #reseller {
        background-color: #ffffff;
    }

    #partner-features {
        background-color: #f9f9f9;
        padding-bottom: 50px;
    }

    .shopProducts {
        padding: 30px 0px !important;
    }
    /*End Partner page css*/
    .menu-machcloud-product h3 {
        font-size: 28px !important;
        color: #d11522;
        padding: 0 60px 0 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .menu-machcloud-product p {
        line-height: 30px;
        padding-left: 25px;
        padding-top: 0px;
    }


    #become-a-partner-banner .banner-text-position {
        top: 30px !important;
    }
    #ChoosePartnerPlan .box-content .p-name {
        font-size: 20px;
    }
    /*Begin Virtual Desktop page css*/
    .virtual-desktop-introduction h3 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .virtual-desktop-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .virtual-desktop-introduction .left {
        background-image: url(/Resources/images/virtual-desktop-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 480px;
        position: relative;
        border-radius: 10px;
        margin-top: 10px;
    }

    .page-heading span {
        display: block;
    }

    .dry-cake-main {
        margin-top: 50px;
        padding-right: 0px !important;
    }

    .img-dry-cake-president {
        margin-top: 30px;
    }

    .president-quote {
        padding-top: 30px;
    }

    .case-studies h3 {
        color: #0073c6;
        text-align: left;
        font-size: 25px;
        font-weight: 600;
    }
    /*Begin Virtual Desktop page css*/
    .custom-build,
    .domain-offer-section {
        background-color: #2294c4;
        padding: 50px 0px 50px 0px;
    }

        .custom-build h2 {
            color: #ffffff;
            text-align: center;
        }

        .domain-offer-section h2 {
            text-align: center;
        }


        .domain-offer-section .form-control {
            opacity: 1;
            color: #000000;
            background-color: #fff;
            background-image: none;
            border: 1px solid #e3e3e3;
        }


    /*end Virtual Desktop page css*/

    /*  begin menu vertical tab css tab */
    .vertical-tab-menu {
        padding: 1.25% 2% 1% 2%;
    }


    .products-menu,
    .resources-menu,
    .about-us-menu,
    .partner-menu {
        padding: 1.25% 2% 1% 2%;
        background-position: top center;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 400px;
        border-radius: 0px 0px 0px 0px;
        background-size: cover;
    }

    .products-menu {
        background-image: url(/Resources/images/products-menu-image.jpg);
    }

    .resources-menu {
        background-image: url(/Resources/images/resources-menu-image.jpg);
    }

    .about-us-menu {
        background-image: url(/Resources/images/aboutus-menu-image.jpg);
    }

    .partner-menu {
        background-image: url(/Resources/images/partner-menu-image.jpg);
    }

    /*.resources-menu {
        background-color: #d12127;
    }*/
    /*.resources-menu {
        margin-top: 25px;
    }

        .resources-menu h6 a {
            color: #d12127 !important;
            font-size: 19px;
        }*/
    .vertical-tab-menu h3 {
        padding-top: 10%;
        color: white;
        font-weight: 600;
        font-size: 34px;
    }

    .vertical-tab-menu p,
    .partner-menu-links {
        padding-top: 50%;
        color: white;
        text-align: justify;
        line-height: 20px;
    }

        .partner-menu-links a {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-left: 19px;
            color: #fff !important;
            font-size: 15px !important;
        }


    .vertical-tab-menu ul li {
        line-height: 15px;
    }


    /*  end menu vertical tab css tab */


    .page-heading h4 {
        padding-top: 10px;
        font-size: 22px !important;
        line-height: 30px;
    }

    .page-heading p {
        padding-top: 10px;
    }

    .calling-plan-heading h5 {
        font-size: 30px;
        color: #0073c6;
        text-align: center;
    }

    .calling-plan-heading p {
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    .virtual-desktop-features .box-shadow {
        min-height: 390px;
    }

    .heading-functionalities {
        background-color: #54575a !important;
    }

    .heading-plan-one {
        background-color: #6264a7 !important;
    }

    .heading-plan-two {
        background-color: #d12127 !important;
    }

    .plans-common-headings {
        color: #ffffff !important;
        min-height: 65px;
        font-weight: 600;
        font-size: 28px;
        padding: 16px 5px 0px 15px;
    }

    .page-heading-features {
        margin-top: 3%;
    }

        .page-heading-features h6 {
            line-height: 30px;
            margin-top: 10px;
        }

    .footer-plans {
        display: inline-block;
        margin-left: 15px;
        padding-top: 15px;
        margin-left: 15px;
    }

    #why-o365 {
        padding: 40px 0;
        background-image: url(/Resources/images/O365/why-choose-us.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    #cloud-pbx-capabilities {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }

        #cloud-pbx-capabilities h2 {
            color: white;
        }

        #cloud-pbx-capabilities p {
            color: white;
            text-align: center;
        }

        #cloud-pbx-capabilities .hosted-voice-features ul li {
            color: white;
            font-size: 17px;
            line-height: 25px;
        }

    #machcloud-calling-for-teams {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }




    .calling-teams-steps {
        padding-bottom: 50px;
    }

        .calling-teams-steps h3 {
            margin-bottom: 0px;
            font-size: 22px;
            font-weight: bold;
        }

        .calling-teams-steps h4 {
            color: #000000;
            margin-bottom: 0px;
            font-size: 18px;
        }

        .calling-teams-steps p {
            color: #000000;
            font-size: 15px;
            padding-top: 10px;
        }
    /*begin our partners css*/
    /* carousel */
    #our-partners .media-carousel {
        margin-bottom: 0;
        padding: 0 40px 0px 40px;
        margin-top: 0px;
    }

        #our-partners .media-carousel .carousel-control.left,
        #our-partners .media-carousel .carousel-control.right {
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 55px;
        }
        /* Previous button  */
        #our-partners .media-carousel .carousel-control.left {
            left: -12px;
        }
        /* Next button  */
        #our-partners .media-carousel .carousel-control.right {
            right: -12px !important;
        }
        /* Changes the position of the indicators */
        #our-partners .media-carousel .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }
            /* Changes the colour of the indicators */
            #our-partners .media-carousel .carousel-indicators li {
                background: #c0c0c0;
            }

            #our-partners .media-carousel .carousel-indicators .active {
                background: #333333;
            }


    /* End carousel */
    /*end our partners css*/
    /*  begin menu vertical tab css tab */
    .vertical-tab-container {
        z-index: 10;
        background-color: #ffffff;
        padding: 0 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 20px;
        margin-left: 50px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
        opacity: 0.97;
        filter: alpha(opacity=97);
    }

    .vertical-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

        .vertical-menu h4 {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-left: 20px;
            font-weight: 600;
            font-size: 17px;
            text-align: left;
        }

        .vertical-menu p.banner-menu-sub-heading {
            line-height: 15px;
            text-align: left;
            padding-left: 20px;
            font-size: 13px;
            color: #686868;
        }

        .vertical-menu a.active p.banner-menu-sub-heading {
            color: #ffffff !important;
        }

        .vertical-menu a.active:visited,
        .vertical-menu a.active:visited p {
            color: #ffffff !important;
        }


        .vertical-menu a:visited {
            color: #000000 !important;
        }

        .vertical-menu div.list-group {
            margin-bottom: 0;
        }

    .main-menu .navbar-nav .vertical-menu a {
        border-radius: 0px !important;
    }

    .vertical-menu .list-group-item {
        border-bottom: 1px solid #eaeaea !important;
        border: 0px;
    }

    .vertical-menu div.list-group > a {
        margin-bottom: 0;
        background-color: #f9f9f9;
    }


        .vertical-menu div.list-group > a:first-child {
            border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
        }

        .vertical-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
        }

        .vertical-menu div.list-group > a.active,
        .vertical-menu div.list-group > a.active .fa {
            background-color: #d12127;
            color: #ffffff;
            border-color: #d12127;
        }

            .vertical-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-left: 0;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
                border-left: 10px solid #d12127;
            }

    .vertical-content {
        background-color: transparent;
        padding-left: 20px;
        padding-top: 10px;
    }

        .vertical-content p {
            line-height: 25px;
            text-align: left;
            font-size: 15px;
            padding-top: 10px;
        }

    .vertical-tab .vertical-content:not(.active) {
        display: none;
    }
    /*  end menu vertical tab css tab */
    .box-menu {
        background-color: #000000;
        border-radius: 5px;
        margin-top: 15px;
        transition: all 0.3s ease-in-out;
        padding: 40px 15px 40px 20px;
        opacity: 1;
        border: 1px solid #d6d6d6;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        text-align: center;
    }



        .box-menu h3 {
            font-size: 26px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #fff;
            font-weight: 600 !important;
            line-height: 30px;
            padding-top: 10px;
            text-transform: uppercase;
        }

        .box-menu h4 {
            font-size: 25px !important;
            padding-top: 30px;
            color: #d12127;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu h5 {
            font-size: 24px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #ffffff;
            padding-top: 20px;
            font-weight: 600 !important;
            line-height: 40px;
        }

        .box-menu p {
            font-size: 13px !important;
            padding-top: 10px;
            color: #ffffff;
            line-height: 20px;
        }

    .box-menu-btn {
        text-align: center;
        padding: 10px 30px !important;
        border-radius: 6px !important;
        font-size: 16px !important;
        margin-top: 30px;
    }


    #custom-build-section {
        background-color: #049f9f;
        padding: 60px 0px;
    }

        #custom-build-section h2 {
            text-align: left;
            color: #ffffff;
            letter-spacing: -.03em;
        }

        #custom-build-section p {
            color: #ffffff;
            padding-top: 15px;
            font-size: 18px;
        }

    .bg-dark-green {
        background-color: #1f7561 !important;
    }

    .phones-detail h5 {
        font-size: 18px;
        line-height: 30px;
        color: #d12127 !important;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 15px;
    }

    #phone-detail-intro h2 {
        text-align: left;
        font-size: 38px;
        margin-bottom: 0px;
        color: #d12127;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro h4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        color: #000000 !important;
    }

    #phone-detail-intro p {
        color: #000000;
        padding-top: 15px;
        font-size: 16px;
        line-height: 25px;
    }

    #phone-description h3,
    #phone-specifications h3,
    #phone-downloads h3,
    #phone-bundles h3,
    #phone-accessories h3 {
        font-size: 24px;
        text-align: left;
        color: #0073c6;
        font-weight: 200;
        margin-bottom: 0px;
    }

    #phone-downloads h3 {
        margin-top: 0px;
    }

    #phone-description h4,
    #phone-specifications h4,
    #phone-bundles h4 {
        font-size: 18px;
        text-align: left;
        color: #000000;
        font-weight: 600;
        padding-bottom: 15px;
        padding-top: 20px;
    }

    #phone-accessories h3.p-name {
        text-align: center !important;
    }

    #phone-accessories h4,
    #phone-accessories h5 {
        font-size: 20px;
        text-align: center;
        font-weight: 200;
        padding-bottom: 5px;
        padding-top: 10px;
        letter-spacing: 0px;
        color: #000000;
    }

    #training-packages-section h2 {
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 10px;
    }

    #training-packages-section h3.package-heading {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: left;
        margin-bottom: 0px;
    }

    #training-packages-section p.package-name {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
    }

    #training-packages-section p.package-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
    }

    #training-packages-section .box {
        padding-bottom: 2% !important;
        margin-top: 1% !important;
        margin-bottom: 1% !important;
    }


    .business-img-one {
        background-image: url(/Resources/images/business-img-one.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .business-img-two {
        background-color: #2d7ea2;
        background-repeat: repeat;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .business-img-overlay {
        background-color: #000000;
        padding: 40px 25px 25px 35px;
        min-height: 400px;
        opacity: 0.7;
    }

    .img-overlay {
        padding: 10px 15px 25px 0px;
        min-height: 400px;
    }
#Workplace .img-overlay {
    min-height: 0px;
}
    #business-section .caption {
        text-align: left;
        position: absolute;
        top: 33%;
        left: 10%;
        right: 10%;
        color: #fff;
    }


    .cloudpbx-setup-img {
        background-image: url(/Resources/images/business-img-two.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .case-studies h4,
    .img-text-section h4 {
        color: #0073c6;
        text-align: left;
        font-size: 28px;
    }

    .img-text-section .img-overlay {
        padding: 40px 20px 25px 20px;
        min-height: 450px;
    }



    .case-studies p,
    .img-text-section p {
        color: #333333;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
    }

    .fast-track-business-text.right-side,
    .easier-centralized.right-side {
        top: 10%;
        left: 0%;
        right: 1%;
        text-align: left;
        position: absolute;
    }

    .fully-hosted-managed-text.left-side,
    .budget-friendly-tetx.left-side {
        top: 10%;
        left: 5%;
        right: 0%;
        text-align: left;
        position: absolute;
    }

    #ExperienceDigitalCommunication .caption {
        top: 22% !important;
    }

    #SupportPackages .caption {
        top: 30% !important;
    }

    .case-studies .caption {
        text-align: left;
        position: absolute;
        left: 5%;
        right: 5%;
        color: #000000;
    }

    #pre-migration .caption {
        text-align: left;
        position: absolute;
        left: 5%;
        right: 2%;
        top: 5%;
        color: #000000;
    }

    #domain-extensions .caption {
        top: 22%;
    }

    #domain-monetization .caption {
        top: 10%;
    }

    .case-studies-img-one,
    .case-studies-img-two,
    .fast-track-business-img,
    .fully-hosted-managed-img,
    .easier-centralized-img,
    .budget-friendly-img,
    .secured-files-img,
    .domain-extensions-img,
    .domain-monetization-img,
    .support-packages-img,
    .digital-communication-img,
    .machcloud-support-img {
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 450px;
        background-position: top center;
    }

    .virtual-desktop-overview {
        background-repeat: no-repeat;
        min-height: 250px;
        background-position: top center;
        background-size: contain;
    }
.virtual-desktop-plans .plans-promotion {
    margin: 15px 0px;
    min-height: 0px;
}
.virtual-desktop-plans .plans-promotion-sub-heading {
    font-size: 20px !important;
}
.domain-extensions-img {
    background-image: url(/Resources/images/domain-extension.jpg);
}

    .support-packages-img {
        background-image: url(/Resources/images/support-packages.jpg);
    }

    .domain-monetization-img {
        background-image: url(/Resources/images/use-case-b.jpg);
    }

    .digital-communication-img {
        background-image: url(/Resources/images/digital-communication.jpg);
    }

    .machcloud-support-img {
        background-image: url(/Resources/images/machcloud-support.jpg);
    }

    .case-studies-img-one {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .virtual-desktop-overview {
        background-image: url(/Resources/images/overview-virtual-desktop.png);
    }

    .secured-files-img {
        background-image: url(/Resources/images/secured-files.jpg);
    }

    .case-studies-img-two {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fast-track-business-img {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fully-hosted-managed-img {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .easier-centralized-img {
        background-image: url(/Resources/images/easier-centralized.jpg);
    }

    .budget-friendly-img {
        background-image: url(/Resources/images/budget-friendly.jpg);
    }

    .demo-webinar h2 {
        font-size: 32px;
        letter-spacing: -1px;
        font-weight: 600;
        color: #d12127;
        margin-bottom: 10px;
        text-align: left;
        line-height: 45px;
    }

    .demo-webinar h4 {
        color: #0073c6;
        text-align: left;
        font-size: 24px;
        padding-top: 15px;
    }

    .demo-webinar p {
        color: #333333;
        text-align: left;
        padding-top: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .form-webinar {
        background-color: #f9f9f9;
        padding: 2% 2% 0% 2%;
        margin-top: 20px;
    }

        .form-webinar .form-control {
            background-color: #ffffff;
            color: #000000;
        }

        .form-webinar h3 {
            color: #0073c6;
            text-align: left;
            font-size: 27px;
            font-weight: 700;
        }

    .form-style input {
        border: 0;
        height: 50px;
        border-radius: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .form-style input:focus {
            border-bottom: 1px solid #007bff;
            box-shadow: none;
            outline: 0;
            background-color: #ebebeb;
        }

    .w-50 {
        width: 50% !important;
        min-width: 50%;
    }


    /*plans accordion*/
    .feature-accordion {
        border-top: 1px solid #ccc;
        padding-left: 0px;
        padding-right: 0px;
    }

        .feature-accordion #accordion .panel-title {
            padding-left: 25px;
            text-align: left;
        }

        .feature-accordion #accordion .panel {
            padding: 10px 0px 10px 0px;
        }

        .feature-accordion .feature-parent {
            border-bottom: 1px solid #ccc;
            padding: 25px 0px;
        }

        .feature-accordion .feature-child {
            border-bottom: 1px solid #ccc;
            padding: 20px 0px;
        }


            .feature-accordion .feature-child p {
                font-size: 12px !important;
                font-weight: 100;
                color: #000000;
                line-height: 20px !important;
                padding-top: 0px !important;
                margin-bottom: 0px !important;
            }

    .feature-parent .black-tick-large {
        margin-top: 15px;
    }

    .feature-child .black-tick-small {
        margin-top: 15px;
    }

    .child-color-grey {
        background-color: #f5f5f5;
    }

    .feature-accordion #accordion .panel-title a {
        font-weight: 500 !important;
    }

        .feature-accordion #accordion .panel-title a:after,
        .feature-accordion #accordion .panel-title a.collapsed:after {
            font-family: ElegantIcons;
            font-style: normal;
            font-weight: 600;
            font-size: 25px;
            color: #000000;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 5px;
            transition: all 0.3s ease 0s;
        }

        .feature-accordion #accordion .panel-title a.collapsed:after {
            color: #000000;
            content: "\50";
        }

        .feature-accordion #accordion .panel-title a:after {
            content: "\4f";
            color: #0079c1;
        }

    .package-name {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 0px;
        font-weight: 100;
    }

    .SLA-Enterprise-section {
        margin-top: 25px;
    }

    .default-p-b {
        padding-bottom: 50px;
    }

    .color-basic {
        color: #feb155 !important;
    }

    .color-standard {
        color: #39dcb1 !important;
    }

    .color-complete {
        color: #2f39bf !important;
    }

    .product-logo {
        text-align: center;
    }

        .product-logo h5 {
            text-align: center;
            font-size: 15px;
            color: #000 !important;
            line-height: 25px;
        }

    .products-logos-link .product-logo {
        border: 1px solid #ffffff;
        border-radius: 4px;
        position: relative;
        padding: 15px 15px;
    }

        .products-logos-link .product-logo:hover {
            border: 1px solid #f9f9f9;
            border-radius: 4px;
            position: relative;
            padding: 15px 15px;
        }

    #phone-detail-intro .text-section {
        margin-top: 6%;
    }

    #phone-detail-intro .btn {
        border-radius: 0px;
    }

    #phone-detail-intro .btn-cart {
        padding: 10px 60px !important;
    }

    #phone-detail-intro .btn-quote {
        padding: 10px 42px !important;
    }

    #phone-detail-intro .device-name {
        text-align: left;
        font-size: 38px;
        margin-bottom: 20px;
        color: #495ca9;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro .device-price {
        font-size: 35px;
        font-weight: 700;
        text-align: left;
        line-height: 30px;
        color: #000000 !important;
    }

    .device-intro-btn {
        margin-top: 20px;
    }

    .bundle-content {
        padding-top: 50px;
    }

    .specification-row {
        margin-top: 10px;
        border-top: 1px solid #f8f8f8;
        padding: 13px 0px;
    }

    #FAQ ul li {
        font-size: 13px;
        line-height: 22px;
        padding-top: 5px;
    }
#making-call-microsoft-teams h4 {
    font-size: 18px;
}
.calling-plans-licensing h4 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    padding: 5px 0px;
}
#support-comparison .large-btn {
    padding: 10px 15px !important;
}
#support-comparison .grey-section {
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    padding: 5px 0 5px 5px;
    font-weight: 500;
}

    .banner-direct-routing-text {
        margin-top: 10% !important;
        padding: 0 !important;
    }

    .banner-direct-routing-img {
        margin-top: 8% !important;
        padding: 0 !important;
    }

    
    
   
    #banner-email-collaboration p,
    #banner-virtual-desktop p,
    #banner-web-hosting p,
    #banner-calling-teams p,
    #banner-unified-services p,
    #banner-telephony-service p,
    #banner-migration-services p {
        color: #000000;
        /*font-weight: 400;*/
    }

    #banner-training h1,
    #banner-unified-services .inner-banner h1,
    #banner-migration-services h1,
    #banner-telephony-service h1,
    #banner-training h1 {
        color: #000000;
    }

    #banner-unified-service .inner-banner p {
        color: #000000 !important;
    }
#banner-teams-DR .inner-banner p {
    font-size: 14px;
    padding-left: 15px;
    padding-top: 10px;
}

    #banner-CloudPBX-setup .inner-banner h1,
    #banner-case-studies .inner-banner h1 {
        color: #ffffff;
    }


    #banner-telephony-service p,
    #banner-training p {
        color: #000000;
    }

    #banner-CloudPBX-setup p {
        color: #ffffff;
    }

    .section-sub-heading {
        color: #d12127;
        font-size: 21px;
        text-align: center;
        line-height: 30px;
        padding-top: 10px;
    }

    #pricing_plans h2 {
        text-align: center;
    }
    #migration .img-section {
        text-align: center;
    }
    .machcloud-product h5 {
        font-size: 18px;
    }
    #why-machcloud .reseller-features {
        margin-top: 10px;
    }
    .conact-us-form .box {
        display: inline-block;
    }

    .conact-us-form .services-checkbox input {
        height: auto !important;
    }

    .conact-us-form .box-content .p-price {
        font-size: 17px;
        letter-spacing: 0px;
    }

    .conact-us-form .box-content .p-name {
        font-size: 22px;
    }

    .virtual-desktop-overview-text .caption {
        top: 25%;
    }

    .custom-build p {
        font-size: 24px;
        line-height: 38px;
        text-align: center;
    }

    .from-duration {
        color: #d12127;
        font-size: 22px;
        padding-right: 10px;
    }

    #SellingPoints .hosted-voice-features ul li {
        color: #000000;
    }

    .banner-text-overlay {
        background-color: #000000;
        opacity: 0.8;
        padding: 15px 15px;
        color: #ffffff !important;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    ul.white-bullet-points li {
        list-style-image: url(/Resources/images/icons/white-bullet.png);
        list-style: circle;
    }

    .display-inline-block {
        display: inline-block !important;
    }

    .link-maroon {
        color: #e61d26 !important;
        text-decoration: none;
        font-size: 16px;
    }



    .large-btn {
        padding: 13px 35px !important;
    }

    .virtual-desktop-plans .offer-popular .box {
        margin-top: 0 !important;
        border: 4px solid #d12127;
        border-radius: 0px 0px 5px 5px;
    }



    .pricing-plans .text-most-popular {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
        background-color: #d12127;
        border: 1px solid #d12127;
        border-radius: 5px 5px 0px 0px;
        color: #ffffff;
    }

    .webinar-name {
        font-size: 15px;
        line-height: 25px;
        color: #0073c6;
    }

    .tab-content {
        margin-top: 0px;
    }

    .microsoft-plans .p-name {
        font-size: 20px;
        text-align: center;
        font-weight: 400;
    }

    .p-price {
        display: inline-block !important;
    }



    .tabs-body {
        margin-top: 25px;
        background-color: #fafafa;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;
    }

        .tabs-body .nav-tabs li:first-of-type {
            border-radius: 0px !important;
        }

        .tabs-body .nav-tabs li:last-of-type {
            border-right: 0px !important;
            border-radius: 0px !important;
        }


        .tabs-body .nav-tabs {
            border-bottom: 0px !important;
        }

    .vertical-tab {
        padding-top: 0px;
    }

        .vertical-tab h6 {
            color: #333 !important;
            font-weight: 600;
            font-size: 19px;
        }

    .vertical-tab-content .menu-resources p {
        padding-top: 10px;
        color: #333 !important;
        font-size: 15px !important;
        line-height: 25px;
    }

    .vertical-tab-content .menu-resources {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
    }

        .vertical-tab-content .menu-resources:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

    .vertical-tab-content .menu-products {
        padding: 10px 10px 10px 20px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        padding-bottom: 10px;
        margin-top: 0px;
    }

        .vertical-tab-content .menu-products:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 10px 10px 10px 20px !important;
        }

        .vertical-tab-content .menu-products a.arrow-red:hover,
        a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-red.png);
            background-position: left center;
            background-repeat: no-repeat;
            margin-left: 15px;
        }

    a.arrow-next-white:hover {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
        margin-left: 15px;
        -webkit-transition: margin-left .5s ease;
        -o-transition: margin-left .5s ease;
        transition: margin-left .5s ease;
    }

    .vertical-tab ul li {
        background: transparent !important;
    }

    .home-banner-menu-content {
        padding-top: 1.5%;
    }

    .home-banner-img-section .banner-boxes {
    }

    .home-banner-img {
        background: url(/Resources/images/header/banner-home-page.png) no-repeat;
        background-repeat: no-repeat;
        background-position: top 0px left 0px;
        background-size: cover;
        float: left;
        min-height: 500px;
        position: relative;
    }

    .cloudPBX-setup-packages .text-section {
        padding-top: 0%;
    }

        .cloudPBX-setup-packages .text-section p {
            font-size: 17px;
            line-height: 25px;
            text-align: left;
        }

    .cloudPBX-setup-packages .pricing-plans h3 {
        min-height: 0px;
    }

    .float-none {
        float: none !important;
    }

    .telephony-service-packages .plan-one p {
        background-color: #ffffff !important;
    }
    /*begin plans comparison css*/
    .plans-comparison .offer {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    .functionalities-column {
        float: left;
        position: relative;
    }

    .packages-column {
        float: left;
        position: relative;
    }

    .calling-teams-comparison .functionalities-column .offer-name.functionalities {
        background-color: #333333;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-maroon {
        background-color: #d12127;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-green {
        background-color: #1fbb25;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .plans-comparison .functionalities-column .offer-name {
        background-color: #f0f0f0;
        color: #333333;
        min-height: 60px;
        font-size: 18px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: left;
        min-height: 60px;
        padding-left: 20px;
    }

    .plans-comparison .packages-column .offer-name {
        background-color: #333333;
        color: #ffffff;
        font-size: 18px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: center;
        min-height: 60px;
    }

    .packages-column .offer-name span {
        font-size: 12px;
        font-weight: 400;
    }

    .functionalities-column p,
    .packages-column p {
        font-weight: 400;
        margin: 0 0;
        border-bottom: 1px solid #f3f3f3;
        display: inline-block;
        width: 100%;
        color: #333333;
        padding: 15px 0px 15px 15px;
        line-height: 30px;
    }



    .CallingTeamsPlans .functionalities-column p,
    .CallingTeamsPlans .packages-column p {
        font-weight: 400;
    }

    .CallingTeamsPlans .functionalities-column p {
        padding: 5px 0px 5px 25px;
        font-size: 15px;
    }

    .CallingTeamsPlans .packages-column p {
        padding: 5px 0px 5px 5px;
    }

    .functionalities-column p {
        background-color: #f9f9f9;
        text-align: left;
        font-size: 17px;
        padding-left: 20px;
    }

    .calling-teams-comparison .functionalities-column p {
        font-size: 14px;
        font-weight: 400;
    }

    .packages-column p {
        font-size: 15px;
        background-color: #ffffff;
        text-align: center;
    }

    .packages-column .plan-price {
        font-size: 22px;
        padding: 24px 0px;
    }

    .four-columns-width {
        width: 26.5%;
    }

    .d-p-t {
        padding-top: 50px;
    }

    .CallingTeamsPlans .box-shadow .box-content h3 {
        min-height: 0px;
    }
    /*end plans comparison css*/


    

    .virtual-machine-features .min-height {
        min-height: 450px !important;
    }

    #page-service-section .name,
    #why-o365 h3 {
        font-size: 25px;
        font-weight: 600;
    }

    #why-o365 h2,
    #why-o365 h3,
    #why-o365 p {
        color: #ffffff;
    }

    .btn-send {
        font-size: 18px !important;
    }

    #machteams-plans .form-control {
        border: 1px solid #eee;
        height: 45px;
        background-color: #fff;
        color: #000;
    }

    .font-light {
        font-size: 13px;
        font-weight: 100;
    }



    .plans-fixed-menu .heading {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        line-height: 30px;
    }

    .plans-fixed-menu .sub-heading {
        font-size: 14px;
        text-align: center;
        font-weight: 400;
        line-height: 20px;
    }

    .plans-fixed-menu .pricing {
        color: #0067b8;
        font-weight: 600;
        text-align: center;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .plans-fixed-menu .duration {
        font-size: 15px;
        color: #454545;
        text-align: center;
    }


    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 11111;
        background-color: #ffffff;
        padding-top: 15px;
    }

    .tick-div {
        text-align: center;
    }

    .vps-includes .hosted-voice-features ul {
        font-size: 16px;
    }

    /*#pricing_plans #Office365 .box {
        min-height: 1030px;
    }

    #pricing_plans #Business .box {
        min-height: 1180px;
    }

    #pricing_plans #Enterprise .box {
        min-height: 850px;
    }

    #pricing_plans #ExchangeOnline .box {
        min-height: 1200px;
    }

    #pricing_plans #Microsoft365 .box {
        min-height: 550px;
    }*/

    .unified-services-plans .box h5 {
        min-height: 85px;
    }

    .unified-services-plans .height-two-line {
        min-height: 60px;
    }

    .virtual-desktop-plans .box {
        margin-top: 27px;
        min-height: 1050px;
    }

    .TelephonyServicePackages .packages-column {
        width: 25%;
    }

    #Business .price-section {
        display: inline-block;
    }

    .Partially-included .elegant {
        margin-top: 8px;
        margin-right: 10px;
        float: left;
    }

    .plans-phone-number {
        margin-top: 5%;
        float: left;
    }

        .plans-phone-number .elegant {
            margin-top: 8px;
            margin-right: 10px;
            float: left;
        }

    .plans-fixed-menu .box-btn {
        padding: 0px 15px 15px 15px;
        position: relative;
        text-align: center;
    }

        .plans-fixed-menu .box-btn .btn {
            padding: 6px 30px !important;
        }

    .BusinessPlanPriceHeight {
        min-height: 60px;
    }



    #Business .plan-text-height {
        min-height: 140px;
    }

    #Business .plan-icons-height {
        min-height: 166px;
    }

    #Office365 .checkbox {
        /*min-height: 50px;*/
    }

    #Business .checkbox {
        /*min-height: 70px;*/
    }

    #Enterprise .checkbox {
        /*min-height: 20px;*/
    }

    #Office365 .plan-text-height {
        min-height: 100px;
    }

    #Office365 .plan-icons-height {
        min-height: 140px;
    }

    #Enterprise .plan-text-height {
        min-height: 80px;
    }


    #ExchangeOnline .plan-text-height {
        min-height: 60px;
    }

    #Enterprise .pricing-plans h3,
    #ExchangeOnline .pricing-plans h3 {
        min-height: 30px;
    }

    .plans-promotion {
        background-color: #fff000;
        margin: 15px 30px;
        border-radius: 5px;
        min-height: 90px;
    }

    .plans-promotion-sub-heading {
        font-size: 25px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    .plans-promotion h3 {
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        color: #d12127;
        padding: 15px 0px 0px 0px;
        min-height: 45px;
        text-transform: uppercase;
        letter-spacing: 0px;
    }




    #ExchangeOnline .bullets-height {
        min-height: 500px;
    }

    .width-plan-promotion {
        width: 40%;
    }

    .width-plan-pricing {
        width: 38%;
    }


    .width-plan-btn {
        width: 18%;
    }



    .offerings-img {
        margin-top: 15%;
    }

    .post-slide {
        min-height: 490px;
    }

    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-lg.png);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
    }

        .microsoft-teams .header-text-section {
            margin-top: 8.5%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .microsoft-teams p {
            padding-right: 150px;
        }

        .microsoft-teams .title-start {
            font-size: 39px !important;
        }

        .microsoft-teams .sub-heading {
            font-size: 22px !important;
        }

        .microsoft-teams .banner-margin-btn {
            margin-top: 20px;
        }

    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 360px;
    }

    #home-page-offerings-section h4 {
        font-size: 24px;
    }

    
    

    .inner-banner p.MachTeamsExtensionText {
        font-size: 16px;
    }

    #migration .text-section {
        padding-top: 5% !important;
    }

    #migration .img-section {
        margin-left: 0%;
        margin-top: 3% !important;
    }

    .direct-routing .header-text-section {
        margin-top: 15% !important;
    }

    .direct-routing .header-image-section {
        margin-top: 9% !important;
    }

    .OfficeLocation-Main {
        padding-right: 2% !important;
        padding-left: 2% !important;
    }


    .inner-banner p {
        padding-right: 10px;
    }

    .menu-machcloud-product {
        margin-top: 15%;
    }


    .one-line-height {
        line-height: 45px !important;
    }

    .video-section .container {
        width: 1100px;
        padding-left: 0;
        padding-right: 0;
    }

    .logo-cont {
        margin-left: 3%;
    }

    .main-menu .navbar-collapse li {
        background: #fff;
        font-size: 12px;
    }

    .mega-dropdown-menu {
        width: 100%;
        margin-right: 0%;
    }

    .solutions-dropdown-menu {
        width: 65% !important;
        margin-right: 3% !important;
    }



   

    .header-owl-carousel .item .header-unified-communications {
        min-height: 680px;
    }

    .service-style p {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        min-height: 100px;
    }

    #offerings .offer p {
        min-height: 100px;
    }

    .direct-routing .title-start, .header-discover-machcloud .title-start, .header-unified-communications .title-start {
        font-size: 34px;
        font-weight: 700;
        text-shadow: 1px 1px #fff;
        text-align: left;
        letter-spacing: -1px;
    }

    #partner h2 {
        font-size: 38px !important;
        line-height: 50px;
    }

    

    #banner-webinar-detail .inner-banner h1,
    #banner-product-videos .inner-banner h1 {
        padding-bottom: 0px;
    }

    #banner-webinar-detail .header-title,
    #banner-product-videos .header-title {
        margin-bottom: 10px;
    }




#testimonials h2 {
    padding-top: 20px;
}

    .header-owl-carousel .item {
        min-height: 660px;
        background-size: cover;
    }


    .footer-products-main,
    .footer-subscription-main {
        width: 50%;
        Padding-Left: 15px;
        padding-Right: 15px;
        float: left;
    }


    .main-menu .navbar-nav {
        padding: 20px 20px 0 0;
    }

    #about-machteams .machcloud-product p {
        font-size: 15px !important;
        min-height: 181px;
    }


    #faqs {
        margin-top: 80px;
    }






    .header-cont .inner-banner-img {
        padding-top: 25%;
    }

    .header-cont .inner-banner-azure {
        padding-top: 15%;
    }

    #o365-banner .header-cont .inner-banner-img {
        padding-top: 6%;
    }

    .m-first-col {
        margin-top: 20px;
    }



    .vid-wrap {
        width: 100%;
        height: 750px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }


    .navbar-nav {
        margin: 7.5px -15px;
    }

    #business-products-features .sip-trunking-features-text,
    #cloud-pbx-reseller-benefits .sip-trunking-features-text,
    #sip-trunking-services .sip-trunking-features-text {
        margin-top: 7%;
    }

    .sip-trunking-features-text {
        margin-top: 8%;
    }

    .cloudPBX-features .customer-experience-text.text-section {
        margin-top: 3%;
    }

    .solution-features .sip-trunking-features-text h2 {
        font-size: 35px;
        line-height: 44px;
    }

    #machCloud-for-business .div-img, #machCloud-for-partners .div-img {
        margin-top: 1% !important;
    }

    .width-md-6 {
        width: 49.5% !important;
    }

    .machcloud-product p {
        font-size: 14px;
        min-height: 70px;
    }

    .line-color-grey {
        margin-top: 0px;
        min-height: 0px;
    }

    #all-in-one p {
        font-size: 14px !important;
        text-align: left;
        float: left;
        margin-top: 10px;
    }

    .width-Legal-section, .width-partners-section, .width-customers-section {
        width: 37% !important;
    }

    .width-sm-7 {
        width: 58% !important;
    }

    #full-compliant .div-img {
        margin-top: 6%;
    }

    .Machcloud-enterprises h2, .Machcloud-enterprises h3, .customer-experience h2, .customer-experience h3, #Machteams-extension-features h2 {
        font-size: 40px;
        margin: 0 !important;
        line-height: 50px;
        text-align: left !important;
    }

    #contact-us p {
        text-align: left;
        line-height: 35px;
    }

    #contact-us h3 {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
        padding-bottom: 25px;
    }

    #contact-us h2 {
        color: #ffffff !important;
        font-size: 35px;
        line-height: 45px;
        text-align: center;
    }

    .div-img {
        margin-top: 5%;
    }

    .one-invoice .section-text {
        padding-top: 3%;
    }

    #fixed-tariff-calling .div-img,
    #trusted-cloud .div-img,
    #machteams-selling .img-section {
        padding-top: 1%;
        margin-top: 0%;
    }

    #get-started .img-section {
        margin-top: 4%;
    }

    #pocket-friendly-calling .img-section {
        margin-top: 6%;
    }

    .img-control-panel {
        height: 149px;
        display: block;
    }

    .width-md-49 {
        width: 49%;
    }

    .header-unified-communications {
        background-image: url(/Resources/images/header/communication-delivery-platform.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    

    .banner-position {
        padding-top: 8%;
    }
    #sip-trunking .banner-img-position {
        padding-top: 4%;
    }

        #banner-devices .banner-position {
            padding-top: 10%;
        }

    

    #cloud-computing-solution h1,
    #fixed-tariff-calling h3,
    #get-started h3,
    #trusted-cloud h3 {
        padding-top: 4%;
    }

    .inner-banner h3, .inner-banner p {
        line-height: 30px;
        text-align: left;
        font-size: 20px;
    }

    #azure-banner p, #dynamics365-banner p {
        text-align: left;
        padding-right: 5px;
    }

    .azure-consultation,
    .azure-deployment {
        background-color: #dbeef4;
        width: 100%;
        margin-right: 15px;
        margin-left: 0px;
        margin-top: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #productivity .img-section {
        text-align: center;
    }

    .azure-deployment {
        background-color: #c9e1e9;
    }

    #offerings {
        margin-bottom: 0;
    }

    section {
        padding: 25px 0 25px 0;
    }

    .about-img {
        margin-top: 20px;
    }

    #services {
        padding-bottom: 70px;
    }

    .service-onbording {
        width: 31.5%;
        background-color: #0098db;
    }

    .service-migration {
        width: 31.5%;
        margin-left: 23px;
        background-color: #e61d26;
    }

    .service-admin-service {
        width: 31.5%;
        margin-left: 23px;
        background-color: #00854e;
    }



    .footer-machcloud-inc {
        width: 25%;
        Padding-Left: 15px;
        padding-Right: 15px;
        float: left;
    }



    .footer-links-main {
        width: 16.66666667%;
        Padding-Left: 5px;
        padding-Right: 0;
        float: left;
    }







    .p-0-all {
        padding: 0px 0px !important;
    }

    .p-t-one-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 50px;
    }

    .icon-p-t-one-line {
        padding: 0px 15px !important;
        line-height: 25px !important;
        display: inline-block;
    }

    .p-t-two-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-two-line {
        padding-top: 26px !important;
        padding-right: 15px !important;
        padding-bottom: 26px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .p-t-three-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-three-line {
        padding-top: 39px !important;
        padding-right: 15px !important;
        padding-bottom: 38px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .calling-teams-comparison .packages-column p {
        border-bottom: 0px !important;
    }

    .use-case-comparision-headings {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

        .use-case-comparision-headings h5 {
            text-align: center;
            font-weight: 600;
            font-size: 11px;
        }

    .use-case-comparision .headings p {
        font-weight: 600;
        text-align: center;
    }

    .use-case-comparision p {
        text-align: center;
        font-size: 10px;
    }

        .use-case-comparision p.funtionalities {
            text-align: left;
            font-size: 10px;
        }

    .use-case-comparision .listing-row .plan p {
        text-align: left !important;
    }

    .use-case-comparision .listing-row {
        background-color: transparent !important;
    }

    .use-case-comparision-funtionalities {
        background-color: #ffffff;
    }

        .use-case-comparision-funtionalities .headings {
            background-color: #333333;
            padding: 15px 0px;
        }

            .use-case-comparision-funtionalities .headings h5 {
                color: #ffffff;
            }

    .current-situation {
        background-color: #f4fcff;
    }

        .current-situation .headings {
            background-color: #0d6c9b;
            padding: 15px 0px;
        }

            .current-situation .headings h5 {
                color: #ffffff;
            }

    .machcloud-teams-situation {
        background-color: #f7f7f7;
    }

        .machcloud-teams-situation .headings {
            background-color: #0e9588;
            padding: 15px 0px;
        }

            .machcloud-teams-situation .headings h5 {
                color: #ffffff;
            }

    input {
        height: 0px !important;
    }

    .form-horizontal input,
    .domain-offer-section input,
    .free-consult-form input,
    .form-webinar input {
        height: 50px !important;
    }

    .form-horizontal .checkbox input {
        height: 20px !important;
    }

    #microsoft365-features .items {
        padding: 25px 0px 0px 0px;
    }

    .microsoft-icons {
        margin-top: 10px;
    }

    .offset-1 {
        margin-left: 8%;
        margin-right: 8%;
    }

    .icon__wrap {
        position: relative;
    }

    .icon__description {
        position: absolute;
        bottom: 25px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 350px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .icon__description {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    #voice-comparison .heading {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    #voice-comparison .grey-section,
    #voice-comparison .maroon-section,
    #voice-comparison .green-section {
        color: #ffffff;
        text-align: center;
        font-size: 25px;
        line-height: 40px;
        padding: 5px 0 6px 20px;
        font-weight: 600;
        min-height: 60px;
    }

    #voice-comparison .grey-section {
        background-color: #333333;
    }

    #voice-comparison .maroon-section {
        background-color: #d12127;
    }

    #voice-comparison .green-section {
        background-color: #1fbb25;
    }

    #voice-comparison #accordion .panel {
        padding: 25px 0px 25px 20px;
    }

    #voice-comparison #FAQ .box-content {
        padding: 0px 5px 0px 0px;
    }

    #careers-content h3 {
        font-size: 25px;
        text-align: left;
        padding-top: 10px;
        font-weight: 500;
    }

    #careers-content h4 {
        color: #0073c6;
        font-size: 21px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: 500;
    }

    #training-packages-section .jobs-heading {
        color: #d12127;
        font-size: 24px;
        font-weight: 400;
        padding-top: 15px;
    }

    #training-packages-section p.jobs-title {
        color: #0073c6;
        font-size: 20px;
        font-weight: 400;
        padding-top: 7px;
    }

    .careers-footer p {
        font-size: 15px;
    }

    #training-packages-section .training-packages .careers-positions .box {
        padding-bottom: 2.5% !important;
    }

    #training-packages-section .training-packages .careers-positions .box-content {
        padding: 20px 0px 0px 0px;
    }

    #div_FreeConnector p.simple-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 0px;
    }

    #div_FreeConnector p.headings {
        font-size: 18px;
        line-height: 25px;
        font-weight: 600;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .configurator-promotion-text {
        background-color: #fff000;
        margin: 50px 0px 0px 0px;
        border-radius: 5px;
        padding-bottom: 15px;
    }

        .configurator-promotion-text h3 {
            text-align: center;
            font-size: 22px;
            font-weight: 600;
            line-height: 25px;
            padding: 15px 0px 15px 0px !important;
            color: #000000;
        }

    .slider-plan-promotion {
        background-color: #fff000;
        margin: 0px 0px 0px 0px;
        border-radius: 5px;
        min-height: 90px;
        padding: 15px 0px;
    }



        .slider-plan-promotion h3 {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .slider-plan-promotion h5 {
            font-weight: 700;
            font-size: 22px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .slider-plan-promotion h6 {
            font-weight: 700;
            font-size: 20px;
            text-align: center;
            margin-top: 0px;
            color: #000000;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

    .artwork-box-white {
        width: 48%;
        margin-right: 15px;
        float: left;
        border: 1px solid #dedddb;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

    .artwork-box-red {
        width: 48%;
        margin-right: 15px;
        float: left;
        background-color: #d12127;
        border: 1px solid #d12127;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

        .artwork-box-red ul,
        .artwork-box-white ul {
            padding-left: 20px;
            margin-top: 25px;
            list-style: none;
        }

    .artwork-logo-red {
    }

    .artwork-logo-white {
    }

    .artwork-buttons {
        text-align: center;
        margin-top: 50px;
    }
    #banner-homepage img {
        margin-top: 40px;
    }
    #banner-homepage {
        margin-top: 100px;
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 800px;
    }
        #banner-homepage .banner-img-position {
            padding-top: 0%;
            padding-bottom: 1%;
        }
        #banner-homepage .banner-text-position {
            position: relative;
        }


    .pictogram_inner {
        background-color: #fff;
        border: 1px solid #000000;
        border-radius: 3px;
        flex-direction: column;
        padding: 20px 10px;
        text-align: center;
    }

    .pictogram_inner_bar {
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        margin-bottom: 15px;
        width: 50px;
    }

    .pictogram_inner h4 {
        font-weight: 600;
        font-size: 21px;
        line-height: 26px;
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .pictogram_inner a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
    }

    .pictogram_inner a.arrow-red {
        background-image: url(/Resources/images/icons/arrow-black.png);
        background-position: 100% 8px;
        background-repeat: no-repeat;
    }

        .pictogram_inner a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-black.png);
            background-position: 100% 8px;
            background-repeat: no-repeat;
        }

    .machcloud-Pictogram-icons {
        margin-top: 10px;
    }

        .machcloud-Pictogram-icons .elegant {
            float: left;
        }

        .machcloud-Pictogram-icons h5 {
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            color: #000;
        }

    .pricing-plans h3 span.main-heading {
        display: block;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }

    .pricing-plans h3 span.sub-heading {
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        padding-top: 10px;
        line-height: 35px;
    }

    .plans-grey-bg .box {
        background-color: #fcfcfc !important;
        box-shadow: none !important;
    }
    #banner-homepage .banner-text-position,
    #banner-homepage .banner-img-position {
        min-height: 560px;
    }
    #portal-overview-banner {
        background-image: url(/Resources/images/banners/banner-portal-overview-sm.jpg);
        background-repeat: no-repeat;
        min-height: 350px;
        background-size: cover;
        margin-top: 87px;
    }
    #ucaas-banner {
        background-image: url(/Resources/images/banners/banner-ucaas-sm.jpg);
        background-repeat: no-repeat;
        min-height: 350px;
        background-size: cover;
        margin-top: 87px;
    }
    #homepage-banner {
        background-image: url(/Resources/images/header/banner-cloud-voice-solution-sm.jpg);
        background-repeat: no-repeat;
        min-height: 350px;
        background-size: cover;
        margin-top: 87px;
    }

        #homepage-banner h1 {
            font-size: 45px !important;
            padding-bottom: 10px;
            font-weight: 700;
        }

        #homepage-banner h1,
        #homepage-banner p {
            color: #000;
        }

        #homepage-banner p {
            font-size: 25px;
            font-weight: 600;
            text-align: center;
        }

        #homepage-banner .inner-banner {
            text-align: center;
        }

    .offerings-box .box-content {
        text-align: left !important;
        padding-left: 30px;
    }

        .offerings-box .box-content .term {
            padding-top: 15px !important;
            padding-bottom: 0px !important;
        }

    .pricing-plans .offerings-box {
        box-shadow: none !important;
        background-color: #f9f9f9;
        border-radius: 0px !important;
        border: none !important;
    }

    .maroon-divider {
        width: 2px;
        height: 350px;
        margin-top: 80px;
        background-color: #d12127;
        background-repeat: repeat;
        float: left;
    }

    .pricing-plans .offerings-box h4 {
        font-size: 24px;
        line-height: 33px;
        font-weight: 700;
    }

    .pricing-plans .offerings-box p {
        font-size: 13px !important;
        line-height: 20px !important; font-weight: 500;
    }

    .pricing-plans .offerings-box .country-select {
        background-color: #f9f9f9 !important;
    }

    .offerings-width-4 {
        width: 33% !important;
    }
    .m-t-25-sm {
        margin-top: 25px;
    }
    .have-questions h2 {
        font-size: 26px !important;
        line-height: 35px;
        font-weight: 600;
    }
    .offerings-box .box-btn {
        padding: 20px 0px 0px 0px !important;
        text-align: center !important;
    }
    .limited-offer {
        position: relative;
        top: 0px;
        z-index: 999;
        background-image: url(/Resources/images/limited-offer.png);
        background-size: cover;
        background-position: center right;
        width: 180px;
        height: 170px;
        margin-bottom: 0px;
    }

    #contact h2 {
        margin-bottom: 0px;
    }
    #PromotionalOffer .box {
        padding-bottom: 20px;
    }
    .box-maroon-header .heading h4 {
        font-size: 22px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    .box-maroon-header p {
        padding: 5px 5px 10px 5px;
        font-size: 17px;
        line-height: 24px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
    }

    .box-maroon-header .microsoft-icons p {
        color: #000000;
    }

    .box-maroon-header .price-section {
        padding-top: 10px;
    }
    /*promotion pages css begin*/
    .vertically-align-parent {
        position: relative;
        min-height: 80px;
    }

    .vertically-align-child {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .promo-success p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 15px;
    }

    .promo-success ol {
        padding-left: 20px;
    }

        .promo-success ol li {
            font-size: 17px;
            line-height: 30px;
            padding-left: 5px;
        }

    .promo-failure p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
    }


    #banner-gratis {
        background: url(/Resources/images/promotions/banner-gratis.jpg) no-repeat;
        
    }

    #banner-gratis-success {
        background: url(/Resources/images/promotions/banner-gratis-success.jpg) no-repeat;
    }

    #banner-gratis-failure {
        background: url(/Resources/images/promotions/banner-gratis-failure.jpg) no-repeat;
    }

    #banner-gratis h1 {
        padding-top: 15px;
        color: #d12127 !important;
    }

    #banner-gratis p {
        color: #000000 !important;
        font-weight: 600;
    }
    #banner-gratis,
    #banner-gratis-success,
    #banner-gratis-failure {
        background-position: center center !important;
        background-size: cover !important;
        min-height: 300px;
        margin-top: 87px;
    }

        #banner-gratis p,
        #banner-gratis-success p,
        #banner-gratis-failure p {
            color: #000000;
        }
        #banner-gratis-success a {
            font-size: 17px;
            display: inline-block;
            padding-top: 30px;
        }
        #banner-gratis-success .arrow {
            position: absolute;
            margin-top: -8px;
        }

    .gratis-faqs .box-faqs {
        border-bottom: 1px solid #f2f2f2;
        margin: 0px 0px 0px 0px;
        background-color: transparent !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: table;
        min-height: 45px;
        overflow: hidden;
        box-shadow: none !important;
        width: 100%;
    }

    #FAQ .gratis-faqs .box-faqs .box-content {
        padding: 0px !important;
    }

    #FAQ .gratis-faqs #accordion .panel-title a:before,
    #FAQ .gratis-faqs #accordion .panel-title a.collapsed:before {
        top: 15px;
    }

    #FAQ .gratis-faqs .panel-default {
        padding: 16px 8px 22px 0;
    }

    #FAQ .gratis-faqs #accordion .panel {
        min-height: 40px;
    }

    #FAQ .gratis-faqs #accordion .panel-title a {
        font-weight: 600 !important;
        font-size: 15px !important;
    }

    .description-bottom {
        position: absolute;
        top: 20px;
        left: -150px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 800px;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
    }

    .icon__wrap:hover .description-bottom {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    .description-bottom ul {
        padding-left: 20px;
    }
    /*End promotion pages css*/
}

@media (min-width:200px) and (max-width:767px) {
    .box-maroon-header .heading h4 {
        font-size: 22px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    .box-maroon-header p {
        padding: 5px 5px 10px 5px;
        font-size: 17px;
        line-height: 24px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
    }

    .box-maroon-header .microsoft-icons p {
        color: #000000;
    }

    .box-maroon-header .price-section {
        padding-top: 10px;
    }

    #PromotionalOffer .box {
        padding-bottom: 20px;
    }

    .limited-offer {
        position: relative;
        top: 10px;
        left: 0%;
        z-index: 999;
        background-image: url(/Resources/images/limited-offer.png);
        background-size: cover;
        background-position: center right;
        width: 180px;
        height: 170px;
        margin-bottom: 0px;
    }

    #contact h2 {
        margin-bottom: 0px;
    }

    .maroon-divider {
        width: 300px;
        height: 2px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #d12127;
        background-repeat: repeat;
        float: left;
        text-align: center;
    }

    .offerings-width-4 {
        border-bottom: 2px solid #d12127;
    }

    .offerings-box .box-btn {
        padding: 20px 0px 0px 0px !important;
        text-align: center !important;
    }

    .one-stop-shop {
        margin-top: 10px;
    }

    .small-devices-section {
        padding: 15px 15px 15px 15px !important;
        float: left;
        transition: all 0.3s ease-in-out;
        width: 100%;
        border: 1px solid #f8f8f8;
        border-radius: 5px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 0%;
        margin-left: 0%;
    }

        .small-devices-section.terms-and-conditions {
            padding: 15px 0px 15px 0px !important;
        }

    .services-support .items,
    #page-service-section .items {
        padding: 15px 5px 15px 5px;
        float: left;
        transition: all 0.3s ease-in-out;
        width: 96%;
        border: 1px solid #d12127;
        border-radius: 5px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 2%;
        margin-left: 2%;
    }

    .bg-grey .small-devices-section {
        border: 1px solid #eaeaea;
    }

    .device-price {
        padding-top: 0px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: 600 !important;
    }

    .phone-bundle-btn {
        margin-top: 10px;
    }

    #support-comparison h3 {
        font-size: 20px;
        font-weight: 500;
    }

    .box-btn .large-btn {
        padding: 10px 30px !important;
        font-size: 17px;
    }

    #support-comparison .grey-section {
        color: #ffffff;
        text-align: center;
        font-size: 17px;
        line-height: 40px;
        padding: 5px 0 5px 5px;
        font-weight: 600;
    }

    h2,
    h2 span {
        font-size: 30px !important;
        font-weight: 600 !important;
        line-height: 40px !important;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .legal p {
        line-height: 23px;
        font-size: 15px;
        text-align: left;
    }

    .legal h6 {
        float: left;
        margin-right: 10px !important;
        margin-top: 0;
    }

    .legal h3.subheading {
        font-size: 19px;
        color: #333;
    }

    .legal h2,
    .legal h2 span {
        font-size: 21px !important;
        text-align: center;
        padding-top: 10px;
    }

    .legal ul {
        padding-left: 10px;
    }

    #support-comparison ul {
        padding-left: 15px;
    }

    .page-heading h4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .calling-plans-licensing h4 {
        font-size: 24px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding: 5px 0px;
    }

    .inner-banner {
        display: table-cell;
        vertical-align: middle;
    }

        .inner-banner h1 {
            text-align: center;
            font-weight: 700;
            font-size: 40px;
            padding-bottom: 10px;
        }

        .inner-banner p {
            text-align: center;
            line-height: 30px;
            font-size: 18px;
        }


        .inner-banner h3 {
            line-height: 30px;
            text-align: left;
            font-size: 20px;
        }

    .banner-text-position {
        display: table;
        min-height: 350px;
        overflow: hidden;
    }

    .banner-direct-routing-text {
        margin-top: 10% !important;
        padding: 0 !important;
    }

    .banner-direct-routing-img {
        margin-top: 8% !important;
        padding: 0 !important;
    }

    #about-us-banner,
    #become-a-partner-banner,
    #solution-for-business-banner,
    #why-machcloud-banner,
    .machvoice-banner #calling-teams-banner,
    .machvoice-banner #partner-calling-teams,
    .machvoice-banner #why-machcloud-banner {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #trademarks-banner {
        background: url(/Resources/images/trademarks/banner-trademarks.png) no-repeat;
        min-height: 300px;
        background-size: cover;
        background-position: center center;
    }

    #sip-trunking {
        background: url(/Resources/images/sip-trunking/banner-sip-trunking-bg.png) no-repeat;
        background-position: center center;
        background-size: cover;
        margin-top: 0px;
    }

    #hosted-voip {
        background: url(/Resources/images/hosted-voip/banner-hosted-voip-bg.png) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-email-collaboration {
        background: url(/Resources/images/EmailCollaboration/banner-email-collaboration-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-migration-services {
        background: url(/Resources/images/MigrationSkypeTeams/banner-migration-skype-teams-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-case-studies {
        background: url(/Resources/images/CaseStudies/banner-case-studies-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-product-videos {
        background: url(/Resources/images/ProductVideos/banner-product-videos-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-virtual-desktop {
        background: url(/Resources/images/VirtualDesktop/banner-virtual-desktop-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-telephony-service {
        background: url(/Resources/images/TelephonyService/banner-telephony-service-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-training {
        background: url(/Resources/images/Training/banner-training-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }



    #banner-CloudPBX-setup {
        background: url(/Resources/images/header/banner-CloudPBX-setup-xs.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-calling-teams,
    #banner-unified-services,
    #banner-web-hosting {
        background-color: #f9f9f9;
        background-repeat: repeat;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #banner-teams-DR {
        background-color: #5355ad;
        background-repeat: repeat;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    #banner-devices,
    #banner-devices-main {
        background-color: #f9f9f9;
        background-repeat: repeat;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        #banner-devices .inner-banner h1 {
            font-size: 30px;
        }

    #banner-teams-DR h1 {
        font-weight: 700;
        text-shadow: 1px 1px #000;
        text-align: center;
        color: #ffffff;
    }

    .xs-p-l-r-0,
    .p-l-r-0-xs {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #whymccloud h2 {
        margin-bottom: 10px;
    }

    .virtual-desktop-overview-text .caption {
        top: 5%;
    }

    #seamless-migration h6 {
        color: #333;
        font-size: 15px;
        text-align: center;
        line-height: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .post-content {
        padding: 10px 0px 0px 0px;
        position: relative;
        text-align: center;
    }


    .post-title {
        font-size: 13px;
        font-weight: bold;
        color: #0073c6;
        margin: 0 0 0px 0;
        text-transform: uppercase;
        transition: all 0.30s linear 0s;
    }

        .post-title:after {
            content: "";
            width: 0px;
            display: block;
            margin-top: 10px;
            border-bottom: 0px solid #333;
        }

    .post-description {
        font-size: 13px;
        color: #555;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 125px;
    }

    #ClientsWebinar .post-description {
        min-height: inherit;
    }

    #ClientsWebinar .webinar-post .post-title {
        min-height: 80px;
    }

    .post-slide {
        margin: 0 0px;
        background: #fff;
        margin-bottom: 2em;
    }

    .webinar-post .post-slide {
        box-shadow: 0px 0px 2px 1px rgb(236, 236, 236);
        background-color: #fdfdfd;
    }

    .webinar-post .post-title {
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 25px !important;
    }

    .parallel-two-btns {
        padding-top: 0px;
        text-align: center;
    }

    .btn-one {
        margin-top: 10px;
    }

    .btn-two {
        margin-top: 10px;
    }

    .CallingPlanTabsHeading {
        font-size: 20px;
        font-weight: 600;
    }



    .usps-keypoints-features {
        text-align: center;
        border: 1px solid #f8f8f8;
        border-radius: 5px;
        padding: 15px 15px !important;
        margin-top: 15px;
        margin-bottom: 15px;
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

        .usps-keypoints-features h5 {
            font-size: 18px;
            text-align: center;
            color: #000000;
            margin-top: 0px;
            padding-top: 10px;
            line-height: 28px;
            font-weight: 600;
        }

    #accordion .panel {
        padding: 10px 10px 10px 10px;
    }

    #FAQ .box-content {
        padding: 5px 5px 5px 5px;
    }

    .text-position,
    .text-left-xs {
        text-align: left !important;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .text-right-xs {
        text-align: right !important;
    }

    .page-heading span {
        display: inline;
    }

    .dry-cake-main {
        margin-top: 10px;
    }

    .img-dry-cake-president {
        margin-top: 10px;
    }

    .img-dry-cake-logo {
        text-align: center;
    }

    .president-quote {
        padding-top: 10px;
    }

    .case-studies h3 {
        color: #0073c6;
        text-align: center;
        font-size: 25px;
        font-weight: 600;
    }

    #plans h4 {
        font-size: 22px;
        line-height: 25px;
    }

    .banner-homepage-bg {
        background-image: none;
    }

    .product-logos-xs {
        display: inline-block !important;
        margin-top: 20px;
        float: none !important;
    }

    .icons-section {
        text-align: center;
        display: inline-block;
        float: left;
        margin-top: 20px;
    }

    .footerLinks ul li {
        padding-left: 0;
        padding-right: 10px;
        float: left;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
    }

    .carousel-indicators .active {
        width: 18px;
        height: 18px;
    }

    .media-carousel {
        padding: 0 10px 0px 10px !important;
    }

    .banner-offer-btn {
        text-align: center;
        margin-top: 15px;
    }

    .promotion-price {
        text-align: center;
    }



    #menu-navbar .mega-dropdown .dropdown-toggle {
        border-bottom: 1px solid #c6c6c6 !important;
    }

    .navbar-inverse .navbar-collapse {
        border-color: #c6c6c6 !important;
    }

    .menu-resources .resources-link h6 {
        text-align: left;
        color: #3d3d3d;
        font-size: 15px !important;
        padding-left: 0px;
        font-weight: 400;
    }

    .partner-selection {
        margin-left: 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .partner-selection h3 {
            font-size: 20px;
        }

        .partner-selection .btn-login {
            padding: 10px 10px 10px 10px !important
        }

    .menu-partner-btn {
        padding-top: 10px;
    }

    #mainmenu .nav li .menu-partner-btn a {
        text-align: center !important;
    }

    .menu-resources .resources-link {
        background-image: url(/Resources/images/icons/arrow-red.png);
        background-position: left center;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .vertical-tab {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #ffffff;
    }

    .float-none-xs {
        float: none !important;
    }

    .p-l-0-xs {
        padding-left: 0px !important;
    }

    .navbar-collapse.in {
        overflow: auto;
    }

    .width-partner-icons {
        width: 50%;
        float: left;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    #machcloud-offerings .slider-section {
        padding-left: 0px !important;
    }

    #machcloud-offerings {
        background-color: #ffffff !important;
    }

    .navbar-nav .open .dropdown-menu {
        /*position: absolute !important;*/
        background-color: #ffffff !important;
    }

    .main-menu .in li {
        text-align: left;
    }

    h1 {
        font-weight: 600;
    }


    #reseller .text-section {
        padding-top: 5%;
    }

    .page-heading h1 {
        font-size: 45px;
        line-height: 60px;
        font-weight: 600;
        color: #000000;
    }

    #machcloud-trademarks .img-section {
        padding-top: 4%;
    }

    #machcloud-thirdparty .img-section {
        padding-top: 2%;
    }

    #div_SubTotal ul.greenbullets,
    .configurator-bullets ul.greenbullets {
        padding-left: 0px;
        font-size: 14px;
    }

        #div_SubTotal ul.greenbullets li,
        .configurator-bullets ul.greenbullets li {
            line-height: 22px;
        }

    .configurator-small-text p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
    }

    #BasicPlus ul.greenbullets {
        padding-left: 25px;
    }

    .products-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }

    .partners-dropdown-menu {
        width: 100% !important;
        margin-right: 0% !important;
    }
    /*Begin homepage-partner-section*/
    .homepage-partner-section {
        background: #d12025;
        padding: 5px 0px 20px 0px;
        color: #ffffff;
    }

        .homepage-partner-section h2 {
            color: #ffffff;
            font-size: 50px;
            font-weight: 600;
            line-height: 100%;
            border-right: 1px solid #fff;
            text-align: left;
        }

        .homepage-partner-section h5 {
            color: #ffffff;
            font-size: 15px;
        }
    /*End homepage-partner-section*/


    /*Begin Plans and pricing slider section*/
    .machcloud-product-plans .img-section {
        margin-top: 30px;
    }

    .plans-sider {
        padding: 20px 0px 20px 0px;
        background-color: #ffffff;
    }

    .machcloud-product-plans .slider-plans-img {
        background-image: url(/Resources/images/plans-image.png);
        background-position: top center;
        background-repeat: repeat;
        background-size: auto;
        height: 100%;
        min-height: 304px;
        border-radius: 5px;
        background-size: cover;
    }

    .machcloud-product-plans .data {
        position: absolute;
        bottom: 0;
        padding: 10px 20px 10px 0px;
        margin-bottom: 0px;
        background-color: #000000;
        opacity: 1;
        width: 100%;
    }

        .machcloud-product-plans .data h3 {
            font-size: 20px;
            padding-left: 10px;
            padding-top: 0px;
            color: #ffffff;
            line-height: 30px;
            font-weight: 400;
            margin-bottom: 0px;
        }



    .plans-img-btn .btn {
        padding: 8px 15px !important;
    }


    .media-carousel .carousel-indicators,
    .media-carousel .carousel-indicators {
        width: 100%;
        padding-left: 0;
        text-align: center;
        list-style: none;
        margin-right: 0px;
    }

    .media-carousel .carousel-control.left {
        left: 20px;
    }

    .media-carousel .carousel-control.right {
        right: 20px !important;
    }

    .media-carousel .carousel-control.right,
    .media-carousel .carousel-control.left {
        margin-top: -2%;
        z-index: 111;
    }

    .slider-plans-content {
        position: relative;
        padding: 0px 10px 0px 10px;
    }

        .slider-plans-content h3 {
            text-align: center;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 25px;
            line-height: 30px;
            font-weight: 600;
            color: #000000;
        }

    .slider-plans-sub-heading {
        color: #000000;
        font-size: 18px;
        padding-top: 5px;
        text-align: center;
    }

    .slider-plans-offer-duration {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

    .slider-plans-billing-cycle {
        color: #0073c6;
        font-weight: 400;
        font-size: 16px;
        display: block;
        padding-top: 10px;
    }

    .slider-plans-starting {
        color: #e1261c;
        font-size: 23px;
        display: inline-block;
    }

    .slider-plans-originally {
        color: #000000;
        font-size: 20px;
        display: inline-block;
    }

    .slider-plans-price {
        font-size: 30px;
        line-height: 25px;
        display: inline-block;
        padding-top: 10px;
        font-weight: 600;
    }

    .slider-plans-content .offer-font-light {
        font-size: 25px;
        line-height: 30px;
        font-weight: 400;
    }

    .slider-plan-btn {
        margin-top: 15px;
        margin-left: 15px;
        text-align: center;
    }

    .slider-plans-content .btn {
        padding: 6px 15px 8px 15px !important;
        font-size: 18px;
    }

    .machcloud-products {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 2% 0%;
        padding-bottom: 10%;
    }

        .machcloud-products a {
            font-size: 13px;
        }

    .product-image {
        text-align: center;
        padding-top: 10%;
    }

    .virtual-machine-features .product-image {
        text-align: center;
        padding: 30px 0px;
        margin-top: 0%;
    }

    .reliable-platform {
        text-align: center;
    }

        .reliable-platform span {
            display: inline-block;
        }

            .reliable-platform span.f-light {
            }

    .products-content {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    .machcloud-products .products-content h5 {
        padding-top: 0px !important;
        color: #333;
        line-height: 20px !important;
        font-size: 12px;
    }
    /*End Plans and pricing slider section*/
    #machcloud-plans-pricing h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .pricing-plans {
        text-align: center;
    }

        .pricing-plans h3 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
        }

        .pricing-plans h4 {
            font-size: 23px;
            line-height: 25px;
            margin-bottom: 0px;
        }

        .pricing-plans p {
            font-size: 14px;
            line-height: 20px;
        }

        .pricing-plans img {
            padding-top: 10px;
            padding-right: 10px;
        }



    #machcloud-plans-pricing nav ul li {
        border: 1px solid #e3e2e2 !important;
        background: #fafafa;
        padding: 10px 15px;
        text-align: center;
        font-size: 23px;
        font-weight: 600;
        color: #000;
    }

        #machcloud-plans-pricing nav ul li.active {
            color: #fff;
            background: #d12127;
            border-bottom-color: #e3e2e2;
        }

            #machcloud-plans-pricing nav ul li.active a {
                background-color: transparent !important;
            }

        #machcloud-plans-pricing nav ul li a:hover,
        #machcloud-plans-pricing nav ul li a:focus {
            background-color: transparent !important;
            color: #000;
        }



    #machcloud-plans-pricing .nav-tabs {
        border-bottom: 0px;
    }

    #machcloud-plans-pricing .tab-content {
        margin-top: 0px;
    }

    .fasttrack-plans h3 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 0px;
    }

    .fasttrack-plans ul {
        padding-left: 0px;
        list-style: none;
    }

        .fasttrack-plans ul li {
            font-size: 15px;
            line-height: 25px;
            text-align: center;
        }

    .fasttrack-plans .box {
        display: inline-block;
        width: 100%;
        padding-bottom: 2%;
    }

    .fasttrack-plans .plan-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
    }

    .fasttrack-plans-btn {
        margin-top: 15px;
    }

    #web-essentials .form-control {
        background-color: #ffffff;
        border: 1px solid #0078d4;
        color: #333333;
    }

    #web-essentials {
        background-color: #f9f9f9;
    }

        #web-essentials .img-section {
            margin-top: 3%;
        }

        #web-essentials h2 {
            margin-top: 0px;
            margin-bottom: 0px;
        }


    /*Begin Home page services sections*/
    .why-web-hosting .img {
        background-image: url(/Resources/images/why-web-hosting.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .services-support .left {
        background-image: url(/Resources/images/services-support.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 10px 0 0px 0px;
        float: left;
        min-height: 650px;
        position: relative;
    }

    .use-case-b .left {
        background-image: url(/Resources/images/use-case-b.jpg) !important;
        min-height: 500px !important;
    }

    .why-ssl .left {
        background-image: url(/Resources/images/ssl-unified-management.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
        padding: 0px 0px 0px 0px;
        float: left;
        min-height: 450px;
        position: relative;
    }

    .why-ssl .text-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hosted-voice-features {
        text-align: left;
        display: inline-block;
    }

    .virtual-machine-tabs .columns {
        text-align: center;
    }

    .services-support .left .data {
        background: rgba(209, 33, 39, 0.9);
        color: #fff;
        padding: 20px 35px;
        position: absolute;
        right: 0;
        max-width: 400px;
        margin-top: 35.5%;
    }

        .services-support .left .data h3 {
            font-size: 30px;
            font-weight: 600;
            line-height: 110%;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .services-support .left .data h4 .font-light {
            font-weight: 400;
            font-size: 25px;
            line-height: 140%;
        }

    .middle-container {
        display: table;
        min-height: 100%;
    }

    .w-100 {
        width: 100% !important;
        min-width: 100%;
    }

    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }



    .services-support h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 100%;
        color: #ffffff;
    }

    .services-support h4 {
        font-weight: 400;
        font-size: 25px;
    }



    .services-support .right h3 {
        font-size: 25px;
        line-height: 140%;
        font-weight: 600;
    }

    .services-support .right h2 {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }



    .services-support .items .name {
        font-size: 19px;
        font-weight: 600;
        color: #000000;
        margin: 0px 0px;
        text-align: center;
        padding-top: 15px;
    }

    .services-support .items p {
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px;
        text-align: center;
    }
    /*End Home page services sections*/

    /*Begin SSL Certificate page*/

    .ssl-page-heading h2 {
        margin-bottom: 0px;
    }

    .ssl-page-heading h4 {
        line-height: 30px;
    }

    .tabs-section .bordered {
        text-align: left;
    }

    #FAQ .box {
        text-align: left;
    }

    .box {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        text-align: center;
        margin: 2% 0%;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .box-content {
        padding: 10px 10px 10px 10px;
        position: relative;
        text-align: center;
        /*  display: inline-block;*/
    }

        .box-content .p-name {
            font-weight: 600;
            font-size: 25px;
            text-align: center;
        }

        .box-content .p-price {
            color: #000000;
            font-size: 36px;
            font-weight: 700;
            display: contents;
            letter-spacing: 0px;
            padding-top: 10px;
        }

        .box-content h3 {
            margin-top: 0px;
        }

        .box-content p {
            margin-top: 0px;
        }

        .box-content .term {
            display: block;
            font-weight: 600;
            padding-bottom: 10px;
            padding-top: 10px;
        }

    .box-shadow {
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    #partner-features h2 {
        font-weight: 600;
        margin-bottom: 0px;
    }

    #banner-devices .conact-us-form {
        background-color: transparent;
    }

    .box-shadow .box-content h3 {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
        line-height: 25px;
        min-height: 60px;
    }

    .box-shadow .box-content p {
        font-size: 15px;
    }




    .box-btn {
        padding: 20px 15px 0px 15px;
        position: relative;
        text-align: center;
    }

    #ssl-certificate-features h2 {
        margin-bottom: 0px;
        text-align: left;
    }

    .get-ssl-certificate .post-title {
        color: #000000;
        text-transform: none;
        border-bottom: 0px;
        margin-bottom: 0px;
    }

    .get-ssl-certificate h3 {
        margin-bottom: 0px;
    }

        .get-ssl-certificate h3::after {
            margin: 0px 0px;
        }


    .get-ssl-certificate .post-title::after {
        border-bottom: 0px;
    }
    /*End SSL Certificate page*/




    /*Begin partners-dropdown-menu*/
    .navbar-right .dropdown-menu.partners-dropdown-menu,
    .navbar-right .dropdown-menu.products-dropdown-menu {
        padding-bottom: 0%;
    }


    .partners-dropdown-menu .box {
        margin-top: 0% !important;
    }

    .partners-dropdown-menu .box-content {
        padding-top: 5px;
    }


    .arrow-next-white {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-red {
        background-image: url(/Resources/images/icons/arrow-red.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    .arrow-grey {
        background-image: url(/Resources/images/icons/arrow-grey.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

    a.category {
        font-size: 15px;
        text-decoration: none;
        color: #000000;
        padding-right: 15px;
    }

    a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
        padding-left: 15px;
    }



    .vertical-tab-content ul,
    .vertical-content ul {
        list-style: none;
        padding-top: 10px;
        padding-left: 0px;
    }


        .vertical-tab-content ul li,
        .vertical-content ul li {
            padding-top: 5px;
        }

    a.category ul {
        list-style: none;
    }





    .img-section .data .red-band h3 .f-light {
        font-size: 13px;
        font-weight: 600 !important;
        display: block;
        line-height: 100%;
        text-transform: uppercase;
    }

    .partners-dropdown-menu .box-content {
        text-align: left;
    }

        .partners-dropdown-menu .box-content h3.label-heading {
            text-align: left;
            font-weight: 600;
            font-size: 23px;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h3,
        .partners-dropdown-menu .box-content h3::after {
            margin: 0px 0px 0px 0px;
        }

        .partners-dropdown-menu .box-content h5 {
            text-align: left;
            padding-left: 5px;
        }

        .partners-dropdown-menu .box-content h6 {
            padding-top: 5px;
            font-size: 15px;
            padding-left: 5px;
            text-align: left;
            line-height: 25px;
        }

    .partners-dropdown-menu .label-icons {
        text-align: center;
        margin-top: 2%;
        display: inline-block;
        width: 32.5%;
    }


    /*End partners-dropdown-menu*/

    /*begin virtual machine page css*/
    .project-tab {
        padding: 0 0 0px 0;
    }

        .project-tab .tab-content {
            margin-top: 0px;
        }



    #machcloud-plans-pricing ul.tabs-btn-design {
        max-width: 950px;
        margin: 30px auto 30px;
    }

    #mach-phones-plans ul.tabs-btn-design {
        max-width: 600px;
        margin: 30px auto 30px;
    }
    /*begin css for White box style plans*/



    .plans-white-box-style .box {
        min-height: 520px;
    }

    .plans-white-box-style .box-content h3 {
        margin-bottom: 0px;
        font-size: 30px;
        font-weight: 700;
        line-height: 25px;
        min-height: 0px;
    }

    .plans-white-box-style .box-content h5 {
        font-size: 18px;
        line-height: 30px;
        color: #333333;
        padding-bottom: 17px;
    }

    .plans-white-box-style .box-content p {
        font-size: 15px;
    }
    /*end css for White box style plans*/

    .board-inner {
        margin-bottom: 20px;
    }

    ul.tabs-btn-design li a {
        background-color: #f0f0f0;
        color: #000000;
        text-align: center;
        margin: 0 !important;
        padding: 15px 0px;
        font-size: 17px;
        line-height: 24px;
        color: #000000;
        font-weight: 500;
        transition: all .3s ease-in-out;
        text-align: center;
    }

        ul.tabs-btn-design li a:hover {
            background-color: #f8f8f8;
            color: #000000;
            text-align: center;
            border-bottom: 1px solid #e3e3e3 !important;
        }

    ul.tabs-btn-design li.active a {
        color: #ffffff !important;
        background-color: #d12127 !important;
        border-bottom: 0 !important;
    }

    .board-inner .nav-tabs > li {
        float: none !important;
    }


    .tabs-btn-design .nav-tabs a:hover,
    .tabs-btn-design .nav-tabs .active a {
        color: #d12127 !important;
        border-bottom: 1px solid #d12127 !important;
    }

    .tabs-menu {
        background-color: #f7f7f7;
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .project-tab a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

    .project-tab .board-inner .nav-tabs {
        border-bottom: 0px;
    }

    .listing-row {
        border-top: 1px solid #e3e2e2;
        border-bottom: 0px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .project-tab .plan {
        font-weight: 600;
        padding-right: 20px !important;
        line-height: 120%;
    }

    .project-tab .tag {
        font-size: 12px;
        color: #989898;
        line-height: 130%;
        font-weight: 400;
    }

    .project-tab .headings {
        padding-bottom: 10px;
    }

    .listing-row .terms .nav-tabs {
        width: 150px;
        float: left;
        margin: auto 12px auto 0px;
        top: 0;
        bottom: 0;
        display: flex;
        border-bottom: 0px;
    }

        .listing-row .terms .nav-tabs li {
            padding: 0px;
            position: relative;
            background: #fff;
            overflow: hidden;
            border: 1px solid #e2e2e2 !important;
            width: 100%;
            text-align: center;
            margin: 0px -1px;
        }

            .listing-row .terms .nav-tabs li a {
                text-transform: uppercase !important;
                font-size: 12px !important;
                color: #000;
                font-weight: 400 !important;
                padding: 5px 5px !important;
                margin: 0px !important;
            }

        .listing-row .terms .nav-tabs .active a,
        .listing-row .terms .nav-tabs a:hover {
            background: #1fc0d1 !important;
            color: #fff !important;
        }


        .listing-row .terms .nav-tabs li:last-child {
            border-radius: 0px 5px 5px 0px;
        }

    .listing-row .price {
        font-weight: 700;
        color: #1fc0d1;
        padding-top: 5px;
    }

        .listing-row .price .tab-content {
            margin-top: 0px;
        }

    .listing-row .p-price h2,
    .listing-row .p-price h2 span {
        font-size: 15px;
        font-weight: 600;
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .listing-row .btn {
        padding: 5px 10px;
    }

    .help-section {
        background: #d12025;
        padding: 50px 0px 50px 0px;
        color: #ffffff;
    }

        .help-section h2 {
            color: #ffffff;
            font-size: 50px;
            font-weight: 600;
            line-height: 97%;
            text-align: center;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .help-section p {
            text-align: center;
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            margin-bottom: 0;
            padding-top: 5px;
        }
    /*end virtual machine page css*/

    #vps-includes h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000;
    }

    .vps-includes {
        padding: 35px 60px;
        background: #fff;
        box-shadow: 0 0 44px rgba(0,0,0,.15);
        border-radius: 10px;
        margin-bottom: 30px;
    }

        .vps-includes h3 {
            font-size: 16px;
            font-weight: bold;
            color: #0073c6;
            margin: 0 0 10px 0;
            text-transform: uppercase;
            transition: all 0.30s linear 0s;
        }

            .vps-includes h3::after {
                content: "";
                width: 25px;
                display: block;
                margin-top: 10px;
                border-bottom: 4px solid #2f39bf;
            }


    #vps-includes .section-heading {
        border-right: 1px solid #ccc;
        min-height: 140px;
    }

    #go-local h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 38px;
        font-weight: 600;
    }

    #go-local h3 .f-light {
        font-size: 35px;
        font-weight: 600;
        line-height: 100%;
    }

    .f-light {
        font-weight: 200 !important;
    }

    #go-local h3 {
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 100%;
    }

    #go-local .box-wraper {
        background-position: top 5px right 20px;
    }

    .vps-reliable-platform-icons {
        background-repeat: no-repeat;
        background-position-x: right 20px;
        background-position-y: top 20px;
        background-size: auto;
    }

    .vps-architecture {
        background-image: url(/Resources/images/vps-architecture.png);
    }

    .vps-security {
        background-image: url(/Resources/images/vps-security.png);
    }

    .vps-performance {
        background-image: url(/Resources/images/vps-performance.png);
    }

    #go-local .sub-heading {
        border-right: 1px solid #e8e8e8;
    }

    #go-local h4 {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 25px;
    }

    #go-local p {
        font-size: 15px;
    }

    .width-20-per {
        width: 100% !important;
    }

    .width-10-per {
        width: 10% !important;
    }
    /*begin buttons css*/
    .btn-white {
        background: #fff;
        border-color: #fff;
        color: #000;
    }

        .btn-white.active,
        .btn-white.focus,
        .btn-white:active,
        .btn-white:focus,
        .btn-white:hover,
        .open > .dropdown-toggle.btn-white {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
        }

    .btn-white-blank {
        color: #fff;
        background-color: transparent;
        border-color: #fff !important;
    }

        .btn-white-blank.active,
        .btn-white-blank.focus,
        .btn-white-blank:active,
        .btn-white-blank:focus,
        .btn-white-blank:hover,
        .open > .dropdown-toggle.btn-white-blank {
            color: #333;
            background-color: #fff;
            border-color: #fff;
        }



    .btn-grey {
        background: #4e4e4e;
        border-color: #4e4e4e;
        color: #fff !important;
        font-weight: 300;
    }

        .btn-grey.active,
        .btn-grey.focus,
        .btn-grey:active,
        .btn-grey:focus,
        .btn-grey:hover,
        .open > .dropdown-toggle.btn-grey {
            background: #3d3d3d;
            border-color: #3d3d3d;
            outline: 0;
            color: #fff !important;
        }

    .btn-blue {
        color: #fff !important;
        background-color: #0098db;
        border-color: #aad3ef;
    }

        .btn-blue.active,
        .btn-blue.focus,
        .btn-blue:active,
        .btn-blue:focus,
        .btn-blue:hover,
        .open > .dropdown-toggle.btn-blue {
            color: #0098db !important;
            background-color: transparent;
            border-color: #0098db;
        }

    .btn-blue-blank {
        color: #0098db !important;
        background-color: transparent;
        border-color: #aad3ef;
    }

        .btn-blue-blank.active,
        .btn-blue-blank.focus,
        .btn-blue-blank:active,
        .btn-blue-blank:focus,
        .btn-blue-blank:hover,
        .open > .dropdown-toggle.btn-blue-blank {
            color: #ffffff !important;
            background-color: #0098db;
            border-color: #0098db;
        }

    .btn-maroon,
    .btn-general {
        background: #d11f22 !important;
        border-color: #e83f2c !important;
        color: #fff !important;
    }

        .btn-maroon.active,
        .btn-maroon.focus,
        .btn-maroon:active,
        .btn-maroon:focus,
        .btn-maroon:hover,
        .open > .dropdown-toggle.btn-maroon,
        .btn-general.active,
        .btn-general.focus,
        .btn-general:active,
        .btn-general:focus,
        .btn-general:hover,
        .open > .dropdown-toggle.btn-general {
            background: transparent !important;
            border-color: #d11f22 !important;
            color: #d11f22 !important;
        }

    .btn-maroon-blank {
        color: #d11f22 !important;
        background-color: transparent;
        border-color: #d11f22;
    }

        .btn-maroon-blank.active,
        .btn-maroon-blank.focus,
        .btn-maroon-blank:active,
        .btn-maroon-blank:focus,
        .btn-maroon-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #d11f22 !important;
            border-color: #e83f2c;
        }

    .btn-green {
        color: #fff !important;
        background: #0a9e17 !important;
        border: 1px solid #0a9e17 !important;
    }

        .btn-green.active,
        .btn-green.focus,
        .btn-green:active,
        .btn-green:focus,
        .btn-green:hover,
        .open > .dropdown-toggle.btn-green {
            color: #0a9e17 !important;
            background-color: transparent !important;
            border-color: #0a9e17;
        }

    .btn-green-blank {
        color: #0a9e17 !important;
        background-color: transparent;
        border-color: #0a9e17;
    }

        .btn-green-blank.active,
        .btn-green-blank.focus,
        .btn-green-blank:active,
        .btn-green-blank:focus,
        .btn-green-blank:hover,
        .open > .dropdown-toggle.btn-maroon-blank {
            color: #ffffff !important;
            background-color: #0a9e17 !important;
            border-color: #0a9e17;
        }


    /*end buttons css*/
    a.link-white {
        text-decoration: underline !important;
        color: #ffffff;
    }
    /*Begin MachCloud Product logos css*/
    .text-middle {
        display: table-cell;
        vertical-align: middle;
    }

    .shopProducts {
        background-color: #f9f9f9;
    }

        .shopProducts h1 {
            font-size: 30px;
        }

        .shopProducts .text-section {
            padding-top: 5%;
        }

        .shopProducts p {
            font-size: 17px;
            line-height: 30px;
            margin-top: 10px;
            text-align: center;
            padding-right: 10px;
            padding-left: 10px;
        }


    /*end MachCloud Product logos css*/
    /*Begin Partner page css*/
    .partner-introduction h2 {
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 0px;
        text-align: center;
    }

    .partner-introduction .text-section p {
        padding-left: 0px;
        text-align: center;
    }

    .partner-introduction .left {
        background-image: url(/Resources/images/partner-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 500px;
        position: relative;
        border-radius: 10px;
    }

    #ChoosePartnerPlan h2 {
        margin-top: 10px;
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 38px;
        line-height: 110%;
    }

    #ChoosePartnerPlan .table > tbody > tr > td {
        padding: 25px;
        vertical-align: middle;
    }

    #ChoosePartnerPlan .ent-feature {
        background-color: #ffffff;
    }

    #ChoosePartnerPlan .compare-col-width h5 {
        font-weight: 700;
        font-size: 25px;
        line-height: 110%;
        color: #000000;
    }

    #reseller h2,
    #reseller h3 {
        font-weight: 600;
    }

    #reseller h2 {
        margin-bottom: 0px;
        padding-top: 25px;
    }

    #reseller h3 {
        margin-top: 0px;
    }

    #reseller {
        background-color: #ffffff;
    }

    #partner-features {
        background-color: #f9f9f9;
        padding-bottom: 50px;
    }

    .shopProducts {
        padding: 20px 0px 20px 0px !important;
    }
    /*End Partner page css*/
    .menu-machcloud-product h3 {
        font-size: 28px !important;
        color: #d11522;
        padding: 0 60px 0 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .menu-machcloud-product p {
        line-height: 30px;
        padding-left: 25px;
        padding-top: 0px;
    }

    /*Begin Virtual Desktop page css*/
    .virtual-desktop-introduction h3 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 600;
        padding: 0px 30px;
        text-align: left;
    }

    .virtual-desktop-introduction .text-section p {
        padding-left: 33px;
        text-align: justify;
    }

    .virtual-desktop-introduction .left {
        background-image: url(/Resources/images/virtual-desktop-introduction.jpg);
        background-repeat: no-repeat;
        float: left;
        min-height: 480px;
        position: relative;
        border-radius: 10px;
        margin-top: 10px;
    }


    /*Begin Virtual Desktop page css*/
    .custom-build,
    .domain-offer-section {
        background-color: #2294c4;
        padding: 50px 0px 50px 0px;
    }

        .custom-build h2 {
            color: #ffffff;
            text-align: center;
        }

        .domain-offer-section h2 {
            text-align: center;
        }


        .domain-offer-section .form-control {
            opacity: 1;
            color: #000000;
            background-color: #fff;
            background-image: none;
            border: 1px solid #e3e3e3;
        }


    /*end Virtual Desktop page css*/

    /*  begin menu vertical tab css tab */
    .vertical-tab-menu {
        padding: 1.25% 2% 1% 2%;
    }


    .products-menu,
    .resources-menu,
    .about-us-menu,
    .partner-menu {
        padding: 1.25% 2% 1% 2%;
        background-position: top center;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 400px;
        border-radius: 0px 0px 0px 0px;
        background-size: cover;
    }

    .products-menu {
        background-image: url(/Resources/images/products-menu-image.jpg);
    }

    .resources-menu {
        background-image: url(/Resources/images/resources-menu-image.jpg);
    }

    .about-us-menu {
        background-image: url(/Resources/images/aboutus-menu-image.jpg);
    }

    .partner-menu {
        background-image: url(/Resources/images/partner-menu-image.jpg);
    }

    /*.resources-menu {
        background-color: #d12127;
    }*/
    /*.resources-menu {
        margin-top: 25px;
    }

        .resources-menu h6 a {
            color: #d12127 !important;
            font-size: 19px;
        }*/
    .vertical-tab-menu h3 {
        padding-top: 1%;
        color: white;
        font-weight: 600;
        font-size: 38px;
    }

    .vertical-tab-menu p,
    .partner-menu-links {
        padding-top: 50%;
        color: white;
        text-align: justify;
        line-height: 20px;
    }

        .partner-menu-links a {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-left: 19px;
            color: #fff !important;
            font-size: 15px !important;
        }


    .vertical-tab-menu ul li {
        line-height: 15px;
    }


    /*  end menu vertical tab css tab */


    .page-heading h4 {
        padding-top: 10px;
    }

    .page-heading p {
        padding-top: 10px;
    }

    .calling-plan-heading h5 {
        font-size: 30px;
        color: #0073c6;
        text-align: center;
    }

    .calling-plan-heading p {
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    .virtual-desktop-features .box-shadow {
        min-height: 390px;
    }

    .heading-functionalities {
        background-color: #54575a !important;
    }

    .heading-plan-one {
        background-color: #6264a7 !important;
    }

    .heading-plan-two {
        background-color: #d12127 !important;
    }

    .plans-common-headings {
        color: #ffffff !important;
        min-height: 65px;
        font-weight: 600;
        font-size: 28px;
        padding: 16px 5px 0px 15px;
    }

    .page-heading-features {
        margin-top: 3%;
    }

        .page-heading-features h6 {
            line-height: 30px;
            margin-top: 10px;
        }

    .footer-plans {
        display: inline-block;
        margin-left: 0px;
        padding-top: 15px;
    }

    #why-o365 {
        padding: 40px 0;
        background-image: url(/Resources/images/O365/why-choose-us.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    #cloud-pbx-capabilities {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }

        #cloud-pbx-capabilities h2 {
            color: white;
        }

        #cloud-pbx-capabilities p {
            color: white;
            text-align: center;
        }

        #cloud-pbx-capabilities .hosted-voice-features ul li {
            color: white;
            font-size: 17px;
            line-height: 25px;
        }

    #machcloud-calling-for-teams {
        padding: 40px 0;
        background-image: url(/Resources/images/callingteams/machcloud-calling-for-teams.jpg);
        background-repeat: repeat;
        background-size: cover;
    }




    .calling-teams-steps {
        padding-bottom: 50px;
    }

        .calling-teams-steps h3 {
            margin-bottom: 0px;
            font-size: 22px;
            font-weight: bold;
        }

        .calling-teams-steps h4 {
            color: #000000;
            margin-bottom: 0px;
            font-size: 18px;
        }

        .calling-teams-steps p {
            color: #000000;
            font-size: 15px;
            padding-top: 10px;
        }

    /*  begin menu vertical tab css tab */
    .list-group-item.active,
    .list-group-item:hover {
        z-index: 2;
        color: #ffffff !important;
        background-color: #d12127 !important;
        border-color: #d12127 !important;
    }

    .vertical-tab-container {
        z-index: 10;
        background-color: #ffffff;
        padding: 0 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 20px;
        margin-left: 50px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
        opacity: 0.97;
        filter: alpha(opacity=97);
    }

    .vertical-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

        .vertical-menu h4 {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-left: 20px;
            font-weight: 600;
            font-size: 17px;
            text-align: left;
        }

        .vertical-menu p.banner-menu-sub-heading {
            line-height: 15px;
            text-align: left;
            padding-left: 20px;
            font-size: 13px;
            color: #686868;
        }

        .vertical-menu a.active p.banner-menu-sub-heading {
            color: #ffffff !important;
        }

        .vertical-menu a.active:visited,
        .vertical-menu a.active:visited p {
            color: #ffffff !important;
        }


        .vertical-menu a:visited {
            color: #000000 !important;
        }

        .vertical-menu div.list-group {
            margin-bottom: 0;
        }

    .main-menu .navbar-nav .vertical-menu a {
        border-radius: 0px !important;
    }

    .vertical-menu .list-group-item {
        border-bottom: 1px solid #eaeaea !important;
        border: 0px;
    }

    .vertical-menu div.list-group > a {
        margin-bottom: 0;
        background-color: #f9f9f9;
    }


        .vertical-menu div.list-group > a:first-child {
            border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
        }

        .vertical-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
        }

        .vertical-menu div.list-group > a.active,
        .vertical-menu div.list-group > a.active .fa {
            background-color: #d12127;
            color: #ffffff;
            border-color: #d12127;
        }

            .vertical-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-left: 0;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
                border-left: 10px solid #d12127;
            }

    .vertical-content {
        background-color: transparent;
        border: 1px solid #d12127;
        padding: 10px;
        border-radius: 5px;
        margin: 3% 3% 0 3%;
    }

        .vertical-content p {
            line-height: 25px;
            text-align: left;
            font-size: 15px;
            padding-top: 10px;
        }

    .vertical-tab .vertical-content:not(.active) {
        display: none;
    }
    /*  end menu vertical tab css tab */
    .box-menu {
        background-color: #000000;
        border-radius: 5px;
        margin-top: 0px;
        transition: all 0.3s ease-in-out;
        padding: 30px 5px 20px 5px;
        opacity: 1;
        border: 1px solid #d6d6d6;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        text-align: center;
    }



        .box-menu h3 {
            font-size: 25px !important;
            margin-bottom: 0px;
            color: #fff;
            font-weight: 600 !important;
            line-height: 30px;
            padding-top: 0px;
            text-transform: uppercase;
        }

        .box-menu h4 {
            font-size: 23px !important;
            padding-top: 15px;
            color: #d12127;
            font-weight: 600 !important;
            line-height: 30px;
        }

        .box-menu h5 {
            font-size: 23px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            color: #ffffff;
            padding-top: 15px;
            font-weight: 600 !important;
            line-height: 30px;
        }

        .box-menu p {
            font-size: 14px !important;
            padding-top: 10px;
            color: #ffffff;
            line-height: 20px;
        }

    .box-menu-btn {
        text-align: center;
        padding: 8px 35px !important;
        border-radius: 6px !important;
        font-size: 18px !important;
    }


    #custom-build-section {
        background-color: #049f9f;
        padding: 60px 0px;
    }

        #custom-build-section h2 {
            text-align: left;
            color: #ffffff;
            letter-spacing: -.03em;
        }

        #custom-build-section p {
            color: #ffffff;
            padding-top: 15px;
            font-size: 18px;
        }

    .bg-dark-green {
        background-color: #1f7561 !important;
    }

    .phones-detail h5 {
        font-size: 18px;
        line-height: 30px;
        color: #d12127 !important;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 15px;
    }

    #phone-detail-intro h2 {
        text-align: left;
        font-size: 38px;
        margin-bottom: 0px;
        color: #d12127;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro h4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        color: #000000 !important;
    }

    #phone-detail-intro p {
        color: #000000;
        padding-top: 15px;
        font-size: 16px;
        line-height: 25px;
    }

    #phone-description h3,
    #phone-specifications h3,
    #phone-downloads h3,
    #phone-bundles h3,
    #phone-accessories h3 {
        font-size: 24px;
        text-align: left;
        color: #0073c6;
        font-weight: 200;
        margin-bottom: 0px;
    }

    #phone-downloads h3 {
        margin-top: 0px;
    }

    #phone-description h4,
    #phone-specifications h4,
    #phone-bundles h4 {
        font-size: 18px;
        text-align: left;
        color: #000000;
        font-weight: 600;
        padding-bottom: 15px;
        padding-top: 20px;
    }

    #phone-accessories h3.p-name {
        text-align: center !important;
    }

    #phone-accessories h4,
    #phone-accessories h5 {
        font-size: 20px;
        text-align: center;
        font-weight: 200;
        padding-bottom: 5px;
        padding-top: 10px;
        letter-spacing: 0px;
        color: #000000;
    }

    #training-packages-section h2 {
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 10px;
    }

    #training-packages-section h3.package-heading {
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
        color: #000000;
        text-align: center;
        margin-bottom: 0px;
    }

    #training-packages-section p.package-name {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
    }

    #training-packages-section p.package-price {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
    }

    #training-packages-section .box {
        padding-bottom: 2% !important;
        margin-top: 1% !important;
        margin-bottom: 1% !important;
    }


    .business-img-one {
        background-image: url(/Resources/images/business-img-one.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .business-img-two {
        background-color: #2d7ea2;
        background-repeat: repeat;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .business-img-overlay {
        background-color: #000000;
        padding: 40px 25px 25px 35px;
        min-height: 400px;
        opacity: 0.7;
    }

    .img-overlay {
        padding: 10px 0px 10px 0px;
        text-align: center;
    }

    #business-section .caption {
        text-align: left;
        position: absolute;
        top: 33%;
        left: 10%;
        right: 10%;
        color: #fff;
    }


    .cloudpbx-setup-img {
        background-image: url(/Resources/images/business-img-two.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 400px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .case-studies h4,
    .img-text-section h4 {
        color: #0073c6;
        text-align: center;
        font-size: 28px;
    }

    .img-text-section .img-overlay {
        padding: 40px 20px 25px 20px;
        min-height: 450px;
    }



    .case-studies p,
    .img-text-section p {
        color: #333333;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
    }

    .fast-track-business-text.right-side,
    .easier-centralized.right-side {
        top: 10%;
        left: 0%;
        right: 1%;
        text-align: left;
        position: absolute;
    }

    .fully-hosted-managed-text.left-side,
    .budget-friendly-tetx.left-side {
        top: 10%;
        left: 5%;
        right: 0%;
        text-align: left;
        position: absolute;
    }

    #ExperienceDigitalCommunication .caption {
        top: 22% !important;
    }

    #SupportPackages .caption {
        top: 30% !important;
    }

    .case-studies .caption {
        text-align: center;
        color: #000000;
    }

    #domain-extensions .caption {
        top: 20%;
    }

    #domain-monetization .caption {
        top: 25%;
    }

    .case-studies-img-one,
    .case-studies-img-two,
    .fast-track-business-img,
    .fully-hosted-managed-img,
    .easier-centralized-img,
    .budget-friendly-img,
    .secured-files-img,
    .domain-extensions-img,
    .domain-monetization-img,
    .support-packages-img,
    .digital-communication-img,
    .machcloud-support-img {
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 300px;
        background-position: center center;
    }

    .virtual-desktop-overview {
        background-repeat: no-repeat;
        min-height: 450px;
        background-position: center center;
    }

    .domain-extensions-img {
        background-image: url(/Resources/images/domain-extension.jpg);
    }

    .support-packages-img {
        background-image: url(/Resources/images/support-packages.jpg);
    }

    .domain-monetization-img {
        background-image: url(/Resources/images/use-case-b.jpg);
    }

    .digital-communication-img {
        background-image: url(/Resources/images/digital-communication.jpg);
    }

    .machcloud-support-img {
        background-image: url(/Resources/images/machcloud-support.jpg);
    }

    .case-studies-img-one {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .virtual-desktop-overview {
        background-image: url(/Resources/images/overview-virtual-desktop.png);
    }

    .secured-files-img {
        background-image: url(/Resources/images/secured-files.jpg);
    }

    .case-studies-img-two {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fast-track-business-img {
        background-image: url(/Resources/images/business-img-one.jpg);
    }

    .fully-hosted-managed-img {
        background-image: url(/Resources/images/business-img-two.jpg);
    }

    .easier-centralized-img {
        background-image: url(/Resources/images/easier-centralized.jpg);
    }

    .budget-friendly-img {
        background-image: url(/Resources/images/budget-friendly.jpg);
    }

    .demo-webinar h2 {
        color: #d12127;
        text-align: center;
    }

    .demo-webinar h4 {
        color: #0073c6;
        text-align: center;
        font-size: 24px;
        padding-top: 15px;
    }

    .demo-webinar p {
        color: #333333;
        text-align: center;
        padding-top: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .form-horizontal .form-group {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .form-style {
        margin-top: 20px;
    }

    .form-btn {
        text-align: center;
    }

    .form-webinar {
        background-color: #f9f9f9;
        padding: 10% 2% 5% 2%;
    }

        .form-webinar .form-control {
            background-color: #ffffff;
            color: #000000;
        }

        .form-webinar h3 {
            color: #0073c6;
            text-align: center;
            font-size: 27px;
            font-weight: 700;
        }

    .form-style input {
        border: 0;
        height: 50px;
        border-radius: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .form-style input:focus {
            border-bottom: 1px solid #007bff;
            box-shadow: none;
            outline: 0;
            background-color: #ebebeb;
        }

    .w-50 {
        width: 50% !important;
        min-width: 50%;
    }


    /*plans accordion*/
    .feature-accordion {
        border-top: 1px solid #ccc;
        padding-left: 0px;
        padding-right: 0px;
    }

        .feature-accordion #accordion .panel-title {
            padding-left: 25px;
            text-align: left;
        }

        .feature-accordion #accordion .panel {
            padding: 10px 0px 10px 0px;
        }

        .feature-accordion .feature-parent {
            border-bottom: 1px solid #ccc;
            padding: 25px 0px;
        }

            .feature-accordion .feature-parent h3 {
                text-align: left;
                padding-left: 15px;
            }

        .feature-accordion .feature-child {
            border-bottom: 1px solid #ccc;
            padding: 20px 0px;
        }


            .feature-accordion .feature-child p {
                font-size: 12px !important;
                font-weight: 100;
                color: #000000;
                line-height: 20px !important;
                padding-top: 0px !important;
                margin-bottom: 0px !important;
            }

    .feature-parent .black-tick-large,
    .feature-parent .black-stoke-tick-large {
        margin-top: 15px;
    }

    .PartnerSelection {
        margin-top: 15px;
    }

    .PrivateLabel {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #f9f9f9;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .TrustedAdvisor {
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 0% 0%;
        padding-bottom: 5%;
        box-shadow: 0 0px 0px;
        display: inline-block;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
    }

    .feature-child .black-tick-small {
        margin-top: 15px;
    }

    .child-color-grey {
        background-color: #f5f5f5;
    }

    .feature-accordion #accordion .panel-title a {
        font-weight: 500 !important;
    }

        .feature-accordion #accordion .panel-title a:after,
        .feature-accordion #accordion .panel-title a.collapsed:after {
            font-family: ElegantIcons;
            font-style: normal;
            font-weight: 600;
            font-size: 25px;
            color: #000000;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 5px;
            transition: all 0.3s ease 0s;
        }

        .feature-accordion #accordion .panel-title a.collapsed:after {
            color: #000000;
            content: "\50";
        }

        .feature-accordion #accordion .panel-title a:after {
            content: "\4f";
            color: #0079c1;
        }

    .package-name {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 0px;
        font-weight: 100;
    }

    .SLA-Enterprise-section {
        margin-top: 25px;
    }

    .default-p-b {
        padding-bottom: 50px;
    }

    .color-basic {
        color: #feb155 !important;
    }

    .color-standard {
        color: #39dcb1 !important;
    }

    .color-complete {
        color: #2f39bf !important;
    }

    .product-logo {
        text-align: center;
    }

        .product-logo h5 {
            text-align: center;
            font-size: 15px;
            color: #000 !important;
            line-height: 25px;
        }

    .products-logos-link .product-logo {
        border: 1px solid #f4f4f4;
        border-radius: 4px;
        position: relative;
        padding: 15px 15px;
    }

        .products-logos-link .product-logo:hover {
            border: 1px solid #f9f9f9;
            border-radius: 4px;
            position: relative;
            padding: 15px 15px;
        }



    #phone-detail-intro .btn {
        border-radius: 0px;
    }

    #phone-detail-intro .btn-cart {
        padding: 10px 60px !important;
    }

    #phone-detail-intro .btn-quote {
        padding: 10px 42px !important;
    }

    #banner-devices h6 {
        text-align: left;
    }

    #phone-detail-intro .device-name {
        text-align: left;
        font-size: 38px;
        margin-bottom: 20px;
        color: #495ca9;
        letter-spacing: -.03em;
        font-weight: 700;
        line-height: 45px;
    }

    #phone-detail-intro .device-price {
        font-size: 35px;
        font-weight: 700;
        text-align: left;
        line-height: 30px;
        color: #000000 !important;
    }

    .device-intro-btn {
        margin-top: 20px;
    }

    .bundle-content {
        padding-top: 50px;
    }

    .specification-row {
        margin-top: 10px;
        border-top: 1px solid #f8f8f8;
        padding: 13px 0px;
    }

    #FAQ ul li {
        font-size: 13px;
        line-height: 22px;
        padding-top: 5px;
    }

    #FAQ ul {
        padding-left: 0px;
    }

    #banner-email-collaboration p,
    #banner-virtual-desktop p,
    #banner-web-hosting p,
    #banner-calling-teams p,
    #banner-unified-services p,
    #banner-telephony-service p,
    #banner-migration-services p {
        color: #000000;
        /*font-weight: 400;*/
    }

    #banner-training h1,
    #banner-unified-services .inner-banner h1,
    #banner-migration-services h1,
    #banner-telephony-service h1,
    #banner-training h1,
    #banner-unified-service .inner-banner p,
    #banner-CloudPBX-setup .inner-banner h1,
    #banner-telephony-service p,
    #banner-training p,
    #banner-CloudPBX-setup p {
        color: #000000;
    }

    #banner-case-studies .inner-banner h1 {
        color: #ffffff;
    }

    .section-sub-heading {
        color: #d12127;
        font-size: 21px;
        text-align: center;
        line-height: 30px;
        padding-top: 10px;
    }

    #pricing_plans h2 {
        text-align: center;
    }

    .conact-us-form .box {
        display: inline-block;
    }

    .conact-us-form .services-checkbox input {
        height: auto !important;
    }

    .conact-us-form .box-content .p-price {
        font-size: 17px;
        letter-spacing: 0px;
    }

    .conact-us-form .box-content .p-name {
        font-size: 22px;
    }

    .virtual-desktop-overview-text .caption {
        top: 25%;
    }

    .custom-build p {
        font-size: 24px;
        line-height: 38px;
        text-align: center;
        color: #ffffff;
    }

    .from-duration {
        color: #d12127;
        font-size: 22px;
        padding-right: 10px;
    }

    #SellingPoints .hosted-voice-features ul li {
        color: #000000;
    }

    .banner-text-overlay {
        background-color: #000000;
        opacity: 0.8;
        padding: 15px 15px;
        color: #ffffff !important;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    ul.white-bullet-points li {
        list-style-image: url(/Resources/images/icons/white-bullet.png);
        list-style: circle;
    }

    .display-inline-block {
        display: inline-block !important;
    }

    .link-maroon {
        color: #e61d26 !important;
        text-decoration: none;
        font-size: 16px;
    }



    .large-btn {
        padding: 13px 35px !important;
    }

    .virtual-desktop-plans .offer-popular .box {
        margin-top: 0 !important;
        border: 4px solid #d12127;
        border-radius: 0px 0px 5px 5px;
    }



    .pricing-plans .text-most-popular {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
        background-color: #d12127;
        border: 1px solid #d12127;
        border-radius: 5px 5px 0px 0px;
        color: #ffffff;
    }

    .webinar-name {
        font-size: 15px;
        line-height: 25px;
        color: #0073c6;
    }

    .tab-content {
        margin-top: 0px;
    }

    .microsoft-plans .p-name {
        font-size: 20px;
        text-align: center;
        font-weight: 400;
    }

    .p-price {
        display: inline-block !important;
    }



    .tabs-body {
        margin-top: 25px;
        background-color: #fafafa;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;
    }

        .tabs-body .nav-tabs li:first-of-type {
            border-radius: 0px !important;
        }

        .tabs-body .nav-tabs li:last-of-type {
            border-right: 0px !important;
            border-radius: 0px !important;
        }


        .tabs-body .nav-tabs {
            border-bottom: 0px !important;
        }

    .main-menu .in a:hover {
        background-color: transparent !important;
        color: #000000 !important;
    }

    .vertical-tab h6 {
        color: #333 !important;
        font-weight: 600;
        font-size: 19px;
    }

    .vertical-tab-content .menu-resources p {
        padding-top: 10px;
        color: #333 !important;
        font-size: 15px !important;
        line-height: 25px;
    }

    .vertical-tab-content .menu-resources {
        padding: 0px 0px 0px 5px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
    }


    .vertical-tab-content .menu-products {
        padding: 5px 0px 0px 10px !important;
        border: 1px solid transparent;
        border-bottom: 0px solid #f9f9f9;
        margin-top: 0px;
    }

        .vertical-tab-content .menu-products:hover {
            background-color: #f9f9f9;
            border-radius: 5px;
            padding: 5px 0px 0px 10px !important;
        }

        .vertical-tab-content .menu-products a.arrow-red:hover,
        a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-red.png);
            background-position: left center;
            background-repeat: no-repeat;
            margin-left: 15px;
        }

    a.arrow-next-white:hover {
        background-image: url(/Resources/images/icons/next-arrows.png);
        background-position: left center;
        background-repeat: no-repeat;
        margin-left: 15px;
        -webkit-transition: margin-left .5s ease;
        -o-transition: margin-left .5s ease;
        transition: margin-left .5s ease;
    }

    .vertical-tab ul li {
        background: transparent !important;
    }

    .home-banner-menu-content {
        padding-top: 0px;
    }

    .home-banner-img-section .banner-boxes {
        margin-top: 20px;
    }

    .home-banner-img {
        background: url(/Resources/images/header/banner-home-page.png) no-repeat;
        background-repeat: no-repeat;
        background-position: top 0px left 0px;
        background-size: cover;
        float: left;
        min-height: 500px;
        position: relative;
    }



    .cloudPBX-setup-packages .text-section p {
        font-size: 17px;
        line-height: 25px;
        text-align: center;
    }

    .cloudPBX-setup-packages .pricing-plans h3 {
        min-height: 0px;
    }

    .float-none {
        float: none !important;
    }

    .telephony-service-packages .plan-one p {
        background-color: #ffffff !important;
    }
    /*begin plans comparison css*/
    .plans-comparison .offer {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    .functionalities-column {
        float: left;
        position: relative;
    }

    .packages-column {
        float: left;
        position: relative;
    }

    .calling-teams-comparison .functionalities-column .offer-name.functionalities {
        background-color: #333333;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-maroon {
        background-color: #d12127;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .calling-teams-comparison .packages-column .offer-name.bg-green {
        background-color: #1fbb25;
        color: #ffffff;
        text-align: center;
        font-size: 25px;
    }

    .plans-comparison .functionalities-column .offer-name {
        background-color: #f0f0f0;
        color: #333333;
        font-size: 21px;
        padding: 10px 10px;
        font-weight: 600;
        text-align: left;
        padding-left: 20px;
    }

    .plans-comparison .packages-column .offer-name {
        background-color: #333333;
        color: #ffffff;
        font-size: 20px;
        padding: 5px 0 6px 0;
        font-weight: 600;
        text-align: center;
        min-height: 60px;
    }

    .packages-column .offer-name span {
        font-size: 12px;
        font-weight: 400;
    }

    .functionalities-column p,
    .packages-column p {
        font-weight: 400;
        margin: 0 0;
        border-bottom: 1px solid #f3f3f3;
        display: inline-block;
        width: 100%;
        color: #333333;
        padding: 15px 0px 15px 15px;
        line-height: 30px;
    }



    .CallingTeamsPlans .functionalities-column p,
    .CallingTeamsPlans .packages-column p {
        font-weight: 400;
    }

    .CallingTeamsPlans .functionalities-column p {
        padding: 5px 0px 5px 25px;
        font-size: 15px;
    }

    .CallingTeamsPlans .packages-column p {
        padding: 5px 0px 5px 5px;
    }

    .functionalities-column p {
        background-color: #f9f9f9;
        text-align: left;
        font-size: 17px;
        padding-left: 20px;
    }

    .calling-teams-comparison .functionalities-column p {
        font-size: 14px;
        font-weight: 400;
    }

    .packages-column p {
        font-size: 15px;
        background-color: #ffffff;
        text-align: center;
    }

    .packages-column .plan-price {
        font-size: 22px;
        padding: 24px 0px;
    }

    .four-columns-width {
        width: 26.5%;
    }

    .d-p-t {
        padding-top: 50px;
    }

    .CallingTeamsPlans .box-shadow .box-content h3 {
        min-height: 0px;
    }
    /*end plans comparison css*/


    #banner-calling-teams .banner-text-position {
        margin-top: 3%;
    }



    #page-service-section .name,
    #why-o365 h3 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
    }

    #page-service-section p {
        text-align: center;
    }

    #why-o365 h2,
    #why-o365 h3,
    #why-o365 p {
        color: #ffffff;
    }

    #why-o365 p {
        text-align: center;
    }

    .btn-send {
        font-size: 18px !important;
    }

    #machteams-plans .form-control {
        border: 1px solid #eee;
        height: 45px;
        background-color: #fff;
        color: #000;
    }

    .font-light {
        font-size: 13px;
        font-weight: 100;
    }



    .plans-fixed-menu .heading {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        line-height: 30px;
    }

    .plans-fixed-menu .sub-heading {
        font-size: 14px;
        text-align: center;
        font-weight: 400;
        line-height: 20px;
    }

    .plans-fixed-menu .pricing {
        color: #0067b8;
        font-weight: 600;
        text-align: center;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .plans-fixed-menu .duration {
        font-size: 15px;
        color: #454545;
        text-align: center;
    }


    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 11111;
        background-color: #ffffff;
        padding-top: 15px;
    }

    .tick-div {
        text-align: center;
    }

    .vps-includes .hosted-voice-features ul {
        font-size: 16px;
    }







    .TelephonyServicePackages .packages-column {
        width: 25%;
    }

    #Business .price-section {
        display: inline-block;
    }

    .Partially-included .elegant {
        margin-top: 8px;
        margin-right: 10px;
        float: left;
    }

    .plans-phone-number {
        margin-top: 5%;
        float: left;
    }

        .plans-phone-number .elegant {
            margin-top: 8px;
            margin-right: 10px;
            float: left;
        }

    .plans-fixed-menu .box-btn {
        padding: 0px 15px 15px 15px;
        position: relative;
        text-align: center;
    }

        .plans-fixed-menu .box-btn .btn {
            padding: 6px 30px !important;
        }







    .plans-promotion {
        background-color: #fff000;
        margin: 15px 30px;
        border-radius: 5px;
        min-height: 90px;
    }

    .plans-promotion-sub-heading {
        font-size: 25px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    .plans-promotion h3 {
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        color: #d12127;
        padding: 15px 0px 0px 0px;
        min-height: 45px;
        text-transform: uppercase;
        letter-spacing: 0px;
    }



    #Business .plan-icons-height {
        min-height: 166px;
    }


    .width-plan-promotion {
        width: 40%;
    }

    .width-plan-pricing {
        width: 38%;
    }


    .width-plan-btn {
        width: 18%;
    }



    .offerings-img {
        margin-top: 15%;
    }



    .microsoft-teams {
        background-image: url(/Resources/images/header/banner-microsoft-teams-lg.png);
        background-repeat: no-repeat;
        min-height: 550px;
        background-size: cover;
    }

        .microsoft-teams .header-text-section {
            margin-top: 8.5%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .microsoft-teams p {
            padding-right: 150px;
        }

        .microsoft-teams .title-start {
            font-size: 39px !important;
        }

        .microsoft-teams .sub-heading {
            font-size: 22px !important;
        }

        .microsoft-teams .banner-margin-btn {
            margin-top: 20px;
        }

    .offering-DirectRouting,
    .offering-TelephonyService {
        min-height: 360px;
    }

    #home-page-offerings-section h4 {
        font-size: 24px;
    }



    .footer-subscription-main {
        width: 100%;
        Padding-Left: 15px;
        padding-Right: 0;
        float: left;
    }

    .inner-banner p.MachTeamsExtensionText {
        font-size: 16px;
    }

    #migration .text-section {
        padding-top: 5% !important;
    }

    #migration .img-section {
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 1% !important;
    }

    .direct-routing .header-text-section {
        margin-top: 15% !important;
    }

    .direct-routing .header-image-section {
        margin-top: 9% !important;
    }

    .OfficeLocation-Main {
        padding-right: 0% !important;
    }


    .inner-banner p {
        padding-right: 10px;
    }

    .menu-machcloud-product {
        margin-top: 15%;
    }


    .one-line-height {
        line-height: 45px !important;
    }

    .video-section .container {
        width: 1100px;
        padding-left: 0;
        padding-right: 0;
    }

    .logo-cont {
        margin-left: 15px;
    }

    .main-menu .navbar-toggle {
        margin-right: 30px;
    }

    .main-menu .navbar-collapse li {
        background: #fff;
        font-size: .875em;
    }

    .mega-dropdown {
        position: relative !important;
    }

    .mega-dropdown-menu {
        width: 96%;
        margin-right: 2%;
    }

    .solutions-dropdown-menu {
        width: 65% !important;
        margin-right: 3% !important;
    }



    #services-banner .banner-text-position {
        padding-top: 10% !important;
    }

    .header-owl-carousel .item .header-unified-communications {
        min-height: 680px;
    }

    .service-style p {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        min-height: 100px;
    }

    #offerings .offer p {
        min-height: 100px;
    }

    .direct-routing .title-start, .header-discover-machcloud .title-start, .header-unified-communications .title-start {
        font-size: 34px;
        font-weight: 700;
        text-shadow: 1px 1px #fff;
        text-align: left;
        letter-spacing: -1px;
    }

    #partner h2 {
        font-size: 38px !important;
        line-height: 50px;
    }



    #testimonials h2 {
        padding-top: 20px;
    }

    .header-owl-carousel .item {
        min-height: 660px;
        background-size: cover;
    }

    .footer-subscription-main {
        width: 100%;
        Padding-Left: 0;
        padding-Right: 0;
        float: left;
    }




    .footer-links-main {
        width: 100%;
        Padding-Left: 10px;
        padding-Right: 0;
        float: left;
    }

    .footer-links {
        Padding-Left: 10px !important;
        ;
    }

    .main-menu .navbar-nav {
        padding: 0px 0px 0 0;
    }

    #about-machteams .machcloud-product p {
        font-size: 15px !important;
        min-height: 181px;
    }


    #faqs {
        margin-top: 80px;
    }








    #o365-banner .header-cont .inner-banner-img {
        padding-top: 6%;
    }

    .m-first-col {
        margin-top: 20px;
    }



    .vid-wrap {
        width: 100%;
        height: 750px;
        background: #fff;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    .responsive-vid {
        padding-top: 56.25%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }


    .navbar-nav {
        margin: 0px 0px;
    }

    #business-products-features .sip-trunking-features-text, #cloud-pbx-reseller-benefits .sip-trunking-features-text, #sip-trunking-services .sip-trunking-features-text {
        margin-top: 7%;
    }

    .sip-trunking-features-text {
        margin-top: 8%;
    }

    .cloudPBX-features .customer-experience-text.text-section {
        margin-top: 3%;
    }

    .solution-features .sip-trunking-features-text h2 {
        font-size: 35px;
        line-height: 44px;
    }

    #machCloud-for-business .div-img, #machCloud-for-partners .div-img {
        margin-top: 1% !important;
    }

    .width-md-6 {
        width: 49.5% !important;
    }

    .machcloud-product p {
        font-size: 14px;
        min-height: 70px;
    }

    .line-color-grey {
        margin-top: 0px;
        min-height: 0px;
    }

    #all-in-one p {
        font-size: 14px !important;
        text-align: left;
        float: left;
        margin-top: 10px;
    }

    .width-Legal-section, .width-partners-section, .width-customers-section {
        width: 37% !important;
    }

    .width-sm-7 {
        width: 58% !important;
    }

    #full-compliant .div-img {
        margin-top: 6%;
    }

    .Machcloud-enterprises h2,
    .Machcloud-enterprises h3,
    .customer-experience h2,
    .customer-experience h3,
    #Machteams-extension-features h2 {
        font-size: 40px;
        margin: 0 !important;
        line-height: 50px;
        text-align: center !important;
    }

    #contact-us p {
        text-align: left;
        line-height: 35px;
        padding-left: 10px;
    }

    #contact-us h3 {
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        padding-bottom: 25px;
    }

    #contact-us h2 {
        color: #ffffff !important;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .div-img {
        margin-top: 5%;
    }

    .one-invoice .section-text {
        padding-top: 3%;
    }

    #fixed-tariff-calling .div-img,
    #trusted-cloud .div-img,
    #machteams-selling .img-section {
        padding-top: 2%;
        margin-top: 1%;
    }

    #get-started .img-section {
        margin-top: 4%;
    }

    #pocket-friendly-calling .img-section {
        margin-top: 6%;
    }

    .img-control-panel {
        height: 149px;
        display: block;
    }

    .width-md-49 {
        width: 49%;
    }

    .header-unified-communications {
        background-image: url(/Resources/images/header/communication-delivery-platform.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .header-discover-machcloud .banner-text-position .header-margin {
        margin-top: 40% !important;
    }



    .header-unified-communications .banner-text-position .header-margin {
        margin-top: 35% !important;
    }

    .banner-position {
        padding-top: 8%;
    }

    #maximize-portability h3 {
        padding-top: 8%;
    }

    #cloud-computing-solution h1,
    #fixed-tariff-calling h3,
    #get-started h3,
    #trusted-cloud h3 {
        padding-top: 4%;
    }

    .azure-content h2,
    .azure-content h3 {
        font-size: 25px;
        margin: 0 !important;
        line-height: 36px;
        text-align: center;
    }

    .support-img h3 {
        padding-top: 15px;
    }

    #azure-banner p, #dynamics365-banner p {
        text-align: center;
    }

    .azure-consultation,
    .azure-deployment {
        background-color: #dbeef4;
        width: 100%;
    }

    #machcloud-offerings .machcloud-offer {
        text-align: center;
        color: #666;
    }

    .azure-deployment {
        background-color: #c9e1e9;
    }

    #offerings {
        margin-bottom: 0;
    }

    section {
        padding: 25px 0 25px 0;
    }

    .about-img {
        margin-top: 20px;
    }

    #services {
        padding-bottom: 70px;
    }

    .service-onbording {
        width: 31.5%;
        background-color: #0098db;
    }

    .service-migration {
        width: 31.5%;
        margin-left: 23px;
        background-color: #e61d26;
    }

    .service-admin-service {
        width: 31.5%;
        margin-left: 23px;
        background-color: #00854e;
    }



    .footer-machcloud-inc {
        width: 25%;
        Padding-Left: 15px;
        padding-Right: 15px;
        float: left;
    }



    .footer-links-main {
        width: 16.66666667%;
        Padding-Left: 5px;
        padding-Right: 0;
        float: left;
    }







    .p-0-all {
        padding: 0px 0px !important;
    }

    .p-t-one-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 50px;
    }

    .icon-p-t-one-line {
        padding: 0px 15px !important;
        line-height: 25px !important;
        display: inline-block;
    }

    .p-t-two-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-two-line {
        padding-top: 26px !important;
        padding-right: 15px !important;
        padding-bottom: 26px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .p-t-three-line {
        padding-top: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .icon-p-t-three-line {
        padding-top: 39px !important;
        padding-right: 15px !important;
        padding-bottom: 38px !important;
        padding-left: 15px !important;
        line-height: 25px !important;
        min-height: 70px;
    }

    .calling-teams-comparison .packages-column p {
        border-bottom: 0px !important;
    }

    .use-case-comparision-headings {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

        .use-case-comparision-headings h5 {
            text-align: center;
            font-weight: 600;
            font-size: 18px;
        }

    .use-case-comparision .headings p {
        font-weight: 600;
        text-align: center;
    }

    .use-case-comparision p {
        text-align: center;
        font-size: 14px;
    }

        .use-case-comparision p.funtionalities {
            text-align: left;
            font-size: 14px;
        }

    .use-case-comparision .listing-row .plan p {
        text-align: left !important;
    }

    .use-case-comparision .listing-row {
        background-color: transparent !important;
    }

    .use-case-comparision-funtionalities {
        background-color: #ffffff;
    }

        .use-case-comparision-funtionalities .headings {
            background-color: #333333;
            padding: 15px 0px;
        }

            .use-case-comparision-funtionalities .headings h5 {
                color: #ffffff;
            }

    .current-situation {
        background-color: #f4fcff;
    }

        .current-situation .headings {
            background-color: #0d6c9b;
            padding: 15px 0px;
        }

            .current-situation .headings h5 {
                color: #ffffff;
            }

    .machcloud-teams-situation {
        background-color: #f7f7f7;
    }

        .machcloud-teams-situation .headings {
            background-color: #0e9588;
            padding: 15px 0px;
        }

            .machcloud-teams-situation .headings h5 {
                color: #ffffff;
            }

    input {
        height: 0px !important;
    }

    .form-horizontal input,
    .domain-offer-section input,
    .free-consult-form input,
    .form-webinar input {
        height: 50px !important;
    }

    .form-horizontal .checkbox input {
        height: 20px !important;
    }

    #microsoft365-features .items {
        padding: 25px 0px 0px 0px;
    }

    .microsoft-icons {
        margin-top: 10px;
    }

    .offset-1 {
        margin-left: 8%;
        margin-right: 8%;
    }



    #voice-comparison .heading {
        margin-top: 15px;
        border-radius: 5px;
        overflow: hidden;
        padding: 0 0;
        border-right: 1px solid #eaeaea;
    }

    #voice-comparison .grey-section,
    #voice-comparison .maroon-section,
    #voice-comparison .green-section {
        color: #ffffff;
        text-align: center;
        font-size: 25px;
        line-height: 40px;
        padding: 5px 0 6px 20px;
        font-weight: 600;
        min-height: 60px;
    }

    #voice-comparison .grey-section {
        background-color: #333333;
    }

    #voice-comparison .maroon-section {
        background-color: #d12127;
    }

    #voice-comparison .green-section {
        background-color: #1fbb25;
    }

    #voice-comparison #accordion .panel {
        padding: 25px 0px 25px 20px;
    }

    #voice-comparison #FAQ .box-content {
        padding: 0px 5px 0px 0px;
    }

    #careers-content h3 {
        font-size: 25px;
        text-align: left;
        padding-top: 10px;
        font-weight: 500;
    }

    #careers-content h4 {
        color: #0073c6;
        font-size: 21px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: 500;
    }

    #training-packages-section .jobs-heading {
        color: #d12127;
        font-size: 24px;
        font-weight: 400;
        padding-top: 15px;
    }

    #training-packages-section p.jobs-title {
        color: #0073c6;
        font-size: 20px;
        font-weight: 400;
        padding-top: 7px;
    }

    .careers-footer p {
        font-size: 15px;
    }

    #training-packages-section .training-packages .careers-positions .box {
        padding-bottom: 2.5% !important;
    }

    #training-packages-section .training-packages .careers-positions .box-content {
        padding: 20px 0px 0px 0px;
    }

    #div_FreeConnector p.simple-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 0px;
    }

    #div_FreeConnector p.headings {
        font-size: 18px;
        line-height: 25px;
        font-weight: 600;
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .configurator-promotion-text {
        background-color: #fff000;
        margin: 50px 0px 0px 0px;
        border-radius: 5px;
        padding-bottom: 15px;
    }

        .configurator-promotion-text h3 {
            text-align: center;
            font-size: 22px;
            font-weight: 600;
            line-height: 25px;
            padding: 15px 0px 15px 0px !important;
            color: #000000;
        }

    .slider-plan-promotion {
        background-color: #fff000;
        margin: 0px 0px 0px 0px;
        border-radius: 5px;
        min-height: 90px;
        padding: 15px 0px;
    }

        .slider-plan-promotion h5 {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .slider-plan-promotion h6 {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            color: #000000;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .slider-plan-promotion h3 {
            font-weight: 700;
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            color: #d12127;
            padding: 0px 0px 0px 0px;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

    .slider-plans-content .promotion-price {
        padding-left: 10px;
    }

    .artwork-box-white {
        width: 48%;
        margin-right: 15px;
        float: left;
        border: 1px solid #dedddb;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

    .artwork-box-red {
        width: 48%;
        margin-right: 15px;
        float: left;
        background-color: #d12127;
        border: 1px solid #d12127;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 55px;
        min-height: 335px;
    }

        .artwork-box-red ul,
        .artwork-box-white ul {
            padding-left: 20px;
            margin-top: 25px;
            list-style: none;
        }

    .artwork-logo-red {
    }

    .artwork-logo-white {
    }

    .artwork-buttons {
        text-align: center;
        margin-top: 50px;
    }
    /*footer css*/
    .footer-products-main {
        float: left;
        Padding-Left: 10px;
        padding-Right: 5px;
    }


    .footer-subscription-main {
        float: left;
        Padding-Left: 25px !important;
        padding-Right: 5px;
    }

    .footer-links ul {
        list-style-type: none;
        padding-left: 20px;
    }

        .footer-links ul li {
            font-size: 14px;
            line-height: 25px;
            list-style-image: url(/Resources/images/icons/f-arrow.png);
            font-weight: 400;
            padding-left: 0;
            padding-right: 30px;
            float: none;
        }

    .footer-heading {
        font-size: 18px;
    }

    .footer-links a {
        color: #d8d8d8 !important;
        text-decoration: none;
    }

        .footer-links a:hover {
            color: #fff !important;
            text-decoration: underline !important;
        }

    #banner-homepage .banner-text-position {
        position: relative;
    }

    #banner-homepage .banner-img-position {
        padding-top: 0%;
        padding-bottom: 1%;
    }

    #banner-homepage img {
        margin-top: 40px;
    }

    #banner-homepage {
        margin-top: 20px;
        background-color: #ffffff;
        background-repeat: repeat-x;
        min-height: 500px;
        max-height: 800px;
    }


    .pictogram_inner {
        background-color: #fff;
        border: 1px solid #000000;
        border-radius: 3px;
        flex-direction: column;
        padding: 20px 10px;
        text-align: center;
    }

    .pictogram_inner_bar {
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        margin-bottom: 15px;
        width: 50px;
    }

    .pictogram_inner h4 {
        font-weight: 600;
        font-size: 21px;
        line-height: 26px;
        color: #000;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .pictogram_inner a.sub-category {
        font-size: 15px;
        line-height: 25px;
        text-decoration: none;
        color: #000000;
    }

    .pictogram_inner a.arrow-red {
        background-image: url(/Resources/images/icons/arrow-black.png);
        background-position: 100% 8px;
        background-repeat: no-repeat;
    }

        .pictogram_inner a.arrow-red:hover {
            -webkit-transition: margin-left .5s ease;
            -o-transition: margin-left .5s ease;
            transition: margin-left .5s ease;
            background-image: url(/Resources/images/icons/arrow-black.png);
            background-position: 100% 8px;
            background-repeat: no-repeat;
        }

    .machcloud-Pictogram-icons {
        margin-top: 10px;
    }

        .machcloud-Pictogram-icons .elegant {
            float: left;
        }

        .machcloud-Pictogram-icons h5 {
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            color: #000;
        }

    .pricing-plans h3 span.main-heading {
        display: block;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }

    .pricing-plans h3 span.sub-heading {
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        padding-top: 10px;
        line-height: 35px;
    }

    .plans-grey-bg .box {
        background-color: #fcfcfc !important;
        box-shadow: none !important;
    }

    #banner-homepage .banner-text-position,
    #banner-homepage .banner-img-position {
        min-height: 560px;
    }

    #ucaas-banner {
        background-image: url(/Resources/images/banners/banner-ucaas-xs.jpg);
        background-repeat: no-repeat;
        min-height: 350px;
        background-size: cover;
    }
    #portal-overview-banner {
        background-image: url(/Resources/images/banners/banner-portal-overview-xs.jpg);
        background-repeat: no-repeat;
        min-height: 350px;
        background-size: cover;
    }

    #homepage-banner {
        background-image: url(/Resources/images/header/banner-cloud-voice-solution-xs.jpg);
        background-repeat: no-repeat;
        min-height: 350px;
        background-size: cover;
    }

        #homepage-banner h1, #ucaas-banner h1 {
            font-size: 30px !important;
            font-weight: 700;
            text-align: center;
        }

        #homepage-banner h1,
        #homepage-banner p, 
        #ucaas-banner h1, 
        #ucaas-banner p {
            color: #000;
        }

        #homepage-banner p, #homepage-banner h5 {
            font-size: 18px;
            font-weight: 600;
            text-align: center;
        }

        #homepage-banner .inner-banner {
            text-align: center;
        }

    .offerings-box .box-content {
        text-align: center !important;
        padding-left: 30px;
    }

        .offerings-box .box-content .term {
            padding-top: 15px !important;
            padding-bottom: 0px !important;
        }

    .pricing-plans .offerings-box {
        box-shadow: none !important;
        background-color: #f9f9f9;
        border-radius: 0px !important;
        border: none !important;
    }



        .pricing-plans .offerings-box h4 {
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
        }

        .pricing-plans .offerings-box p {
            font-size: 13px;
            line-height: 20px;
            font-weight: 500;
        }

        .pricing-plans .offerings-box .country-select {
            background-color: #f9f9f9 !important;
        }

    .have-questions h2 {
        font-size: 24px !important;
        line-height: 30px;
        font-weight: 600;
    }

    .m-t-25-sm {
        margin-top: 25px;
    }
    /*promotion pages css begin*/
    .usps-keypoints-features .vertically-align-parent {
        position: relative;
        min-height: 30px;
    }

    .usps-keypoints-features .vertically-align-child {
        position: relative;
        margin-top: 15px;
    }

    .promo-success p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 15px;
    }

    .promo-success ol {
        padding-left: 20px;
    }

        .promo-success ol li {
            font-size: 17px;
            line-height: 30px;
            padding-left: 5px;
        }

    .promo-failure p {
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
    }


    #banner-gratis {
        background: url(/Resources/images/promotions/banner-gratis-xs.jpg) no-repeat;
    }

    #banner-gratis-success {
        background: url(/Resources/images/promotions/banner-gratis-success.jpg) no-repeat;
    }

    #banner-gratis-failure {
        background: url(/Resources/images/promotions/banner-gratis-failure.jpg) no-repeat;
    }

    #banner-gratis h1 {
        padding-top: 15px;
    }

    #banner-gratis h1,
    #banner-gratis p {
        color: #ffffff !important;
    }

    #banner-gratis,
    #banner-gratis-success,
    #banner-gratis-failure {
        background-position: center right !important;
        background-size: cover !important;
        min-height: 300px;
    }

        #banner-gratis p,
        #banner-gratis-success p,
        #banner-gratis-failure p {
            color: #000000;
        }

        #banner-gratis-success a {
            font-size: 17px;
            display: inline-block;
            padding-top: 10px;
            text-align: center;
        }

        #banner-gratis-success .arrow {
            position: absolute;
            margin-top: -6px;
        }

    .gratis-faqs .box-faqs {
        border-bottom: 1px solid #f2f2f2;
        margin: 0px 0px 0px 0px;
        background-color: transparent !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: table;
        min-height: 45px;
        overflow: hidden;
        box-shadow: none !important;
        width: 100%;
    }

    #FAQ .gratis-faqs .box-faqs .box-content {
        padding: 0px !important;
    }

    #FAQ .gratis-faqs #accordion .panel-title a:before,
    #FAQ .gratis-faqs #accordion .panel-title a.collapsed:before {
        top: 15px;
    }

    #FAQ .gratis-faqs .panel-default {
        padding: 16px 8px 22px 0;
    }

    #FAQ .gratis-faqs #accordion .panel {
        min-height: 40px;
    }

    .icon__wrap #FAQ .gratis-faqs .panel-default {
        padding: 10px 5px 10px 5px;
    }

    #FAQ .gratis-faqs #accordion .panel-title a {
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    .icon__wrap {
        position: initial;
    }

    .most-popular-text {
        color: #0a9e17;
        padding: 10px 0px;
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .icon__description {
        position: absolute;
        bottom: 25px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 100%;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
        display: block;
    }

    .icon__wrap:hover .icon__description {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    .description-bottom {
        position: absolute;
        top: 20px;
        color: #000000;
        visibility: hidden;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
        transition: opacity .2s, visibility .2s;
        width: 100%;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 4px 40px rgba(0,0,0,.08);
        z-index: 111;
        text-align: left;
        display: block;
    }

    .icon__wrap:hover .description-bottom {
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
    }

    .description-bottom ul {
        padding-left: 20px;
    }
    /*End promotion pages css*/
}

@media (min-width:200px) and (max-width:567px) {
    .product-logos-xs,
    .icons-section,
    .offerings-width-4 {
        width: 100% !important;
    }
}

@media (min-width:568px) and (max-width:767px) {

    .product-logos-xs,
    .icons-section {
        width: 48% !important;
    }

    .offerings-width-4 {
        width: 100% !important;
    }
}

#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#cboxContent,#cboxLoadedContent,#colorbox{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.5}#colorbox{outline:0}#cboxContent{margin-top:32px;overflow:visible;background:rgba(0,0,0,0)}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{background:rgba(255,255,255,1);padding:20px;border:1px solid #fff;border-radius:5px}#cboxLoadingGraphic{background:url(/Resources/imageslightbox/loading.gif) no-repeat center center;background-color:#000;border-radius:5px}#cboxLoadingOverlay{background:rgba(0,0,0,0)}#cboxTitle{position:absolute;top:-22px;left:0;color:#000}#cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{border:0;padding:0;margin:0;overflow:visible;text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(/Resources/imageslightbox/controls.png) no-repeat 0 0;display:none!important}#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active{outline:0}#cboxPrevious{background-position:0 0;right:44px}#cboxPrevious:hover{background-position:0 -25px}#cboxNext{background-position:-25px 0;right:22px}#cboxNext:hover{background-position:-25px -25px}#cboxClose{background-position:-50px 0;right:0}#cboxClose:hover{background-position:-50px -25px}.cboxSlideshow_off #cboxPrevious,.cboxSlideshow_on #cboxPrevious{right:66px}.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px}.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0;right:44px}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/CSS/plugins/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 3px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
@charset "UTF-8";.page-loading{overflow:hidden!important}#preloader{height:100vh;width:100vw;background:#fff;z-index:9999999;position:absolute;top:0;right:0;bottom:0;left:0}#loading{height:100vh;width:100vw;background:url(/Resources/images/preloader.gif) center no-repeat}@-webkit-keyframes rotating{from{rotation:0}to{rotation:360}}#contact form *,#contact-more a,#features .feature,#gallery .carousel-gallery .image img,#logos img,#pricing .offer,#team .socialmedia a,.avatar,.btn,.header-more *,.main-menu *,.modal-content *,.nav-tabs *,.none,.owl-nav div,.owl-theme .owl-dots .owl-dot span,footer .sm{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.main-menu{transition:padding .3s ease-in-out,height .3s ease-in-out;-moz-transition:padding .3s ease-in-out,height .3s ease-in-out;-webkit-transition:padding .3s ease-in-out,height .3s ease-in-out;-o-transition:padding .3s ease-in-out,height .3s ease-in-out}.color-overlay-sec,.overlay,.overlay-sec{transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-webkit-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out}.anim-bounce,.anim-bounce-down,.anim-bounce-left,.anim-bounce-right,.anim-bounce-up,.anim-fade,.anim-fade-down,.anim-fade-up,.anim-from-left,.anim-from-right,.anim-zoom-down,.anim-zoom-up{opacity:0}.head-menu{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(100px) rotatex(-90deg)}100%{-webkit-transform:perspective(400px) rotatex(0)}}@-moz-keyframes swingInX{0%{-moz-transform:perspective(400px) rotatex(-90deg)}100%{-moz-transform:perspective(400px) rotatex(0)}}@-o-keyframes swingInX{0%{-o-transform:perspective(400px) rotatex(-90deg)}100%{-o-transform:perspective(400px) rotatex(0)}}@keyframes swingInX{0%{transform:perspective(400px) rotatex(-90deg)}100%{transform:perspective(400px) rotatex(0)}}.head-menu.swingInX{-webkit-transform-origin:top;-moz-transform-origin:top;-ie-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-backface-visibility:visible!important;-webkit-animation-name:swingInX;-moz-backface-visibility:visible!important;-moz-animation-name:swingInX;-o-backface-visibility:visible!important;-o-animation-name:swingInX;backface-visibility:visible!important;animation-name:swingInX}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(400px) rotatex(0)}100%{-webkit-transform:perspective(400px) rotatex(-90deg)}}@-moz-keyframes swingOutX{0%{-moz-transform:perspective(400px) rotatex(0)}100%{-moz-transform:perspective(400px) rotatex(-90deg)}}@-o-keyframes swingOutX{0%{-o-transform:perspective(400px) rotatex(0)}100%{-o-transform:perspective(400px) rotatex(-90deg)}}@keyframes swingOutX{0%{transform:perspective(400px) rotatex(0)}100%{margin-top:-45px;transform:perspective(400px) rotatex(-90deg)}}.head-menu.swingOutX{-webkit-transform-origin:top;-webkit-animation-name:swingOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:swingOutX;-moz-backface-visibility:visible!important;-o-animation-name:swingOutX;-o-backface-visibility:visible!important;animation-name:swingOutX;backface-visibility:visible!important}/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}.loading_icon{position:absolute;top:8px;width:50px;height:50px;z-index:9999;display:none;background:url(/Resources/images/pageloader.gif) center no-repeat;padding-left:10px}