/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
/* ==========================================================================
Prevent unexpected whitespace on pages
source: http://stackoverflow.com/questions/4617872/white-space-showing-up-on-
right-side-of-page-when-background-image-should-extend
========================================================================== */
html,body
{
width: 100%;
overflow-x: hidden;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
/* BOILERPLATE default
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
*/
hr {
background-color: #e0802c;
border: 0;
clear: both;
display: block;
height: 1px;
width: 95%;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ======= Resets and overrides ======= */
/* ======= Imported fonts ======= */
/* ======= Links and type ======= */
#main-ul > a {
line-height: 100px;
}
.file_menu {
background-color: #ffffff;
display: none;
height: 139px !important;
margin-left: -115%;
padding-left: 5px;
padding-right: 5px;
position: absolute;
top: 103%;
width: 333px !important;
z-index: 999;
}
#bs-example-navbar-collapse-1 {
z-index: 99;
}
.file_menu li {
border-bottom: 1px solid #eae8e8;
}
.file_menu li a {
color: #606060;
display: block;
padding: 6.5px;
text-decoration: none;
}
.file_menu li a::before {
font-family: fontAwesome;
content: "\f054";
margin-left: 25px;
margin-right: 8px;
}
.file_menu li a:hover {
background-color: #e4e5e9;
color: #e17722;
transition: 0.3s ease;
}
.file_menu ul {
text-align: center;
}
.file_menu ul li {
display: inline;
}
.navbar-nav > li > a {
font-family: 'Roboto Slab', serif;
font-size: 15px;
font-weight: 200 !important;
}
ul, li {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav.navbar-nav.navbar-right > li {
height: 115px;
padding-top: 45px;
}
ul.nav.navbar-nav.navbar-right > li:hover {
background-color: #e4e5e9;
border-bottom: 3px solid #f48020;
color: #e17722;
transition: 0.2s ease;
}
.sublink-left-space {
margin-left: 25px;
}
/* ======= Home layout ======= */
.first-section {
background-image: url('../img/first-section.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* overflow: hidden; */
z-index: 0;
}
.first-section .container {
padding-top: 40px;
}
.first-section .col-1-space {
color: #5b2509;
}
.first-section .col-2-space {
position: relative;
}
.col-1-space > h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 50px;
font-weight: 700;
margin-top: 145px;
}
.col-1-space > p {
font-family: 'Roboto Condensed', sans-serif;
font-size: 40px;
font-weight: 400;
}
.header-nav {
background: #eff0f3 !important;
height: 117px !important;
}
.navbar {
margin-bottom: 0 !important;
}
.pdf-download{
background-image: url('../img/pdf-background.png');
background-position: center;
background-repeat: no-repeat;
bottom: 43px;
cursor: pointer;
height: 163px;
text-align: center;
width: 247px;
position: absolute;
right: 0;
z-index: 1;
-webkit-box-shadow: 0 10px 13px -6px #0a0603;
-moz-box-shadow: 0 10px 13px -6px #0a0603;
box-shadow: 0 10px 13px -6px #0a0603;
}
.pdf-download > h4 {
color: #7d3406;
font-family: 'Roboto Slab', serif;
font-size: 21px !important;
font-weight: 600;
line-height: 1.7em;
padding-top: 16px;
}
.pdf-download h4::after {
font-family: fontAwesome;
content: "\f1c1";
display: block;
font-size: 50px;
padding-top: 11px;
}
.pdf-sm-con {
text-align: center !important;
margin-bottom: 20px;
display: none;
}
.pdf-sm-con h4::after {
font-family: fontAwesome;
content: "\f1c1";
display: block;
font-size: 38px;
padding-bottom: 5px;
}
.pdf-sm-con a:hover {
text-decoration: none;
}
.second-section {
background-image: url('../img/second-section.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 152px 0;
}
.second-section .col-md-8 {
color: #5b2509;
}
.second-section .col-md-8 p:nth-child(3){
margin-top: 35px;
}
.second-section .col-md-8 > h4 {
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 20px;
}
.second-section .col-md-8 > p {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
}
.text-container {
background-image: url('../img/text-container.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-style: solid;
border-width: 2px;
border-color: #f6aa08;
height: auto;
margin: 0 auto;
overflow: hidden;
padding: 50px 30px;
text-align: center;
}
.text-container > p {
font-family: 'Roboto Slab', serif;
font-size: 29px;
font-weight: 400;
color: #ffffff;
}
.text-container p a {
text-decoration: underline;
color: #f8c04c;
}
.third-section {
background-image: url('../img/third-section.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
}
.third-section-first-col {
color: #696969;
}
.third-section-first-col h4 {
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 300;
margin-top: 55px;
}
.third-section-first-col h3 {
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 300;
line-height: 1.4em;
margin-top: 70px;
}
.third-section-first-col h6 {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 300;
}
.third-section-first-col ul {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 1.8em;
padding-left: 40px;
}
.third-section-first-col li {
list-style: square;
}
.third-section-second-col {
text-align: center;
margin-bottom: 45px;
}
.third-section-second-col img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.third-section .col-md-12 {
color: #696969;
text-align: center;
}
.third-section .col-md-12 h4 {
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 300;
}
.big-thing {
color: #dc721e;
font-family: 'Roboto Slab', serif;
font-weight: 900;
}
.fourth-section {
background-image: url('../img/fourth-section.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 70px;
padding-top: 95px;
}
.fourth-section .col-md-12 h4 {
color: #ffffff;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 300;
margin-bottom: 50px;
text-align: center;
}
.fourth-section .col-md-12 video {
width: 100% !important;
-webkit-box-shadow: 0 12px 22px -6px #0a0603;
-moz-box-shadow: 0 11px 22px -6px #0a0603;
box-shadow: 0 11px 22px -6px #0a0603;
}
.fifth-section {
background-color: #ffffff;
}
.fifth-section .col-md-12 {
margin-top: 55px;
margin-bottom: 30px;
}
.fifth-section .col-md-12 h4 {
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: 400;
color: #696969;
}
.fifth-section img {
width: 100%;
}
.fifth-section .col-md-4 h4 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: 700;
margin-left: -15px;
padding-top: 20px;
}
.fifth-section .col-md-3 h4 {
margin-left: -15px;
}
.fifth-section h5 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 12px;
font-weight: 400;
line-height: 1.5em;
padding-bottom: 65px;
padding-top: 7px;
margin-left: -15px;
}
.blog-post-date::before {
font-family: fontAwesome;
content: "\f017";
color: #dd8137;
padding-right: 3px;
}
.blog-post-author::before {
font-family: fontAwesome;
content: "\f007";
color: #dd8137;
padding: 0 3px;
}
.text-right {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
}
.blog-img-post img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.blog-img-post img:hover {
background: rgba(255, 0, 0, 0.25);
}
/* ======= Blog layout ======= */
.blog-wrapper {
background-color: #ffffff;
margin-top: 60px;
}
.blog-section img {
width: 100%;
}
.blog-section h4 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 700;
padding-top: 20px;
margin-left: -15px;
}
.blog-section h5 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5em;
padding-bottom: 65px;
padding-top: 7px;
margin-left: -15px;
}
.breadcrumb-container {
background-color: #ed8d46 !important;
height: 20px !important;
}
.breadcrumb-container .container {
padding: 0 !important;
}
.breadcrumb-container .col-md-10 {
height: 20px !important;
}
.breadcrumb {
background-color: #ed8d46 !important;
height: 20px !important;
padding: 0 15px !important;
padding-top: 2px !important;
}
.breadcrumb li {
font-size: 12px !important;
}
.breadcrumb a {
color: #fff !important;
font-family: 'Roboto Slab', serif;
font-weight: 200;
}
.breadcrumb > li + li::before {
color: #fff !important;
content: none !important;
}
.BlogRecentPost ul li {
border-bottom: 1px solid #eae8e8;
font-family: 'Roboto Slab', serif;
font-weight: 400;
margin: 10px 0;
padding-bottom: 10px;
}
.recent-post-wrapper h3 {
color: #858686;
font-family: 'Roboto Slab', serif;
font-size: 20px !important;
font-weight: 700;
margin-top: 0 !important;
}
.recent-post-wrapper a {
display: flex;
color: #858686;
font-size: 14px;
}
.recent-post-wrapper a::before {
font-family: fontAwesome;
content: "\f192";
color: #858686;
padding-right: 10px;
line-height: 22px;
}
.recent-post-wrapper span {
margin-left: 10px;
}
/* ======= Services layout ======= */
.services-first-section {
background-image: url('../img/services-first-section-bg.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0 !important;
}
.services-first-section .col-md-4 {
margin-bottom: 150px;
margin-top: 150px;
}
.services-first-section .col-md-8 {
color: #ffffff;
margin-top: 150px;
}
.services-first-section .col-md-8 > h4 {
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
}
.services-first-section .col-md-8 > p {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 33px;
}
.services-second-section {
background-color: #f7f8fa;
padding-bottom: 64px;
padding-top: 74px;
}
.services-second-section div.row:nth-child(2) {
margin-top: 99px;
}
.services-second-section div.row:nth-child(3) {
margin-top: 99px;
}
.services-second-section div.row:nth-child(4) {
margin-top: 90px;
}
.services-second-section .text-center img {
margin: 0 auto;
}
.services-second-section .col-md-12 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
.services-second-section .col-md-3 h3 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-weight: 400;
}
.services-second-section .col-md-3 h5 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: 400;
}
.fix-height {
height: 160px;
}
.text-paragraph {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
/* ======= Contact Us layout ======= */
.captcha_code {
width: 60% !important;
display: inline !important;
}
.captcha_img {
width: 35% !important;
display: inline !important;
margin-left: 10px;
margin-top: -5px;
border-radius: 3px;
}
.contact-text {
margin-bottom: 25px;
margin-top: 65px;
}
.contact-text h1 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 35px;
}
.contact-text p {
font-family: 'Roboto Slab', serif;
font-weight: 400;
color: #4f4d4e;
}
.contact-section {
margin-bottom: 80px;
margin-top: 25px;
}
.contact-section .col-md-7 {
width: 57%;
margin-left: 1%;
padding-bottom: 7px;
}
.contact-section .col-md-offset-1 {
margin-left: 7.333%;
}
.contact-section .radio {
margin-top: 25px;
}
.contact-us-sections {
background-color: #f7f8fa !important;
}
.contact-subscribtion-hr {
background-color: #c9b8b8 !important;
border: 0 !important;
clear: both !important;
display: block !important;
height: 1px !important;
margin: 65px 0;
width: 100% !important;
}
.contact-us-hr {
background-color: #c9b8b8 !important;
border: 0 !important;
clear: both !important;
display: block !important;
height: 1px !important;
width: 98% !important;
}
.contact-form-section {
background-color: #f0edec;
}
.contact-form-section button {
background-color: #d65e1a;
border-color: #d65e1a;
color: #fff;
font-family: 'Roboto Slab', serif;
font-weight: 400;
height: 40px;
width: 100px;
}
.contact-form-section input {
background-color: #f0edec;
}
.contact-form-section label {
color: #4f4d4e !important;
font-family: 'Roboto Slab', serif;
font-size: 12px;
font-weight: 400;
font-weight: 200;
}
.contact-form-section h4 {
color: #d76225;
font-size: 14px;
font-family: 'Roboto Slab', serif;
font-weight: 400;
padding-left: 14px;
padding-top: 20px;
padding-bottom: 40px;
}
.contact-form-section select {
background-color: #f0edec;
}
.contact-form-section textarea {
background-color: #f0edec;
width: 100%;
}
.choose-option {
width: 50%;
}
.subscribtion-form-section {
background-color: #f0edec;
padding: 0 20px;
padding-bottom: 25px;
}
.subscribtion-form-section button {
background-color: #d65e1a;
border-color: #d65e1a;
color: #fff;
font-family: 'Roboto Slab', serif;
font-weight: 400;
height: 40px;
margin-top: 15px;
width: 100%;
}
.subscribtion-form-section .col-md-3 {
padding-left: 0;
}
.subscribtion-form-section em {
color: #696969;
}
.subscribtion-form-section input {
background-color: #f0edec;
}
.subscribtion-form-section h3 {
color: #d65e1a;
font-family: 'Roboto Slab', serif;
font-size: 24px;
font-weight: 700;
margin-bottom: 25px;
}
.subscribtion-form-section h5 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-weight: 400;
line-height: 25px;
font-size: 18px;
margin-top: 0px;
}
.subscribtion-form-section label {
color: #4f4d4e !important;
font-family: 'Roboto Slab', serif;
font-size: 12px;
font-weight: 200;
}
.subscribtion-form-section .row {
margin-bottom: 90px;
padding: 0 20px;
}
/* ======= Services > Website Development & Makeovers layout ======= */
.wdm-first-section {
background-image: url('../img/wdm-first-section-bg.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
margin-bottom: 0 !important;
}
.wdm-first-section .col-md-6 {
margin-bottom: 75px;
margin-top: 110px;
}
.wdm-first-section .col-md-6 > h4 {
color: #ffd374;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
}
.wdm-first-section li {
display: flex;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 200;
letter-spacing: 2px;
margin-bottom: 15px;
}
.wdm-first-section li::before {
font-family: fontAwesome;
content: "\f054";
font-size: 14px;
line-height: 28px;
padding-right: 5px;
}
.wdm-first-section .col-md-6 > p {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 33px;
margin-bottom: 45px;
}
.graph-strategy-text h4 {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 700;
line-height: 30px;
}
.wdm-second-section { /* second Section */
background-color: #f7f8fa;
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 200;
line-height: 30px;
}
.wdm-second-section div.row:nth-child(1) {
margin-bottom: 40px;
}
.wdm-second-section p {
margin-bottom: 30px;
}
.wdm-second-section.padding-top {
padding-top: 50px;
}
.wdm-second-section .text-center img {
margin: 0 auto;
}
.wdm-second-section .col-md-8 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
.wdm-second-section .col-md-2 h3 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-weight: 400;
}
.wdm-second-section .col-md-2 h5 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: 400;
}
.wdm-second-section ul {
margin-left: 2%;
}
.wdm-second-section ul li {
display: flex;
line-height: 40px;
}
.wdm-second-section ul li::before {
font-family: fontAwesome;
content: "\f054";
font-size: 14px;
line-height: 42px;
padding-right: 5px;
}
.wdm-second-section div.row:nth-child(3) div {
margin-bottom: 35px;
margin-top: 35px;
}
.center {
margin: 0 auto;
}
.click-here {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-weight: 700;
}
.no-padding {
padding: 0 !important;
}
/* ======= Services > Copywriting ======= */
.cw-first-section { /* first Section */
background-color: #f7f8fa;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
margin-bottom: 0 !important;
}
.cw-first-section .col-md-8 {
margin-bottom: 75px;
margin-top: 45px;
}
.cw-first-section .col-md-4 {
margin-top: 45px;
}
.cw-first-section .col-md-4 .text-container {
margin-top: 35px;
}
.cw-first-section .col-md-8 > h4 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
}
.cw-first-section .col-md-8 > h5 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 700;
padding: 15px 0;
}
.cw-first-section i {
line-height: 24px;
margin-right: 10px;
font-size: 12px;
}
.cw-first-section li {
display: flex;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 200;
letter-spacing: 2px;
margin-bottom: 15px;
}
.cw-first-section .col-md-8 > p {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 33px;
}
.ordered-list li {
color: #696969;
display: list-item;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
list-style-type: decimal;
margin-bottom: 0;
}
.cw-second-section { /* second Section */
background-image: url('../img/cw-second-section-bg.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.cw-second-section .col-md-12 h4 {
color: #ffd374;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 50px;
margin-top: 50px;
text-align: center;
}
/* ======= Services > Website Analysis layout ======= */
.wa-first-section { /* first Section */
background-image: url('../img/wa-first-section-bg.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
margin-bottom: 0 !important;
}
.wa-first-section .col-md-12 > h4 {
color: #ffd374;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
margin-top: 75px;
}
.wa-first-section .col-md-12 > p {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
margin-bottom: 60px;
}
.wa-first-section .col-md-12 > img {
margin-bottom: 55px !important;
}
.wa-second-section { /* second Section */
background-color: #f7f8fa;
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 200;
line-height: 30px;
padding-bottom: 35px;
}
.wa-second-section div.row:nth-child(1) {
margin-bottom: 70px;
}
.wa-second-section p {
margin-bottom: 30px;
}
.wa-second-section.padding-top {
padding-top: 50px;
}
.wa-second-section .click-here {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-weight: 700;
text-decoration: underline;
}
.wa-second-section .col-md-12 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
.no-padding-bottom {
padding-bottom: 0;
}
/* ======= Services > Lead Generation ======= */
.lg-first-section { /* first Section */
background-color: #f7f8fa;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
margin-bottom: 0 !important;
}
.lg-first-section .col-md-12 {
margin-bottom: 75px;
margin-top: 45px;
}
.lg-first-section .col-md-12 > h4 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
}
.lg-first-section .col-md-12 > p {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 33px;
margin-bottom: 45px;
}
.lg-first-section li {
color: #696969;
display: flex;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 200;
margin-bottom: 5px;
}
.lg-first-section ul {
margin-left: 35px;
}
.lg-click-here {
color: #fb810a;
font-family: 'Roboto Slab', serif;
font-weight: 700;
}
.lg-click-here a:hover {
color: #fb810a;
text-decoration: none;
}
.margin-bottom {
margin-bottom: 45px;
}
.lg-second-section { /* second Section */
background-image: url('../img/lg-second-section-bg.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.lg-second-section .col-md-12 h4 {
color: #ffd374;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 25px;
margin-top: 50px;
text-align: center;
}
.lg-second-section .col-md-12 p {
font-family: 'Roboto Slab', serif;
color: #fff;
font-size: 18px;
font-weight: 700;
margin-bottom: 30px;
}
.lg-second-section .col-md-12 p:last-child {
margin-bottom: 60px;
}
/* ======= Registration - Web Analysis ======= */
.rwa-section {
background-color: #f7f8fa;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
margin-bottom: 0 !important;
}
.rwa-section .col-md-8 {
margin-bottom: 85px;
margin-top: 65px;
}
.rwa-section .col-md-4 {
margin-top: 85px;
}
.rwa-section .col-md-4 .registration-container {
margin-top: 30px;
}
.rwa-section .col-md-8 > h4 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
}
.rwa-section .col-md-8 > h5 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 700;
padding: 15px 0;
}
.rwa-section li {
color: #696969;
display: flex;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 200;
margin-bottom: 5px;
}
.rwa-section li::before {
color: #696969;
content: "\f054";
font-family: fontAwesome;
line-height: 17px;
margin-right: 10px;
font-size: 12px;
}
.rwa-section ul {
margin-left: 35px;
}
.rwa-section .col-md-8 p {
color: #4f4d4e;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
line-height: 23px;
}
.rwa-section .col-md-8 p:last-child {
color: #696969 !important;
font-family: 'Roboto Slab', serif !important;
font-weight: 700;
}
.registration-container {
background-image: url('../img/text-container.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-style: solid;
border-width: 2px;
border-color: #f6aa08;
height: 245px;
margin: 0 auto;
padding: 0 15px;
text-align: justify;
width: 367px;
}
.registration-container button {
height: 35px;
width: 99px;
background-color: #e4e61b;
border-color: #e4e61b;
color: #95450a;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-container div:nth-child(3) {
margin-bottom: 25px;
}
.registration-container form {
margin-top: 25px;
}
.registration-container form ::-webkit-input-placeholder {
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-container form :-moz-placeholder { /* Firefox 18- */
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-container form ::-moz-placeholder { /* Firefox 19+ */
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-container form :-ms-input-placeholder {
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
/* ======= Registration – Profit Maximiser Analysis section ======= */
.rpma-section {
background-color: #f7f8fa;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
margin-bottom: 0 !important;
}
.rpma-section .col-md-8 {
margin-bottom: 85px;
margin-top: 65px;
}
.rpma-section .col-md-4 {
margin-top: 85px;
}
.rpma-section .col-md-4 .registration-container {
margin-top: 30px;
}
.rpma-section .col-md-8 > h4 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 40px;
}
.rpma-section .col-md-8 > h2 {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 21px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 9px;
}
.rpma-section li::before {
color: #696969;
content: "\f054";
font-family: fontAwesome;
line-height: 20px;
margin-right: 5px;
font-size: 12px;
}
.rpma-section li {
color: #696969;
display: flex;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 200;
margin-bottom: 5px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.rpma-section ul {
margin-left: 35px;
}
.rpma-section .col-md-8 p {
color: #4f4d4e;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
line-height: 23px;
}
.rpma-section .col-md-8 p:last-child {
color: #696969 !important;
font-family: 'Roboto Slab', serif !important;
font-weight: 700;
}
/* ======= Registration - E-Book ======= */
.ebook-section {
background-color: #f7f8fa;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
margin-bottom: 0 !important;
}
.eb-margin-top {
margin-top: 35px;
}
.ebook-section .col-md-2 {
z-index: 0;
}
.ebook-section .col-md-12 {
margin-top: -50px;
z-index: 1;
background-color: #d45106;
}
.ebook-section .col-md-12 form {
padding: 12px 0;
}
.ebook-section .col-md-12 form h4 {
display: inline;
color: #f7f8fa;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
margin-left: 15px;
margin-right: 40px;
vertical-align: middle;
}
.ebook-section .col-md-4 {
margin-top: 85px;
}
.ebook-section .col-md-4 .registration-ebook-container {
margin-top: 30px;
}
.ebook-section .col-md-8 {
margin-bottom: 85px;
margin-top: 65px;
}
.ebook-section .col-md-12 input {
width: 320px !important;
}
.ebook-section .col-md-12 form ::-webkit-input-placeholder {
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.ebook-section .col-md-12 form :-moz-placeholder { /* Firefox 18- */
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.ebook-section .col-md-12 form ::-moz-placeholder { /* Firefox 19+ */
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.ebook-section .col-md-12 form :-ms-input-placeholder {
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.ebook-section .col-md-12 div:nth-child(3) {
margin-left: 15px;
}
.ebook-section .col-md-12 form button {
width: 15%;
margin-left: 15px;
background-color: #e4e61b;
border-color: #e4e61b;
color: #95450a;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 700;
}
.ebook-section .col-md-8 > h4 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 20px;
}
.ebook-section .col-md-8 > h5 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 700;
padding: 15px 0;
}
.ebook-section .col-md-9 h4 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
}
.ebook-section li {
color: #696969;
display: flex;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 200;
margin-bottom: 5px;
}
.ebook-section li::before {
font-family: fontAwesome;
content: "\f054";
color: #696969;
font-size: 11px;
line-height: 20px;
padding-right: 5px;
}
.ebook-section ul {
margin-left: 35px;
}
.ebook-section .col-md-8 p {
color: #4f4d4e;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
line-height: 23px;
}
.ebook-section .col-md-8 p:last-child {
color: #696969 !important;
font-family: 'Roboto Slab', serif !important;
font-weight: 700;
}
.registration-ebook-container {
background-image: url('../img/text-container.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-style: solid;
border-width: 2px;
border-color: #f6aa08;
height: 250px;
margin: 0 auto;
padding: 0 15px;
text-align: justify;
width: 367px;
}
.registration-ebook-container h4 {
color: #f7f8fa;
font-family: 'Roboto Slab', serif;
font-size: 26px;
font-weight: 700;
text-align: center;
margin: 30px 0;
}
.registration-ebook-container button {
height: 35px;
width: 255px;
background-color: #e4e61b;
border-color: #e4e61b;
color: #95450a;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-ebook-container div:nth-child(2) {
margin-bottom: 20px;
}
.registration-ebook-container form ::-webkit-input-placeholder {
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-ebook-container form :-moz-placeholder { /* Firefox 18- */
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-ebook-container form ::-moz-placeholder { /* Firefox 19+ */
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
.registration-ebook-container form :-ms-input-placeholder {
color: #afafaf;
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 400;
}
/* ======= Privacy Policy structures ======= */
.pp-section .col-md-12 {
margin-bottom: 30px;
}
.pp-section ul {
margin-left: 35px;
}
.pp-section li {
color: #696969;
display: flex;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 200;
margin-bottom: 5px;
}
.pp-section em {
color: #696969;
line-height: 30px;
margin-right: 10px;
font-size: 12px;
}
.pp-section h2 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: 700;
margin-bottom: 20px;
text-decoration: underline;
}
.pp-section .col-md-12 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
/* ======= Terms and Condition structures ======= */
.tac-section .col-md-12 {
margin-bottom: 30px;
}
.tac-section h2 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 22px;
font-weight: 700;
margin: 27px 0;
}
.tac-section .col-md-12 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
/* ======= Sitemap structures ======= */
.sm-section .col-md-12 {
margin-bottom: 53px;
}
.sm-section .col-md-12 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
.sm-section ul li {
margin-bottom: 12px;
}
.sm-section li a {
color: #696969;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: 400;
}
.sm-section li:nth-child(n+3):nth-child(-n+6) {
text-indent: 15px;
}
.sm-section li:nth-child(n+3):nth-child(-n+6) a {
font-size: 13px;
}
/* ======= FAQ's structures ======= */
.faq-section .col-md-12 {
margin-bottom: 30px;
}
.faq-section .col-md-12 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
.faq-bar > div {
background-color: #f5f5f5;
border-color: #ddd;
color: #333;
}
.faq-section p {
margin-top: 90px;
}
/* ======= Resources structures ======= */
.resources-section .col-md-12 {
margin-bottom: 30px;
}
.resources-section .col-md-12 h3 {
color: #d45208;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: 700;
line-height: 43px;
}
.resources-section h5 {
margin-top: 30px;
}
/* ======= Secondary layout structures ======= */
.sixth-section {
background-color: #6f6965;
color: #ffffff;
font-family: 'Roboto Slab', serif;
font-size: 11px;
font-weight: 400;
padding-top: 48px;
}
.sixth-section h5 {
font-weight: 300;
line-height: 18px;
margin-top: 0;
}
.sixth-section .img-responsive img {
margin-bottom: 30px;
margin-top: -30px;
}
.sixth-section li a::before {
color: #dd8137;
content: "\f054";
font-family: fontAwesome;
line-height: 16px;
padding-right: 1px;
}
.sixth-section li a {
color: #ffffff;
display: flex;
font-weight: 200;
letter-spacing: 2px;
}
.sixth-section li a:hover {
text-decoration: none;
}
footer {
background-color: #dc721e;
color: #f7f8fa;
font-size: 14px;
height: 65px;
text-align: center;
}
footer h5 {
font-family: 'Roboto Condensed', serif;
font-weight: 300;
line-height: 65px;
margin-bottom: 0;
margin-top: 0;
}
/* ======= Form elements ======= */
.captchaimg img {
height: 34px;
border-radius: 3px;
width: 100% !important;
}
.captchaimg {
display: inline;
float: right;
width: 30% !important;
}
#CaptchaV2 {
width: 68% !important;
display: inline;
}
/* ======= Miscellaneous ======= */
.divider {
border-bottom: 1px solid #eae8e8;
}
.img-responsive img {
display: block;
max-width: 100%;
height: auto;
}
.container {
max-width: 1207px;
}
.breadcrumb-separator::before {
color: #fff;
content: "\f101";
font-family: fontAwesome;
}
#effect-1 .overlay a.expand::before {
font-family: fontAwesome;
content: "\f08e";
display: block;
font-weight: 300;
}
.lg-chevron li::before {
color: #696969;
content: "\f054";
font-family: fontAwesome;
font-size: 12px;
line-height: 24px;
margin-right: 3px;
padding-right: 5px;
}
/* =======================================================================================
GLOBAL (Image overlay)
src: http://callmenick.com/post/image-overlay-hover-effects-with-css3-transitions;
========================================================================================== */
.effects {
padding-left: 15px;
}
.effects .img {
position: relative;
margin-bottom: 5px;
overflow: hidden;
}
.effects .img:first-child {
margin-left: -15px;
}
.effects .img:last-child {
margin-right: 0;
}
.effects .img img {
display: block;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
}
.overlay {
display: block;
position: absolute;
z-index: 20;
background: rgba(255, 130, 0, 0.7);
overflow: hidden;
transition: all 0.5s;
}
a.close-overlay {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 100;
width: 45px;
height: 45px;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 45px;
text-align: center;
background-color: #000;
cursor: pointer;
}
a.close-overlay.hidden {
display: none;
}
a.expand {
display: block;
position: absolute;
z-index: 100;
width: 100%;
height: 60px;
text-align: center;
color: #fff;
line-height: 50px;
font-weight: 700;
font-size: 30px;
text-decoration: none;
}
a.expand em {
color: #fff !important;
}
/* ============================================================
EFFECT 1 - SLIDE IN BOTTOM (Image overlay)
============================================================ */
#effect-1 .overlay {
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
}
#effect-1 .overlay a.expand {
left: 0;
right: 0;
margin: 0 auto -30px auto;
padding-bottom: 35%;
padding-top: 19%;
}
#effect-1 .img.hover .overlay {
height: 100%;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
@media screen and (max-width: 1920px) {
.pdf-download {
bottom: 37px !important;
right: 39px !important;
}
}
@media screen and (max-width: 1852px) {
.third-section-first-col h3 {
font-size: 29px !important;
}
}
@media screen and (max-width: 1793px) {
.third-section-first-col h3 {
font-size: 28px !important;
}
}
@media screen and (max-width: 1735px) {
.third-section-first-col h4 {
font-size: 26px !important;
}
.third-section-first-col h6 {
font-size: 17px !important;
}
.third-section-first-col ul {
font-size: 15px !important;
}
.third-section-first-col h3 {
font-size: 27px !important;
}
}
@media screen and (max-width: 1699px) {
.third-section-first-col h3 {
font-size: 28px !important;
}
}
@media screen and (max-width: 1600px) {
.text-container {
height: auto !important;
width: 100% !important;
}
}
@media screen and (max-width: 1592px) {
.third-section-first-col h3 {
font-size: 27px !important;
}
}
@media screen and (max-width: 1553px) {
.services-second-section .col-md-3 h5 {
font-size: 15px !important;
}
}
@media screen and (max-width: 1538px) {
.third-section-first-col h3 {
font-size: 26px !important;
}
}
@media screen and (max-width: 1467px) {
.services-second-section .col-md-3 h5 {
font-size: 14px !important;
}
}
@media screen and (max-width: 1442px) {
.col-md-offset-2.col-sm-offset-1.col-md-6.col-sm-7 {
width: 59% !important;
}
}
@media screen and (max-width: 1431px) {
.third-section-first-col h4 {
font-size: 27px !important;
}
.third-section-first-col h6 {
font-size: 17px !important;
}
.third-section-first-col ul {
font-size: 16px !important;
}
.third-section-first-col h3 {
font-size: 24px !important;
}
}
@media screen and (max-width: 1425px) {
.img-title h3 {
font-size: 20px !important;
}
}
@media screen and (max-width: 1420px) {
.third-section .col-md-12 h4 {
font-size: 26px !important;
}
}
@media screen and (max-width: 1381px) {
.services-second-section .col-md-3 h5 {
font-size: 13px !important;
}
}
@media screen and (max-width: 1377px) {
.third-section-first-col h3 {
font-size: 23px !important;
}
}
@media screen and (max-width: 1324px) {
.third-section-first-col h3 {
font-size: 22px !important;
}
}
@media screen and (max-width: 1295px) {
.services-second-section .col-md-3 h5 {
font-size: 12px !important;
}
}
@media screen and (max-width: 1288px) {
.third-section-second-col > h5 {
font-size: 13px !important;
}
}
@media screen and (max-width: 1280px) {
.third-section-first-col h3 {
font-size: 22px !important;
}
.third-section-second-col h5 {
font-size: 12px !important;
}
.third-section .col-md-12 h4 {
font-size: 25px !important;
}
.col-md-offset-2.col-sm-offset-1.col-md-6.col-sm-7 {
width: 69% !important;
}
}
@media screen and (max-width: 1273px) {
.third-section-first-col h6 {
font-size: 16px !important;
}
.third-section-first-col ul {
font-size: 14px !important;
}
}
@media screen and (max-width: 1270px) {
.third-section-first-col h3 {
font-size: 21px !important;
}
}
@media screen and (max-width: 1257px) {
.first-section .col-2-space {
padding-top: 0 !important;
}
.first-section .col-1-space {
margin-left: 0 !important;
}
.text-container {
padding: 40px 20px !important;
}
.third-section-first-col h4 {
font-size: 22px !important;
}
.third-section-first-col h6 {
font-size: 16px !important;
}
.third-section-first-col ul {
font-size: 15px !important;
}
.third-section-first-col h3 {
margin-top: 103px !important;
font-size: 21px !important;
}
.third-section-second-col > h5 {
font-size: 11px !important;
}
.third-section .col-md-12 h4 {
font-size: 23px !important;
}
}
@media screen and (max-width: 1254px) {
.third-section-second-col {
margin-bottom: 15px !important;
margin-top: 72px !important;
}
}
@media screen and (max-width: 1251px) {
.fourth-section .col-md-6 h4 {
margin-bottom: 20px !important;
margin-top: 30px !important;
}
.fourth-section .col-md-6 img {
margin-bottom: 70px !important;
}
}
@media screen and (max-width: 1216px) {
.third-section-first-col h3 {
font-size: 20px !important;
}
}
@media screen and (max-width: 1204px) {
.third-section-first-col h6 {
font-size: 15px !important;
}
}
@media screen and (max-width: 1199px) {
.col-1-space > p {
font-size: 33px !important;
}
.text-container > p {
font-size: 24px !important;
}
.second-section .col-md-8 > p {
font-size: 15px !important;
}
.second-section .col-md-8 p:nth-child(3) {
margin-top: 20px !important;
}
.captcha_code {
width: 59% !important;
}
.choose-option {
width: 60% !important;
}
.contact-form-section label {
font-size: 11px !important;
}
.subscribtion-form-section {
padding-bottom: 22px;
}
.wdm-first-section .col-md-6 > h4 {
font-size: 25px !important;
}
.wdm-first-section .col-md-6 > p {
font-size: 16px !important;
}
.wdm-first-section li {
font-size: 14px !important;
}
.wdm-first-section li::before {
line-height: 18px;
}
.rwa-section .registration-container {
width: 100% !important;
}
.rpma-section .registration-container {
width: 100% !important;
}
.ebook-section .registration-ebook-container {
height: 280px !important;
width: 100% !important;
}
.ebook-section .col-md-9 {
padding: 0 !important;
width: 80% !important;
}
.ebook-section .col-md-9 h4 {
font-size: 27px !important;
}
.ebook-section .col-md-12 {
margin-top: -26px !important;
}
.ebook-section .col-md-12 form h4 {
font-size: 25px !important;
margin-right: 20px !important;
}
.ebook-section .col-md-12 input {
width: 260px !important;
}
}
@media screen and (max-width: 1185px) {
.fix-height {
height: 130px;
}
}
@media screen and (max-width: 1180px) {
.contact-section .captcha-label {
display: block !important;
}
}
@media screen and (max-width: 1163px) {
.third-section .col-md-4 {
width: 100% !important;
}
.third-section-first-col h4 {
font-size: 26px !important;
margin-top: 50px !important;
}
.third-section-first-col h6 {
font-size: 19px !important;
}
.third-section-first-col ul {
font-size: 18px !important;
}
.third-section-first-col h3 {
margin-top: 57px !important;
font-size: 24px !important;
}
.third-section-second-col {
margin-bottom: 15px !important;
margin-top: 0 !important;
}
hr {
width: 90% !important;
}
}
@media screen and (max-width: 1133px) {
.cw-second-section .col-md-6 h4 {
font-size: 27px !important;
}
}
@media screen and (max-width: 1097px) {
.cw-second-section .col-md-6 h4 {
font-size: 27px !important;
}
}
@media screen and (max-width: 1086px) {
.img-title h3 {
font-size: 18px;
}
}
@media screen and (max-width: 1082px) {
.contact-section .col-md-7 {
width: 100% !important;
}
.contact-section .col-md-offset-1 {
margin-left: 1% !important;
margin-top: 6% !important;
width: 100% !important;
}
.subscribtion-form-section h3 {
padding-top: 30px !important;
}
}
@media screen and (max-width: 1025px) {
.cw-second-section .col-md-6 h4 {
font-size: 26px !important;
}
}
@media screen and (max-width: 991px) {
.col-1-space {
text-align: center !important;
}
.col-1-space > h2 {
margin-top: 0 !important;
}
.second-section {
padding: 75px 0 !important;
}
.first-section .col-2-space {
text-align: center !important;
}
.second-section .col-md-8 > h4 {
text-align: center !important;
}
.services-first-section .col-md-8 > h4 {
font-size: 19px !important;
}
.services-first-section .col-md-8 > p {
font-size: 13px !important;
line-height: 19px !important;
}
.services-second-section .col-xs-6 {
height: 250px !important;
}
.services-second-section div.row:nth-child(2) {
margin-top: 0 !important;
}
.services-second-section div.row:nth-child(3) {
margin-top: 0 !important;
}
.services-second-section div.row:nth-child(4) {
margin-top: 0 !important;
}
.col-md-5 > h4 {
text-align: center !important;
}
.padding-top {
padding-top: 20px !important;
}
.text-paragraph {
font-size: 15px !important;
line-height: 25px !important;
}
.contact-section .col-md-7 {
margin-left: 0 !important;
}
.captcha_code {
width: 100% !important;
}
.captcha_img {
margin-left: 0 !important;
margin-top: 10px !important;
}
.contact-section .col-md-offset-1 {
margin-left: 0 !important;
padding-bottom: 0 !important;
padding-top: 15px !important;
}
.choose-option {
width: 100% !important;
}
.contact-section {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.contact-section .col-md-7 {
padding-bottom: 5px !important;
}
.subscribtion-form-section .row {
margin-bottom: 20px !important;
padding-bottom: 20px !important;
}
.contact-subscribtion-hr {
margin: 0 !important;
margin-top: 20px !important;
}
.subscribtion-form-section .row {
text-align: center !important;
}
.subscribtion-form-section .col-xs-offset-1 {
margin-left: 0 !important;
}
.subscribtion-form-section .col-xs-2 {
width: 100% !important;
padding-left: 15px !important;
}
.subscribtion-form-section .col-xs-9 {
width: 100% !important;
}
.first-col-small-dev {
margin-bottom: 30px !important;
margin-top: 50px !important;
}
.second-col-small-dev {
margin-top: 0 !important;
}
.cw-first-section .col-md-8 {
margin-bottom: 0 !important;
}
.cw-first-section .col-md-4 {
margin-top: 0 !important;
}
.cw-first-section .text-container {
width: 100% !important;
}
.rwa-section .col-md-8 {
margin-bottom: 15px !important;
}
.rwa-section .col-md-4 {
margin-top: 0 !important;
margin-bottom: 50px !important;
}
.rwa-section .registration-container {
width: 367px !important;
}
.rpma-section .col-md-8 {
margin-bottom: 15px !important;
}
.rpma-section .col-md-4 {
margin-top: 0 !important;
margin-bottom: 50px !important;
}
.rpma-section .registration-container {
width: 367px !important;
}
.ebook-section .col-md-8 {
margin-bottom: 15px !important;
}
.ebook-section .col-md-4 {
margin-top: 0 !important;
margin-bottom: 50px !important;
}
.ebook-section .registration-ebook-container {
width: 367px !important;
}
.ebook-section .col-md-9 h4 {
font-size: 31px !important;
}
.ebook-section .col-md-12 form h4 {
font-size: 17px !important;
margin-right: 10px !important;
}
.ebook-section .col-md-12 input {
width: 220px !important;
}
.ebook-section .col-md-12 form ::-webkit-input-placeholder {
font-size: 12px !important;
}
.ebook-section .col-md-12 form :-moz-placeholder { /* Firefox 18- */
font-size: 12px !important;
}
.ebook-section .col-md-12 form ::-moz-placeholder { /* Firefox 19+ */
font-size: 12px !important;
}
.ebook-section .col-md-12 form :-ms-input-placeholder {
font-size: 12px !important;
}
.ebook-section .col-md-12 div:nth-child(3) {
margin-left: 0 !important;
}
.ebook-section .col-md-12 form button {
margin-left: 0 !important;
}
.ebook-section div.row:nth-child(1) {
margin-top: 30px !important;
}
.ebook-section .col-md-9 {
margin-top: 13px !important;
}
.ebook-section .col-md-9 h4 {
font-size: 40px !important;
}
.ebook-section .col-md-12 {
margin-top: -13px !important;
}
}
@media screen and (max-width: 980px) {
.third-section-first-col {
margin: 0 !important;
}
.third-section-first-col h4 {
font-size: 31px !important;
margin-top: 42px !important;
}
.third-section-first-col h6 {
font-size: 20px !important;
}
.third-section-first-col h3 {
margin-top: 55px !important;
font-size: 25px !important;
}
.third-section-second-col img {
margin-top: 0 !important;
}
.third-section-second-col > h5 {
font-size: 14px !important;
}
.fifth-section .col-md-10 {
margin-top: 0 !important;
}
}
@media screen and (max-width: 800px) {
.first-section .col-2-space {
display: none !important;
}
.pdf-sm-con {
display: block !important;
}
.pdf-smaller-device {
background-image: url('../img/pdf-background.png');
background-position: center;
background-repeat: no-repeat;
border-radius: 3px;
cursor: pointer;
height: auto;
margin: 0 auto;
text-align: center;
width: 253px;
}
.pdf-smaller-device > h4 {
color: #7d3406 !important;
font-family: 'Roboto Slab', serif;
font-size: 22px !important;
font-weight: 700;
line-height: 1.7em !important;
padding-top: 7px !important;
}
}
@media screen and (max-width: 768px) {
.services-second-section {
padding-top: 20px !important;
}
.services-second-section .col-md-12 h3 {
font-size: 16px !important;
line-height: 24px !important;
}
.third-section-first-col h3 {
text-align: center !important;
}
.third-section-first-col h4 {
text-align: center !important;
}
.third-section-first-col h6 {
text-align: center !important;
}
.third-section-first-col ul {
padding-left: 20% !important;
}
}
@media screen and (max-width: 767px) {
#bs-example-navbar-collapse-1 {
background: #ffffff !important;
border: 0 !important;
position: relative;
}
.file_menu {
display: block !important;
height: auto !important;
margin-left: 0 !important;
position: relative !important;
top: 0 !important;
width: 100% !important;
}
.navbar-toggle {
margin-top: 39px !important;
}
.navbar-header {
height: 115px !important;
}
.nav.navbar-nav.navbar-right {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#main-ul > li {
padding: 0 !important;
text-align: left !important;
}
ul.nav.navbar-nav.navbar-right > li {
height: auto !important;
}
.fifth-section h5 {
padding-bottom: 20px !important;
}
.fifth-section h4 {
font-size: 21px !important;
}
.fifth-section h5 {
font-size: 13px !important;
}
.col-xs-fullwidth {
text-align: center !important;
width: 100% !important;
z-index: 0 !important;
}
.sixth-section .col-xs-6 {
padding-bottom: 15px !important;
width: 50% !important;
z-index: 1 !important;
}
.services-first-section .col-md-8 {
color: #ffffff !important;
margin-top: 75px !important;
}
.services-first-section .col-md-8 > h4 {
font-size: 28px !important;
text-align: center !important;
}
.services-first-section .col-md-8 > p {
font-size: 18px !important;
line-height: 25px !important;
text-align: justify !important;
}
.services-first-section .col-md-4 {
margin-bottom: 75px !important;
margin-top: 30px !important;
}
.col-md-offset-2.col-sm-offset-1.col-md-6.col-sm-7 {
width: 100% !important;
}
.services-second-section {
padding-bottom: 20px !important;
}
.ebook-section .col-md-1 {
display: none !important;
}
.ebook-section .col-md-12 {
margin-top: 0 !important;
}
.ebook-section .col-md-12 form {
text-align: center;
}
.ebook-section .col-md-12 form h4 {
display: block !important;
font-size: 30px !important;
margin-left: 15px !important;
margin-right: 15px !important;
margin-bottom: 15px !important;
}
.ebook-section .col-md-12 input {
text-align: center !important;
width: 100% !important;
}
.ebook-section .col-md-9 {
margin-bottom: 25px !important;
text-align: center !important;
width: 100% !important;
}
.ebook-section .col-md-12 form ::-webkit-input-placeholder {
font-size: 16px !important;
}
.ebook-section .col-md-12 form :-moz-placeholder { /* Firefox 18- */
font-size: 16px !important;
}
.ebook-section .col-md-12 form ::-moz-placeholder { /* Firefox 19+ */
font-size: 16px !important;
}
.ebook-section .col-md-12 form :-ms-input-placeholder {
font-size: 16px !important;
}
.ebook-section .col-md-12 form button {
width: 100% !important;
font-size: 18px !important;
}
.ebook-section div.row:nth-child(1) {
padding: 0 15px !important;
}
.ebook-section div.row:nth-child(2) {
padding: 0 15px !important;
}
.sixth-section div:nth-child(4) {
text-align: center !important;
}
.sixth-section .img-responsive img {
margin: 0 auto !important;
}
}
@media screen and (max-width: 732px) {
.third-section .col-md-12 h4 {
font-size: 22px !important;
margin-left: 15px !important;
margin-right: 15px !important;
}
}
@media screen and (max-width: 701px) {
.cw-second-section .col-md-6 h4 {
font-size: 25px !important;
}
}
@media screen and (max-width: 634px) {
.third-section .col-md-12 h4 {
font-size: 21px !important;
}
}
@media screen and (max-width: 613px) {
.wa-first-section .col-md-12 > h4 {
font-size: 22px !important;
}
.wa-first-section .col-md-12 > p {
font-size: 14px !important;
}
.wa-second-section .text-paragraph {
font-size: 14px !important;
}
}
@media screen and (max-width: 606px) {
.third-section .col-md-12 h4 {
font-size: 20px !important;
}
}
@media screen and (max-width: 595px) {
.graph-strategy-text h4 {
font-size: 16px !important;
}
}
@media screen and (max-width: 591px) {
.cw-first-section .col-md-8 > p {
font-size: 16px !important;
line-height: 26px !important;
}
.cw-first-section .col-md-8 > h5 {
font-size: 17px !important;
}
.ordered-list li {
font-size: 15px !important;
}
}
@media screen and (max-width: 590px) {
.wdm-second-section ul li {
line-height: 26px !important;
}
.wdm-second-section ul li::before {
line-height: 25px !important;
}
}
@media screen and (max-width: 580px) {
.lg-first-section .col-md-12 {
margin-bottom: 45px !important;
}
.lg-first-section .col-md-12 > h4 {
font-size: 23px !important;
}
.lg-first-section .col-md-12 > p {
font-size: 16px !important;
line-height: 24px !important;
margin-bottom: 20px !important;
}
.lg-chevron li::before {
line-height: 17px !important;
}
.lg-first-section li {
font-size: 15px !important;
}
.pp-section li {
font-size: 15px !important;
}
.lg-first-section ul {
margin-left: 20px !important;
}
.pp-section ul {
margin-left: 20px !important;
}
.margin-bottom {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 579px) {
.third-section .col-md-12 h4 {
font-size: 19px !important;
}
}
@media screen and (max-width: 568px) {
.cw-first-section .col-md-8 > h4 {
font-size: 26px !important;
}
}
@media screen and (max-width: 551px) {
.third-section-first-col h4 {
font-size: 23px !important;
margin-top: 24px !important;
}
.third-section-first-col h6 {
font-size: 16px !important;
}
.third-section-first-col ul {
font-size: 14px !important;
}
.third-section-first-col h3 {
margin-top: 25px !important;
font-size: 21px !important;
}
.third-section .col-md-12 h4 {
font-size: 18px !important;
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 541px) {
.second-section .col-md-8 > h4 {
font-size: 27px !important;
}
}
@media screen and (max-width: 524px) {
.third-section .col-md-12 h4 {
font-size: 17px !important;
}
}
@media screen and (max-width: 513px) {
.fourth-section {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
.fourth-section .col-md-12 h4 {
font-size: 23px !important;
}
}
@media screen and (max-width: 500px) {
.text-paragraph {
line-height: 21px !important;
}
}
@media screen and (max-width: 490px) {
.second-section .col-md-8 > h4 {
font-size: 24px !important;
}
}
@media screen and (max-width: 482px) {
.wdm-first-section .col-md-6 > h4 {
font-size: 24px !important;
}
.wdm-first-section .col-md-6 > p {
font-size: 15px !important;
line-height: 25px;
margin-bottom: 18px;
}
.wdm-first-section li {
font-size: 12px !important;
}
.graph-strategy-text h4 {
font-size: 14px !important;
}
}
@media screen and (max-width: 477px) {
.cw-second-section .col-md-6 h4 {
font-size: 22px !important;
}
}
@media screen and (max-width: 471px) {
.third-section {
padding: 15px 0 !important;
}
.graph-strategy-text h4 {
font-size: 13.5px !important;
}
}
@media screen and (max-width: 466px) {
.wa-first-section .col-md-12 > h4 {
font-size: 20px !important;
margin-bottom: 18px !important;
margin-top: 60px !important;
}
.wa-first-section .col-md-12 > p {
font-size: 10px !important;
margin-bottom: 10px;
}
.wa-first-section .col-md-12 > img {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 465px) {
.wdm-first-section .col-md-6 > h4 {
font-size: 23px !important;
}
}
@media screen and (max-width: 456px) {
.graph-strategy-text h4 {
font-size: 13px !important;
}
}
@media screen and (max-width: 455px) {
.third-section-first-col h6 {
font-size: 14px !important;
}
.third-section-first-col ul {
font-size: 12px !important;
}
.third-section-first-col h3 {
font-size: 19px !important;
}
.third-section-second-col > h5 {
font-size: 12px !important;
}
}
@media screen and (max-width: 452px) {
.col-1-space > h2 {
font-size: 35px !important;
}
.col-1-space > p {
font-size: 24px !important;
}
}
@media screen and (max-width: 447px) {
.wdm-first-section .col-md-6 > h4 {
font-size: 22px !important;
}
}
@media screen and (max-width: 444px) {
.services-first-section .col-md-8 > h4 {
font-size: 24px !important;
}
.services-first-section .col-md-8 > p {
font-size: 14px !important;
line-height: 19px !important;
}
}
@media screen and (max-width: 439px) {
.second-section .col-md-8 > h4 {
font-size: 21px !important;
}
}
@media screen and (max-width: 435px) {
.third-section-first-col ul {
padding-left: 14% !important;
}
}
@media screen and (max-width: 429px) {
.wa-first-section .col-md-12 > h4 {
font-size: 19px !important;
}
}
@media screen and (max-width: 427px) {
.rwa-section .col-md-8 {
margin-top: 40px !important;
}
.rwa-section .col-md-8 > h4 {
font-size: 23px !important;
}
.rwa-section .col-md-8 p {
font-size: 12px !important;
line-height: 18px !important;
}
.rwa-section ul {
margin-left: 15px;
}
.rwa-section li {
font-size: 11px !important;
}
.rpma-section li::before {
line-height: 14px !important;
}
.rwa-section li::before {
font-size: 11px;
line-height: 15px !important;
margin-right: 5px;
}
.rwa-section .registration-container {
width: 100% !important;
}
.rpma-section .col-md-8 {
margin-top: 40px !important;
}
.rpma-section .col-md-8 > h4 {
font-size: 23px !important;
}
.rpma-section .col-md-8 p {
font-size: 12px !important;
line-height: 18px !important;
}
.rpma-section ul {
margin-left: 15px;
}
.rpma-section li {
font-size: 11px !important;
}
.rpma-section i {
line-height: 12px !important;
}
.rpma-section .registration-container {
width: 100% !important;
}
.ebook-section .col-md-8 {
margin-top: 40px !important;
}
.ebook-section .col-md-8 > h4 {
font-size: 23px !important;
}
.ebook-section .col-md-8 p {
font-size: 12px !important;
line-height: 18px !important;
}
.ebook-section ul {
margin-left: 15px;
}
.ebook-section li {
font-size: 11px !important;
}
.ebook-section li::before {
line-height: 17px !important;
}
.ebook-section .registration-ebook-container {
width: 100% !important;
}
}
@media screen and (max-width: 425px) {
.cw-second-section .col-md-6 h4 {
font-size: 19px !important;
}
}
@media screen and (max-width: 423px) {
.lg-first-section .col-md-12 > h4 {
font-size: 18px !important;
}
.lg-first-section .col-md-12 > p {
font-size: 13px !important;
}
.lg-first-section li {
font-size: 12px !important;
}
.pp-section li {
font-size: 12px !important;
}
.lg-chevron li::before {
line-height: 14px !important;
}
}
@media screen and (max-width: 419px) {
.wa-second-section .text-paragraph {
font-size: 9px !important;
font-size: 13px !important;
}
}
@media screen and (max-width: 414px) {
.third-section-first-col ul {
padding-left: 11% !important;
}
}
@media screen and (max-width: 395px) {
.third-section-first-col h3 {
font-size: 18px !important;
}
}
@media screen and (max-width: 388px) {
.second-section .col-md-8 > h4 {
font-size: 20px !important;
}
.third-section-first-col h4 {
font-size: 21px !important;
}
.third-section-first-col h6 {
font-size: 13px !important;
}
.third-section-first-col ul {
font-size: 11px !important;
}
.third-section-first-col h3 {
font-size: 16px !important;
}
}
@media screen and (max-width: 386px) {
.ebook-section .col-md-9 h4 {
font-size: 23px !important;
}
}@media screen and (max-width: 380px) {
.text-container > p {
font-size: 20px !important;
}
.second-section .col-md-8 > h4 {
font-size: 16px !important;
}
.second-section .col-md-8 > p {
font-size: 13px !important;
}
}
@media screen and (max-width: 369px) {
.cw-second-section .col-md-6 h4 {
font-size: 17px !important;
margin: 25px 0 !important;
}
}
@media screen and (max-width: 360px) {
.sixth-section {
height: auto !important;
}
.third-section-first-col h4 {
font-size: 18px !important;
margin-top: 15px !important;
}
.third-section-first-col h6 {
font-size: 11px !important;
margin-top: -15px !important;
}
.third-section-first-col ul {
font-size: 10px !important;
padding-left: 13% !important;
}
.third-section-first-col h3 {
margin-top: 19px !important;
font-size: 14px !important;
}
.third-section-second-col > h5 {
font-size: 11px !important;
}
.third-section .col-md-12 h4 {
font-size: 17px !important;
margin-bottom: 20px !important;
}
.fifth-section h5 {
padding-bottom: 10px !important;
}
.sixth-section {
padding-top: 10px !important;
}
footer h5 {
line-height: 20px !important;
padding-top: 24px !important;
font-size: 11px !important;
}
}
@media screen and (max-width: 355px) {
.fourth-section .col-md-12 h4 {
font-size: 20px !important;
margin-bottom: 10px;
}
}
@media screen and (max-width: 353px) {
.registration-ebook-container button {
width: 100% !important;
}
}
@media screen and (max-width: 342px) {
.breadcrumb li {
font-size: 11px !important;
}
}
@media screen and (max-width: 340px) {
.col-1-space > p {
font-size: 19px !important;
}
.second-section .col-md-8 > h4 {
font-size: 14px !important;
}
.second-section .col-md-8 > p {
font-size: 11px !important;
}
}
@media screen and (max-width: 334px) {
.cw-second-section .col-md-6 h4 {
font-size: 16px !important;
}
}
@media screen and (max-width: 320px) {
.header-nav {
height: 95px !important;
}
.navbar-header {
height: 93px !important;
}
.navbar-toggle {
margin-top: 30px !important;
}
.navbar-brand img {
width: 131px !important;
height: auto !important;
}
.col-1-space > h2 {
font-size: 34px !important;
}
hr {
margin: 0 auto !important;
}
.third-section .col-md-12 h4 {
font-size: 13px !important;
}
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}