body, html { min-width: 1000px; }

* { margin: 0; padding: 0; outline: 0; }


@font-face { font-family: 'entypo'; src: url('fonts/entypo-social-webfont.eot'); src: url('fonts/entypo-social-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/entypo-social-webfont.woff') format('woff'), url('fonts/entypo-social-webfont.ttf') format('truetype'), url('fonts/entypo-social-webfont.svg#webfontregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sourceSans'; src: url('fonts/sourcesanspro-regular-webfont.eot'); src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: "myriad"; src: url('fonts/myriad-pro-webfont.eot'); src: url('fonts/myriad-pro-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriad-pro-webfont.woff') format('woff'), url('fonts/myriad-pro-webfont.ttf') format('truetype'), url('fonts/myriad-pro-webfont.svg#myriadpro') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: "myriadSbold"; src: url('fonts/myriadprosemibold.eot'); src: url('fonts/myriadprosemibold.eot?#iefix') format('embedded-opentype'), url('fonts/myriadprosemibold.woff') format('woff'), url('fonts/myriadprosemibold.ttf') format('truetype'), url('fonts/myriadprosemibold.svg#myriadprosemibold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'myriadLight'; src: url('fonts/myfontlight-webfont.eot'); src: url('fonts/myfontlight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myfontlight-webfont.woff') format('woff'), url('fonts/myfontlight-webfont.ttf') format('truetype'), url('fonts/myfontlight-webfont.svg#myfontlight') format('svg'); font-weight: normal; font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face { font-family: "entypo"; src: url('fonts/entypo-social-webfont.svg#webfontregular') format('svg'); }

    @font-face { font-family: "sourceSans"; src: url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); }

    @font-face { font-family: "myriad"; src: url('fonts/myriad-pro-webfont.svg#myriadpro') format('svg'); }

    @font-face { font-family: "myriadSbold"; src: url('fonts/myriadprosemibold.svg#myriadprosemibold') format('svg'); }

    @font-face { font-family: "myriadLight"; src: url('myfontlight-webfont.svg#myfontlight') format('svg'); }
}

body { background: #fff; font-family: 'myriad', Arial, sans-serif; font-size: 14px; line-height: 19px; color: #626467; }

input, textarea, select { font-family: Arial, sans-serif; font-size: 11px; }

a img { border: 0; }

a { color: #5da700; text-decoration: none; cursor: pointer; transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }
    a:hover { color: #2655c2; transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; }

    a img { transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }
    a:hover img { transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; }
    a:hover img { opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); }

.left, .alignleft { float: left; display: inline; margin-left: 10px; }
.right, .alignright { float: right; display: inline; margin-right: 10px; }

.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }
.clearfix,
.section,
.footer ul,
.form p,
.testimonials,
.video-content ul,
.main { *zoom: 1; }
    .clearfix:after,
    .form p:after,
    .testimonials:after,
    .video-content ul:after,
    .footer ul:after,
    .section:after,
    .main:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

h1.logo { position: absolute; font-size: 0; line-height: 0; width: 131px; top: 16px; left: 10px; }
    h1.logo a { display: block; height: 48px; text-indent: -4000px; background: url(images/logo.png); background-size: 131px; background-repeat: no-repeat; }
        h1.logo a:hover { opacity: 0.70; filter: alpha(opacity=70); }
h2 { font-size: 25px; line-height: 28px; font-family: 'sourceSans', arial, serif; color: #2a2a2a; font-weight: normal; }
h3 { font-size: 17px; line-height: 19px; color: #4f4f4f; }
h4 { font-size: 15px; line-height: 17px; color: #4f4f4f; font-family: 'sourceSans', arial, serif; }
h5 { font-size:; line-height:; }
h6 { font-size: 13px; line-height: 15px; color: #747474; font-weight: normal; }


.shell { width: 1000px; margin: 0 auto; }

.header { height: 83px; }
    .header .shell { position: relative; }

.navigation { float: left; display: inline; padding-top: 24px; padding-left: 148px; }
    .navigation ul { list-style: none; }
        .navigation ul li { float: left; display: inline; padding-right: 3px; }
            .navigation ul li a { display: block; font-size: 14px; line-height: 16px; color: #2e3139; font-family: 'PT Sans', arial, serif; position: relative; padding: 10px 11px 10px 32px; }
                .navigation ul li a:hover { background: #f3f3f4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
    .navigation i.ico { width: 18px; height: 16px; background: url(images/header-ico.png) no-repeat 0 0; position: absolute; top: 10px; left: 13px; }

    .navigation i.ico-home { background-position: 0 0; }
    .navigation i.ico-blog { background-position: -79px 0; left: 13px; }
    .navigation i.ico-contact { background-position: -152px 0; left: 12px; }
    .navigation i.ico-developers { background-position: -261px 0; }
    .navigation i.ico-login { background-position: -369px 0; }
    .navigation i.ico-search { background-position: -206px 0; }
    .navigation .upgradeLink:hover {text-decoration: underline; }

.map-buttons { float: right; display: inline; padding-top: 24px; padding-right: 10px; }
    .map-buttons a { margin-left: 1px; }
a.button-map { overflow: hidden; background: url(images/button-map.png) repeat-x 0 0; border: 1px solid #416bcc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; display: inline-block; *zoom: 1; *display: inline; color: #fefefe; font-weight: bold; font-family: 'myriadSbold', arial, serif; font-size: 14px; line-height: 16px; padding: 8px 7px 8px 38px; position: relative; }
    a.button-map:hover { opacity: 0.70; filter: alpha(opacity=70); }

    a.button-map i.ico { width: 30px; height: 34px; background: url(images/map-ico.png) no-repeat 0 0; position: absolute; top: -1px; left: 3px; }
    a.button-map i.ico-view { background-position: -121px 0; }

.page-title { height: 123px; background: url(images/page-title.jpg) repeat 0 0; }
    .page-title h2 { color: #ffffff; font-family: 'myriadSbold', arial, serif; font-size: 27px; line-height: 123px; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; }
    .page-title .shell { position: relative; }

.breadcrumbs { height: 32px; background: #f5f5f5; border-bottom: 1px solid #ececec; font-family: 'sourceSans', arial, serif; font-size: 14px; line-height: 16px; color: #5da700; font-weight: bold; padding-top: 15px; }
    .breadcrumbs a { font-weight: normal; color: #959595; font-size: 13px; }
        .breadcrumbs a:hover { color: #5da700; }
    .breadcrumbs span { padding: 0 5px; }
.arr-small { width: 5px; height: 7px; background: url(images/arr-small.png) no-repeat center; display: inline-block; *zoom: 1; *display: inline; }

.main { padding: 26px 0 50px 0; }

.sidebar { width: 229px; float: left; display: inline; padding-top: 4px; }
    .sidebar ul { list-style: none; }

.widget { box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); margin-bottom: 8px; }
.widget_navigation { border: 1px solid #f1f1f1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
    .widget_navigation ul { list-style: none; }
        .widget_navigation ul li { border-top: 1px solid #f1f1f1; }
            .widget_navigation ul li:first-child { border-top: 0; }
            .widget_navigation ul li a { font-family: 'sourceSans', arial, serif; color: #4e4d4d; font-size: 14px; line-height: 16px; display: block; padding: 6px 19px; }
                .widget_navigation ul li a:hover,
                .widget_navigation ul li.active a { color: #65b204; background: url(images/arr.png) no-repeat 203px center; }

.widget_contacts { border-right: 1px solid #e1e1e1; background: #f8f8f8; }
    .widget_contacts h3 { padding: 17px 0 0 17px; }
    .widget_contacts ul { }
        .widget_contacts ul li { border-bottom: 1px solid #e1e1e1; padding: 16px 0 16px 17px; color: #353535; }
    .widget_contacts h4 { padding: 0 0 1px 0px; position: relative; }
        .widget_contacts h4 i.ico { width: 14px; height: 13px; background: url(images/widget-ico.png) no-repeat 0 0; position: absolute; top: 4px; left: 0; }
        .widget_contacts h4 i.ico-mailing { background-position: 0 -87px; top: 3px; }
        .widget_contacts h4 i.ico-fax { background-position: 0 -191px; top: 3px; }
        .widget_contacts h4 i.ico-hours { background-position: 0 -261px; top: 2px; }
    .widget_contacts p { font-size: 13px; font-family: 'sourceSans', arial, serif; letter-spacing: -1px; line-height: 18px; }
    .widget_contacts a { color: #353535; }
        .widget_contacts a:hover { color: #65b204; }

.widget_menu { background: #4f79db; }
    .widget_menu a { color: #fff; font-family: 'sourceSans', arial, serif; font-size: 13px; line-height: 15px; display: block; position: relative; padding: 18px 0 17px 18px; }
        .widget_menu a strong { font-family: 'myriad', arial, serif; font-size: 17px; line-height: 19px; display: block; padding-bottom: 4px; }
        .widget_menu a .ico-arrow { width: 10px; height: 5px; background: url(images/white-arr.png) no-repeat 0 0; bottom: 22px; right: 17px; position: absolute; }
.widget-text { display: none; font-size: 14px; color: #fff; padding: 10px; }
.widget_menu a:hover { opacity: 0.70; filter: alpha(opacity=70); }

a.widget-logo { margin-left: 25px; margin-top: 25px; display: inline-block; *zoom: 1; *display: inline; }

.content { width: 731px; float: right; display: inline; }
    .content h2 { padding-bottom: 9px; }
    .content p { padding-bottom: 22px; }

.map { position: relative; border: 1px solid #d0d0d0; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; overflow: hidden; margin-bottom: 25px; }
.map-controls { background: url(images/map-bg.png) repeat 0 0; width: 100%; position: absolute; bottom: 0; left: 0; height: 50px; }
    .map-controls ul { list-style: none; padding: 17px 0 0 4px; }
        .map-controls ul li { float: left; display: inline; padding-right: 17px; }
            .map-controls ul li a { font-size: 14px; color: #3b3b3b; padding-left: 16px; position: relative; }
                .map-controls ul li a:hover { color: #5da700; }
                .map-controls ul li a i.ico { width: 12px; height: 13px; background: url(images/map-control.png) no-repeat 0 0; position: absolute; top: 2px; left: 0; }
                .map-controls ul li a i.ico-route { background-position: 7px 0; }
                .map-controls ul li a i.ico-print { background-position: -106px 0; }
                .map-controls ul li a i.ico-share { background-position: -198px 0; }
                .map-controls ul li a i.ico-full-map { background-position: -268px 0; left: 3px; }

                .map-controls ul li a:hover i.ico-route { background-position: 7px -39px; }
                .map-controls ul li a:hover i.ico-print { background-position: -106px bottom; }
                .map-controls ul li a:hover i.ico-share { background-position: -198px bottom; }
                .map-controls ul li a:hover i.ico-full-map { background-position: -268px bottom; left: 3px; }

.field { background: #fff; border: 1px solid #d0d9e1; font-size: 13px; line-height: 13px; color: #9fa7af; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; padding: 9px; width: 168px; }
.field2 { width: 199px; }
.field3 { width: 296px; }
.field4 { width: 214px; }
.field5 { width: 473px; }
.field6 { padding: 12px 9px 12px 35px; width: 221px; color: #202225; }
.field-textarea { width: 711px; resize: none; height: 116px; }

.form { padding-bottom: 20px; }
    .form label { display: block; font-size: 13px; color: #666666; line-height: 15px; padding-bottom: 3px; }
    .form p { padding-bottom: 0; }
        .form p span { padding-bottom: 6px; }
        .form p span { margin-left: 4px; }
            .form p span:first-child { margin-left: 0; }

.submit-button { width: 95px; height: 37px; line-height: 37px; background: url(images/submit.png) no-repeat 0 0; border: 0; text-align: center; font-size: 12px; font-family: arial, serif; font-weight: bold; text-shadow: rgba(0,0,0,0.5) 0px -1px 1px; color: #fff; float: right; display: inline; margin-top: 10px; cursor: pointer; }
    .submit-button:hover { opacity: 0.70; filter: alpha(opacity=70); }

.section-create { background: #eaebef; border-top: 1px solid #e2e3e6; border-bottom: 1px solid #e2e3e6; padding: 40px 0 36px 0; }
    .section-create h2 { font-size: 26px; line-height: 29px; color: #111315; font-family: 'myriadSbold', arial, serif; padding-bottom: 3px; padding-top: 8px; }
    .section-create p { font-size: 17px; line-height: 19px; color: #111315; }

a.button-big { background: url(images/button-bg.png) repeat-x 0 0; display: inline-block; *zoom: 1; *display: inline; font-size: 20px; color: #ffffff; line-height: 71px; font-weight: bold; text-align: center; text-shadow: rgba(0,0,0,0.3) 0px -2px 0px; box-shadow: 0px -1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 1px rgba(0,0,0,0.1); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; padding-left: 24px; padding-right: 24px; }
    a.button-big:hover { opacity: 0.70; filter: alpha(opacity=70); }

.footer { background: #f8f9fa; border-bottom: 1px solid #ededed; padding-top: 36px; padding-bottom: 35px; }
    .footer ul { list-style: none; }
    .footer > .shell > ul > li { float: left; display: inline; padding-left: 62px; }
        .footer > .shell > ul > li.newsletter { float: right; }
        .footer > .shell > ul > li:first-child { padding-left: 0; }
    .footer ul li a { font-size: 14px; line-height: 16px; color: #191c1f; }
        .footer ul li a:hover { color: #77b400; }
    .footer ul li h3 { font-family: 'myriadSbold', arial, serif; color: #191c1f; padding-bottom: 15px; }
    .footer > .shell > ul > li > ul > li { padding-bottom: 3px; }
    .footer > .shell > ul > li > ul.left { padding-left: 20px; }
    .footer > .shell > ul > li > h3 + ul.left { padding-left: 0px; }

.newsletter p { color: #1b1e21; position: relative; padding-bottom: 7px; }

.ico-news-mail { width: 16px; height: 11px; background: url(images/ico-email.png) no-repeat 0 0; position: absolute; top: 16px; left: 12px; }

.submut-mail { width: 46px; height: 43px; text-align: center; line-height: 43px; color: #fff; background: url(images/ok-button.png) no-repeat 0 0; border: 0; font-weight: bold; font-size: 17px; cursor: pointer; text-shadow: rgba(0,0,0,0.7) 0px -1px 1px; }
    .submut-mail:hover { opacity: 0.70; filter: alpha(opacity=70); }

.copyright { height: 55px; padding-top: 14px; }
    .copyright p { float: left; display: inline; color: #1d1f21; font-size: 13px; }
        .copyright p a { color: #1d1f21; }
            .copyright p a:hover { color: #5da700; }

    .copyright .socials { padding-right: 100px; }
.socials { height: 22px; float: right; display: inline; }
    .socials a { width: 23px; height: 22px; float: left; display: inline; background: url(images/footer-ico.png) no-repeat 0 0; margin-left: 4px; font-size: 0; line-height: 0; text-indent: -4000px; }

        .socials a:hover { opacity: 0.70; filter: alpha(opacity=70); }
        .socials a.ico-twitter { background-position: 0 0; }
        .socials a.ico-facebook { background-position: -27px 0; }
        .socials a.ico-plus { background-position: -53px 0; }

.slider { position: relative; overflow: hidden; height: 693px; }
.slides { height: 693px; }
.slide { height: 693px; position: relative; float: left; display: inline; width: 100%; overflow: hidden; }
.slide-image { min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; z-index: 4; }
    .slide-image img { width: auto !important; min-width: 100%; min-height: 693px !important; }

.rotating-item { display: none; position: absolute; top: 0; left: 0; }

.slide-content { position: relative; z-index: 5; text-align: center; padding: 54px 0 0 0; }
    .slide-content h2 { font-size: 48px; font-family: 'myriadSbold', arial, serif; color: #fefefe; line-height: 50px; padding-bottom: 8px; }
    .slide-content p { font-size: 23px; font-family: 'myriadLight', arial, serif; color: #fefefe; line-height: 28px; padding-bottom: 16px; }
    .slide-content a.button-big { font-size: 19px; font-family: 'myriad', arial, serif; font-weight: bold; padding-left: 30px; padding-right: 30px; }

    .slide-content .developer-panel { z-index: 1; width: 492px; left: 50%; margin-left: -492px; position: absolute; top: 0; height: 693px; background: url(images/bbgp85.png); text-align: center; position: absolute; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
        .slide-content .developer-panel p { text-align: left; }
        .slide-content .developer-panel .devInfo { padding: 20px; padding-top: 75px; }
        .slide-content .developer-panel .buttons { text-align: center; margin-top: 10px; }
    .slide-content .apiLogos { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; position: absolute; left: 50%; margin-left: 20px; z-index: 0; height: 693px; top: 0; width: 492px; background: url(images/bbgp85.png); }
.apiLogos .logos { width: 492px; height: 535px; background: url(images/apilogos.png); margin-top: 55px; }

.proScreenRight { width: 460px; left: 50%; top: 0; position: absolute; height: 693px; background: url(images/bbgp85.png); border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
    .proScreenRight .info { padding: 20px; margin-top: 100px; text-align: center; }
        .proScreenRight .info .buttons { text-align: center; margin-top: 10px; }
.proScreen { width: 450px; height: 268px; background: url(images/pro.png); left: 50%; position: absolute; margin-left: -490px; top: 150px; }


.mylScreenLeft { 
    width: 440px;  height: 370px; background: url(images/bbgp85.png); border: 1px solid #000066;
    padding: 25px;
}

.mylScreenLeft h2 {
    margin-bottom: 15px;
}

.mylScreenLeft .buttons {
    margin-top: 20px;
}

.pagination { background: #fff; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; position: absolute; bottom: -1px; left: 50%; margin-left: -30px; z-index: 999; padding: 10px 8px 9px 8px; }

    .pagination a { width: 11px; height: 11px; float: left; display: inline; background: url(images/pagination.png) no-repeat 0 0; margin: 0 2px; font-size: 0; line-height: 0; text-indent: -4000px; }
        .pagination a.selected { background-position: -15px 0; }

.slider-control { position: relative; z-index: 99; }
    .slider-control a.slider-arr { width: 64px; height: 63px; position: absolute; top: -389px; font-size: 0; line-height: 0; text-indent: -4000px; }
    .slider-control a.slider-arr-prev { left: 0; background: url(images/prev-arr.png) no-repeat 0 0; }
    .slider-control a.slider-arr-next { right: 0; background: url(images/next-arr.png) no-repeat 0 0; }

.section-video { padding: 20px 0 50px 0; }

.video { float: left; width: 450px; height: 303px; background: url(images/video.jpg); }
    .video iframe { }
.video-content { float: left; display: inline; width: 450px; margin-left: 60px; }

.section h3 { font-size: 24px; line-height: 28px; color: #282d31; letter-spacing: -2px; position: relative; }
    .section h3 .ico-settings { width: 19px; height: 20px; position: absolute; top: 5px; *top: 1px; left: 0; background: url(images/ico-settings.png) no-repeat 0 0; }

.video-content { padding-top: 40px; }
    .video-content h3 { padding-bottom: 21px; padding-left: 23px; position: relative; }
    .video-content > ul { padding-bottom: 12px; }
    .video-content ul { list-style: none; }
        .video-content ul li { padding-bottom: 4px; }
    .video-content > ul > li { padding-left: 57px; float: left; display: inline; }
        .video-content > ul > li:first-child { padding-left: 0; }
    .video-content ul li a { background: url(images/list-arr.png) no-repeat 0 5px; font-size: 14px; color: #2c3034; line-height: 17px; font-family: 'sourceSans', arial, serif; padding-left: 10px; }
        .video-content ul li a:hover { color: #77b400; }

a.button { background: url(images/button.png) repeat-x 0 0; height: 36px; line-height: 36px; display: inline-block; *display: inline; *zoom: 1; color: #fff; font-size: 13px; padding-left: 9px; padding-right: 14px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }

    a.button:hover { opacity: 0.70; filter: alpha(opacity=70); }

.section-enries { background: #f8f9fa; border-top: 1px solid #eeeff2; border-bottom: 1px solid #eeeff2; width: auto; }

.col { float: left; display: inline; }
.col-last { float: right; }
.col1 { width: 298px; }
.col2 { width: 483px; }

.entry { text-align: center; }
.entry-content h3 { padding-bottom: 13px; }
.entry-content p { color: #4a4d54; line-height: 21px; padding-bottom: 14px; }
.entry-content a.button { padding-left: 22px; padding-right: 24px; }
.entry-content .details { height: 75px; }

.sharelink { width: 100%; text-align: center; font-size: 12px; margin-top: 10px; }

    .sharelink .wrapper { margin-left: auto; margin-right: auto; width: 85px; }

.section-enries { padding: 80px 0 45px 0; }
    .section-enries ul { list-style: none; }
        .section-enries ul li { padding-left: 50px; }
            .section-enries ul li:first-child { padding-left: 0; }


.section-testimonials { padding-bottom: 58px; padding-top: 60px; }
    .section-testimonials h4 { font-size: 19px; font-weight: bold; color: #1b1e21; letter-spacing: -2px; padding-bottom: 18px; position: relative; padding-left: 22px; }
.testimonials { padding-bottom: 18px; }
.testimonial { border: 1px solid #e4e4e4; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.testimonial-image { float: left; display: inline; margin-right: 19px; }
.testimonial-content { font-size: 13px; line-height: 16px; color: #384d55; font-family: 'sourceSans', arial, serif; padding: 19px 43px; }
    .testimonial-content p { padding-bottom: 10px; letter-spacing: -1px; }
    .testimonial-content a { color: #275fe1; }
        .testimonial-content a:hover { color: #000; }
.ico-testimonial { width: 18px; height: 16px; background: url(images/ico-test.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }

.section-logo { background: #ffffff; border-top: 1px solid #eff0f1; padding-top: 11px; padding-bottom: 20px; }
    .section-logo h6 { padding-bottom: 10px; }
.logo-slider { position: relative; }
    .logo-slider ul { list-style: none; height: 57px; }
        .logo-slider ul li { float: left; display: inline; height: 57px; margin-right: 28px; position: relative; }
.logo-arr-next { width: 5px; height: 8px; background: url(images/list-arr.png) no-repeat 0 0; position: absolute; top: 27px; right: 0; font-size: 0; line-height: 0; text-indent: -4000px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .map-controls ul li a i.ico { top: 0; }
    .widget_contacts h4 i.ico { top: 0; }
}

.bannerWrapper {overflow: hidden; width: 284px; height: 486px; position: absolute; left: 0px; top: 130px; z-index: 1000;}
.bannerWrapper .buttonWrapper { width: 243px; text-align: center; position: absolute; bottom: 35px;}
.bannerWrapper .button-big { }
.bannerWrapper .bannerContent { position: absolute; left: -284px; top: 0px; cursor: pointer; width: 284px; height: 486px; }
.bannerWrapper .banner { width: 284px; height: 486px; position: absolute; left: 0; top: 0px; cursor: pointer;  }
.bannerWrapper .banner.myl { background: url(images/myl_banner.png); }
.bannerWrapper .banner.wp { background: url(images/wp_banner.png); display: none;  }
.bannerWrapper .banner.wp .buttonWrapper { bottom: 45px; }
.bannerWrapper .banner.fc { background: url(images/fc_winner.png); }
.bannerWrapper .banner.fc .buttonWrapper { bottom: 35px; }
.tablet { width: 591px; height: 390px; background: url(images/ipad.png) no-repeat 0 0; position: absolute; bottom: 0; left: 50%; margin-left: -295px; z-index: 9999; }
.tablet-map { position: absolute; width: 336px; height: 252px; top: 33px; left: 122px; overflow: hidden; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }

.types { font-size: 16px; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; }

    .loading { background-position: center center; background-image: url('/assets/images/ajax-loader-white.gif'); background-repeat: no-repeat; } 

.popularMaps {margin-top: 20px; clear: both; margin-bottom: 20px; width: 954px; margin-left: auto; margin-right: auto; }
.popularMaps .popularSection { clear: both;  height: 130px; position: relative; }
.popularMaps .popularSection .feed { position: absolute; right: 0; top: 5px; }
.popularMaps .feed .icon {float: left; margin-right: 5px; }
.popularMaps .feed .icon img { width: 14px; height: 14px; }
.popularMaps .popularSection .feed a { font-size: 14px; color: #333333;}
.popularMaps .popularSection .feed a:hover { text-decoration: underline; }
.popularMaps h3 { margin-bottom: 5px; margin-top: 10px; }
.popularMaps .mapItem { overflow: hidden; float: left; width: 100px; height: 100px; text-align: center; cursor: pointer; margin: 2px; position: relative; border: 1px solid #CCCCCC; }
.popularMaps .mapItem .thumb a { height: 100%; padding: 0px; width: 100%; padding: 0px; max-height: 100px; }
.popularMaps .mapItem a { word-wrap: break-word; padding: 5px; max-height: 50px; text-align: center; font-weight: bold; font-size: 14px; position: absolute; bottom: 0px; left: 0px; right: 0px; color: #FFFFFF; text-shadow:
    -1px -1px 0 #333,
    1px -1px 0 #333,
    -1px 1px 0 #333,
    1px 1px 0 #333;  }

.intentModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/views/create/images/bgb_85.png);
    z-index: 10000;
    vertical-align: baseline;
}

.intentModal .popup {
  width: 570px;
  height: 400px;
  background-color: #fff;
  z-index: 1;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  border: 3px solid #CCC;
  -webkit-animation: popin 0.3s;
  animation: popin 0.3s;
}

.intentModal .popup .pcontent {
    padding: 25px;
}



.intentModal .popup .pcontent p {
    margin-top: 15px;
    font-size: 16px;
}

.intentModal .popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(images/close15x15.png);
    z-index: 100;
}

.intentModal .noThanks {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.intentModal .noThanks a {
    text-decoration: underline;
}

.intentModal .featureList {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

#exitIntentModal {
    display: none;
}

#loginModal .popup {
    width: 250px;
    height: 175px;
}

#loginModal .popup.register {
    height: 190px;
}

#loginModal .popup .inputDiv {
    width: 200px;
    border: 1px solid #CCC;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
}

#loginModal .popup .inputDiv input {
    border: none;
    width: 100%;
    height: 25px;
    color: #666;
}

#loginModal .popup .button {
    width: 200px;
    height: 25px;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    background: url(images/button-map.png) repeat-x 0 0;
    background-position: center bottom;
    font-size: 13px; color: #ffffff; font-weight: bold; text-align: center; text-shadow: rgba(0,0,0,0.3) 0px -2px 0px; box-shadow: 0px -1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 1px rgba(0,0,0,0.1); 
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
    cursor: pointer;
}

#loginModal .popup .button.register {
    background: url(images/button-bg.png) repeat-x 0 0;
    background-position: center bottom;
}

#loginModal .popup .headerLabel {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 5px;
    width: 100%;
}

#loginModal .popup .loader {
    background-image: url(images/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center;
    line-height: 115px;
    font-size: 12px;
    font-weight: bold;
}

#loginModal .errorWrapper .forgot {
    color: #999;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}

#loginModal .errorWrapper { 
    width: 100%;
    text-align: center;
}

#loginModal .loginError {
    color: #990000;
    font-weight: bold;
    font-size: 10px;
    display: inline-block;
}

#loginModal .resetPassword {
    margin-top: 30px;
}

#loginModal .backToLogin {
    width: 100%;
    text-align: center;
    font-size: 11px;
    display: block;
    margin-top: 5px;
}

#loginModal .checkEmail {
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

#loginModal .checkEmail .emailSent {
    text-align: center;
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.sm_menuIcon { width: 55px; height: 82px; display: inline-block; margin: 8px;; }
.sm_menuIcon .sm_graphic { width: 55px; height: 50px; margin-left: auto; margin-right: auto; }    
.sm_menuIcon .sm_label { width: 55px; color: #666666; font-size: 12px; text-align: center; font-weight: bold; }
	.sm_menuIcon .sm_graphic.sm_saveKML { background-image: url(images/icon_savekml.png); }
    .sm_menuIcon .sm_graphic.sm_saveGPX { background-image: url(images/icon_savegpx.png); }
	.sm_menuIcon .sm_graphic.sm_saveImage { background-image: url(images/icon_saveimage.png); }
	.sm_menuIcon .sm_graphic.sm_savePDF { background-image: url(images/icon_savepdf.png); }
	.sm_menuIcon .sm_graphic.sm_saveSHP { background-image: url(images/icon_saveshp.png); }
	.sm_menuIcon .sm_graphic.sm_saveDXF { background-image: url(images/icon_savedxf.png); }
    .sm_menuIcon .sm_graphic.sm_saveCSV { background-image: url(images/icon_savecsv.png); background-size: 55px; background-repeat: no-repeat; }
.ng-cloak { display: none; }
