* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
height: 100%;
margin: 0 auto -500px; /* the bottom margin is the negative value of the footer's height */
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
footer, .push {
height: 500px; /* .push must be the same height as .footer */
}
body {
font-family: 'Lato', sans-serif;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased !important;
}
footer {
background-color: #232323;
}
h1 {
color: #333333;
font-size: 40px;
}
h2 {
color: #ffffff;
}
p {
color: #888888;
font-size: 24px;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
a {
color: #777777;
}
a:visited,
a:active,
a:focus {
color: #B9B9B9;
outline: none;
background-color: transparent;
font-size: 16px;
border: 0 none;
}
header {
padding: 2.1em 31em;
background-color: #232323;
letter-spacing: 1px;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.logo img {
height: 40px;
}
section {
padding: 2em 0 5em 0;
}
section.green {
padding: 40px 0;
}
/*navigation*/
nav.nav {
background-color: transparent;
border: 0 none;
margin-bottom: 0px;
}
nav.nav ul li {
display: inline;
padding-left: 2.5em;
}
nav.navbar-default .navbar-nav li a {
color: #ffffff;
text-transform: uppercase;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
border-bottom: 1px solid transparent;
font-size: 13px;
letter-spacing: 1px;
}
nav.navbar-default .navbar-nav li a:hover, nav.navbar-default .navbar-nav li a:focus {
text-decoration: none;
color: #8EBDE5;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
/*border-bottom: 1px solid #636363;*/
}
nav.nav ul li a.signup {
background-color: #4B9FE8;
border: 1px solid #8EBDE5;
padding: 1.2em 1.5em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #FFFFFF;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
nav.nav ul li a.signup:hover, nav.nav ul li a.signup:focus {
color: #ffffff;
background-color: #3075A5;
border: 1px solid #8EBDE5;
}
nav.nav ul li a.active {
color: #C8C8C8;
}
nav.nav ul li a.active:hover {
color: #CACACA;
}
.nav > li > a {
padding: 17px 0;
}
.navbar-nav > li > a {
padding-bottom: 3px;
}
.navbar-collapse {
box-shadow: 0 0 0 0;
border: 0 none;
padding-right: 1px;
}
.navbar-toggle {
margin-bottom: 16px;
}
.navbar-default .navbar-toggle {
border-color: #7C7C7C;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
border-color: #000000;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
background-color: #474747;
}
/*end navigation*/
/*helpers*/
.center {
text-align: center;
}
.topspace {
margin-top: 2em;
}
.buttomspace {
margin-bottom: 2em;
}
.green {
background-color: #7EC135;
}
.blue {
background-color: #4B9FE8;
}
.darkgrey {
background-color: #232323;
}
.grey {
background-color: #f4f4f4;
}
.lightgrey {
background-color: #F7F7F7;
}
.white {
background-color: #ffffff;
}
.black {
background-color: #000000;
}
.tiny {
padding:2em 0;
}
.h1_dark_big {
color: #333333;
font-size: 48px;
}
.h1_dark {
color: #333333;
font-size: 36px;
}
.h1_light {
color: #FFFFFF;
font-size: 33px;
margin-top: 0px;
}
.h1_white_big {
color: #ffffff;
font-size: 48px;
}
.h1_white {
color: #ffffff;
font-size: 36px;
}
h2.gray {
color: #454545;
}
.p_title {
padding: 10px 0;
}
.noccreq {
color: #FFFFFF;
text-align: center;
font-size: 14px;
}
.form-inline {
margin-top: 15px;
padding: 0px;
}
.form-inline .btn.green, .form-inline .btn.blue {
font-size: 20px;
}
.form-inline input {
border: none;
padding: 12px 3px 14px 18px;
margin: 0 5px 11px 0;
font-size: 20px;
color: #565656;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
section.green p {
color: #ffffff;
}
section.blue p {
color: #FFFFFF;
}
.invisible_post {
opacity: 0;
}
.visible {
opacity: 1;
}
.triangle_down {
position: absolute;
display: block;
width: 80px;
height: 80px;
background: #fff;
top: -40px;
left: 50%;
-o-transform: translate(-50%, 0) rotate(-45deg);
-ms-transform: translate(-50%, 0) rotate(-45deg);
-moz-transform: translate(-50%, 0) rotate(-45deg);
-webkit-transform: translate(-50%, 0) rotate(-45deg);
transform: translate(-50%, 0) rotate(-45deg);
-webkit-transition: all 225ms ease;
-moz-transition: all 225ms ease;
transition: all 225ms ease;
}
a.link {
line-height: 4;
color: #474747;
border-bottom: 1px dotted #474747;
}
a.link:hover {
text-decoration: none;
}
.icon {
background-image: url("images/rel_sprite.png");
background-repeat: no-repeat;
height: 46px;
display: inline-block;
vertical-align: middle;
width: 41px;
}
.icon.icon_1 {
background-position: 5px 0;
}
.icon.icon_2 {
background-position: -67px 0;
}
.icon.icon_3 {
background-position: -134px 0;
}
.icon.icon_4 {
background-position: -201px 0;
}
.icon.icon_5 {
background-position: -276px 0;
}
.icon.icon_6 {
background-position: -351px 0;
}
.headline {
font-size: 20px;
margin-top: 10px;
margin-bottom: 30px;
}
img.centered_icon {
margin: 0 auto;
display: block;
}
.left {
text-align: left !important;
}
.bold {
font-weight: bold !important;
}
/*end helpers*/
/*sections*/
.full_section {
padding: 3em 0 3em 0;
}
.full_section h1 {
font-size: 40px;
}
.full_section p {
font-size: 20px;
padding: 3% 22%;
}
.half_section {
padding-top: 4em;
}
.half_section.first h1 {
font-size: 40px;
}
.half_section h1, .rel_section h1 {
font-size: 35px;
padding-bottom: 20px;
}
.half_section.first p {
font-size: 19px;
}
.half_section p {
font-size: 17px;
line-height: 1.4;
padding-bottom: 1em;
}
.half_section p {
color: rgb(121,121,121);
font-weight: 100;
}
.half_section .half_img {
padding: 0em 10em 1em 10em;
}
.half_section .half_img_res {
display: none;
}
.half_section img {
width: 100%;
}
.half_section.first .half_img_big img {
width: 67%;
margin-top: 1em;
margin-left: 7em;
}
.front_block {
margin: 5em 3em;
}
.front_block p {
padding: 0px 30px;
}
.front_block h3 {
margin-bottom: 30px;
}
.front_block p {
text-align: center;
font-size: 18px;
color: #888888;
}
.section.grey {
background-color: #EEF1F2;
}
.section.green {
background-color: #7EC135;
color: #FFFFFF;
}
.section.green .btn {
padding: 20px 15px;
border-radius: 4px;
background-color: #232323;
border: 1px solid #232323;
width: 400px;
color: #FFFFFF;
margin-bottom: 10px;
font-size: 24px;
}
.section.green .btn:hover {
background-color: #181818;
border: 1px solid #181818;
}
/*end sections*/
/*logos*/
.logo_bord {
padding: 1em 1em 2em;
border: 1px solid #BDBDBD;
}
.logo_bord.logo_dark {
background-color: #232323;
border: 1px solid #000000;
}
.download a {
color: #4f4f4f;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
}
.download a:hover {
color: #000000;
text-decoration: underline;
}
.download {
margin: 10px 0 20px 0;
font-size: 14px;
text-align: center;
}
/*end logos*/
/*about us*/
.about h2 {
font-size: 23px;
margin: 15px 0 2px 0;
font-weight: 600;
color: #454545;
}
.about p {
font-size: 16px;
color: #454545;
margin-bottom: 2em;
}
.about {
padding: 5em 0;
}
.about .row {
padding: 2em 0;
}
/*gray style*/
.grayscale img {
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Webkit Nightlies & Google Chrome Canary */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.grayscale img:hover {
filter: none; /* Applies to FF + IE */
-webkit-filter: grayscale(0);
}
/*end gray style*/
.circular {
width: 200px;
height: 200px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
margin: 0 auto;
}
.person_0 {
background: url("https://www.gravatar.com/avatar/aa2be12cd90bc215a39332f27b9bf3d1?s=200") no-repeat;
}
.person_1 {
background: url("https://media.licdn.com/mpr/mpr/shrink_200_200/p/7/005/098/2e1/2e75135.jpg") no-repeat;
}
.person_2 {
background: url("https://www.gravatar.com/avatar/bc55c4d460089fb62183f1e5d3505a5c?s=200") no-repeat;
}
.person_3 {
background: url("https://media.licdn.com/mpr/mpr/shrink_200_200/p/2/000/0f1/16c/3ba3eec.jpg") no-repeat;
}
.person_4 {
background: url("https://media.licdn.com/mpr/mpr/shrink_200_200/p/8/000/25b/3eb/1011a79.jpg") no-repeat;
}
.person_5 {
background: url("https://media.licdn.com/mpr/mpr/shrink_200_200/p/5/005/086/2d5/2fdcc2a.jpg") no-repeat;
}
.person_6 {
background: url(/Content/images/person_6.jpg);
}
.person_7 {
background: url("http://m.c.lnkd.licdn.com/mpr/mpr/shrink_200_200/p/1/005/050/3b2/1f32167.jpg") no-repeat;
}
.person_8 {
background: url("https://media.licdn.com/mpr/mpr/shrink_200_200/p/1/000/1f4/36f/1460fa0.jpg") no-repeat;
}
.range_wrapper h1, .range_wrapper p {
text-align: left;
}
.range_wrapper p {
font-size: 21px;
}
/*end about us*/
/*slider*/
.range_wrapper {
width: 78%;
margin: 0 auto;
}
.slider_wrapper {
width: 100%;
}
.range {
background-color: #ECECEC;
width: 97%;
display: table;
position: relative;
height: 4em;
margin-top: 20px;
margin-left: 1em;
padding-right: 1em;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.range .slider.slider-horizontal {
width: 91% !important;
height: 4em !important;
}
.slider.slider-horizontal .slider-track {
height: 4em;
top: 0;
margin-top: 0;
left: -4.2em;
}
.slider.slider-horizontal .slider-handle {
margin-top: 0px;
margin-left: 0px;
}
.slider-handle {
height: 4em;
background: #424242;
opacity: 1;
}
#bar {
position: absolute;
right: 0;
width: 91px;
height: 100%;
color: rgb(255, 255, 255);
background-color: #424242;
border: 0 none;
text-align: center;
font-size: 30px;
font-weight: bold;
outline: none;
cursor: default;
}
.slider-handle {
background-color: #545454;
}
.slider-selection {
background: #ECECEC;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1);
}
/*end slider*/
/*reliable*/
.rel_section h3 {
display: inline;
font-weight: 200;
font-size: 24px;
padding-left: 9px;
color: #2d2d2d;
}
.rel_section p {
display: block;
margin-left: 53px;
font-size: 17px;
font-weight: 200;
margin-top: -4px;
color: #474747;
}
.rel_section .row {
margin: 6em 0;
}
/*end reliable*/
/*buttons*/
.btn {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.btn.green {
background-color: #4B9FE8;
border: 1px solid #FFFFFF;
padding: 12px 55px;
color: #FFFFFF;
font-size: 24px;
margin-bottom: 6px;
}
.btn.green:hover {
background-color: #3075A5;
border: 1px solid #8EBDE5;
}
.btn.green.signup, .btn.green.learn {
padding: .7em 3em;
}
.btn.green.learn {
margin-left: 28%;
}
.btn.blue {
background-color: #4B9FE8;
border: 1px solid #8EBDE5;
padding: 12px 55px;
color: #FFFFFF;
font-size: 24px;
margin-bottom: 6px;
}
.btn.blue:hover {
background-color: #3075A5;
border: 1px solid #8EBDE5;
}
.btn.blue.signup, .btn.blue.learn {
padding: .7em 3em;
}
.btn.blue.learn {
margin-left: 28%;
}
.btn.light_grey {
padding: 13px 31px;
text-transform: uppercase;
border: 1px solid #717171;
color: #4E4E4E;
font-size: 15px;
letter-spacing: 1.5px;
}
.btn.light_grey:hover {
color: #000000;
}
.btn.light_grey.wide {
padding: 1em 8em;
font-size: 13pt;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.btn.light_grey.boxes, .btn.green.boxes, .btn.green.small, .btn.light_grey.small, .btn.blue.small {
padding: 0.6em 3em;
font-size: 13pt;
margin-bottom: 1.5em;
}
.btn.dark_grey {
padding: 20px 58px;
border-radius: 4px;
color: #FFFFFF;
font-size: 24px;
background-color: #232323;
border: 1px solid #232323;
}
.btn.dark_grey:hover {
background-color: #181818;
border: 1px solid #181818;
}
/*end buttons*/
/*pricing*/
.pricing {
padding-top: 1em;
}
.pricing_boxes {
padding: 6em 0 2em 0;
}
.first_box {
margin-left: 11%;
}
.pricing p {
color: #8e8e8e;
}
.pricing .box {
background-color: #ffffff;
color: #545454;
border-radius: 4px;
width: 275px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.box.active {
background-color: #424242;
color: #FFFFFF;
}
.box.active .title {
background-color: #428bca;
}
.box .title {
background-color: #EAEAEA;
text-transform: uppercase;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-align: center;
padding-top: 15px;
padding-bottom: 5px;
font-size: 18px;
font-weight: bold;
}
.box .title p {
color: #545454;
font-size: 18px;
}
.box .title .m_price span {
font-size: 14px;
}
.box .title .m_price sup {
font-size: 158%;
}
.box .title .m_price span.s_price {
font-size: 50px;
}
.box .info {
padding-top: 1em;
}
.box .info .lockedText {
}
.box .info .row_block p {
padding: 0 2em;
margin-top: 0.7em;
font-size: 14px;
}
.box .info .row_block i {
color: #4B9FE8;
}
.box .info .row_block {
padding: .4em 0;
}
.box .info .row_block span:first-child {
font-weight: bold;
}
.box .info .row_block.lockedText span:first-child {
text-decoration: line-through;
color: #aaaaaa;
font-weight: normal;
}
.recommended {
width: 275px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #4B9FE8;
font-weight: normal;
padding: 5px 0px 5px 0px;
color: #ffffff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-top: -30px;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.recommended i {
margin: 0 .5em;
}
.pricing-page h1 {
padding-top: 40px;
padding-bottom: 5px;
font-size: 48px;
color: #232323;
}
.pricing-page p.lead {
color: #8e8e8e;
}
p.active-hourly {
color: #7EC135;
}
p.active-monthly {
color: #4B9FE8;
}
.db_pricing {
width: 77%;
margin: 0 auto;
padding: 4em 2em 4em 0em;
}
.db_pricing {
text-transform: uppercase;
}
.db_pricing .table tr td {
vertical-align: middle;
font-size: 13pt;
}
.db_pricing .table tr td sup {
color: #424242;
}
.db_pricing thead th {
color: #64982B;
}
.db_pricing th div {
background-color: #4B9FE8;
padding: .5em 1em;
width: 93%;
color: #ffffff;
text-align: center;
}
.db_pricing h1 {
text-transform: none;
text-align: left;
}
/**/
/*end pricing*/
/*plans*/
.plans h1 {
font-size: 44px;
color: #33383F;
padding-top: .7em;
}
.plans ul {
width: 60%;
margin: 5em 0 5em 20em;
}
.plans ul li {
float: left;
color: #454545;
width: 47%;
padding-left: 6%;
position: relative;
text-align: left;
margin-bottom: 27px;
font-size: 18px;
list-style: none;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.plans ul li:nth-child(1):before {
background-position: 0 0;
}
.plans ul li:nth-child(2):before {
background-position: 0 -32px;
}
.plans ul li:nth-child(3):before {
background-position: 0 -64px;
}
.plans ul li:nth-child(4):before {
background-position: 0 -128px;
}
.plans ul li:nth-child(5):before {
background-position: 0 -128px;
}
.plans ul li:nth-child(6):before {
background-position: 0 -160px;
}
.plans ul li:nth-child(2n+1) {
margin-right: 0;
}
.plans ul li:before {
width: 32px;
height: 32px;
background-size: 12px 16px;
content: "";
position: absolute;
left: 0;
top: -5px;
display: inline-block;
float: left;
background: url(../images/plan-icons.png) no-repeat;
opacity: .2;
}
/*end plans*/
/*faq*/
.faq-block, .info_block {
width: 85%;
margin-left: 15%;
margin-top: 45px;
}
.faq-block .row .col-sm-5, .info_block .row .col-sm-5 {
text-align: left;
}
.faq-block h6, .info_block h6 {
font-size: 19px;
}
.faq-block p, .info_block p {
font-size: 14px;
line-height: 1.5;
color: #747474;
}
.faq-block .ask p a {
font-size: 18px;
}
.faq-block .row, info_block .row {
margin-bottom: 40px;
}
.billing-faq, .info_section {
background: #ebeff0;
}
.billing-faq h2, .info_section h2 {
padding-top: 35px;
font-size: 44px;
color: #33383F;
}
.ask p {
margin-left: 13%;
margin-bottom: 0;
font-size: 18px;
}
.faq_section {
background: #ffffff;
}
.faq_section h1 {
margin: .5em 0.3em 1.5em;
}
.faq_section h2 {
color: #3686be;
margin: 0;
}
.faq_section h3 {
color: #454545;
}
.faq_section p {
font-size: 18px;
margin: 15px 0;
margin-bottom: 50px;
}
.faq_section .container {
padding: 0 6em;
}
.faq-nav {
border: 1px solid #F4F4F4;
background-color: #F7F7F7;
}
.faq-nav .fa {
padding-right: 1em;
}
ul.faq-nav li {
font-size: 16px;
margin: 0;
border-radius: 0px;
border-left: 0 none;
border-top: 0 none;
border-right: 0 none;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
border-bottom: 1px solid #F3F3F3;
}
ul.faq-nav li:last-child {
border-bottom: 0 none;
}
ul.faq-nav li.active a, ul.faq-nav li a:hover, ul.faq-nav li.active a:hover, ul.faq-nav li.active a:visited {
color: #3686BE;
margin: 0;
border: 0 none;
border-radius: 0px;
background-color: #ffffff;
}
ul.faq-nav li a {
color: #898989;
padding: 15px;
font-size: 16px;
}
ul.sub-faq-nav li {
border-radius: 0px;
}
ul.sub-faq-nav li:first-child {
border-top: 1px solid #dedede;
}
ul.sub-faq-nav li a {
text-indent: 20px;
}
.nav-wrapper {
float: right;
}
/*end faq*/
/*legal*/
.legal {
width: 56%;
}
.legal h2 {
color: rgb(51, 51, 51);
}
.legal_list {
color: #747474;
font-weight: 800;
font-size: 16px;
}
.legal_list ol {
}
.legal_list li {
font-weight: 400;
}
.legal_list > li {
padding: 10px 0px;
}
.legal_list p, .legal p {
color: #747474;
font-size: 16px;
}
.legal hr {
color: #eeeeee;
}
.sub-header {
margin: 0;
padding: 0;
background-color: #FFFFFF;
border-bottom: 1px solid #EEEEEE;
border-right: none;
}
.sub-header .menu-item {
padding: 20px;
text-align: center;
font-size: 16px;
text-transform: uppercase;
padding-bottom: 15px;
border-right: 1px solid #EEEEEE;
}
.sub-header .menu-item.last {
border-right: none;
}
.sub-header .menu-item a {
margin: 0;
padding: 0;
display: block;
}
.sub-header .container {
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
padding: 0;
}
.sub-header .menu-item:hover, .sub-header .menu-item.active {
border-bottom: 2px solid #7EC135;
padding-bottom: 14px;
}
.sub-header .menu-item a, .sub-header .menu-item a:hover {
color: #999999;
text-decoration: none;
font-size: 11pt;
}
/*end legal*/
/*technologies*/
.section_1 h1, .section_2 h1, .section_3 h1, .section_4 h1, .section_5 h1 {
font-size: 37px;
}
.section_3 p, .section_2 p, .section_5 p {
font-size: 17px;
margin-top: 2em;
}
.section_4 p {
margin-bottom: 2em;
}
.section_1 {
background-color: #ffffff;
padding: 4em 0;
}
.section_1 h1 {
margin-bottom: 1.5em;
color: #409855;
}
.section_1 p {
color: #989898;
font-size: 18px;
padding: 4em 12em;
}
.section_1 img {
width: 59%;
}
.section_4, .section_2 {
position: relative;
}
.section_2, .section_4 {
background: #ebeff0;
padding: 7em 0;
}
.section_2 h1, .section_4 h1 {
margin-bottom: 1em;
}
.section_2 img, .section_4 img {
width: 55%;
}
.section_4 {
padding: 2em 0;
}
.section_3 img, .section_5 img {
width: 100%;
}
.section_3, .section_5 {
padding: 5em 0;
}
.section_5 p, .section_3 p {
margin-bottom: 3em;
}
/*end technologies*/
/*documentation*/
.document_section {
padding: 2% 25%;
background-color: #f4f4f4;
}
.document_section h1 {
margin-left: 0.1em;
}
.document_section p {
font-size: 17px;
margin: 1em 0.5em;
}
.doc_header {
margin: 0 auto;
width: 38%;
}
.doclist_section {
padding: 2% 23%;
}
.doclist_section ul {
width: 90%;
margin: 5em auto;
}
.doclist_section ul li {
list-style: none;
padding: 2em;
display: inline-block;
width: 30%;
vertical-align: top;
min-height: 18em;
cursor: pointer;
margin: 6px 5px 0 0;
}
.doclist_section ul li p {
font-size: 10pt;
margin: 3em 0 0 0;
}
.doclist_section ul li a:hover {
color: #566479;
text-decoration: none;
cursor: pointer;
}
.doclist_section ul li:nth-child(2n+1) {
background-color: #F5F5F5;
}
.doclist_section ul li:nth-child(2n+2) {
background-color: #F8F8F8;
}
.well {
margin: 3em 0;
padding: 4em;
}
.search_docs_item p a {
font-size: 24px;
}
.search_docs_item ul li:nth-child(2n+1) {
background-color: #F9F9F9;
border-left: 3px solid #699EB2;
}
.search_docs_item ul li:nth-child(2n+2) {
border-left: 3px solid #dedede;
background-color: #FDFDFD;
}
.doclist_section ul li:nth-child(2n+1):hover, .doclist_section ul li:nth-child(2n+2):hover {
background-color: #EBEBEB;
}
.doclist_section ul li a {
color: #6898C7;
font-size: 21px;
letter-spacing: 1px;
}
.search_docs_block {
width: 70%;
margin: 0 auto;
text-align: center;
}
.search_docs_item ul li {
display: block;
width: 93%;
min-height: 1em;
}
/*end documentation*/
/*contact us*/
.contact_section h1 {
font-weight: 100;
margin-bottom: 1em;
color: #33383F;
}
.contact_section p {
font-weight: 100;
font-size: 19px;
margin: 0 2em 2em 2em;
}
.contact_section a {
text-decoration: none;
}
.contact_section .fa, .contact_section a h3 {
color: #545454;
}
.contact_section a .fa:hover, .contact_section a h3:hover {
color: #03698F;
-webkit-transition: 0.2s color;
transition: 0.2s color;
}
.contact_section .fa {
font-size: 30pt;
}
form.contact_form {
margin: 0;
padding: 6px 1% 9px 1%;
text-align: left;
}
.contact_form input, .contact_form textarea {
width: 100%;
padding: 1em;
margin: 0 0 2em 0;
border: 1px solid #b5b5b5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
form.contact_form ul li {
list-style: none;
padding: 1em;
}
.contact_form ul li:first-child {
padding-right: 1em;
}
.contact_form ul li label {
color: #444444;
font-weight: 100;
font-size: 11pt;
}
.contact_form li.half {
width: 50%;
float: left;
}
.contact_form li.wide {
width: auto;
}
.contact_section .btn.light_gray.wide {
margin-bottom: 4.5em;
}
.red {
color: #EB5959;
}
/*end contact us*/
/*nav comunity*/
nav#community-nav {
background-color: #232323;
min-height: 85px;
}
nav#community-nav button[data-toggle] {
background-color: #EEEEEE;
margin-top: 20px;
}
nav#community-nav .icon-bar {
color: #232323;
background-color: #232323;
}
nav#community-nav #logo img {
height: 60px;
margin: 0;
padding: 0;
margin-top: -5px;
}
nav#community-nav .navbar-nav {
margin-left: 40px;
padding: 15px 0;
}
nav#community-nav .navbar-nav li {
padding: 15px;
}
nav#community-nav .navbar-nav a {
color: #FFFFFF;
font-size: 16px;
text-transform: uppercase;
letter-spacing: .8px;
padding: 0;
padding-bottom: 4px;
}
nav#community-nav .navbar-nav a:hover {
background-color: transparent;
border-bottom: 1px dotted #FFFFFF;
padding-bottom: 3px;
}
nav#community-nav .navbar-form {
padding: 15px;
}
nav#community-nav .navbar-form input {
border-radius: 0;
}
nav#community-nav .navbar-form .input-group-btn .btn {
border-radius: 0;
}
/*end nav comunity*/
/*action icon*/
.action-icon {
background-color: #FFFFFF;
width: 75px;
height: 75px;
display: block;
border-radius: 51%;
cursor: pointer;
float: left;
font-size: 30px;
}
.action-icon.blue {
background-color: #327CCB;
color: #FFFFFF;
}
.action-icon.red {
background-color: #EC3C2A;
color: #FFFFFF;
}
.action-icon.green {
background-color: #3CAB6F;
color: #FFFFFF;
}
.action-icon.orange {
background-color: #FF9900;
color: #FFFFFF;
}
.action-icon .glyphicon {
margin: 23px;
}
.action-icon:hover {
background-color: #424242;
}
.action-icon:hover .glyphicon {
color: #FFFFFF;
}
.action-container {
display: block;
margin: 20px 0;
}
.action-container .title {
display: block;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
padding-top: 0;
margin-left: 100px;
}
.action-container .description {
display: block;
margin-left: 100px;
}
/*end action icon*/
form.signup-form {
margin-top: 40px;
}
.customer-img img {
display: block;
margin: auto;
}
.questions h5 {
text-align: left !important;
font-weight: bold;
margin-top: 30px;
}
.questions p {
margin: 15px 0;
text-align: justify;
}
/*Footer*/
.footer_logo {
background-color: #313131;
padding: 3em 0;
}
.footer_logo .container {
text-align: center;
}
footer a.GearHost-icon img {
margin-bottom: 20px;
width: 132px;
}
footer p {
color: #a0a0a0;
margin-bottom: 5px;
font-size: 12px;
}
footer a {
font-size: 15px;
color: #b8b8b8;
font-weight: bold;
}
footer a:visited, footer a:active, footer a:focus {
font-size: 15px;
}
footer h6, footer h5 {
color: #FFFFFF;
font-size: 16px;
padding-bottom: 5px;
font-weight: bold;
}
footer h5 {
padding-bottom: 30px;
}
footer a:hover {
text-decoration: none;
color: #8EBDE5;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
footer .bottom-menu, footer .bottom-menu-inverse {
padding: 5em 0 0 9em;
}
footer .social-icons {
float: right;
margin-top: -5px;
line-height: 5px;
}
footer .social-icons ul {
padding: 0;
}
footer .social-icons ul li {
list-style-type: none;
padding: 10px 0;
}
footer .social-icons span.socialtext {
display: inline-block;
vertical-align: middle;
margin-bottom: -9px;
}
footer .bottom-icons {
line-height: 1;
}
footer a.footer-more-link {
font-size: 12px;
padding-right: 10px;
padding-left: 10px;
}
footer a.footer-more-link-gearhost {
font-size: 12px;
}
footer .footer_second i {
vertical-align: baseline;
margin-right: 4px;
color: #ffffff;
}
/*end footer*/
/*Referral program*/
.referral_block_1 {
padding: 3em 14em;
}
.referral_block_1 p {
margin: 2em 1em;
}
.referral_block_2 {
width: 90%;
padding: 3em 0;
}
.circle_block .circle p {
font-size: 21px;
margin-top: 8px;
}
.circle_block {
width: 60%;
margin: 6em auto 1em;
}
.circle i {
font-size: 39pt;
color: #7EC135;
}
.circle {
width: 27%;
float: left;
margin: 0 2em;
}
.circle:after {
content: "";
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
background: #f1f1f1;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border-top: 6px solid #DDDDDD;
-moz-border-top: 6px solid #DDDDDD;
-webkit-border-top: 6px solid #DDDDDD;
}
.circle div {
float: left;
width: 100%;
padding: 22% 2em 0 2em;
line-height: 2em;
margin-top: -0.5em;
text-align: center;
color: white;
}
.referral_block_2 a.ref_link {
color: #ADADAD;
}
.referral_block_2 a.ref_link:hover {
color: #949494;
text-decoration: none;
border-bottom: 1px dotted #ADADAD;
cursor: pointer;
}
.referral_block_3 {
text-align: center;
}
.referral_block_3 a.ref_link {
font-weight: bold;
color: #ffffff;
letter-spacing: 2px;
}
.referral_block_3 a.ref_link:hover {
text-decoration: none;
border-bottom: 1px dotted #ffffff;
}
/*End Referral program*/
div#privacy a {
font-size: 14px;
font-weight: 100;
}
#copyright {
color: #6c6c6c;
padding-bottom: 10px;
}
/* styles for validation helpers */
.field-validation-error {
color: #e80c4d;
font-weight: bold;
}
.field-validation-valid {
display: none;
}
input.input-validation-error {
border: 1px solid #e80c4d;
}
input[type="checkbox"].input-validation-error {
border: 0 none;
}
.validation-summary-errors {
color: #e80c4d;
font-weight: bold;
font-size: 1.1em;
}
.validation-summary-valid {
display: none;
}
.pricing-chart {
padding-bottom: 30px;
}
.pricing-chart .pricing-plan {
border-top: 5px solid #565656;
margin-bottom: 30px;
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
background-color: #FCFCFC;
margin-top: 40px;
}
.pricing-chart .pricing-plan:last-child {
border-right: 1px solid #DDDDDD;
}
.pricing-chart .pricing-plan.best-value {
margin-top: 0;
background-color: #FFFFFF;
padding-top: 30px 0;
border: 1px solid #DDDDDD;
border-top: 5px solid #f6881f;
}
.pricing-plan.border-left-none {
border-left: none;
}
.pricing-plan .price {
margin: 20px auto;
margin-bottom: 30px;
font-size: 30px;
text-align: center;
}
.pricing-plan .price .amount {
font-size: 50px;
}
.pricing-plan ul li {
list-style-type: none;
color: #AAAAAA;
font-size: 16px;
letter-spacing: 0.6px;
margin: 15px;
}
.pricing-plan.best-value ul li {
margin: 22px 0;
font-size: 20px;
}
.pricing-plan ul li strong {
color: #424242;
}
.pricing-plan .plan-name {
font-size: 40px;
text-align: center;
padding: 15px 0;
}
.pricing-plan ul li span {
margin-left: 2px;
}
.price-button {
text-align: center;
margin: 15px 0;
}
.best-value .price-button.btn-primary {
margin-top: 60px;
background-color: #f6881f;
border: 1px solid #f6881f;
}
.best-value .price-button.btn-primary:hover {
background-color: #333333;
border: 1px solid #121212;
}
.section .summary {
font-size: 18px;
margin: 15px 0;
margin-bottom: 25px;
}
.large-svg img {
width: 45%;
margin-left: 120px;
}
.feature-list {
margin-top: 45px;
}
.feature-item h5 {
font-size: 20px;
text-align: left !important;
margin-left: 38px;
font-weight: bold;
}
.feature-item h5.icon:before {
font-size: 20px;
color: #465A6D;
position: relative;
top: 1px;
left: -10px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
}
.feature-item h5.icon.dashboard:before {
content: "\e141";
}
.feature-item h5.icon.harddrive:before {
content: "\e121";
}
.feature-item h5.icon.bandwidth:before {
content: "\e104";
}
.feature-item h5.icon.server:before {
content: "\e012";
}
.feature-item h5.icon.controlpanel:before {
content: "\e019";
}
.feature-item h5.icon.hardware:before {
content: "\e137";
}
.feature-item h5.icon.virtual:before {
content: "\e143";
}
.feature-item h5.icon.netphp:before {
content: "\e032";
}
.feature-item h5.icon.database:before {
content: "\e012";
}
.feature-item h5.icon.oneclick:before {
content: "\e025";
}
.feature-item h5.icon.scalable:before {
content: "\e140";
}
.feature-item h5.icon.hardband:before {
content: "\e162";
}
.feature-item .feature-summary {
padding: 30px;
padding-top: 10px;
font-size: 15px;
}
.one-click-install {
margin: 15px 25px;
}
.one-click-install .application {
width: 120px;
margin: auto;
text-align: center;
background-color: #DDDDDD;
padding: 30px;
border-radius: 51%;
}
.one-click-install .application img {
width: 60px;
margin: auto;
text-align: center;
}
h2.application-name {
font-size: 24px;
font-weight: bold;
letter-spacing: 0.8px;
}
.one-click-install p {
text-align: center;
padding: 30px 35px;
}
img.dnn, img.joomla {
padding-left: 5px;
}
.media-video {
padding: 60px;
}
.media-video img {
display: block;
width: 100%;
margin: auto;
border: 4px solid #DDDDDD;
border-radius: 4px;
}
.tutorial h4 {
font-weight: bold;
}
.tutorial .summary {
font-size: 16px;
padding: 0 20px;
}
.community-feature .title {
margin: 10px;
font-size: 24px;
font-weight: bold;
}
.feature-icon {
text-align: center;
display: block;
margin: auto;
background-color: #DDDDDD;
width: 150px;
height: 150px;
border-radius: 51%;
}
.feature-icon .glyphicon {
font-size: 75px;
margin-top: 40px;
color: #FFFFFF;
}
.feature-icon.blue {
background-color: #11a7db;
}
.feature-icon.red {
background-color: #EC3C2A;
}
.feature-icon.green {
background-color: #3CAB6F;
}
.community-feature .summary {
padding: 0 30px;
text-align: center;
}
ul.community-pills li a {
font-weight: bold;
text-transform: uppercase;
color: #ABABAB;
}
ul.community-pills li.active a {
background-color: #565656;
}
ul.community-pills li strong {
text-transform: uppercase;
padding: 12px 20px;
display: block;
}
hr.thick {
height: 4px;
color: #ed1d61;
background: #EEEEEE;
font-size: 0;
margin-bottom: 0;
}
ul.community-item-list {
padding: 0;
margin: 0;
}
ul.community-item-list li {
list-style-type: none;
padding: 0;
color: #424242;
padding-top: 35px;
padding-bottom: 35px;
border-bottom: 2px solid #EEEEEE;
}
ul.community-item-list li a {
color: #424242;
}
ul.community-item-list li h3 {
text-align: left;
text-indent: 20px;
margin: 0;
margin-bottom: 10px;
}
ul.community-item-list .meta-items {
margin-left: 20px;
}
ul.community-item-list .meta-items span {
font-style: italic;
color: #BEBEBE;
}
ul.community-item-list .meta-item span.icon {
font-size: 14px;
color: #BEBEBE;
}
.q-item .asterisk:before {
content: "\2a";
font-size: 5px;
position: relative;
top: -1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
margin: 0 5px;
}
span.tags {
margin-left: 6px;
}
.tags a.tag {
color: #787878;
padding: 0 3px;
}
ul.community-pag {
margin: 30px 20px;
}
ul.community-pag li a {
margin: 0 10px !important;
border-radius: 4px;
padding: 10px 18px;
background-color: #EFEFEF;
color: #BEBEBE;
border: none;
font-weight: bold;
}
ul.community-pag li a:hover {
color: #565656;
}
ul.community-pag li.active a {
background-color: #11a7db;
}
ul.community-pag li.active a:hover {
background-color: #0f90bd;
}
.hide {
display: none;
}
ul.feature-set {
padding: 0;
margin: 0;
}
ul.feature-set li {
list-style-type: none;
padding: 5px;
font-size: 16px;
font-weight: bold;
text-indent: 10px;
}
div.text-center {
text-align: center;
}
a[data-behavior=toggle-switch], a[data-behavior=toggle-switch-os] {
display: inline-block;
margin-bottom: 25px;
}
span.toggle-switch {
height: 46px;
width: 105px;
background-color: #E58824;
border-radius: 23px;
padding: 5px;
margin-top: 30px;
display: inline-block;
}
span.toggle-switch.right {
background-color: #424242;
display: inline-block;
}
span.toggle-switch span.toggler {
height: 36px;
width: 36px;
background-color: #FFFFFF;
border-radius: 18px;
display: inline-block;
}
.toggle-lable {
font-size: 16px;
display: inline-block;
font-weight: bold;
margin: 0 20px;
position: relative;
top: -15px;
}
.toggle-lable.off {
color: #ABABAB;
}
img.neg-marg-top-10 {
margin-top: -15px;
}
.btn-get-started {
line-height: 50px;
}
/*on/off*/
.onoffswitch_text {
width: 26%;
margin: 0 auto;
position: relative;
top: 2.8em;
}
.onoffswitch_text p:first-child {
float: left;
}
.onoffswitch_text p {
float: right;
width: 38%;
cursor: pointer;
}
.onoffswitch {
position: relative;
width: 80px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
margin: 0 auto;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border-radius: 20px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s;
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 30px;
padding: 0;
line-height: 30px;
font-size: 14px;
color: white;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: " ";
padding-left: 0px;
background-color: #7EC135;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: " ";
padding-right: 21px;
background-color: #4B9FE8;
color: #FFFFFF;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 23px;
margin: 4px;
background: #FFFFFF;
border-radius: 22px;
position: absolute;
top: 0;
bottom: 0;
right: 47px;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
/*end on/off*/
/*christopher stylin*/
.cloudsitesoverviewimg {
margin-top: 39px;
}
.price-block {
background-color: #f4f4f4;
color: #6f6f6f;
min-height: 423px;
}
.reduce-gutter {
padding-left: 2px;
padding-right: 2px;
}
.price-block .plan {
background-color: #00aeef;
color: #fff;
text-align: center;
padding: 13px 0;
font-size: 24px;
font-weight: 300;
}
.price-block .action .btn {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.price-block .action {
padding: 0 20px 20px 20px;
padding-top: 115px;
background: #f4f4f4;
}
.price-block .details {
text-align: center;
list-style: none;
padding: 0 20px 20px 20px;
margin-bottom: 10px;
}
.price-block .monthly {
text-align: center;
margin-top: 0;
margin-bottom: 30px;
color: #8e8e8e;
font-size: 32px;
font-weight: 300;
}
.price-block .hourly {
text-align: center;
margin-bottom: 0;
font-size: 70px;
letter-spacing: -2px;
color: #414141;
}
.plan-key {
margin: none;
padding-left: 4px;
padding-right: 4px;
white-space: nowrap;
text-align: left;
}
.plan-value {
text-align: right;
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active {
color: #fff;
background-color: #35a56b;
outline: 0;
}
price-block .action .btn {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.row-content {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 60px;
}
.pricing-view {
min-height: 470px;
margin-bottom: 0;
max-width: 90%;
margin-left: 5%;
margin-top: 35px;
}
.btn-action {
color: #fff !important;
text-decoration: none;
background-color: #3bb878;
}
div.search {
margin-bottom: -50px;
margin-right: -30px;
}
.search.grey {
background-color: #EEF1F2;
}
#scale-your-sites img {
margin-top: -20px;
}
#scale-your-sites p {
margin-top: -0px;
}
#scale-your-sites h3 {
margin-top: -2px;
}
.bigheader {
font-size: 48px;
}
/*
adding 5ths form sub menus
*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
.disqussWrap {
width: 900px;
margin: auto;
}
/*media*/
@media only screen and (max-width: 1841px) {
header {
padding: 2.1em 30em;
}
.document_section, .doclist_section {
padding: 4% 20%;
}
}
@media only screen and (max-width: 1792px) {
header {
padding: 2.1em 27em;
}
}
@media only screen and (max-width: 1625px) {
.circle_block {
width: 70%;
}
}
@media only screen and (max-width: 1690px) {
header {
padding: 2.1em 22.6em;
}
.document_section, .doclist_section {
padding: 4% 19%;
}
}
@media only screen and (max-width: 1580px) {
header {
padding: 2.1em 19em;
}
.document_section, .doclist_section {
padding: 4% 17%;
}
}
@media only screen and (max-width: 1484px) {
header {
padding: 2.1em 16em;
}
.legal {
width: 84%;
}
.document_section, .doclist_section {
padding: 4% 13%;
}
.circle_block {
width: 85%;
}
}
@media only screen and (max-width: 1401px) {
header {
padding: 2.1em 13em;
}
}
@media only screen and (max-width: 1317px) {
header {
padding: 2.1em 9em;
}
}
@media only screen and (max-width: 1213px) {
.onoffswitch_text {
width: 43%;
}
.document_section, .doclist_section {
padding: 3% 0% 3% 8%;
}
.searchDocWrap .searchDoc {
width: 84%;
margin-left: 0.1em;
}
.pricing .box, .recommended {
width: 238px;
}
.doclist_section ul li {
min-height: 22em;
}
.search_docs_item ul li {
min-height: 1em;
}
.nav-wrapper {
width: 31%;
}
}
@media only screen and (max-width: 1205px) {
header {
padding: 2.1em 7em;
}
}
@media only screen and (max-width: 1148px) {
header {
padding: 2.1em 6em;
}
}
@media only screen and (max-width: 1121px) {
header {
padding: 2.1em 4em;
}
}
@media only screen and (max-width: 1127px) {
.circle_block {
width: 100%;
}
.pricing .box, .recommended {
width: 237px;
}
.box .info .row_block p {
padding: 0 1em;
}
form.contact_form ul {
padding-left: 0px;
}
.plans ul {
margin: 5em 0 5em 15em;
}
.document_section, .doclist_section {
padding: 3% 0% 3% 0%;
}
}
@media only screen and (max-width: 1065px) {
header {
padding: 2.1em 2em;
}
}
@media only screen and (max-width: 1009px) {
header {
padding: 2.1em 1em;
}
}
@media only screen and (max-width: 991px) {
header {
padding: 2.1em 5em;
}
.faq_section .container {
padding: 0 1em;
}
.nav-wrapper {
float: none;
width: 100%;
}
.doc_header {
width: 100%;
text-align:center;
}
.doclist_section p {
margin:1em 0em 0em 1em;
}
.plans ul {
width: 89%;
margin: 5em 0 5em 5em;
}
.section_3 .btn.green.signup, .section_3 .btn.blue.signup {
margin-bottom: 1em;
}
.half_section, .document_section {
text-align: center;
}
.half_section .half_img_res {
display: block;
width: 40%;
margin: 0 auto;
}
.half_section .half_img {
width: 55%;
margin: 0 auto;
float:none !important;
}
.half_section .half_img_big {
display: none;
}
.gray_res {
background-color: #f4f4f4;
}
.half_section p {
padding: 1em 9em 2em;
}
.document_section p {
margin: 1em 9em;
}
.pricing .box, .recommended {
width: 300px;
}
.pricing .box {
margin-bottom: 4em;
}
.first_box {
margin-left: 0%;
}
.ask p {
margin-left: 0%;
}
#bar {
width: 84px;
}
nav.nav ul li {
padding-left: 1em;
}
#main-nav .nav-primary, #main-nav .nav-secondary {
margin: 0 2% 3% 2%;
}
.searchDocWrap .searchDoc {
width: 85%;
margin: 3% auto;
}
.front_block {
margin: 5em 0em;
}
.front_block {
margin: 5em -5em;
}
.doclist_section ul li {
width: 49%;
min-height: 19em;
}
.search_docs_item ul li {
width: 100%;
min-height: 1em;
}
.referral_block_1 {
padding: 3em 5em;
}
}
@media only screen and (max-width: 974px) {
.circle {
width: 33%;
float: none;
margin: 1em auto;
}
.disqussWrap {
width: 99%;
margin: auto;
}
}
@media only screen and (max-width: 959px) {
header {
padding: 2.1em 3em;
}
}
@media only screen and (max-width: 910px) {
.front_block {
margin: 5em 0em;
}
nav.navbar-default .navbar-nav > li > a {
margin-bottom: 1em;
padding: 1.2em 0em;
}
}
@media only screen and (max-width: 875px) {
nav.navbar-default .navbar-nav > li > a {
margin-bottom: 1em;
padding: 1.2em 0em;
}
.referral_block_1 {
padding: 3em 3em 0em 3em;
}
}
.blog-wrapper {
width: 750px;
}
.blog-wrapper .summary {
width: 750px;
}
.blog-markdown {
width: 780px;
padding-top: 0px;
}
@media only screen and (max-width: 890px) {
header {
padding: 2.1em 2em;
}
}
@media only screen and (max-width: 862px) {
header {
padding: 2.1em 1em;
}
}
@media only screen and (max-width: 838px) {
.blog-wrapper {
width: 90%;
}
.blog-wrapper .summary, .blog-markdown {
width: 98%;
}
.circle {
width: 45%;
}
.nav > li > a {
padding: 5px 17px;
}
nav.nav ul li {
padding-left: 0;
}
nav.navbar-default .navbar-nav > li > a {
margin-bottom: 1em;
padding: 1.2em 0.4em;
}
.navbar-collapse {
padding-right: 15px;
}
.wa-section.wa-section-contribute .wa-content {
padding-left: 107px;
width: 86%;
}
footer .bottom-menu, footer .bottom-menu-inverse {
padding: 5em 0 0 3em;
}
}
@media only screen and (max-width: 811px) {
header {
padding: 2.1em 0em;
}
}
@media only screen and (max-width: 770px) {
.doc_header {
margin: 1em auto 0;
width: 73%;
}
.circle {
width: 65%;
}
.wrapper {
margin: 0 auto -650px;
}
footer, .push {
height: 650px;
}
footer .social-icons {
float: none;
}
footer h6 {
padding-top: 8px;
}
.form-inline {
padding: 0;
}
/*footer*/
.bottom-menu-inverse .half {
width: 32%;
float: left;
}
}
@media only screen and (max-width: 767px) {
.doclist_section ul li {
width: 100%;
}
nav.navbar-default .navbar-nav li a {
color: #ffffff;
text-transform: uppercase;
border: 0 none;
}
nav.navbar-default .navbar-nav li a:hover {
text-decoration: none;
color: #CACACA;
border: 0 none;
}
nav.nav ul li a.signup:hover {
color: #ffffff;
}
.half_section p {
padding: 0em 5em 1em;
}
.document_section p {
margin: 1em 5em;
}
.half_section .half_img {
width: 60%;
}
.faq-block, .info_block {
margin-left: 7%;
}
.ask p {
margin-left: 3%;
}
#bar {
width: 74px;
}
.front_block p {
border-bottom: 1px solid #dedede;
margin-bottom: 3em;
padding-bottom: 4em;
}
.front_block p.last {
margin-bottom: 0em;
padding-bottom: 0em;
border: 0 none;
}
.front_block {
margin: 0;
}
}
@media only screen and (max-width: 660px) {
.contact_section .btn.light_gray.wide {
margin-bottom: 1.5em;
padding: 1em 1em;
}
.onoffswitch_text {
width: 65%;
}
}
@media only screen and (max-width: 653px) {
.section_1 p {
padding: 3em 1em;
}
.form-inline input {
padding: 6% 5%;
width: 83%;
}
.btn {
margin: 0% 9% 0% 8%;
display: block;
white-space: inherit;
}
.btn.green, .btn.blue {
padding: 6% 5%;
font-size: 16pt;
}
.half_section p {
padding: 0em 3em 1em;
}
.document_section p {
margin: 1em 1em;
}
.half_section .half_img {
width: 80%;
}
.pricing .box {
padding-bottom: 1em;
}
.pricing p {
padding: 0em 1em;
}
.pricing_boxes {
padding: 2em 0;
}
.range_wrapper p, .range_wrapper h1 {
text-align: center;
}
.range_wrapper p {
padding-bottom: 1em;
}
.wa-section.wa-section-contribute .wa-content {
padding-left: 107px;
width: 100%;
}
.wa-section-contribute.wa-section {
padding: 10px 20px;
}
.plans ul {
width: 100%;
}
.searchDocWrap .searchDoc {
width: 96%;
margin-left: 2%;
}
.plans ul {
width: 92%;
margin: 5em 0 5em 2em;
}
.plans ul li {
padding-left: 8%;
}
.searchDoc span.btn.green, .searchDoc span.btn.blue {
display: table-cell;
padding: 24px 32px;
}
}
@media only screen and (max-width: 520px) {
footer .bottom-menu, footer .bottom-menu-inverse {
padding: 1em 0 0 1em;
}
.bottom-menu-inverse .half {
width: 50%;
}
.onoffswitch_text {
width: 99%;
}
.document_section h1 {
font-size: 37px;
}
.document_section {
padding: 0;
}
.half_section p {
padding: 0em 2em 1em;
}
.half_section .half_img {
width: 100%;
}
.half_section .half_img_res {
width: 70%;
}
#bar {
width: 67px;
}
.pricing .box, .recommended {
width: 224px;
}
.plans ul {
width: 85%;
margin: 0em;
padding: 2em 0 0 5em;
}
.plans ul li {
float: none;
padding-left: 19%;
width: 77%;
}
.searchDocWrap .searchDoc {
width: 88%;
margin-left: 0;
}
.searchDocWrap {
margin-left: 26px;
}
.input-group.searchDoc input {
font-size: 14px;
height: 5.5em;
}
}
/*Getting Started*/
@font-face {
font-family: octicons-anchor;
src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAYcAA0AAAAACjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABwAAAAca8vGTk9TLzIAAAFMAAAARAAAAFZG1VHVY21hcAAAAZAAAAA+AAABQgAP9AdjdnQgAAAB0AAAAAQAAAAEACICiGdhc3AAAAHUAAAACAAAAAj//wADZ2x5ZgAAAdwAAADRAAABEKyikaNoZWFkAAACsAAAAC0AAAA2AtXoA2hoZWEAAALgAAAAHAAAACQHngNFaG10eAAAAvwAAAAQAAAAEAwAACJsb2NhAAADDAAAAAoAAAAKALIAVG1heHAAAAMYAAAAHwAAACABEAB2bmFtZQAAAzgAAALBAAAFu3I9x/Nwb3N0AAAF/AAAAB0AAAAvaoFvbwAAAAEAAAAAzBdyYwAAAADP2IQvAAAAAM/bz7t4nGNgZGFgnMDAysDB1Ml0hoGBoR9CM75mMGLkYGBgYmBlZsAKAtJcUxgcPsR8iGF2+O/AEMPsznAYKMwIkgMA5REMOXicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+h5j//yEk/3KoSgZGNgYYk4GRCUgwMaACRoZhDwCs7QgGAAAAIgKIAAAAAf//AAJ4nHWMMQrCQBBF/0zWrCCIKUQsTDCL2EXMohYGSSmorScInsRGL2DOYJe0Ntp7BK+gJ1BxF1stZvjz/v8DRghQzEc4kIgKwiAppcA9LtzKLSkdNhKFY3HF4lK69ExKslx7Xa+vPRVS43G98vG1DnkDMIBUgFN0MDXflU8tbaZOUkXUH0+U27RoRpOIyCKjbMCVejwypzJJG4jIwb43rfl6wbwanocrJm9XFYfskuVC5K/TPyczNU7b84CXcbxks1Un6H6tLH9vf2LRnn8Ax7A5WQAAAHicY2BkYGAA4teL1+yI57f5ysDNwgAC529f0kOmWRiYVgEpDgYmEA8AUzEKsQAAAHicY2BkYGB2+O/AEMPCAAJAkpEBFbAAADgKAe0EAAAiAAAAAAQAAAAEAAAAAAAAKgAqACoAiAAAeJxjYGRgYGBhsGFgYgABEMkFhAwM/xn0QAIAD6YBhwB4nI1Ty07cMBS9QwKlQapQW3VXySvEqDCZGbGaHULiIQ1FKgjWMxknMfLEke2A+IJu+wntrt/QbVf9gG75jK577Lg8K1qQPCfnnnt8fX1NRC/pmjrk/zprC+8D7tBy9DHgBXoWfQ44Av8t4Bj4Z8CLtBL9CniJluPXASf0Lm4CXqFX8Q84dOLnMB17N4c7tBo1AS/Qi+hTwBH4rwHHwN8DXqQ30XXAS7QaLwSc0Gn8NuAVWou/gFmnjLrEaEh9GmDdDGgL3B4JsrRPDU2hTOiMSuJUIdKQQayiAth69r6akSSFqIJuA19TrzCIaY8sIoxyrNIrL//pw7A2iMygkX5vDj+G+kuoLdX4GlGK/8Lnlz6/h9MpmoO9rafrz7ILXEHHaAx95s9lsI7AHNMBWEZHULnfAXwG9/ZqdzLI08iuwRloXE8kfhXYAvE23+23DU3t626rbs8/8adv+9DWknsHp3E17oCf+Z48rvEQNZ78paYM38qfk3v/u3l3u3GXN2Dmvmvpf1Srwk3pB/VSsp512bA/GG5i2WJ7wu430yQ5K3nFGiOqgtmSB5pJVSizwaacmUZzZhXLlZTq8qGGFY2YcSkqbth6aW1tRmlaCFs2016m5qn36SbJrqosG4uMV4aP2PHBmB3tjtmgN2izkGQyLWprekbIntJFing32a5rKWCN/SdSoga45EJykyQ7asZvHQ8PTm6cslIpwyeyjbVltNikc2HTR7YKh9LBl9DADC0U/jLcBZDKrMhUBfQBvXRzLtFtjU9eNHKin0x5InTqb8lNpfKv1s1xHzTXRqgKzek/mb7nB8RZTCDhGEX3kK/8Q75AmUM/eLkfA+0Hi908Kx4eNsMgudg5GLdRD7a84npi+YxNr5i5KIbW5izXas7cHXIMAau1OueZhfj+cOcP3P8MNIWLyYOBuxL6DRylJ4cAAAB4nGNgYoAALjDJyIAOWMCiTIxMLDmZedkABtIBygAAAA==) format('woff');
}
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #333;
overflow: hidden;
font-size: 16px;
line-height: 1.6;
word-wrap: break-word;
}
.markdown-body a {
font-size: 16px;
background: transparent;
}
.markdown-body a:active,
.markdown-body a:hover {
outline: 0;
}
.markdown-body strong {
font-weight: bold;
}
.markdown-body h1 {
font-size: 2em;
margin: 0.67em 0;
}
.markdown-body img {
border: 0;
}
.markdown-body hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
.markdown-body pre {
overflow: auto;
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
font-family: monospace, monospace;
font-size: 1em;
}
.markdown-body input {
color: inherit;
font: inherit;
margin: 0;
}
.markdown-body html input[disabled] {
cursor: default;
}
.markdown-body input {
line-height: normal;
}
.markdown-body input[type="checkbox"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.markdown-body table {
border-collapse: collapse;
border-spacing: 0;
}
.markdown-body td,
.markdown-body th {
padding: 0;
}
.markdown-body * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.markdown-body input {
font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}
.markdown-body a {
color: #4183c4;
text-decoration: none;
}
.markdown-body a:hover,
.markdown-body a:focus,
.markdown-body a:active {
text-decoration: underline;
}
.markdown-body hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #ddd;
}
.markdown-body hr:before {
display: table;
content: "";
}
.markdown-body hr:after {
display: table;
clear: both;
content: "";
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 15px;
margin-bottom: 15px;
line-height: 1.1;
}
.markdown-body h1 {
font-size: 30px;
}
.markdown-body h2 {
font-size: 21px;
}
.markdown-body h3 {
font-size: 16px;
}
.markdown-body h4 {
font-size: 14px;
}
.markdown-body h5 {
font-size: 12px;
}
.markdown-body h6 {
font-size: 11px;
}
.markdown-body blockquote {
margin: 0;
}
.markdown-body ul,
.markdown-body ol {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.markdown-body ol ol,
.markdown-body ul ol {
list-style-type: lower-roman;
}
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
list-style-type: lower-alpha;
}
.markdown-body dd {
margin-left: 0;
}
.markdown-body code {
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.markdown-body kbd {
background-color: #e7e7e7;
background-image: -webkit-linear-gradient(#fefefe, #e7e7e7);
background-image: linear-gradient(#fefefe, #e7e7e7);
background-repeat: repeat-x;
border-radius: 2px;
border: 1px solid #cfcfcf;
color: #000;
padding: 3px 5px;
line-height: 10px;
font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
display: inline-block;
}
.markdown-body > *:first-child {
margin-top: 0 !important;
}
.markdown-body > *:last-child {
margin-bottom: 0 !important;
}
.markdown-body .anchor {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}
.markdown-body .anchor:focus {
outline: none;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
display: none;
color: #000;
vertical-align: middle;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
height: 1em;
padding-left: 8px;
margin-left: -30px;
line-height: 1;
text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
display: inline-block;
}
.markdown-body h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.markdown-body h2 {
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
.markdown-body h3 {
font-size: 1.5em;
line-height: 1.43;
}
.markdown-body h4 {
font-size: 1.25em;
}
.markdown-body h5 {
font-size: 1em;
}
.markdown-body h6 {
font-size: 1em;
color: #777;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
margin-top: 0;
margin-bottom: 16px;
}
.markdown-body hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
}
.markdown-body ul,
.markdown-body ol {
padding-left: 2em;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
.markdown-body li > p {
margin-top: 16px;
}
.markdown-body dl {
padding: 0;
}
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.markdown-body blockquote {
padding: 0 15px;
color: #777;
border-left: 4px solid #ddd;
}
.markdown-body blockquote > :first-child {
margin-top: 0;
}
.markdown-body blockquote > :last-child {
margin-bottom: 0;
}
.markdown-body table {
display: block;
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all;
}
.markdown-body table th {
font-weight: bold;
}
.markdown-body table th,
.markdown-body table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
.markdown-body table tr {
background-color: #fff;
border-top: 1px solid #ccc;
}
.markdown-body table tr:nth-child(2n) {
background-color: #f8f8f8;
}
.markdown-body img {
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.markdown-body code {
padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(0,0,0,0.04);
border-radius: 3px;
}
.markdown-body code:before,
.markdown-body code:after {
letter-spacing: -0.2em;
content: "\00a0";
}
.markdown-body pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.markdown-body .highlight {
margin-bottom: 16px;
}
.markdown-body .highlight pre,
.markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown-body pre {
word-wrap: normal;
}
.markdown-body pre code {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.markdown-body pre code:before,
.markdown-body pre code:after {
content: normal;
}
.markdown-body .highlight {
background: #fff;
}
.markdown-body .highlight .mf,
.markdown-body .highlight .mh,
.markdown-body .highlight .mi,
.markdown-body .highlight .mo,
.markdown-body .highlight .il,
.markdown-body .highlight .m {
color: #945277;
}
.markdown-body .highlight .s,
.markdown-body .highlight .sb,
.markdown-body .highlight .sc,
.markdown-body .highlight .sd,
.markdown-body .highlight .s2,
.markdown-body .highlight .se,
.markdown-body .highlight .sh,
.markdown-body .highlight .si,
.markdown-body .highlight .sx,
.markdown-body .highlight .s1 {
color: #df5000;
}
.markdown-body .highlight .kc,
.markdown-body .highlight .kd,
.markdown-body .highlight .kn,
.markdown-body .highlight .kp,
.markdown-body .highlight .kr,
.markdown-body .highlight .kt,
.markdown-body .highlight .k,
.markdown-body .highlight .o {
font-weight: bold;
}
.markdown-body .highlight .kt {
color: #458;
}
.markdown-body .highlight .c,
.markdown-body .highlight .cm,
.markdown-body .highlight .c1 {
color: #998;
font-style: italic;
}
.markdown-body .highlight .cp,
.markdown-body .highlight .cs {
color: #999;
font-weight: bold;
}
.markdown-body .highlight .cs {
font-style: italic;
}
.markdown-body .highlight .n {
color: #333;
}
.markdown-body .highlight .na,
.markdown-body .highlight .nv,
.markdown-body .highlight .vc,
.markdown-body .highlight .vg,
.markdown-body .highlight .vi {
color: #008080;
}
.markdown-body .highlight .nb {
color: #0086B3;
}
.markdown-body .highlight .nc {
color: #458;
font-weight: bold;
}
.markdown-body .highlight .no {
color: #094e99;
}
.markdown-body .highlight .ni {
color: #800080;
}
.markdown-body .highlight .ne {
color: #990000;
font-weight: bold;
}
.markdown-body .highlight .nf {
color: #945277;
font-weight: bold;
}
.markdown-body .highlight .nn {
color: #555;
}
.markdown-body .highlight .nt {
color: #000080;
}
.markdown-body .highlight .err {
color: #a61717;
background-color: #e3d2d2;
}
.markdown-body .highlight .gd {
color: #000;
background-color: #fdd;
}
.markdown-body .highlight .gd .x {
color: #000;
background-color: #faa;
}
.markdown-body .highlight .ge {
font-style: italic;
}
.markdown-body .highlight .gr {
color: #aa0000;
}
.markdown-body .highlight .gh {
color: #999;
}
.markdown-body .highlight .gi {
color: #000;
background-color: #dfd;
}
.markdown-body .highlight .gi .x {
color: #000;
background-color: #afa;
}
.markdown-body .highlight .go {
color: #888;
}
.markdown-body .highlight .gp {
color: #555;
}
.markdown-body .highlight .gs {
font-weight: bold;
}
.markdown-body .highlight .gu {
color: #800080;
font-weight: bold;
}
.markdown-body .highlight .gt {
color: #aa0000;
}
.markdown-body .highlight .ow {
font-weight: bold;
}
.markdown-body .highlight .w {
color: #bbb;
}
.markdown-body .highlight .sr {
color: #017936;
}
.markdown-body .highlight .ss {
color: #8b467f;
}
.markdown-body .highlight .bp {
color: #999;
}
.markdown-body .highlight .gc {
color: #999;
background-color: #EAF2F5;
}
.markdown-body .octicon {
font: normal normal 16px octicons-anchor;
line-height: 1;
display: inline-block;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.markdown-body .octicon-link:before {
content: '\f05c';
}
.markdown-body .task-list-item {
list-style-type: none;
}
.markdown-body .task-list-item + .task-list-item {
margin-top: 3px;
}
.markdown-body .task-list-item input {
float: left;
margin: 0.3em 0 0.25em -1.6em;
vertical-align: middle;
}
.markdown-body p {
color: #000;
font-size: 16px;
line-height: 1.6;
}
.markdown-body h2 {
color: #000;
}
.markdown-body {
min-width: 200px;
max-width: 900px;
margin: 0 auto;
padding: 30px;
}
/*End Getting Started*/
/*Documentation*/
.wa-section {
background-color: transparent;
display: block;
min-height: 0;
overflow: hidden;
padding: 50px 90px;
position: relative;
}
.wa-section p {
color: #505050;
font-size: 16px;
}
.wa-section p a {
font-size: 16px;
color: #4183c4;
}
.wa-section-contribute {
background-color: #eee;
padding-top: 30px;
padding-bottom: 30px;
}
.wa-section-contribute .wa-content {
min-height: 60px;
background-image: url(/Content/images/octocat-small.png);
background-position: 0 1px;
background-repeat: no-repeat;
padding-left: 80px;
width: 51%;
margin: auto;
}
.contact_form .field-validation-error {
position: relative;
top: -2em;
}
.searchDoc {
width: 83%;
left: 0.1em;
top: 1em;
}
.searchDoc input {
font-size: 20px;
line-height: 25px;
height: 4em;
padding: 6px 11px 6px 24px;
}
.searchDoc span {
cursor: pointer;
}
.searchDoc span.btn.green {
border: 0 none;
}
/*End Documentation*/
/*BLOG*/
.blog-wrapper {
margin: 0 auto;
text-align: left;
}
.blog-wrapper .row {
margin-bottom: 2em;
}
.blog-wrapper a {
color: #000;
}
.blog-wrapper a:hover, .blog-wrapper a:focus, .blog-wrapper a:active {
text-decoration: none;
color: #BB585B;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.blog-wrapper .summary a {
font-size: 19px;
}
.dsq-comment-header {
white-space: normal !important;
}
.summary a i {
margin-right: 0.4em;
vertical-align: middle;
}
.article-metadata a, .blog-wrapper .summary a, .article-metadata i {
color: #4B9FE8;
}
.blog-wrapper p a:hover, .blog-wrapper p a:focus, .blog-wrapper p a:active, .blog-wrapper .summary a:hover, .blog-wrapper .summary a:focus, .blog-wrapper .summary a:active {
border-bottom: none;
text-decoration: none;
color: #BB585B;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.blog-wrapper h2 a {
border: 0 none;
font-size: 30px;
font-weight: 800;
}
.blog-wrapper p {
line-height: 1.5em;
margin-bottom: 20px;
font-size: 15pt;
}
.blog-wrapper .article-metadata, .blog-markdown .article-metadata {
color: #939393;
font-size: 16px;
}
.blog-wrapper .article-metadata a, .blog-markdown .article-metadata a {
text-decoration: none;
text-transform: lowercase;
font-size: 16px;
}
.blog-wrapper .summary p {
color: #545454;
}
.blog-wrapper .post-img {
margin: 3px 0 23px 0;
}
.blog-wrapper img {
max-width: 100%;
height: auto;
}
#postHeader {
margin-top: 0;
margin-bottom: 0;
border: 0;
}
#postHeader a {
border: 0 none;
font-size: 30px;
color: #000;
text-decoration: none;
font-weight: 800;
}
/*End BLOG*/
/*BLOG md ==> html*/
.blog-markdown {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #2d2d2d;
overflow: hidden;
font-size: 15pt;
line-height: 1.5em;
word-wrap: break-word;
}
.blog-markdown a {
font-size: 15pt;
background: transparent;
}
.blog-markdown a:active,
.blog-markdown a:hover {
outline: 0;
}
.blog-markdown strong {
font-weight: bold;
}
.blog-markdown h1 {
font-size: 2em;
margin: 0.67em 0;
}
.blog-markdown img {
border: 0;
}
.blog-markdown hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
.blog-markdown pre {
overflow: auto;
}
.blog-markdown code,
.blog-markdown kbd,
.blog-markdown pre {
font-family: monospace, monospace;
font-size: 1em;
}
.blog-markdown input {
color: inherit;
font: inherit;
margin: 0;
}
.blog-markdown html input[disabled] {
cursor: default;
}
.blog-markdown input {
line-height: normal;
}
.blog-markdown input[type="checkbox"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.blog-markdown table {
border-collapse: collapse;
border-spacing: 0;
}
.blog-markdown td,
.blog-markdown th {
padding: 0;
}
.blog-markdown * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-markdown input {
font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}
.blog-markdown a {
color: #4183c4;
text-decoration: none;
}
.blog-markdown a:hover,
.blog-markdown a:focus,
.blog-markdown a:active {
text-decoration: underline;
}
.blog-markdown hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #ddd;
}
.blog-markdown hr:before {
display: table;
content: "";
}
.blog-markdown hr:after {
display: table;
clear: both;
content: "";
}
.blog-markdown h1,
.blog-markdown h2,
.blog-markdown h3,
.blog-markdown h4,
.blog-markdown h5,
.blog-markdown h6 {
margin-top: 15px;
margin-bottom: 15px;
line-height: 1.1;
}
.blog-markdown h1 {
font-size: 30px;
}
.blog-markdown h2 {
font-size: 21px;
}
.blog-markdown h3 {
font-size: 16px;
}
.blog-markdown h4 {
font-size: 14px;
}
.blog-markdown h5 {
font-size: 12px;
}
.blog-markdown h6 {
font-size: 11px;
}
.blog-markdown blockquote {
margin: 0;
}
.blog-markdown ul,
.blog-markdown ol {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.blog-markdown ol ol,
.blog-markdown ul ol {
list-style-type: lower-roman;
}
.blog-markdown ul ul ol,
.blog-markdown ul ol ol,
.blog-markdown ol ul ol,
.blog-markdown ol ol ol {
list-style-type: lower-alpha;
}
.blog-markdown dd {
margin-left: 0;
}
.blog-markdown code {
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.blog-markdown pre {
margin-top: 0;
margin-bottom: 0;
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.blog-markdown kbd {
background-color: #e7e7e7;
background-image: -webkit-linear-gradient(#fefefe, #e7e7e7);
background-image: linear-gradient(#fefefe, #e7e7e7);
background-repeat: repeat-x;
border-radius: 2px;
border: 1px solid #cfcfcf;
color: #000;
padding: 3px 5px;
line-height: 10px;
font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
display: inline-block;
}
.blog-markdown > *:first-child {
margin-top: 0 !important;
}
.blog-markdown > *:last-child {
margin-bottom: 0 !important;
}
.blog-markdown .anchor {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}
.blog-markdown .anchor:focus {
outline: none;
}
.blog-markdown h1,
.blog-markdown h2,
.blog-markdown h3,
.blog-markdown h4,
.blog-markdown h5,
.blog-markdown h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
}
.blog-markdown h1 .octicon-link,
.blog-markdown h2 .octicon-link,
.blog-markdown h3 .octicon-link,
.blog-markdown h4 .octicon-link,
.blog-markdown h5 .octicon-link,
.blog-markdown h6 .octicon-link {
display: none;
color: #000;
vertical-align: middle;
}
.blog-markdown h1:hover .anchor,
.blog-markdown h2:hover .anchor,
.blog-markdown h3:hover .anchor,
.blog-markdown h4:hover .anchor,
.blog-markdown h5:hover .anchor,
.blog-markdown h6:hover .anchor {
height: 1em;
padding-left: 8px;
margin-left: -30px;
line-height: 1;
text-decoration: none;
}
.blog-markdown h1:hover .anchor .octicon-link,
.blog-markdown h2:hover .anchor .octicon-link,
.blog-markdown h3:hover .anchor .octicon-link,
.blog-markdown h4:hover .anchor .octicon-link,
.blog-markdown h5:hover .anchor .octicon-link,
.blog-markdown h6:hover .anchor .octicon-link {
display: inline-block;
}
.blog-markdown h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.blog-markdown h2 {
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
.blog-markdown h3 {
font-size: 1.5em;
line-height: 1.43;
}
.blog-markdown h4 {
font-size: 1.25em;
}
.blog-markdown h5 {
font-size: 1em;
}
.blog-markdown h6 {
font-size: 1em;
color: #777;
}
.blog-markdown p,
.blog-markdown blockquote,
.blog-markdown ul,
.blog-markdown ol,
.blog-markdown dl,
.blog-markdown table,
.blog-markdown pre {
margin-top: 0;
margin-bottom: 16px;
}
.blog-markdown hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
}
.blog-markdown ul,
.blog-markdown ol {
padding-left: 2em;
}
.blog-markdown ul ul,
.blog-markdown ul ol,
.blog-markdown ol ol,
.blog-markdown ol ul {
margin-top: 0;
margin-bottom: 0;
}
.blog-markdown li > p {
margin-top: 16px;
}
.blog-markdown dl {
padding: 0;
}
.blog-markdown dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.blog-markdown dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.blog-markdown blockquote {
padding: 0 15px;
color: #777;
border-left: 4px solid #ddd;
}
.blog-markdown blockquote > :first-child {
margin-top: 0;
}
.blog-markdown blockquote > :last-child {
margin-bottom: 0;
}
.blog-markdown table {
display: block;
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all;
}
.blog-markdown table th {
font-weight: bold;
}
.blog-markdown table th,
.blog-markdown table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
.blog-markdown table tr {
background-color: #fff;
border-top: 1px solid #ccc;
}
.blog-markdown table tr:nth-child(2n) {
background-color: #f8f8f8;
}
.blog-markdown img {
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-markdown code {
padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(0,0,0,0.04);
border-radius: 3px;
}
.blog-markdown code:before,
.blog-markdown code:after {
letter-spacing: -0.2em;
content: "\00a0";
}
.blog-markdown pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.blog-markdown .highlight {
margin-bottom: 16px;
}
.blog-markdown .highlight pre,
.blog-markdown pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}
.blog-markdown .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.blog-markdown pre {
word-wrap: normal;
}
.blog-markdown pre code {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.blog-markdown pre code:before,
.blog-markdown pre code:after {
content: normal;
}
.blog-markdown .highlight {
background: #fff;
}
.blog-markdown .highlight .mf,
.blog-markdown .highlight .mh,
.blog-markdown .highlight .mi,
.blog-markdown .highlight .mo,
.blog-markdown .highlight .il,
.blog-markdown .highlight .m {
color: #945277;
}
.blog-markdown .highlight .s,
.blog-markdown .highlight .sb,
.blog-markdown .highlight .sc,
.blog-markdown .highlight .sd,
.blog-markdown .highlight .s2,
.blog-markdown .highlight .se,
.blog-markdown .highlight .sh,
.blog-markdown .highlight .si,
.blog-markdown .highlight .sx,
.blog-markdown .highlight .s1 {
color: #df5000;
}
.blog-markdown .highlight .kc,
.blog-markdown .highlight .kd,
.blog-markdown .highlight .kn,
.blog-markdown .highlight .kp,
.blog-markdown .highlight .kr,
.blog-markdown .highlight .kt,
.blog-markdown .highlight .k,
.blog-markdown .highlight .o {
font-weight: bold;
}
.blog-markdown .highlight .kt {
color: #458;
}
.blog-markdown .highlight .c,
.blog-markdown .highlight .cm,
.blog-markdown .highlight .c1 {
color: #998;
font-style: italic;
}
.blog-markdown .highlight .cp,
.blog-markdown .highlight .cs {
color: #999;
font-weight: bold;
}
.blog-markdown .highlight .cs {
font-style: italic;
}
.blog-markdown .highlight .n {
color: #333;
}
.blog-markdown .highlight .na,
.blog-markdown .highlight .nv,
.blog-markdown .highlight .vc,
.blog-markdown .highlight .vg,
.blog-markdown .highlight .vi {
color: #008080;
}
.blog-markdown .highlight .nb {
color: #0086B3;
}
.blog-markdown .highlight .nc {
color: #458;
font-weight: bold;
}
.blog-markdown .highlight .no {
color: #094e99;
}
.blog-markdown .highlight .ni {
color: #800080;
}
.blog-markdown .highlight .ne {
color: #990000;
font-weight: bold;
}
.blog-markdown .highlight .nf {
color: #945277;
font-weight: bold;
}
.blog-markdown .highlight .nn {
color: #555;
}
.blog-markdown .highlight .nt {
color: #000080;
}
.blog-markdown .highlight .err {
color: #a61717;
background-color: #e3d2d2;
}
.blog-markdown .highlight .gd {
color: #000;
background-color: #fdd;
}
.blog-markdown .highlight .gd .x {
color: #000;
background-color: #faa;
}
.blog-markdown .highlight .ge {
font-style: italic;
}
.blog-markdown .highlight .gr {
color: #aa0000;
}
.blog-markdown .highlight .gh {
color: #999;
}
.blog-markdown .highlight .gi {
color: #000;
background-color: #dfd;
}
.blog-markdown .highlight .gi .x {
color: #000;
background-color: #afa;
}
.blog-markdown .highlight .go {
color: #888;
}
.blog-markdown .highlight .gp {
color: #555;
}
.blog-markdown .highlight .gs {
font-weight: bold;
}
.blog-markdown .highlight .gu {
color: #800080;
font-weight: bold;
}
.blog-markdown .highlight .gt {
color: #aa0000;
}
.blog-markdown .highlight .ow {
font-weight: bold;
}
.blog-markdown .highlight .w {
color: #bbb;
}
.blog-markdown .highlight .sr {
color: #017936;
}
.blog-markdown .highlight .ss {
color: #8b467f;
}
.blog-markdown .highlight .bp {
color: #999;
}
.blog-markdown .highlight .gc {
color: #999;
background-color: #EAF2F5;
}
.blog-markdown .octicon {
font: normal normal 19px octicons-anchor;
line-height: 1;
display: inline-block;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.blog-markdown .octicon-link:before {
content: '\f05c';
}
.blog-markdown .task-list-item {
list-style-type: none;
}
.blog-markdown .task-list-item + .task-list-item {
margin-top: 3px;
}
.blog-markdown .task-list-item input {
float: left;
margin: 0.3em 0 0.25em -1.6em;
vertical-align: middle;
}
.blog-markdown p {
color: #545454;
font-size: 15pt;
line-height: 1.5em;
}
.blog-markdown h2 {
color: #000;
}
.blog-markdown {
min-width: 200px;
max-width: 900px;
margin: 0 auto;
padding: 30px;
padding-top: 15px;
}
#share {
margin: 2em 0;
padding: 27px 0;
border-top: 1px solid #e3e3e3;
margin-left: -15px;
}
#share h2 {
font-size: 27px;
margin-bottom: 0.5em;
margin-top: 0;
border: 0;
}
#share #twitter-widget-0 {
width: 80px !important;
}
#share div {
float: left;
margin-right: 6px;
}
#share iframe {
float: left;
margin-right: 6px;
}
#gplusWrap {
position: relative;
top: -3px;
left: -5px;
}
/*END BLOG md ==> html*/
li.phone-info span {
color:#B9B9B9;
display: block;
margin-top: 10px;
}
nav.navbar div {
max-width: 1100px;
}