/*-----------------------------------------------------------------------------
    * AppyGo | Web Site Style
    * @author: Tolga KILIC
----------------------------------------------------------------------------- */


/*-----------------------------------------------------------------------------
    Base styles: opinionated defaults
----------------------------------------------------------------------------- */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background: #e9e8e3;
}


/*-----------------------------------------------------------------------------
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate.
    * Customize the background color to match your design.
----------------------------------------------------------------------------- */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*-----------------------------------------------------------------------------
    * A better looking default horizontal rule.
----------------------------------------------------------------------------- */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*-----------------------------------------------------------------------------
    * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
----------------------------------------------------------------------------- */

img {
    vertical-align: middle;
}


/*-----------------------------------------------------------------------------
    * Remove default fieldset styles.
----------------------------------------------------------------------------- */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*-----------------------------------------------------------------------------
    * Allow only vertical resizing of textareas.
----------------------------------------------------------------------------- */

textarea {
    resize: vertical;
}


/*-----------------------------------------------------------------------------
    Chrome Frame prompt
----------------------------------------------------------------------------- */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/*-----------------------------------------------------------------------------
    Fontz
----------------------------------------------------------------------------- */

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../font/proximanova-regular-webfont.eot');
    src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-regular-webfont.woff') format('woff'),
         url('../font/proximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_ltregular';
    src: url('../font/proximanova-light-webfont.eot');
    src: url('../font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-light-webfont.woff') format('woff'),
         url('../font/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../font/proximanova-bold-webfont.eot');
    src: url('../font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-bold-webfont.woff') format('woff'),
         url('../font/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/*-----------------------------------------------------------------------------
    Header
----------------------------------------------------------------------------- */

header[role="header"] { width: 100%; height: auto; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #e9e8e3; }
header[role="header"] .social { width: 1000px; height: 35px; display: block; margin: auto; padding: 0; }
header[role="header"] .social .buttons { width: 234px; height: 28px; display: block; float: right; margin: 7px 0 0 0; padding: 0; }
header[role="header"] .social .buttons .facebook, header[role="header"] .social .buttons .twitter { width: 117px; height: 28px; display: block; float: left; margin: 0; 
                                                                                                    padding: 0; text-indent: -9999px; } 
header[role="header"] .social .buttons .facebook { background: url(../images/bg/bg_facebook_btn.png) 0 0 no-repeat; }
header[role="header"] .social .buttons .twitter { background: url(../images/bg/bg_twitter_btn.png) 0 0 no-repeat; }
header[role="header"] .social .language { width: 160px; height: auto; display: block; float: right; margin: 5px 20px 0 0; padding: 0; }
header[role="header"] .social .language span { display: block; float: left; font-family: 'proxima_nova_rgregular'; font-size: 14px; color: #8e8d8c; margin: 0;
                                               padding: 5px 0 0 0; }
header[role="header"] .social .language span.tr { padding: 5px 0 0 40px !important; }

header[role="header"] .menu_container { width: 100%; height: 52px; display: block; float: left; margin: 10px 0 0 0; padding: 0; 
                                        background: url(../images/bg/bg_menu_content.png) 0 0 repeat-x;}
header[role="header"] .menu_container .content { width: 1000px; height: auto; display: block; margin: auto; padding: 0; }
header[role="header"] .menu_container .content .logo { width: 85px; height: 30px; display: block; float: left; margin: 12px 0 0 0; padding: 0; text-indent: -9999px; 
                                                       background: url(../images/bg/bg_logo.png) 0 0 no-repeat; }

header[role="header"] .menu_container .content .menu { width: 303px; height: auto; display: block; float: right; margin: 17px 0 0 0; padding: 0; }
header[role="header"] .menu_container .content .menu_tr { width: 379px; height: auto; display: block; float: right; margin: 17px 0 0 0; padding: 0; }
header[role="header"] .menu_container .content .menu_medium { width: 133px; height: auto; display: block; float: right; margin: 17px 0 0 0; padding: 0; }
header[role="header"] .menu_container .content .menu_medium_tr { width: 219px; height: auto; display: block; float: right; margin: 17px 0 0 0; padding: 0; }
header[role="header"] .menu_container .content .menu_small { width: 117px; height: auto; display: block; float: right; margin: 17px 0 0 0; padding: 0; }
header[role="header"] .menu_container .content .menu_small_tr { width: 131px; height: auto; display: block; float: right; margin: 17px 0 0 0; padding: 0; }
header[role="header"] .menu_container .content .menu li, header[role="header"] .menu_container .content .menu_tr li, 
header[role="header"] .menu_container .content .menu_small li, header[role="header"] .menu_container .content .menu_medium li, 
header[role="header"] .menu_container .content .menu_small_tr li, header[role="header"] .menu_container .content .menu_medium_tr li { display: block; float: left; margin: 0; padding: 1px 10px; font-size: 12px; border-left: 1px solid #a7a9ac; }
header[role="header"] .menu_container .content .menu li:first-child, header[role="header"] .menu_container .content .menu_tr li:first-child, 
header[role="header"] .menu_container .content .menu_small li:first-child, header[role="header"] .menu_container .content .menu_medium li:first-child, 
header[role="header"] .menu_container .content .menu_small_tr li:first-child, header[role="header"] .menu_container .content .menu_medium_tr li:first-child { border-left: none; }
header[role="header"] .menu_container .content .menu li a, header[role="header"] .menu_container .content .menu_tr li a, 
header[role="header"] .menu_container .content .menu_small li a, header[role="header"] .menu_container .content .menu_medium li a, 
header[role="header"] .menu_container .content .menu_small_tr li a, header[role="header"] .menu_container .content .menu_medium_tr li a { color: #a7a9ac; font-family: 'proxima_nova_rgregular'; text-decoration: none; }
header[role="header"] .menu_container .content .menu li a:hover, header[role="header"] .menu_container .content .menu_tr li a:hover, 
header[role="header"] .menu_container .content .menu_small li a:hover, header[role="header"] .menu_container .content .menu_medium li a:hover, 
header[role="header"] .menu_container .content .menu_small_tr li a:hover, header[role="header"] .menu_container .content .menu_medium_tr li a:hover { color: #999; }


/*-----------------------------------------------------------------------------
    Container
----------------------------------------------------------------------------- */

.container { width: 1000px; height: auto; display: block; margin: auto; padding: 0; overflow: hidden; margin-top: 140px; }


/*-----------------------------------------------------------------------------
    Main
----------------------------------------------------------------------------- */

.container .main { width: 1000px; height: auto; display: block; margin: auto; margin-bottom: 50px; padding: 0; overflow: hidden; }

.container .main .left { width: 440px; height: auto; display: block; float: left; margin: 0; padding: 0; }
.container .main .left h2 { color: #58595b; font-size: 24px; font-family: 'proxima_nova_rgbold'; font-weight: normal; margin: 0; padding: 50px 0 3px 0; }
.container .main .left p { font-size: 15px; font-family: georgia; color:  #58595b; margin: 0; padding: 0; }
.container .main .left .more { width: 82px; height: 17px; display: block; float: left; margin: 10px 0 0 0; padding: 0; background: url(../images/bg/bg_main_link_box.png) 0 0 no-repeat;
                               font-size: 12px; font-family: 'proxima_nova_rgregular'; text-align: center; color: #6f6f6e; text-decoration: none; }
.container .main .left .app_show { width: 175px; height: auto; display: block; float: left; margin: 40px 0 0 0; padding: 0; font-family: 'proxima_nova_ltregular'; font-size: 24px;
                                   color: #575756; font-weight: normal; line-height: 1.1em; }
.container .main .left .app_show span { font-family: 'proxima_nova_rgbold'; font-weight: normal; }

.container .main .left .app_show_tr { width: 175px; height: auto; display: block; float: left; margin: 48px 0 0 0; padding: 0; font-family: 'proxima_nova_ltregular'; font-size: 22px;
                                      color: #575756; font-weight: normal; line-height: 1.3em; }
.container .main .left .app_show_tr span { font-family: 'proxima_nova_rgbold'; font-weight: normal; }

.container .main .left .app_select, .container .main .left .app_select_tr { width: 246px; height: auto; display: block; float: right; margin: 40px 0 0 0; padding: 0; }
.container .main .left .app_select a, .container .main .left .app_select_tr a { display: block; float: left; }
.container .main .left .app_select a.auto, .container .main .left .app_select_tr a.auto { margin: 11px 0 0 0; }
.container .main .left .app_select a.insurance { margin: 0 23px; }
.container .main .left .app_select_tr a.insurance { margin: 0 16px; }

.container .main .right { width: 514px; height: auto; display: block; float: right; margin: 0; padding: 0; position: relative; }
.container .main .right a { width: 80px; height: 80px; position: absolute; top: 50px; left: 77px; }

/*-----------------------------------------------------------------------------
    What is AppyGo
----------------------------------------------------------------------------- */

.container .whatAppygo { width: 1000px; height: auto; display: block; margin: auto; padding: 0; overflow: hidden; margin-bottom: 50px; }

.container .whatAppygo .header { width: 1000px; height: 104px; display: block; float: left; margin: 0; padding: 0; overflow: hidden; 
                                 background: url(../images/bg/bg_what_appygo_header.png) 0 0 no-repeat; }

#accordion-container { display: block; overflow: hidden;  }
.accordion-header { width: 1000px; height: 37px; display: block; background: #ebebeb; margin: 0; padding: 10px 0 0 15px; cursor: pointer; color: #bcbec0; 
                    font-family: 'proxima_nova_ltregular'; font-weight: normal; font-size: 22px; }
.accordion-header span { font-family: 'proxima_nova_rgbold'; font-weight: normal; }
.active-header { background: url(../images/bg/bg_accordion_active.png) 0 0 no-repeat; color: #fff; }
.active-header:hover { background: url(../images/bg/bg_accordion_active.png) 0 0 no-repeat; }
.inactive-header { background: url(../images/bg/bg_accordion_inactive.png) 0 0 no-repeat; }
.inactive-header:hover { background: url(../images/bg/bg_accordion_inactive.png) 0 0 no-repeat; }

.border_red { border-top: 2px solid #4f1719; }
.border_blue { border-top: 2px solid #009fe3; }
.border_green { border-top: 2px solid #3aaa35; }

.accordion-content { width: 100%; display: none; overflow: hidden; padding: 0; margin: 0; background: #c7c6c6 url(../images/bg/bg_accordion_content.png) 0 0 repeat-x; }
.accordion-content .display_first { width: 363px; height: auto; display: block; float: left; margin: 78px 0 0 0 ; padding: 0; text-align: center; }
.accordion-content .display_second { width: 331px; height: auto; display: block; float: left; margin: 100px 0 0 0 ; padding: 0; text-align: center; }
.accordion-content .display_third { width: 333px; height: auto; display: block; float: left; margin: 60px 0 0 0 ; padding: 0; text-align: left; }
.accordion-content .text_content { width: 578px; height: auto; display: block; float: left; margin: 15px 0 0 0; padding: 0; font-family: georgia; font-size: 18px; color: #58595b; }


/*-----------------------------------------------------------------------------
    App Content
----------------------------------------------------------------------------- */

.app_content { width: 996px; height: auto; min-height: 700px; display: block; margin: auto; padding: 0; overflow: hidden; margin-bottom: 50px;
                background: rgb(236,236,236); /* Old browsers */
                background: -moz-linear-gradient(top,  rgb(236,236,236) 0%, rgb(199,198,198) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(236,236,236)), color-stop(100%,rgb(199,198,198))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  rgb(236,236,236) 0%,rgb(199,198,198) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  rgb(236,236,236) 0%,rgb(199,198,198) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  rgb(236,236,236) 0%,rgb(199,198,198) 100%); /* IE10+ */
                background: linear-gradient(to bottom,  rgb(236,236,236) 0%,rgb(199,198,198) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#c7c6c6',GradientType=0 ); /* IE6-9 */
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                border: 2px solid #c2c2c2;
                position: relative;
            }
.app_content_long { min-height: 740px !important; }
.app_content .app_logo { width: 314px; height: auto; display: block; float: left; margin: 10px 0 0 25px; padding: 0; position: relative; }
.app_content .app_logo .logo { width: 100%; height: auto; display: block; float: left; margin: 0; padding: 0; }
.app_content .app_logo .logo span { display: block; font-family: 'proxima_nova_rgregular'; font-size: 11px; color: #a7a9ac; }


.app_content .content_right { width: 657px; min-height: 615px; height: auto; display: block; float: left; margin: 10px 0 0 0; padding: 0; background: black; position: relative;
                              background: url(../images/bg/bg_phone.png) 0 0 no-repeat; }
.app_content .content_right .sliders_content {width: 600px; height: 385px; display: block; float: left; margin: 113px 0 0 34px; padding: 0; }

.slides_container { width: 600px; display:none;  }
.slides_container div {  width:600px; height: 533px; display:block; }
.slides_container div .image { width: 257px; height: 385px; display: block; float: left; margin: 0; padding: 0; }
.slides_container div .text { width: 250px; height: auto; display: block; float: right; margin: 0; padding: 0 0 0 20px; border-left: 2px dotted #009fe3; }
.slides_container div .text h1 { margin: 0; padding: 0; font-family: 'proxima_nova_rgbold'; font-size: 18px; color: #00aeef; }
.slides_container div .text h2 { margin: 0; padding: 3px 0 5px 0; font-family: 'proxima_nova_rgbold'; font-size: 18px; color: #58595b; }
.slides_container div .text p { margin: 0; padding: 0; font-family: Georgia; font-size: 14px; color: #6d6e71; }

.pagination { position: absolute; top: 0; left: 0; list-style:none; margin:0; padding:0; }
.pagination li { margin: 0 0 5px 0; }
.pagination a.child { font-size: 14px; color: #939598; font-family: 'proxima_nova_rgregular'; text-decoration: none; border-left: 1px dotted #939598; padding: 0 0 0 5px;
                      margin: 0 0 0 10px; }
.pagination a.child_alter { margin: 0 0 0 20px; font-size: 14px; color: #939598; font-family: 'proxima_nova_rgregular'; text-decoration: none; border-left: 1px dotted #939598; padding: 0 0 0 5px; }
.pagination a.child_alter2 { margin: 0 0 0 30px; font-size: 14px; color: #939598; font-family: 'proxima_nova_rgregular'; text-decoration: none; border-left: 1px dotted #939598; padding: 0 0 0 5px; }
.pagination .current a { color: #00aeef; border-left: 1px dotted #00aeef; }


.pagination_alter { width: 80%; position: absolute; top: 106px; left: -319px; list-style:none; margin:0; padding:0; }
.pagination_alter li { margin: 0 0 5px 0; }
.pagination_alter a.head { font-size: 18px; color: #939598; font-family: 'proxima_nova_rgbold'; text-decoration: none; border-left: 1px dotted #939598; padding: 0 0 0 10px; }
.pagination_alter a:hover { color: #5c5d5f; border-left: 1px dotted #00aeef; }
.pagination_alter .current a { color: #00aeef; border-left: 1px dotted #00aeef; }

.main_app { margin-bottom:210px !important; }
.communication_app { margin-bottom:210px !important; }
.communication { top: 30px !important; }
.customer { top: 60px !important; }
.information { top: 90px !important; }
.sales { margin-top: 175px !important; }
.sales_select { top: 30px !important; }
.after_sales { margin-top: 265px !important; }
.after_sales_select { top: 60px !important; }
.settings { margin-top: 265px !important; }
.settings_select { top: 90px !important; }
.information_retail_select { top: 30px !important; }
.menu_retail { margin-top: 350px !important; }
.menu_retail_select { top: 60px !important; }
.communication_retail { margin-top: 182px !important; }
.communication_retail_select { top: 90px !important; }


.app_content .footer { width: 318px; height: auto; position: absolute; bottom: 40px; left: 25px; }
.app_content .footer p { width: 100%; font-family: 'proxima_nova_rgregular'; font-weight: normal; font-size: 11px; color: #939598; margin: 0 0 10px 0; padding: 0 0 5px 0; 
                         border-bottom: 1px dotted #939598; float: left; }
.app_content .footer .slogan { width: 95px; height: auto; display: block; float: left; margin: 0; padding: 0; font-size: 14px; color: #939598; 
                               font-family: 'proxima_nova_ltregular'; font-weight: normal; line-height: 1.2em; }
.app_content .footer .slogan span { font-family: 'proxima_nova_rgbold'; font-weight: normal; }
.app_content .footer .logos { width: 200px; height: auto; display: block; float: left; margin: 0 0 0 23px; padding: 0; }
.app_content .footer .logos a { display: block; float: left; margin-right: 27px; }
.app_content .footer .logos a.auto { margin-top: 11px; }


/*-----------------------------------------------------------------------------
    Support and Get AppyGo
----------------------------------------------------------------------------- */

.form_content { width: 1000px; height: auto; display: block; margin: auto; padding: 0; overflow: hidden; margin-bottom: 50px; }
.form_content h1 { font-size: 36px; font-family: 'proxima_nova_rgbold'; font-weight: normal; color: #009fe3; text-align: center; margin: 0; padding: 0 0 20px 0;
                   border-bottom: 2px solid #ccccca; }
.form_content h1 span { display: block; font-family: georgia; font-size: 14px; color: #575756; margin: 0; padding: 5px 0 0 0; }
.red_text { font-size: 16px !important; color: #e84d4d !important; }

.form_content ul.form { width: 800px; height: auto; display: block; margin: auto; margin-top: 40px; padding: 0; }
.form_content ul.form li { width: 312px; height: auto; display: block; float: left; margin: 0 0 55px 0; padding: 0; position: relative; }
.form_content ul.form li.right { margin: 0 0 55px 176px !important; }
.form_content ul.form li.long { width: 800px !important; }
.form_content ul.form li label { width: 100%; height: auto; display: block; margin: 0; padding: 0 0 5px 0; font-family: georgia; font-size: 15px; color: #575756; }
.form_content ul.form li label span { display: block; margin: 0; padding: 5px 0 5px 0; font-family: georgia; font-size: 12px; color: #9d9d9c; }
.form_content ul.form li span.validation { position: absolute; right: 4px; top: 4px; font-size: 12px; font-family: georgia; color: #9d9d9c; }
.form_content ul.form li span.validation_long { position: absolute; left: 4px; bottom: -25px; font-size: 12px; font-family: georgia; color: #9d9d9c; }
.form_content ul.form li span.validation_long2 { position: absolute; left: 4px; bottom: -40px; font-size: 12px; font-family: georgia; color: #9d9d9c; }

.form_content ul.form li .textbox { width: 290px; height: 34px; display: block; float: left; margin: 0; padding: 0 10px; border: 1px solid #999;
                                    -webkit-border-radius: 5px;
                                    -moz-border-radius: 5px;
                                    border-radius: 5px;
                                    background: rgb(237,237,237); /* Old browsers */
                                    background: -moz-linear-gradient(top,  rgb(237,237,237) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,237,237)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
                                    background: -webkit-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
                                    background: -o-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
                                    background: -ms-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* IE10+ */
                                    background: linear-gradient(to bottom,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* W3C */
                                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                                    font-family: georgia; font-size: 15px; color: #575756;
                                    }

.form_content ul.form li .selectbox {  width: 310px; height: auto; display: block; float: left; margin: 0; padding: 7px 10px; border: 1px solid #999;
                                       -webkit-border-radius: 5px;
                                       -moz-border-radius: 5px;
                                       border-radius: 5px; 
                                       font-family: georgia; font-size: 15px; color: #575756;
                                       background: rgb(237,237,237); /* Old browsers */
                                       background: -moz-linear-gradient(top,  rgb(237,237,237) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
                                       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,237,237)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
                                       background: -webkit-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
                                       background: -o-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
                                       background: -ms-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* IE10+ */
                                       background: linear-gradient(to bottom,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* W3C */
                                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                                   }
.form_content ul.form li .textarea { width: 778px; height: 635px; display: block; float: left; margin: 0; padding: 10px; border: 1px solid #999;
                                    -webkit-border-radius: 5px;
                                    -moz-border-radius: 5px;
                                    border-radius: 5px;
                                    background: rgb(237,237,237); /* Old browsers */
                                    background: -moz-linear-gradient(top,  rgb(237,237,237) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,237,237)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
                                    background: -webkit-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
                                    background: -o-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
                                    background: -ms-linear-gradient(top,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* IE10+ */
                                    background: linear-gradient(to bottom,  rgb(237,237,237) 0%,rgb(255,255,255) 100%); /* W3C */
                                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                                    font-family: georgia; font-size: 15px; color: #575756;
                                    }

.form_content ul.form li .send_btn { width: 170px; height: auto; display: block; margin: auto; padding: 10px 0; background: #009fe3; color: #f6f6f6; font-size: 24px;
                                     font-family: 'proxima_nova_rgbold'; font-weight: normal; text-align: center; border: none;
                                     -webkit-border-radius: 5px;
                                     -moz-border-radius: 5px;
                                     border-radius: 5px;
                                     }

.form_content ul.form li .textbox:focus, .form_content ul.form li .selectbox:focus, .form_content ul.form li .textarea:focus { outline: none; }


/*-----------------------------------------------------------------------------
    Error
----------------------------------------------------------------------------- */

.error { width: 100%; height: auto; display: none; float: left; margin: 0 0 40px 0; padding: 30px 0; border-bottom: 2px solid #CCCCCA; }

.error h2 { margin: 0 0 0 31%; padding: 0 0 0 80px; font-family: 'proxima_nova_rgbold'; font-weight: normal; font-size: 24px; color: #c1132f; 
            background: url(../images/bg/bg_error.png) 0 0 no-repeat;  }
.error h2 span { display: block; font-family: georgia; font-size: 14px; color: #58595b; }


/*-----------------------------------------------------------------------------
    Success
----------------------------------------------------------------------------- */

.success { width: 100%; height: auto; display: block; float: left; margin: 130px 0 0 0; padding: 0; text-align: center; }
.success h2 { margin: 0 0 20px 0; padding: 0; font-family: 'proxima_nova_rgbold'; font-weight: normal; font-size: 36px; color: #009444; }
.success h2 span { display: block; font-family: georgia; font-size: 14px; color: #58595b; }
.success .home_btn { width: 90px; height: auto; display: block; margin: auto; padding: 10px 0; background: #009FE3; color: #F6F6F6; font-size: 12px;
                     font-family: 'proxima_nova_rgbold'; font-weight: normal; text-align: center; border: none; -webkit-border-radius: 5px;
                     -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; }


/*-----------------------------------------------------------------------------
    Helper classes
----------------------------------------------------------------------------- */

.clr { clear: both; line-height: 0; margin: 0; padding: 0; }

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

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

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

    /*
     * Don't show links for images, or javascript/internal links
     */

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

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

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

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

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

    @page {
        margin: 0.5cm;
    }

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

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