/* only define template page layout styles here. */
/* any formatting/content styles should be put in 'content.css' */
* {
    outline:none;
}

.primary-color {
    background:#398bc5;
    color:#FFF;
}

html {

}

body {

}

/***********************************  Fontface  ********************************************/
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin/roboto-thin-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin/roboto-thin-webfont.html') format('woff2'),
         url('../fonts/roboto-thin/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto-thin/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light/roboto-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light/roboto-light-webfont.html') format('woff2'),
         url('../fonts/roboto-light/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black/roboto-black-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black/roboto-black-webfont.html') format('woff2'),
         url('../fonts/roboto-black/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yanone_kaffeesatzlight';
    src: url('../fonts/yanonekaffeesatz-light/yanonekaffeesatz-light-webfont.eot');
    src: url('../fonts/yanonekaffeesatz-light/yanonekaffeesatz-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yanonekaffeesatz-light/yanonekaffeesatz-light-webfont.html') format('woff2'),
         url('../fonts/yanonekaffeesatz-light/yanonekaffeesatz-light-webfont.woff') format('woff'),
         url('../fonts/yanonekaffeesatz-light/yanonekaffeesatz-light-webfont.svg#yanone_kaffeesatzlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold/roboto-bold-webfont.eot');
    src: url('../fonts/Roboto-Bold/roboto-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold/roboto-bold-webfont.html') format('woff2'),
         url('../fonts/Roboto-Bold/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular/roboto-regular-webfont.eot');
    src: url('../fonts/Roboto-Regular/roboto-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular/roboto-regular-webfont.html') format('woff2'),
         url('../fonts/Roboto-Regular/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#top_bar { background: #0f0f0f; padding:15px 0 17px 0;}
#header_right { float: right;}
#icon_right { float:left;}

#address_link { float: left;}
#address_link p { color: #fff; font-family: 'robotobold';  margin-bottom: 0; letter-spacing: 1px; font-size:14px;}
#address_link a { color: #fff; font-family: 'robotobold'; font-size: 15px; text-decoration: none; line-height: 22px;}
#address_link span { padding:0 10px;}
#address_link a:hover { color: #abddf6; }

#header_login { float:left;}
#header_login p { margin: 0; color: #fff;}
#header_login a { color: #fff; font-family: 'robotobold'; font-size: 15px; text-decoration: none; line-height: 22px; margin:0 10px; display:inline-block; vertical-align:middle; text-transform:uppercase;}
#header_login a:hover { color: #34a7dc;}

#social_icon  { float:left; padding-left:20px;}
#social_icon img {
    max-width: 27px;
    height: auto;
    margin-right: 5px;
}

#header_search { float:left; padding-left: 15px; position:relative;}
#header_search a#search_icon { background: url(../images/search.png) no-repeat 0px 6px; font-size:0; width:15px; height:22px; vertical-align:top; display:block;}
#header_search #search_form { display: none; position:absolute; top:47px; right:0; width:300px; background:#151515; border-top:4px solid #28a7e8;}
#header_search input[type="text"], #header_search input[type="search"] { border:none; height:47px; padding:0 15px; color:#fff; font-style:italic; width:100%; background:none;}

#logo { padding: 0 0 35px 0;}
#logo a { display:inline-block; vertical-align:top;}

/***************************************** Header *********************************************************/

#header { text-align: center; background: #ffffff; padding: 00px 0 0 0;}
#menu { padding: 0 0 30px 0; text-align: center;}
.nav > li > a:hover, .nav > li > a:focus { background:none;}
.navbar { margin: 0; min-height: inherit; border: none; display:inline-block;}

/***************************************   Banner ******************************************/

#banner { background: #000 url(../images/banner.png); background-size: cover; border-top: 4px solid #28a7e8; text-align: center; padding: 250px 0 300px 0;}
#banner_content { padding: 0 156px;}

#banner h1 { font-family: 'robotothin'; font-size: 86px; line-height: 80px; color: #fefefe; text-transform: uppercase; margin-bottom:30px;}
#banner h1 strong { font-family: 'robotoblack'; font-weight:normal;}
#banner hr { margin: 0 auto 30px auto; max-width:120px;}
#banner p { font-family: 'robotolight'; color: #fff; margin: 0 0 45px 0;}
#banner a.learn_more{ height: 58px; line-height: 58px; display: inline-block; padding: 0 48px 0 30px; color: #fff; text-transform: uppercase; border: 2px solid #98a3a8; font-family: 'yanone_kaffeesatzlight'; font-size: 19px; letter-spacing: 3px; background: url(../images/arrow1.png) no-repeat 140px 27px; text-decoration: none;}
#banner a.learn_more:hover { color: #34a7dc; background-image: url(../images/banner_arrow.png);}

/********************************************* Subblock1 Section *****************************************/

.case_studies { padding: 0 40px; background: #212121; margin: 0 -15px;}

#peer_content_outer { position: absolute; bottom: 14px; left: 0px; padding: 0 26px; width:100%;}
#peer_content { background: url(../images/trasnpt_bg.png) repeat; padding: 29px 47px 19px 25px;}

#peer_to_peer_section { margin: 0 -15px; position:relative; background:url(../images/peer_img.png) no-repeat center; background-size:cover;}
#access_leo_section { background: #212121; padding: 36px 90px 60px 40px;}
#access_to_giles { background: #ededed; padding: 36px 90px 30px 40px;}
#case_study_graph { padding: 0px 0 0 0;}

h2.title { font-size: 47px; line-height: 55px; margin: 0px; color: #fefefe; font-family: 'robotothin'; text-transform: uppercase; margin-bottom: 9px; background:url(../images/title_bottom_line.png) no-repeat left bottom; padding-bottom:20px;}
h2.title strong { font-family: 'robotoblack'; font-weight: normal;}

#subblock_section p {  margin:0px; color: #fffffe; padding: 5px 0 0 0; margin-bottom: 20px;}
a.learn_more { text-transform: uppercase; font-size: 19px; line-height: 25px; color: #fff; font-family: 'yanone_kaffeesatzlight'; background: url(../images/arrow.png) no-repeat 110px 6px; padding-right: 39px; letter-spacing:3px;}

a.learn_more:hover { background: url(../images/banner_arrow.png) no-repeat 110px 6px; color: #34a7dc; text-decoration: none;}

/***************  Case Studies  *******************/

.case_studies h2.title { padding-top:92px;}
.case_studies img { margin-bottom:77px;}

#peer_content h2.title { font-size: 42px; line-height: 55px; margin-bottom: 12px; background:none;}

#access_to_giles h2.title { color: #212121; background:url(../images/access_bottom_line.png) no-repeat left bottom; padding-bottom:20px;}
#access_to_giles p { color: #212121;}
#access_to_giles a.learn_more { color: #212121; background-image: url(../images/access_arrow.png);}
#access_to_giles a.learn_more:hover { background-image: url(../images/banner_arrow.png); color: #34a7dc; text-decoration: none;}

/*********************************************** Subblock2 **************************************************/

#ladder_section { background: #3f3f3f; padding: 45px 20px 0 0; position:relative;}
#ladder_content { position: absolute; top:50%; left: 40px; z-index: 999; margin-top:-82px;}
#sub_section { padding: 104px 64px 90px 40px; background: #ededed; }
#personal_coach_section { margin: 0 -15px; background:url(../images/personal_coach_img.png) no-repeat center; background-size:cover; position:relative;}
#personal_content { background: url(../images/trasnpt_bg.png) repeat; margin: 0 0 0 22px; width: 46%; padding: 29px 25px 19px 25px; position:absolute; top:200px; left:0px;}

#ladder_section img { float: right; position: relative;}
#ladder_section h2 { background:none;}
#sub_section h2.title { color: #212121; background:none;}
#sub_section a.learn_more { color: #212121; background: url(../images/access_arrow.png) no-repeat 110px 6px;}
#sub_section a.learn_more:hover { background: url(../images/banner_arrow.png) no-repeat 110px 6px; color: #34a7dc; text-decoration: none;}

#personal_coach_section img { position: relative;}

/*********************************************** Subblock3 **************************************************/

#pricemetrix_section { margin: 0 -15px; background:url(../images/pricemetrix_img.png) no-repeat center; background-size:cover; position:relative;}
#pricemetrix_content_outer { position: absolute; bottom: 26px; left: 0px; z-index: 999; padding: 0 24px; width:100%;}
#pricemetrix_content { background: url(../images/trasnpt_bg.png) repeat; padding: 29px 47px 19px 25px;}

.articulation_section {  background: #212121; padding: 110px 55px 110px 40px;}
.predicting_section { padding: 0px 0px 0px 0px; background: #ededed; }
#time_out_section { background: #33a6dd; padding:0px 40px; margin: 0 -15px;}

#pricemetrix_section img { position: relative;}
.articulation_section h2 { background:none;}

.predicting_section h2.title { color: #212121; background:none; font-size: 46px;}
.predicting_section a.learn_more { color: #212121; background: url(../images/access_arrow.png) no-repeat 110px 6px;}
.predicting_section a.learn_more:hover { background: url(../images/banner_arrow.png) no-repeat 110px 6px; color: #34a7dc; text-decoration: none;}
#time_out_section h2 { padding-bottom: 37px; margin: 0px; padding-top: 50px; background:none;}
#time_out_section ul li { list-style: none; font-family: 'robotolight'; font-size: 16px; line-height: 28px; margin: 0px; color: #fffffe; padding: 0 0px 0 60px; position: relative; margin-bottom:15px; min-height: 40px;}
#time_out_section ul li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; overflow: hidden; }

span.count { font-family: 'robotoblack'; font-size: 23px; line-height: 23px; width:38px; height: 38px; border-radius: 30px; background: #fff; color: #33a6dd; display: inline-block; text-align: center; padding: 7px 0; position: absolute; top: 0px; left: 0px;}
#time_out_section a.learn_more { margin-bottom:20px; display:inline-block;}
#time_out_section a.learn_more:hover { color: #07435f; background: url(../images/access_arrow.png) no-repeat 110px 6px;}

/********************************************* Subblock4 ********************************************/

.sabbatical_content { position: absolute; z-index: 999; bottom: 32%; left: 0px; background: url(../images/trasnpt_bg.png) repeat; margin: 0 24px; padding: 29px 47px 19px 25px; width: 45%;}
#sabbatical_section { margin: 0 -18px; background:url(../images/sabbatical_img.png) no-repeat center; background-size:cover;}
.speak_section {  background: #3f3f3f; }
.speak_content { position: relative;  padding: 66px 30px 132px 56px;}

#sabbatical_section img { position: relative;}

.sabbatical_content p { width: 327px;}

.speak_section img { float: right; position: absolute; bottom: 15px; right: 43px; z-index: 999;}
.speak_content h2 { background:none;}

/******************************************* Subblock5 ************************************************/

#crm_section { background: #ededed; padding: 0 50px; margin: 0 -15px;}
#best_section { margin: 0 -15px; background:url(../images/best_img.png) no-repeat center; background-size:cover;}
#crm_content { padding: 34px 0 50px 0;}
#g_g_content { position: absolute; z-index: 999; bottom: 44%; left: 0px; background: url(../images/trasnpt_bg.png) repeat; margin: 0 24px; padding: 29px 86px 19px 25px; width: 45%;}

#crm_section img { margin-top:150px;}

#crm_content h2 { color: #212121; background:url(../images/access_bottom_line.png) no-repeat left bottom; padding-bottom:20px;}
#crm_content p { color: #212121;}
#crm_content a.learn_more { color: #212121; background: url(../images/access_arrow.png) no-repeat 110px 6px;}
#crm_content a.learn_more:hover { color: #34a7dc; background: url(../images/banner_arrow.png) no-repeat 110px 6px;}

#best_section img { position: relative;}
#g_g_content h2 { background:none;}


/******************************************* Mainbody ************************************************/

#mainbody_section {
    background: #fff;
    padding: 70px 0;
}
#mainbody_section h1 {
    color: #212121;
    font-size: 49px;
    line-height: 55px;
    margin: 0px;
    font-family: 'robotothin';
    text-transform: uppercase;
    margin-bottom: 9px;
    text-align: center;
    background: url(../images/title_bottom_lineh1.png) no-repeat center bottom;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
#mainbody_section h1 span, #mainbody_section h1 strong {
    font-family: 'robotobold';
}

#mainbody_section h2 {
    font-size: 23px;
    font-family: 'robotobold';
    text-transform: uppercase;
    color: #33a6dd;
    letter-spacing: 1px;
}

#mainbody_section p.lead {
    font-size: 18px;
    line-height: 30px;
    font-family: 'robotobold';
}

#mainbody_section strong {
    font-family: 'robotoregular';
}

#mainbody_section h3 span {
    font-family: 'robotoregular';
    font-size: 18px;
    margin-top: 24px;
    display: block;
}

/**************************************** Footer **************************************************************/

#footer { background: #212121; text-align: center; padding: 100px 0 130px 0;}
#footer_bottom { background: #0f0f0f; padding: 45px 0 37px 0;}
#footer_logo { margin-bottom: 50px ;}

#footer_right { float:right;}
#footer_right #social_icon { float:right;}

#access_outer { background: #ededed; margin:0 -15px;}
#ladder_outer { background: #ededed; margin:0 -15px;}
#arti_outer { background: #ededed; margin:0 -15px;}
#speak_outer { background: #3F3F3F; margin:0 -15px;}

p#copy_right { font-family: 'robotoregular'; float: left; color: #fff; margin:0;}

#footer_login {float: right;}
#footer_login p { margin:0; color: #fff;}
#footer_login a{ color: #fff; font-family: 'robotobold'; font-size: 16px; text-decoration: none; line-height: 22px; text-transform: uppercase; padding: 0 7px;}
#footer_login  a:hover { color: #34a7dc;}
#footer_login span { padding:0px 10px; color:#fff;}

span.author {
    text-transform: uppercase;
    color: #484848;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 16px;
    display: block;
}

span.author a {
    color: #484848;
}

.catalog-list-item-price table td:nth-child(2):before {
    content: 'USD ';
}
.catalog-list-item-price table td:nth-child(2):after {
    content: ' EA.';
}

.add-to-cart {
    margin-top: 6px;
}

.navbar li span{
    font-size: 10px;
    margin-top: -5px;
    margin-left: 1px;
    position: absolute;
}


/******************************* Responsive *****************************/

@media (min-width: 992px) and (max-width: 1199px) {
    #banner { padding:200px 0;}
    #banner h1 { font-size: 68px;}
    p { line-height:25px;}
    .case_studies h2.title { padding-top: 30px;}
    #address_link { margin-right: -65px;}
    #access_to_giles{ padding: 20px;}
    #access_to_giles h2 { font-size:30px; line-height:36px;}
    #access_leo_section { padding: 20px;}
    #access_leo_section h2 { font-size:30px; line-height:36px;}
    #access_leo_section br { display:none;}
    #access_to_giles br { display:none;}
    .case_studies { padding: 0 20px 0 40px;}
    h2.title { font-size: 35px; line-height: 42px; padding-bottom:15px; margin-bottom:15px;}
    #peer_content{ bottom: 0; padding:30px; width:100%; margin:0;}
    #peer_content h2.title { font-size: 35px; line-height: 42px;}
    #ladder_section{ padding: 66px 10px 0px 56px; min-height: 316px;}
    .sub_section { padding:30px;}
    #personal_content {}
    #time_out_section { padding:0 20px ;}
    .predicting_section { padding:30px;}
    #time_out_section h2 { padding:20px 0 20px; font-size:26px; line-height:32px;}
    #time_out_section h2.title br { display:none;}
    #time_out_section h2 strong { padding-left:5px;}
    #pricemetrix_content { padding:30px; bottom:0; margin:0;}
    .articulation_section { padding:40px;}
    .speak_content { padding:40px;}
    .speak_section img { max-width:100px;}
    .sabbatical_content { bottom:30px;}
    #ladder_section img{ max-width:50%;}
    span.count { font-size: 15px; line-height: 10px; width: 25px; height: 25px;}
    #time_out_section ul li { font-size: 16px; line-height: 23px;padding: 0 0px 10px 40px; }
    .predicting_section h2.title { font-size: 35px; line-height:42px;}
    #crm_section img { margin-top: 50px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    p { font-size:15px; line-height:22px;}
    #social_icon { margin-top:5px;}
    #header_search input[type="search"]{ height: 40px; line-height: 40px; width: 235px;}
    #banner { padding:100px 0;}
    .case_studies { padding:0 20px;}
    .case_studies h2.title { padding-top:20px;}
    h2.title { font-size:24px; line-height:30px; padding-bottom:10px;}
    h2.title br { display:none;}
    h2.title strong { padding-left:5px;}
    #access_leo_section{ padding:15px 10px;}
    #access_to_giles{ padding:15px 10px;}
    #peer_content h2.title{ font-size:24px; line-height:30px;}
    #peer_content { padding:20px; margin:0; bottom:0;}
    #access_to_giles h2.title { padding-bottom:10px;}
    #ladder_section { padding: 70px 16px 0 10px; min-height: 226px;}
    #ladder_section img { max-width: 36%;}
    #ladder_content h2 strong { padding-left:5px;}
    #ladder_content{ top:86%;}
    .sub_section{ padding:20px;}
    .sub_section h2 strong { padding-left:5px;}
    #personal_content { width: 75%; top: 150px;}
    #pricemetrix_content_outer { padding: 0 12px;}
    .predicting_section h2.title { font-size:24px; line-height:30px;}
    #time_out_section { padding:0 0 0 10px;}
    span.count{ font-size: 14px; line-height: 4px; width: 18px; height: 18px;}
    #time_out_section h2 { padding:20px 0 8px;}
    #time_out_section ul li  { font-size: 13px; line-height: 18px; padding: 0 0px 8px 30px;}
    .articulation_section { padding:20px;}
    .predicting_section { padding:20px;}
    #time_out_section h2 { font-size:20px;}
    .predicting_section h2.title br { display:block;}
    #pricemetrix_content h2.title br { display:block;}
    #pricemetrix_content { margin:0; bottom:0; padding:20px;}
    .speak_content { padding:20px;}
    .speak_section img { max-width:44px;}
    .sabbatical_content { bottom:30px;}
    #crm_section { padding:0 20px;}
    #crm_section img { margin-top: 20px;}
    #access_to_giles p { padding:0; margin-bottom:10px; line-height:20px;}
    #access_leo_section p { padding:0; margin-bottom:10px; line-height:20px;}
    #banner_content { padding:0px;}
    #banner h1 { font-size: 73px;}
    .pf-cssmenu-footermenu a:link, .pf-cssmenu-footermenu a:visited { font-size: 26px; line-height: 35px;}
    .pf-cssmenu-footermenu li.lev1 { margin-bottom: 8px;}
}
@media (max-width: 767px) {
    #icon_right { float:right;}
    #icon_right #social_icon { float:left;}
    #header_right { float:none;}
    #header_login { float:left;}
    #social_icon { float:right; margin-top:5px;}
    #header_search { padding-left: 10px;}
    #header_search form { width:20px;}
    #header_login a { font-size:18px; margin: 0 4px;}
    #header_login span { padding:0 20px;}
    #menu { float:none; clear:left; padding:0px;}
    #logo { float:left;}
    #address_link { float:none; background:#28A7E8; display:block; margin:0 -15px;}
    #address_link p  { height:50px; line-height:50px; letter-spacing: 1px;}
    #banner { padding:50px 0;}
    #banner h1{ font-size:55px; line-height:60px;}
    #banner h1 span { display:block;}
    #banner h1 hr { background: #fff; width: 100px; margin: 30px auto; height:2px;}
    #banner p { padding:0;}
    #mainbody_section h1 { font-size: 40px; line-height: 44px;}
    .case_studies { padding: 50px 10px; margin:0; height:auto !important;}
    .case_studies img { margin-bottom:0px;}
    #peer_content_outer { padding:0px; bottom:0px; position:static;}
    #peer_to_peer_section { height:auto !important; padding:400px 0 0 0;}
    #subblock_section p { font-size: 16px; line-height: 24px;}
    a.learn_more { background: url(../images/arrow.png) no-repeat 100px 6px; letter-spacing:2px;}
    #peer_content { bottom: 0; margin:0; padding:30px; width:100%;}
    #subblock_section p { padding:10px 0 0 0;}
    #access_to_giles { padding: 35px;}
    .sub_section { display:none;}
    #access_to_giles a.learn_more{ background: url(../images/access_arrow.png) no-repeat 100px 6px;}
    #pricemetrix_content{ padding: 30px; width: 100%; margin:0; bottom:0;}
    #articulation_section { padding: 100px 30px;}
    h2.title { font-size: 60px; line-height: 65px;}
    .predicting_section { padding:80px 30px;}
    .predicting_section a.learn_more{ background: url(../images/access_arrow.png) no-repeat 100px 6px;}
    #time_out_section{ padding: 30px; max-height: 300px;}
    #time_out_content { display:none;}
    .sabbatical_content{ padding:30px; position:static; margin:0px; width:auto;}
    .sabbatical_content h2.title { font-size:40px; line-height:44px;}
    .articulation_section { padding:100px 30px;}
    .speak_content { padding:100px 30px 130px;}
    .speak_section img { bottom: 30px; right: 40px; z-index: 999; max-width: 100px;}
    #g_g_content { padding:30px; position:static; margin:0px; width:auto;}
    #footer_login { float:left; margin-top: 6px;}
    p#copy_right { text-align:center; padding-top:20px; float:none;}
    #best_section { margin: 0 -15px 0 -15px; height:auto !important; padding:400px 0 0 0;}
    #sabbatical_section { margin: 0 -15px 0 -15px; height:auto !important; padding:400px 0 0 0;}
    .pf-cssmenu-footermenu li.lev1 { margin-bottom: 10px;}
    .sabbatical_content p { width:100%;}
    #access_leo_section { padding:35px 35px 60px 35px;}
    h2.title { font-size:45px; line-height:50px;}
    #crm_section { padding:0 30px;}
    #crm_section img { margin-top: 30px;}
    #banner_content { padding:0px;}
    .case_studies h2.title { padding-top:0px;}
    #pricemetrix_section { height:auto !important; padding:400px 0 0 0;}
    #pricemetrix_content_outer { padding:0px; position:static;}
    #arti_outer { height:auto !important;}
    #speak_outer { height:auto !important;}
    #footer_logo { text-align:center;}
    #footer_logo a { display:inline-block; vertical-align:top; max-width:200px;}
    #footer { padding:100px 0 46px 0;}
    .pf-cssmenu-footermenu a:link, .pf-cssmenu-footermenu a:visited { font-size: 23px; line-height: 36px;}
    #footer_right { float:none; padding:0 10px;}
    #social_icon {}
    #header_search a#search_icon { background:url(../images/search_icon_mob.png) no-repeat; width:37px; height:36px; margin:0 0 0 15px;}
    #header_search #search_form { top: 58px; z-index: 100000;}
    #ladder_outer { height:auto !important;}
    #sub_section { padding: 50px 35px;}
    #personal_coach_section { height:auto !important; padding:400px 0 0 0;}
    #personal_content { position:static; width:auto; margin:0px;}


    /*************************  Nav  ********************************/

    .navbar { background:none; margin:0 -15px; display:block;}
    .navbar-brand { display:none !important;}
    .navbar-header { border:none;}
    .navbar-toggle { border:none; background:none; padding:0; margin:-90px 30px 0 0;}
    .navbar-toggle .icon-bar { width: 40px; height: 6px; background:#fff;}
    .navbar-toggle .icon-bar + .icon-bar { margin-top:5px;}
    .navbar-header {/*  border-bottom:1px solid #6e7c6f; */}
    .navbar-brand { font-size: 19px; color:#fff; padding: 13px 19px; height: auto; font-weight:bold;}
    .navbar-brand:hover, .navbar-brand:focus { color:#fff; }

    .navbar-toggle:hover {}

    .navbar-collapse { padding:0px; box-shadow:none;}
    .navbar .pf-cssmenu-mainmenu { float:none; border:none; padding:0px;}
    .pf-cssmenu-mainmenu li.lev1 { float:none; background:none;}
    .pf-cssmenu-mainmenu {/* background:#005528;*/}
    .pf-cssmenu-mainmenu a.item-on { background:#fff; color:#fff;}
    .pf-cssmenu-mainmenu li.lev1 { height:inherit; margin-right:0px; display:block; text-align:left; padding:0px;}
    .pf-cssmenu-mainmenu a:link, .pf-cssmenu-mainmenu a:visited { border:none; border-top:1px solid #333; border-bottom:1px solid #020202; height:42px; line-height:42px; font-weight:normal; color:#fff; background:#212121; font-size:15px; padding: 0px 20px; font-family:'robotolight'; letter-spacing:1px;}
    .pf-cssmenu-mainmenu a:hover, .pf-cssmenu-mainmenu li:hover > a, .pf-cssmenu-mainmenu a:active { background:#28A7E8; color:#fff;}
    .nav > li > a:hover, .nav > li:hover > a, .nav > li > a:focus { background:#28A7E8; color:#efe2d2;}
    .pf-cssmenu-mainmenu li.lev1.first a { padding-left:20px;}

    .pf-cssmenu-mainmenu li.lev1 li { width:100%; border:none;}
    .pf-cssmenu-mainmenu { overflow:hidden;}

    .pf-cssmenu-mainmenu li:hover > ul { position:relative; top:0px; overflow:hidden; padding-top:0px; border:none;}
    .pf-cssmenu-mainmenu ul { background:none; padding-bottom:0px; border:none;}
    .pf-cssmenu-mainmenu .lev2 a:link, .pf-cssmenu-mainmenu .lev2 a:visited { padding:0 50px; background:#212121; border-top:1px solid #333; border-bottom:1px solid #020202; font-size:15px; height:42px; line-height:42px;}
    .pf-cssmenu-mainmenu .lev2 a:hover, .pf-cssmenu-mainmenu .lev2 a:active { background: #28A7E8; color:#fff;}
}
@media (max-width: 480px) {
    #header { padding: 30px 0 0 0;}
    #header_login span { padding: 0 12px;}
    #social_icon { margin-top:0;}
    #logo a { max-width:150px;}
    .navbar-toggle { margin: -62px 5px 0 0;}
    #address_link p { font-size:14px; font-family: 'robotoregular'; height:40px; line-height:40px; letter-spacing:0;}
    #address_link a { font-size:14px; font-family: 'robotoregular'; }
    #menu { margin-top:-84px; width: 100%;}
    #banner { border:none;}
    #banner h1 { font-size: 45px;line-height: 50px;}
    #banner h1 hr { margin: 22px auto;}
    #peer_content h2.title { font-size: 39px;line-height: 44px;}
    #access_leo_section { padding: 50px 20px;}
    h2.title { font-size: 48px; line-height: 50px;}
    #pricemetrix_content h2.title { font-size: 42px; line-height:46px;}
    .articulation_section h2.title { font-size: 40px; line-height: 44px;}
    .articulation_section { padding: 100px 20px;}
    .predicting_section { padding: 100px 20px;}
    .predicting_section h2.title { font-size: 40px; line-height: 44px;}
    #time_out_section h2 { font-size: 40px; line-height: 44px;}
    .speak_content { padding: 50px 20px 130px;}
    .speak_content h2.title { font-size: 40px; line-height: 44px;}
    #g_g_content h2.title { font-size: 40px; line-height: 44px;}
    #crm_section  { padding:90px 20px;}
    #crm_section img { margin-left:0;}
    #footer_logo a { display:inline-block; max-width:200px;}
    #footer_menu ul li a { font-size: 25px; line-height: 32px;}
    #footer_logo { margin-bottom: 25px;}
    #footer { padding:60px 0;}
    .navbar ul { padding-top:30px;}
    #header_login a { font-size: 14px;}
    #footer_login { margin-top:0px;}
}
@media (max-width: 400px) {

}