/*
* FlatPack HTML V2
* Copyright 2015 PixFort
* www.pixfort.com
* 4/4/2015
*/


/* Table of Content
==================================================

    Part 0:  #Misc


==================================================
*/


/*--- Part 0:  #Misc      ---*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,500italic,700,400);
@import url(http://fonts.googleapis.com/css?family=Nunito:400,700);
body {
    font-family: 'Open Sans', sans-serif;
    !important;
}
.desk_right {
    text-align: right;
}
.desk_left {
    text-align: left;
}

/*Pix 1*/

.pixfort_pix_1 .tesi_style {
    background: #5ca4fc;
    padding: 40px 0;
    text-align: center;
}
.pixfort_pix_1 .q-icon {
    padding-bottom: 30px;
}

/* Testmonial Section Class */

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

/* Quote Text */

.pixfort_pix_1 .quote-text {
    color: #fff;
    font-size: 28px;
    font-wight: bold;
    line-height: 35px;
}

/* Quote Dots */

.pixfort_pix_1 .quote-dots {
    color: #8dc0ff;
    font-size: 28px;
    font-wight: bold;
    line-height: 35px;
}

/* Quote Title */

.pixfort_pix_1 .quote-title {
    color: #fff;
    font-size: 18px;
    font-wight: bold;
    line-height: 30px;
}

/* Quote Link */

.pixfort_pix_1 .quote-link {
    color: #b4dcff;
    font-size: 14px;
}

/* Quote Icon Image */

.pixfort_pix_1 #lp-pom-image-84 {
    opacity: 0.5;
}

/*Pix 2*/

.pixfort_pix_2 .header_1_style {
    background: #fff;
    box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.1) inset;
}
.test .pix_video_div {
    position: fixed;
    z-index: -200 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.test video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -200 !important;
    background: url('http://demosthenes.info/assets/images/polina.jpg') no-repeat;
    background-attachment: scroll !important;
    object-fit: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

/* #Video Section
================================================== */

.has-video {
    position: relative;
    overflow: hidden;
}
.pix_full_screen {
    min-height: 100% !important;
}
.has-video .section_video {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    z-index: 1;
}
.has-video .section_video .mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    background: url(../images/videomask.png) repeat center;
}
.has-video .section_wrapper {
    position: relative;
    z-index: 10;
    height: 100%;
}
.has-video .section_video video {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: 2;
    background: #333 !important;
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) {
    .has-video .section_video {
        display: none !important;
    }
}
.video_warper {
    background: #000;
}
.pix_video_bg_1 {
    overflow: hidden;
    position: relative;
}
.awesome-heading {
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-size: 36px;
    padding: 30px 0;
    color: #696969;
}
.pixfort_sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}
@media screen and (max-device-width: 800px) {
    .bgvid {
        display: none;
    }
}

/*Slider*/

.pixfort_pix_slider {
    padding: 80px 0;
    background: #eee;
}

/*Icons*/


/*footer*/

.bottom-icons {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    margin: 0px;
}
.bottom-links,
.bottom-icons {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}
.bottom-links li,
.bottom-icons li {
    display: block;
    float: left;
    margin: 0px;
}
.bottom-icons li a {
    text-decoration: none;
    margin: 0 18px 0 0;
}
.bottom-links li a:hover,
.bottom-icons li a:hover,
.bottom-icons li:hover,
{
    color: #fff !important;
}

/*header*/

.icon-item {
    display: inline-block !important;
    float: left;
}
.icon-item a {
    padding-left: 10px !important;
    padding-right: 10px!important;
    line-height: auto;
}
.featutes_icon {
    font-size: 48px;
    vertical-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
}

/*New footer 1*/

.new_footer_1 {
    background: #eee;
    padding: 30px 0;
}
.footer_1_text {
    line-height: 20px;
}
.bulleted-list {
    margin-top: 20px;
}
.bulleted-list li {
    list-style-image: url(img/list-bullet.png);
    list-style-position: inside;
    padding: 5px 10px 0 0;
}

/*pix_contents*/

.pix_contents {
    background: #f3f3f3;
    padding: 20px 0;
}
.pix_contents p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.pix_contents .content_div {
    padding: 15px;
}
.pix_contents .content_div h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 35px;
    font-size: 18px;
}
.pixfort_content_3 {
    padding: 30px 0;
}
.pixfort_content_3 .img_div {
    text-align: center;
    position: relative;
    padding: 10px 0;
}
.pixfort_content_3 .img_div img {
    max-width: 100%;
    height: auto;
}

/*Texts And Titles*/

.pixfort_text_4 h4,
.pixfort_text_3 h4,
.pixfort_text_2 h4,
.pixfort_text_2_1 h4,
.pixfort_medical_3 h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 25px;
    font-size: 22px;
    color: #444;
}
.pixfort_text_4 p,
.pixfort_text_3 p,
.pixfort_text_2 p,
.pixfort_text_2_1 p,
.pixfort_medical_3 p {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    line-height: 26px;
    font-size: 15px;
    color: #000;
}
.pixfort_text_4 .content_div,
.pixfort_text_3 .content_div,
.pixfort_text_2 .content_div,
.pixfort_text_2_1 .content_div,
.pixfort_medical_3 .content_div {
    padding: 25px 0;
}
.text_3_button,
.text_3_button:visited {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 35px;
    font-size: 14px;
    color: #59a3fc;
    text-decoration: none;
}
.text_3_button:hover {
    color: #2763aa;
}
.text_image_center {
    text-align: left;
    padding-top: 45px;
    margin-right: auto;
    margin-left: auto;
}
.text_image_center img {
    max-width: 100%;
}

/*MEDICAL LANDING PAGE START*/

.medical_text_button,
.medical_text_button:visited {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    color: #f7941d;
    text-decoration: none;
}
.medical_text_button:hover {
    color: #d17b13;
}
.pixfort_medical_3 {
    background-color: #fafaf3;
}
.pixfort_medical_16 .med_call {
    position: relative;
    display: inline-block;
    text-align: center
}
.pixfort_medical_16 .img4_st {
    position: relative;
    display: inline-block;
    width: 79%;
    height: auto
}
.pixfort_medical_16 .Designs_style {
    background: #fff;
    background-size: cover;
    padding: 70px 0
}
.pixfort_medical_16 .Designs_text_style {
    position: relative;
    display: inline-block;
    text-align: left;
    padding-left: 25px;
    max-width: 435px;
    vertical-align: top;
    //top:10px
}
.pixfort_medical_16 .med_tit {
    color: #000;
    font-family: 'open sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 100%
}
.pixfort_medical_16 .med_subtit {
    color: #555;
    font-size: 20px;
    font-family: 'open sans', sans-serif
}
.pixfort_medical_16 .med_text {
    color: #a9a9a9;
    font-size: 16px;
    font-family: 'open sans', sans-serif;
    line-height: 200%;
    position: relative;
    top: -15px
}
.pixfort_medical_16 .med_btn a {
    background: #f7941d;
    border: none;
    border-radius: 2px;
    font-family: 'open sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    margin-top: -15px
}
.pixfort_medical_16 .med_btn a:hover {
    background: #d17b13;
    border: none;
    border-radius: 2px;
    font-family: 'open sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff
}

/*Creative*/

.creative_icon {
    color: rgb(241, 194, 50) !important;
}
.creative_header {
    box-shadow: none;
    outline-offset: -3px;
    background-image: #333;
    background-color: rgba(0, 0, 0, 0);
    padding: 0px !important;
    background: #333 !important;
}
.creative_h_text {
    color: rgb(243, 243, 243);
    font-size: 18px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_note {
    color: rgb(238, 238, 238);
    font-size: 13px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_video_header .section_wrapper {
    background: rgba(0, 0, 0, 0.5);
    padding: 100px 0;
}
.creative_video_header .subscribe_btn {
    background: rgb(241, 194, 50);
}
.creative_video_header .subscribe_btn:hover {
    background: rgb(211, 164, 30);
}
.creative_features .adv_st {
    outline-offset: -3px;
}
.creative_circle {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: none;
    border-color: rgb(241, 194, 50) !important;
    border-width: 2px;
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
}
.creative_c_icon {
    color: rgb(241, 194, 50);
    font-size: 42px;
}
.creative_showcase .amazing_style {
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 40px;
}
.creative_showcase .pub_st {
    padding-top: 0px;
    margin-bottom: -5px;
}
.creative_normal_1 .m6_style {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: none;
    background-image: none;
    background-color: rgb(238, 238, 238);
}
.creative_normal_1 .img_style {
    border-radius: 0px;
    border: 1px none rgb(68, 68, 68);
    margin-right: auto;
    margin-left: auto;
    max-width: 100% !important;
}
.creative_normal_1 .t2_style {
    color: rgb(191, 144, 0);
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_1 .t3_style {
    color: rgb(136, 136, 136);
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_2 .m6_style {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: none;
    outline-offset: -3px;
    background-image: none;
    background-color: rgb(255, 255, 255);
}
.creative_normal_2 .t2_style {
    color: rgb(191, 144, 0);
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_2 .t3_style {
    color: rgb(153, 153, 153);
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_2 .img_style {
    border-radius: 0px;
    border: 1px none rgb(68, 68, 68);
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.creative_normal_2 .txt_style {
    color: rgb(102, 102, 102);
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0);
}
.creative_logos {
    padding-top: 10px;
    padding-bottom: 25px;
    box-shadow: none;
    background: #fff !important;
}
.creative_logos .logos_title {
    color: rgb(191, 144, 0);
    font-size: 14px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_3 .adv_style {
    padding-top: 50px;
    padding-bottom: 100px;
    box-shadow: none;
    background: url('../images/17_creative/bg2.jpg') fixed rgb(239, 243, 246);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.creative_normal_3 .creative_title {
    color: rgb(255, 255, 255);
    font-size: 28px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_3 .creative_tagline {
    color: rgb(238, 238, 238);
    font-size: 18px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_3 .creative_num {
    color: rgb(241, 194, 50);
    font-size: 36px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_3 .cc_style {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_4 .Homes {
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: none;
    background-image: none;
    background-color: rgb(255, 255, 255);
}
.creative_normal_4 .box_Homes {
    padding-top: 30px;
    padding-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px -3px 0px 0px inset;
    background-image: none;
    background-color: rgb(243, 243, 243);
}
.creative_normal_4 .b2_homes_st {
    color: rgb(153, 153, 153);
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0);
}
.creative_normal_4 .Reservation_btn a {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: 'open sans', sans-serif;
    background: rgb(241, 194, 50);
}
.creative_normal_4 .Reservation_btn a:hover {
    background: rgb(211, 164, 30);
}
.creative_confirm .pixfort_normal_1 {
    background: rgb(241, 194, 50) !important;
}
.creative_footer .new_footer_1 {
    outline-offset: -3px;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: none;
    background-image: none;
    background-color: rgb(241, 194, 50);
}
.creative_footer .creative_footer_text {
    color: rgb(127, 96, 0);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.creative_footer .footer_text_2 {
    color: #333;
}
.creative_f_icon,
.creative_f_icon:visited {
    color: rgb(191, 144, 0);
    font-size: 18px;
}

/*Medical*/

.medical_header .text_span {
    color: rgb(247, 148, 29);
}
.medical_intro .join_us_section {
    box-shadow: none;
    outline-offset: -3px;
    padding-bottom: 0px;
    width: 100%;
    padding-top: 30px;
}
.medical_1 {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: none;
    outline-offset: -3px;
    background-image: none;
    background-color: #fafaf3;
    border-top: 1px solid #eeeee6;
}
.medical_1 .text_3_button {
    color: rgb(247, 148, 29);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.medical_2 .awesome_style {
    padding-top: 0px;
    padding-bottom: 40px;
    box-shadow: none;
    outline-offset: -3px;
    background-image: none;
    background-color: rgb(238, 238, 238);
}
.medical_2 .h_awesome {
    color: rgb(68, 68, 68);
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0);
}
.medical_2 .txt_awesome {
    color: rgb(102, 102, 102);
    font-size: 24px;
    background-color: rgba(0, 0, 0, 0);
}
.medical_2 .via_st {
    color: rgb(247, 148, 29);
    font-size: 14px;
    font-family: 'open sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.medical_3 .Room_Res {
    padding-top: 50px;
    padding-bottom: 50px;
    box-shadow: none;
    outline-offset: -3px;
    background-image: none;
    background-color: #112739;
}
.medical_3 .Get_Room {
    color: rgb(255, 255, 255);
    font-size: 28px;
    background-color: rgba(0, 0, 0, 0);
    font-family: 'Nunito', sans-serif;
}
.medical_3 .txt_Res {
    color: rgb(153, 153, 153);
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
    font-family: 'Nunito', sans-serif;
}
.medical_3 .Res_btn a {
    background: #0370ea;
    background: -moz-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dfd), color-stop(100%, #0370ea));
    background: -webkit-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: -o-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: -ms-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: linear-gradient(top, #008dfd 0, #0370ea 100%);
    border: 1px solid #076bd2;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 1px 1px 1px #076bd2;
}
.medical_3 .Res_btn a:hover {
    background: -moz-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #008dfd), color-stop(100%, #0370ea));
    background: -webkit-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: -o-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: -ms-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: linear-gradient(top, #008dfd 30%, #0370ea 100%);
    cursor: pointer;
}
.medical_footer .pix_footers {
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: none;
    background-image: none;
    background-color: #0d1d2a;
    box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .2);
}
.medical_footer .footer_1_text span {
    color: rgb(153, 153, 153);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.medical_strong {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(0, 0, 0, 0);
}
.medical_icon {
    color: rgb(247, 148, 29);
    font-size: 18px;
}
.medical_logos .logos_st img {
    border-radius: 0px;
    border: 1px none rgb(68, 68, 68);
    width: 176px;
    height: 60px;
}
.elegant_2 .page_style {
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: none;
    outline-offset: -3px;
    outline: none;
    cursor: default;
    background-image: url(../images/18_elegant/Hero-Header.png);
    background-color: rgb(89, 163, 252);
}
.elegant_2 .green_segment {
    background: #fff;
}
.elegant_2 .get_1_btn a {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.elegant_2 .get_1_btn a:hover {
    color: #59a3fc;
    background: #fff;
}
.elegant_2 .title {
    color: rgb(255, 255, 255);
    font-size: 54px;
}
.elegant_2 .subtitle {
    color: rgb(207, 226, 243);
    font-size: 16px;
}
.elegant_3 {
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: none;
    outline-offset: -3px;
    outline: none;
    cursor: default;
    background-image: none;
    background-color: rgb(246, 246, 246);
}
.elegant_4 {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: none;
    outline-offset: -3px;
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
}
.elegant_4 .link_3_btn a {
    background: #59a3fc;
}
.elegant_4 .link_3_btn a:hover {
    background: #4090e0;
}
.elegant_4 .logo_style {
    border-radius: 100%;
    border: 1px none rgb(68, 68, 68);
    width: 200px;
    height: 200px;
    outline: none;
    cursor: default;
}
.elegant_5 .New_Latest_Off {
    padding-top: 50px;
    padding-bottom: 50px;
    box-shadow: none;
    outline-offset: -3px;
    background-image: none;
    background-color: rgb(243, 243, 243);
}
.elegant_5 .N2_style {
    color: rgb(153, 153, 153);
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
}
.elegant_6 {
    outline-offset: -3px;
    padding-top: 40px;
    padding-bottom: 0px;
    box-shadow: none;
    outline: none;
    cursor: default;
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
}
.elegant_6 .send_btn button {
    background: #59a3fc !important;
}
.elegant_6 .send_btn button:hover {
    background: #4090e0 !important;
}
.elegant_6 .icon_st img {
    border-radius: 0px;
    border: 1px none rgb(68, 68, 68);
    width: 90px;
    height: 90px;
    outline: none;
    cursor: default;
}
.elegant_7 .logos_sect {
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: none;
    outline-offset: -3px;
    outline: none;
    cursor: default;
    background-image: none;
    background-color: rgb(255, 255, 255);
}
.elegant_8 .tesi_style {
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: none;
    outline-offset: -3px;
    outline: none;
    cursor: default;
    background-image: none;
    background-color: rgb(89, 163, 252);
}
.elegant_9 .new_footer_1 {
    outline-offset: -3px;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: none;
    outline: none;
    cursor: default;
    background-image: none;
    background-color: rgb(64, 138, 227);
}
.elegant_9 .elegant_footer {
    color: rgb(159, 197, 232);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    cursor: default;
    background-color: rgba(0, 0, 0, 0);
}
.elegant_9 .elegant_strong {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    cursor: default;
    background-color: rgba(0, 0, 0, 0);
}
.elegant_9 .elegant_icon {
    color: rgb(159, 197, 232);
    font-size: 18px;
    outline: none;
}
.confirm_elegant {
    background: #59a3fc;
}

/*  Parallax fix for small scrren devices   */

@media (max-width: 1124px) {
    .medical_intro .join_us_section {
        background-attachment: scroll !important
    }
}
.pix_header_button {
    background: #59a3fc;
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff;
}

/* Localized */


/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */

.custom-select {
    position: relative;
    display: block;
    margin-top: 0.5em;
    padding: 0;
}

/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */

.custom-select select {
    width: 100%;
    margin: 0;
    background: none;
    border: 1px solid transparent;
    outline: none;
    /* Prefixed box-sizing rules necessary for older browsers */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Remove select styling */
    appearance: none;
    -webkit-appearance: none;
    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
    font-size: 1.2em;
    /* General select styles: change as needed */
    font-family: helvetica, sans-serif;
    font-weight: bold;
    color: #444;
    padding: .6em 1.9em .5em .8em;
    line-height: 1.3;
}
.custom-select select:hover {
    cursor: pointer;
}
.custom-select select:active {
    outline: none;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */

.custom-select::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 8px;
    top: 50%;
    right: 1em;
    margin-top: -4px;
    background-image: url(img/select-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
    /* This hack make the select behind the arrow clickable in some browsers */
    pointer-events: none;
}

/* Hover style */

.custom-select:hover {
    border: 1px solid #888;
}

/* Focus style */

.custom-select select:focus {
    outline: none;
    box-shadow: 0 0 1px 3px rgba(180, 222, 250, 1);
    background-color: transparent;
    color: #222;
    border: 1px solid #aaa;
}

/* Set options to normal weight */

.custom-select option {
    font-weight: normal;
}
.thankyou-div {
    padding: 100px 0 100px 0 !important;
}
.thankyou-div h2 {
    font-family: 'Nunito', sans-serif;
}

/* ------------------------------------  */


/* START OF UGLY BROWSER-SPECIFIC HACKS */


/* ----------------------------------  */


/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */

x:-o-prefocus,
.custom-select::after {
    display: none;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */


/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .custom-select select::-ms-expand {
        display: none;
    }
    .custom-select select:focus::-ms-value {
        background: transparent;
        color: #222;
    }
}

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */


/* Show only the native arrow */

@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden;
    }
    .custom-select select {
        width: 120%;
        width: -moz-calc(100% + 3em);
        width: calc(100% + em);
    }
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */

.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.button {
    border: 1px solid #bbb;
    border-radius: .3em;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    background: #f3f3f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    /* W3C */
}
.button:hover {
    outline: none;
    border: 1px solid #bbb;
    border-radius: .3em;
    cursor: pointer;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    background: #f3f3f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
    /* W3C */
}
.top-heading-main {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}
.second-top-heading {
    font-family: 'Nunito', sans-serif;
    padding: 10px 0 15px 0;
    font-weight: 700;
    color: #313131;
}
#section_text_3 {
    background: #fafaf3;
}
h3.call {
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
    text-align: right;
    font-size: 20px;
    color: #026892;
}
.bottom-icons li a {
    color: #ffffff;
}
.bottom-icons li a:hover {
    color: #ff723d;
}
.divider_li {
    height: 3px;
    width: 100%;
    background: #13487e;
    margin-bottom: 20px;
}

/* ------------------------------------  */


/*  END OF UGLY BROWSER-SPECIFIC HACKS  */


/* ------------------------------------  */

.dotted-list {
    list-style: square;
    font-size: 20px;
    font-weight: bold;
}
.dotted-list li {
    line-height: 26px;
}