/****************************************************************
Custom Style Sheet by Independent Development Inc

Colors
*****************************************************************/

/****************************************************************
Overall Template
*****************************************************************/
html
{
width:100vw;
max-width:100vw;
overflow-x: hidden;
}
body
{
font-family: 'Inter', sans-serif;
background-color:#fff;
margin:0;
padding:0;
position:relative;
z-index:1000;
font-size:16px;
line-height:22px;
letter-spacing:0;
font-weight:500;
width:100vw;
max-width:100vw;
overflow-x: hidden;
}
div
{
width:100%;
padding:0;
margin:0;
display:inline-block;
text-align:center;
position:relative;
}
div.inner-wrap
{
float:none;
margin: 0 auto;
max-width:1312px;
}
.alignfull
{
margin-left: calc( -100vw / 2 + 100% / 2 ) !important;
margin-right: calc( -100vw / 2 + 100% / 2 ) !important;
width: 100vw !important;
max-width: 100vw !important;
}
.light-grey-bg
{
background:#F5F7F7;
}
/****************************************************************
Typography
*****************************************************************/
h1
{
font-size:68px;
line-height:74px;
letter-spacing:-1px;
font-weight:600;
}
h2
{
font-size:42px;
line-height:50px;
letter-spacing:-1px;
font-weight:300;
}
h3
{
font-size:28px;
line-height:34px;
letter-spacing:-1px;
font-weight:600;
}
h4
{
font-size:24px;
line-height:30px;
letter-spacing:-1px;
font-weight:500;
}
h5
{
font-size:20px;
line-height:26px;
letter-spacing:-1px;
font-weight:600;
}
h6
{
}
p
{
font-size:16px;
line-height:22px;
letter-spacing:0;
font-weight:500;
}
ul, ol
{
}
ul li, ol li
{
font-size:16px;
line-height:22px;
letter-spacing:0;
font-weight:500;
}
input,button,select,textarea
{
font-family:inherit;
font-size:inherit;
line-height:inherit;
}
a
{
text-decoration:none;
color: inherit;
}
a:hover,a:focus
{
color: inherit;
text-decoration:none;
}
a.callout-button
{
border:solid 2px;
padding:4px 14px;
font-size:14px;
line-height:17px;
}
strong.not-strong
{
font-weight:300 !important;
}
#main-content-section a.callout-button
{
border:solid 2px #000;
color:#000;
}
a.callout-button:hover, #main-content-section a.callout-button:hover
{
border:solid 2px #3C3C3C;
background-color:#3C3C3C !important;
color:#fff;
}
a.callout-button.callout-arrow.white-arrow.arrow-right
{
padding:4px 28px 4px 14px;
background:url(../images/white-arrow-right.png) no-repeat;
background-position:95% 50%;
}
a.callout-button.callout-arrow.black-arrow.arrow-right
{
padding:4px 28px 4px 14px;
background:url(../images/black-arrow-right.png) no-repeat;
background-position:95% 50%;
} 
a:hover,a:focus
{
color: inherit;
text-decoration:none;
}
button
{
border:solid 2px;
padding:4px 14px;
font-size:14px;
line-height:17px;
background:#fff;
padding:4px 28px 4px 14px;
background:url(../images/black-arrow-right.png) no-repeat;
background-position:95% 50%;
}
input[type=text], input[type=email], input[type=password], input[type=address]
{
border:solid 2px;
padding:4px 14px;
font-size:14px;
line-height:17px;
background:#fff;
}
/****************************************************************
Logo Area
*****************************************************************/

/****************************************************************
Main Menu Area
*****************************************************************/
div.inner-wrap.header-wrap
{
border-bottom:2px solid #222;
}
div.inner-wrap.header-wrap.upper-level
{
border-bottom:2px solid #fff;
}
div.inner-wrap.header-wrap.lower-level
{
padding-top:90px;
padding-bottom:90px;
}
div.inner-wrap.header-wrap.lowest-level
{
padding-top:0px;
padding-bottom:60px;
}
div.main-logo img
{
max-width: 35px;
margin-top: 10px;
}
div#main-menu-button img
{
margin-top: 21px;
margin-left: 20px;
cursor:pointer;
}
div#main-menu-button.main-menu-open img
{
margin-top: 21px;
margin-left: 19px;
margin-right:6px;
}
#main-menu-display
{
display:none;
background:#222;
color:#fff;
}
#main-menu-display ul
{
display:inline-block;
}
#main-menu-display ul li
{
color:#fff;
display:inline-block;
border-bottom:2px #222;
width:100%;
}
#main-menu-display ul li a
{
color:#fff;
font-size:28px;
line-height:40px;
font-weight:600;
text-transform:capitalize;
display:inline-block;
}
#main-menu-display ul li:hover
{
border-bottom:2px #fff;
}
div.main-header
{
text-align:center;
position:fixed;
top:0;
left:0;
z-index:10000;
background:#fff;
}
div#main-menu-display
{
text-align:center;
position:fixed;
top:0;
left:0;
z-index:10001;
}
div#main-menu-display ul li, div#main-menu-display ol li
{
margin:0;
padding:0;
list-style-type:none;
}
div#main-menu-display ul, div#main-menu-display ol
{
margin:0;
padding:0;
list-style-type:none;
}
div.main-menu-left
{
width:25%;
float:left;
text-align:left;
}
div.main-menu-middle-left
{
width:25%;
float:left;
text-align:left;
}
div.main-menu-middle-right
{
width:25%;
float:left;
text-align:left;
}
div.main-menu-right
{
width:25%;
float:left;
text-align:left;
}
div.inner-wrap.header-wrap
{
text-align:left;
}
div.header-left
{
width:auto;
float:left;
}
div.header-right
{
width:auto;
float:right;
}
div.main-menu-button
{
width:auto;
float:right;
}
div.login-button
{
width:auto;
float:right;
margin-top:20px;
margin-bottom:20px;
}
div.social-media-block
{
width:auto;
float:left;
}
div.social-icons
{
width:auto;
float:left;
}
div.social-icon
{
max-width:35px;
margin-right:10px;
}
div.social-icon:hover
{
opacity:0.8;
}
div#instagram.social-icon
{
max-width: 40px;
top: 2px;
}
div#dfc.social-icon
{
max-width: 40px;
top: 2px;
}
div#growtop.social-icon
{
max-width: 32px;
margin-right: 4px;
}
div.social-icon img
{
width:100%;
height:auto;
}
div.get-in-touch-block
{
width:auto;
float:right;
}
div.get-in-touch-block a.callout-button
{
display: inline-block;
margin-top: 12px;
}
/****************************************************************
Main Content Area
*****************************************************************/
#main-content-section
{
padding-top: 58px;
padding-bottom:0;
}
#main-content-section a
{
color: #63a8e4;
}
#main-content-section ul
{
padding: 0;
margin: 0;
list-style-type:none;
}
#main-content-section ul li
{
padding: 8px 0 0 40px;
line-height: 1.7em;
margin: 0;
background: url(../images/Light-Grey-Arrow-Solo-Right.png) no-repeat;
background-position: 0 10px;
list-style-type:none;
text-align:left;
}
div.page-header
{
width:65%;
float:left;
text-align:left;
}
div.header-module-section
{
width:20%;
float:right;
text-align:left;
margin-top:32px;
}
div.header-module-section a.callout-button
{
display: inline-block;
float: left;
}
div.header-module-section p
{
font-size:24px;
line-height:30px;
letter-spacing:-1px;
font-weight:300;
text-align:left;
}
/****************************************************************
Home Page
*****************************************************************/
div.id-toggle-module.video-showcase-wrap
{
text-align:center;
border-bottom: 0px solid #eae8e8;
margin-bottom:0px;
padding-bottom:0px;
height: 56.25vw;overflow: hidden;
max-height: 56.25vw;
}
div.tabb-content.video-wrap
{
display:none;
}
div.tabb-title.video-button
{
top: -600px;
margin-bottom: -600px;
}
div.tabb-title.video-button-off
{
position: absolute;
top: 40px;
right: 10px;
width: 70px;
}
h2.hide-video
{
display:none;
}
div.open-tab h2.hide-video
{
display:inline-block;
}
div.open-tab h2.show-video
{
display:none;
}
div.main-menu-wrap a.scroll-down
{
width: 100%;
margin: 0;
padding:0;
display:block;
color:initial;
height: 100%;
}
div.id-toggle-module.banner-call
{
text-align:center;
height:100%;
border-bottom: 0px solid #eae8e8;
margin-bottom: 0;
display:inline-table;
}
div.vertical-center
{
display:table-cell;
height:100%;
width:100%;
margin:0;
padding:0;
vertical-align: middle;
}
div.id-toggle-module.banner-call p
{
width: 80%;
margin: 0 10%;
margin-top: 30px;
font-weight: 300;
}
div.id-toggle-module.aboutid
{
text-align:center;
height:640px;
border-bottom: 0px solid #eae8e8;
margin-bottom: 0;
}
div.id-toggle-module.aboutid p
{
width: 80%;
margin: 0 10%;
margin-top: 30px;
font-weight: 300;
}
div.products-main-image
{
display: inline-block;
float: none;
width: 1166px;
height: 100%;
text-align: left;
}
div.services-main-image
{
display: inline-block;
float: none;
width: 1166px;
height:auto;
text-align: left;
}
div.id-toggle-module.banner-call div.services-main-image img
{
width:60%;
margin:60px 20%;
display:inline-block;
padding:0;
float:none;
}
div.id-toggle-module.pt-head
{
border-bottom: 0px solid #eae8e8;
margin-bottom: 0;
text-align:center;
margin-top: 30px;
}
span.light-up
{
background: url(../images/Idea-intro-hover.png)no-repeat;
height: 202px;
width: 145px;
display: inline-block;
background-size: 150px;
background-position: -8px 0;
}
a.scroll-down:hover span.light-up
{
background: url(../images/Idea-intro-hover.png)no-repeat;
height: 202px;
width: 145px;
display: inline-block;
background-size: 150px;
background-position: -8px -235px;
}
div.showcase-wrap
{
display:inline-block;
width:100%;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
z-index:1;
margin-top: 200px;
}
div.video-wrap
{
display:inline-block;
width:100%;
margin:0;
padding:0;
position:absolute;
top:0;
z-index:2;
left:0;
height: 56.25vw;
background: #fff;
}
div.big-blue-logo
{
display:inline-block;
width:100%;
margin:0 0 60px 0;
padding:0;
background:url(../images/video-cover.png) no-repeat;
background-position:50%;
height:100%;
}
div.video-wrap video
{
display: inline-block;
width: 100%;
max-width: 100vw;
margin: 0px 0;
height: 56.35vw;
}
body.itemid-101 div#middle-modules
{
max-width:1068px;
width:100%;
}
div.id-toggle-module
{
width: 100%;
float: left;
display: inline-block;
padding-bottom: 48px;
margin-bottom: 60px;
max-width: 960px;
}
div.toggle-head
{
width:100%;
float:left;
display:inline-block;
text-align:center;
padding:0px 0px 72px;
}
div.toggle-head i,  div.conversation-middle h2 i
{
font-style: italic;
font-weight:500;
}
div.id-toggle-module a
{
cursor:pointer;
}
div.id-toggle-module h2, div.id-toggle-module h2 a, div.id-toggle-module h2 a:hover
{
font-weight:300;
}
div.design-toggle,  div.office-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:left;
}
div.design-toggle a
{
height: 60px;
background: url(../images/Design-Bubble.png)no-repeat;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.design-toggle a:hover, div.design-toggle a.opend
{
background: url(../images/Design-Bubble-Hover.png)no-repeat;
}
div.office-toggle a
{
height:60px;
background:url(../images/Cloud-Bubble.png)no-repeat;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.office-toggle a:hover, div.office-toggle a.opend
{
background: url(../images/Cloud-Bubble-Hover.png)no-repeat;
}
div.develop-toggle a
{
height:60px;
background:url(../images/Develop-Bubble.png)no-repeat;
background-position: 30% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.develop-toggle h2
{
padding-left: 16% !important;
}
div.develop-toggle a:hover, div.develop-toggle a.opend
{
background: url(../images/Develop-Bubble-Hover.png)no-repeat;
background-position: 30% 0%;
}
div.hosting-toggle a
{
height:60px;
background:url(../images/Hosting-Bubble.png)no-repeat;
background-position: 30% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.hosting-toggle h2
{
padding-left: 19% !important;
}
div.hosting-toggle a:hover, div.hosting-toggle a.opend
{
background: url(../images/Hosting-Bubble-Hover.png)no-repeat;
background-position: 30% 0%;
}
div.support-toggle a
{
height: 60px;
background: url(../images/Support-Bubble.png)no-repeat;
background-position: 70% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.support-toggle h2
{
padding-right: 15% !important;
display: inline-block;
width: auto !important;
}
div.support-toggle a:hover, div.support-toggle a.opend
{
background: url(../images/Support-Bubble-Hover.png)no-repeat;
background-position: 70% 0%;
}
div.optimize-toggle a
{
height:60px;
background:url(../images/Optimize-Bubble.png)no-repeat;
background-position: 70% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.optimize-toggle h2
{
padding-right: 7.6% !important;
}
div.optimize-toggle a:hover, div.optimize-toggle a.opend
{
background: url(../images/Optimize-Bubble-Hover.png)no-repeat;
background-position: 70% 0%;
}
div.design-toggle,  div.office-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:left;
}
div.develop-toggle, div.hosting-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:left;
}
div.support-toggle, div.optimize-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:right;
}
div.manage-toggle, div.security-toggle
{
width:25%;
float:left;
display:inline-block;
text-align:right;
}
div.manage-toggle a
{
height: 60px;
background: url(../images/Manage-Bubble.png)no-repeat;
background-position:100% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.manage-toggle a:hover, div.manage-toggle a.opend
{
background: url(../images/Manage-Bubble-Hover.png)no-repeat;
background-position:100% 0%;
}
div.security-toggle a
{
height:60px;
background:url(../images/Security-Bubble.png)no-repeat;
background-position:100% 0%;
display: inline-block;
padding-top: 140px;
width: 100%;
}
div.security-toggle a:hover, div.security-toggle a.opend
{
background: url(../images/Security-Bubble-Hover.png)no-repeat;
background-position:100% 0%;
}
/****************************************************************
Service Page
*****************************************************************/
div.id-walkthrough
{
width:100%;
display:inline-block;
float:left;
}
a.Design, a.Development, a.Support, a.Manage, a.Secure, a.Hosting,
a.Optimize, a.OfficeTools, a.Backup, a.about-id
{
width: 26%;
display: inline-block;
float: left;
margin-right: 4%;
}
a.Design, a.Development, a.Support, a.Manage
{
display:none !important;
}
a.shared-hosting,a.vps-hosting,a.dedicated-hosting,a.domain-names,a.ssls,
a.malware-protect,a.workspace-webmail,a.calendars,a.cloud-storage,a.seoz,
a.email-marketing,a.managed-wordpress, a.Optimize.ation
{
width: 28%;
display: inline-block;
float: left;
margin-right: 7%;
}
div.id-services-nav
{
width: 28%;
display:inline-block;
float:right;
margin:0;
margin-left: 7%;
padding:0;
}
div.id-services-design
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0;
background:url(../images/id-service-nav-design.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
height: 220px;
background-repeat: no-repeat;
background-position: 100% 0;
}
div#samdesign div.inactive, div#samdevelop div.inactive, div#samsupport div.inactive, div#sammanage div.inactive
{
display:none !important;
}
div.id-services-design.inactive
{
background:url(../images/id-service-nav-design.png),url(../images/id-service-nav.png);
background-size: 88%;
background-repeat: no-repeat;
background-position: 100% 0;
}
div.id-services-design:hover
{
background:url(../images/id-service-nav-design.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
background-repeat: no-repeat;
background-position: 100% 0;
}
body.itemid-145 div.id-services-design
{
background:url(../images/id-service-nav-design.png),url(../images/id-service-nav-hover.png) !important;
background-size: 88% !important;
background-repeat: no-repeat !important;
background-position: 100% 0 !important;
background-blend-mode: color-burn !important;
}
body.itemid-145 div.id-services-design div.button-wrap
{
opacity: 1 !important;
}
div.id-services-development
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0; 
background:url(../images/id-service-nav-develop.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
height: 220px;
background-repeat: no-repeat;
background-position: 100% 0;
}
div.id-services-development:hover
{
background:url(../images/id-service-nav-develop.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
background-repeat: no-repeat;
background-position: 100% 0;
}
body.itemid-146 div.id-services-development
{
background:url(../images/id-service-nav-develop.png),url(../images/id-service-nav-hover.png) !important;
background-size: 88% !important;
background-repeat: no-repeat !important;
background-position: 100% 0 !important;
background-blend-mode: color-burn !important;
}
body.itemid-146 div.id-services-development div.button-wrap
{
opacity: 1 !important;
}
div.id-services-management
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0;
background:url(../images/id-service-nav-manage.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
height: 220px;
background-repeat: no-repeat;
background-position: 100% 0;
}
div.id-services-management.inactive
{
background:url(../images/id-service-nav-manage.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
background-repeat: no-repeat;
background-position: 100% 0;

}
div.id-services-management:hover
{
background:url(../images/id-service-nav-manage.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
background-repeat: no-repeat;
background-position: 100% 0;

}
body.itemid-148 div.id-services-management
{
background:url(../images/id-service-nav-manage.png),url(../images/id-service-nav-hover.png) !important;
background-size: 88% !important;
background-repeat: no-repeat !important;
background-position: 100% 0 !important;
background-blend-mode: color-burn !important;
}
body.itemid-148 div.id-services-management div.button-wrap
{
opacity: 1 !important;
}
div.id-services-support
{
width: 100%;
display:inline-table;
float:left;
margin:0;
margin-bottom:0px;
padding:0;
background:url(../images/id-service-nav-support.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
height: 220px;
background-repeat: no-repeat;
background-position: 100% 0;
}
div.id-services-support.inactive
{
background:url(../images/id-service-nav-support.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
background-repeat: no-repeat;
background-position: 100% 0;
}
div.id-services-support:hover
{
background:url(../images/id-service-nav-support.png),url(../images/id-service-nav-hover.png);
background-size: 88%;
background-repeat: no-repeat;
background-position: 100% 0;
}
body.itemid-147 div.id-services-support
{
background:url(../images/id-service-nav-manage.png),url(../images/id-service-nav-hover.png) !important;
background-size: 88% !important;
background-repeat: no-repeat !important;
background-position: 100% 0 !important;
background-blend-mode: color-burn !important;
}
body.itemid-147 div.id-services-support div.button-wrap
{
opacity: 1 !important;
}
div.id-services-design:hover, div.id-services-development:hover, div.id-services-management:hover, div.id-services-support:hover
{
background-blend-mode: color-burn;
}
div.id-services-nav div.button-wrap
{
width: 100%;
display:table-cell;
text-align:center;
vertical-align:middle;
float:left;
margin:0;
padding:0;
opacity:0;
}
div.id-services-nav div.button-wrap:hover
{
opacity:1;
}
div.button-wrap a
{
font-weight: 500;
text-transform: lowercase;
color: #fff;
display: block;
width: 100%;
height: auto;
padding: 80px 0;
min-height: 44px;
width: 88%;
float: right;
padding-top: 96px;
}
div.paragraph-box
{
width:60%;
display:inline-block;
float:left;
}
div.bullets-box
{
display: inline-block;
float: left;
text-align:left;
}
div#design.id-walkthrough div.paragraph-box, div#development.id-walkthrough div.paragraph-box,
div#support.id-walkthrough div.paragraph-box, div#manage.id-walkthrough div.paragraph-box
{
width:60%;
}
a.Design
{
background:url(/images/Design-Screen-Shot.png) no-repeat;
background-size: contain;
height: 400px;
background-position: 50% 0%;
}
a.about-id
{
background:url(/images/Ideas-To-Life.png) no-repeat;
background-size: contain;
height: 800px;
background-position: 50%;
}
a.Development
{
background: url(/images/Development-Screen-Shot.png) no-repeat;
background-size: contain;
height: 400px;
background-position: 50% 0%;
}
a.Support
{
background:url(/images/Support-Screen-Shot-sm.png) no-repeat;
background-size: contain;
height: 400px;
background-position: 50% 0%;
}
a.Manage
{
background:url(/images/Manage-Screen-Shot.png) no-repeat;
background-size: contain;
height: 380px;
background-position: 50% 0%;
}
div.customdesktop-toggle a.Design, div.customdesktop-toggle a.Development, div.customdesktop-toggle a.Manage,
div.customdesktop-toggle a.Support
{
background-position: 50% 20%;
}
a.Secure
{
background:url(/images/Sitelock-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.Hosting
{
background:url(/images/Cpanel-Screen-Shot.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.Backup
{
background:url(/images/Recurring-Backup-Service-Screen.png) no-repeat;
background-size: contain;
height: 320px;
background-position: 50%;
}
a.Optimize
{
background:url(/images/SEO-Screen-Shot.png) no-repeat;
background-size: contain;
height: 380px;
background-position: 50%;
}
#camera_wrap_126
{
max-width:768px;
margin-top:30px;
margin-bottom:20px;
}
/****************************************************************
Services Page
*****************************************************************/
table.pricing-table td
{
padding:12px;
vertical-align:top;
text-align:left;
font-size:14px
}
table.pricing-table td h5
{
font-size:14px
}
table.pricing-table tr#price-table-row-1
{
background:#E8E8E8;
min-height:30px;
}
table.pricing-table tr#price-table-row-2
{
background:#F2F2F2;
}
table.pricing-table tr#price-table-row-3
{
background:#ffffff;
}
table.pricing-table
{
margin-bottom:12px;
border-collapse: collapse;
margin-bottom:60px;
}
img.service-intro
{
width: 25.4%;
max-width: 360px;
height: auto;
padding-right: 6.6%;
margin-left: -1.4%;
margin-right: 1.1%;
}
form.mod-login.cbLoginForm
{
text-align:left;
width: 50%;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 60px;
display: inline-block;
}
form.mod-login.cbLoginForm div
{
text-align:left;
}
form.mod-login.cbLoginForm div.form-group
{
text-align:left;
padding-bottom:20px;
}
form.mod-login.cbLoginForm label
{
display:inline-block;
padding:0;
margin:0;
min-width:144px;
}
/****************************************************************
Product Page
*****************************************************************/
body.itemid-136 div.paragraph-box, body.itemid-138 div.paragraph-box, body.itemid-140 div.paragraph-box, body.itemid-151 div.paragraph-box,
body.itemid-154 div.paragraph-box, body.itemid-155 div.paragraph-box, body.itemid-156 div.paragraph-box, body.itemid-150 div.paragraph-box
{
float:none;
margin-left: 20%;
}
body.itemid-140 div.com-content-article.item-page figure img, body.itemid-151 div.com-content-article.item-page figure img
{
max-width: 660px;
}
body.itemid-154 div.com-content-article.item-page figure img, body.itemid-155 div.com-content-article.item-page figure img, body.itemid-156 div.com-content-article.item-page figure img
{
max-width: 580px;
margin-bottom:0px;
}
#camera_wrap_125
{
max-width: 768px;
}
div.com-content-article.item-page
{
text-align:left;
}
div.com-content-article.item-page figure
{
text-align:center;
display:inline-block;
float:none;
margin:0 auto;
margin: 0 auto;
width: 100%; 
}
div.com-content-article.item-page figure img
{
max-width: 768px;
height: auto;
margin-top: 50px;
margin-bottom: 50px;
}
div.com-content-article__body
{
max-width:1316px;
text-align:left;
}
div.id-walkthrough
{
text-align:left;
max-width:1360px;
margin-top:50px;
margin-bottom:50px;
}
div.id-walkthrough div.button-wrap a
{
font-size:30px;
color:#fff !important;
}
div.id-walkthrough div.paragraph-box
{
text-align:left;
}
div.id-walkthrough div.bullets-box
{
text-align:left;
}
/****************************************************************
Products Page
*****************************************************************/
div.product-showcase
{
margin-top:50px;
margin-bottom:50px;
}
div.product-showcase-block
{
width:33.333%;
float:left;
margin-bottom:60px;
max-height: 240px;
}
div.product-showcase-block a
{
display:block;
width:100%;
height:100%;
margin:0px;
padding:0px;
}
div.product-showcase-block a, div.product-showcase-block a h3, div.product-showcase-block li
{
color:#000 !important;
}
div.product-showcase-block a:hover h3
{
color:#63a8e4 !important;
}
div.product-showcase-block a h3
{
display:inline-block;
width:88%;
float:right;
}
div.product-showcase-block a img
{
display:inline-block;
width:10%;
float:left;
margin-top:16px;
margin-right: 0;
}
div.product-showcase-block a p
{
text-align:left;
}
/****************************************************************
Partners Page
*****************************************************************/
div.partners
{
width:100%;
display:inline-block;
padding:0;
margin:0;
float:none;
margin-top:30px;
max-width:1312px;
}
body.itemid-152 div.paragraph-box
{
width:100%;
text-align:center;
}
div.partners-box
{
height: 260px;
width: 14%;
float: left;
}
body.itemid-152 div.paragraph-box h3
{
max-width:768px;
display:inline-block;
float:none;
margin-top:30px;
}
div#abd.partners-box
{
background:url(../images/ABD-Logo.png) no-repeat;
background-size:60%;
background-position:50% 50%;
}
div#abd.partners-box:hover
{
background:url(../images/ABD-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50% 50%;
}
div#agg.partners-box
{
background:url(../images/AGG-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#agg.partners-box:hover
{
background:url(../images/AGG-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#arc-and-crown.partners-box
{
background:url(../images/Arc-And-Crown-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
opacity:0.8;
}
div#arc-and-crown.partners-box:hover
{
background:url(../images/Arc-And-Crown-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
opacity:1.0;
}
div#bnih.partners-box
{
background:url(../images/BNI-H-Logo.png) no-repeat;
background-size:60%;
background-position:50%;
}
div#bnih.partners-box:hover
{
background:url(../images/BNI-H-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#bni.partners-box
{
background:url(../images/BNI-Logo.png) no-repeat;
background-size:60%;
background-position:50%;
}
div#bni.partners-box:hover
{
background:url(../images/BNI-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#bite.partners-box
{
background:url(../images/Bite-Dental-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#bite.partners-box:hover
{
background:url(../images/Bite-Dental-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#black-cap.partners-box
{
background:url(../images/BCAP-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#black-cap.partners-box:hover
{
background:url(../images/BCAP-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#cartotype.partners-box
{
background:url(../images/Cartotype-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#cartotype.partners-box:hover
{
background:url(../images/Cartotype-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#cmins.partners-box
{
background:url(../images/CMINS-Logo.png) no-repeat;
background-size:60%;
background-position:50%;
opacity:0.8;
}
div#cmins.partners-box:hover
{
background:url(../images/CMINS-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
opacity:1.0;
}
div#cppo.partners-box
{
background:url(../images/The-CPPO-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#cppo.partners-box:hover
{
background:url(../images/The-CPPO-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#crozier.partners-box
{
background:url(../images/Crozier-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#crozier.partners-box:hover
{
background:url(../images/Crozier-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#dfc.partners-box
{
background:url(../images/DFC-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
opacity:0.8;
}
div#dfc.partners-box:hover
{
background:url(../images/DFC-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
opacity:1.0;
}
div#diagnose.partners-box
{
background:url(../images/Diagnose-Logo.png) no-repeat;
background-size:80%; 
background-position:50%;
}
div#diagnose.partners-box:hover
{
background:url(../images/Diagnose-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#fletcher.partners-box
{
background:url(../images/Fletcher-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#fletcher.partners-box:hover
{
background:url(../images/Fletcher-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#geeq.partners-box
{
background:url(../images/Geeq-Logo.png) no-repeat;
background-size:60%;
background-position:50% 50%;
}
div#geeq.partners-box:hover
{
background:url(../images/Geeq-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50% 50%;
}
div#growtop.partners-box
{
background:url(../images/GrowTop-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
opacity:0.8;
}
div#growtop.partners-box:hover
{
background:url(../images/GrowTop-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
opacity:1.0;
}
div#hayes.partners-box
{
background:url(../images/HayesandCo-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
opacity:0.8;
}
div#hayes.partners-box:hover
{
background:url(../images/HayesandCo-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
opacity:1.0;
}
div#junction.partners-box
{
background:url(../images/Junction-Craft-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#junction.partners-box:hover
{
background:url(../images/Junction-Craft-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#lidopools.partners-box
{
background:url(../images/Lido-Pools-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#lidopools.partners-box:hover
{
background:url(../images/Lido-Pools-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#mccann.partners-box
{
background:url(../images/McCann-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mccann.partners-box:hover
{
background:url(../images/McCann-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50% 50%;
}
div#medapps.partners-box
{
background:url(../images/MedApps-Logo-Hover.png) no-repeat;
background-size:50%;
background-position:50% 50%;
}
div#medapps.partners-box:hover
{
background:url(../images/MedApps-Logo.png) no-repeat;
background-size:60%;
background-position:50%;
}
div#mistango.partners-box
{
background:url(../images/MRR-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mistango.partners-box:hover
{
background:url(../images/MRR-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#mjgrant.partners-box
{
background:url(../images/MJ-Grant-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mjgrant.partners-box:hover
{
background:url(../images/MJ-Grant-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#mowitall.partners-box
{
background:url(../images/Mowitall-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#mowitall.partners-box:hover
{
background:url(../images/Mowitall-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#northern.partners-box
{
background:url(../images/Northern-Royal-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
opacity:0.7;
}
div#northern.partners-box:hover
{
background:url(../images/Northern-Royal-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
opacity:1.0;
}
div#prepaid.partners-box
{
background:url(../images/Prepaid-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#prepaid.partners-box:hover
{
background:url(../images/Prepaid-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#propeller.partners-box
{
background:url(../images/Propeller-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#propeller.partners-box:hover
{
background:url(../images/Propeller-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#rainhard.partners-box
{
background:url(../images/Rainhard-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50% 50%;
opacity:0.6;
}
div#rainhard.partners-box:hover
{
background:url(../images/Rainhard-Logo.png) no-repeat;
background-size:80%;
background-position:50% 50%;
opacity:1.0;
}
div#rockcraft.partners-box
{
background:url(../images/RockCraft-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#rockcraft.partners-box:hover
{
background:url(../images/RockCraft-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#ronica.partners-box
{
background:url(../images/Ronica-Cooks-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#ronica.partners-box:hover
{
background:url(../images/Ronica-Cooks-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#sherpa.partners-box
{
background:url(../images/Sherpa-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#sherpa.partners-box:hover
{
background:url(../images/Sherpa-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#scotland.partners-box
{
background:url(../images/SOS-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#scotland.partners-box:hover
{
background:url(../images/SOS-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#sobdl.partners-box
{
background:url(../images/SOBDL-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
opacity:0.7;
}
div#sobdl.partners-box:hover
{
background:url(../images/SOBDL-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
opacity:1.0;
}
div#teachers.partners-box
{
background:url(../images/Teachers-Life-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#teachers.partners-box:hover
{
background:url(../images/Teachers-Life-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#theatro.partners-box
{
background:url(../images/Theatromania-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#theatro.partners-box:hover
{
background:url(../images/Theatromania-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#thmade.partners-box
{
background:url(../images/THMade-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#thmade.partners-box:hover
{
background:url(../images/THMade-Logo-Hover.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#thi.partners-box
{
background:url(../images/THI-Logo.png) no-repeat;
background-size:60%;
background-position:50%;
}
div#thi.partners-box:hover
{
background:url(../images/THI-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#toothtales.partners-box
{
background:url(../images/Tooth-Tales-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#toothtales.partners-box:hover
{
background:url(../images/Tooth-Tales-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#trilly.partners-box
{
background:url(../images/Trillium-Sales-Group-Logo.png) no-repeat;
background-size:70%;
background-position:50%;
}
div#trilly.partners-box:hover
{
background:url(../images/Trillium-Sales-Group-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#urban.partners-box
{
background:url(../images/Urban-Farming-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#urban.partners-box:hover
{
background:url(../images/Urban-Farming-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#play.partners-box
{
background:url(../images/Play-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#play.partners-box:hover
{
background:url(../images/Play-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#landmark.partners-box
{
background:url(../images/Landmark-Logo.png) no-repeat;
background-size:80%;
background-position:50%;
}
div#landmark.partners-box:hover
{
background:url(../images/Landmark-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50%;
}
div#warchild.partners-box
{
background:url(../images/Warchild-Logo.png) no-repeat;
background-size:60%;
background-position:50% 50%;
opacity:0.8;
}
div#warchild.partners-box:hover
{
background:url(../images/Warchild-Logo-Hover.png) no-repeat;
background-size:70%;
background-position:50% 50%;
opacity:1.0;
}
div#warrens.partners-box
{
background:url(../images/Warrens-Logo.png) no-repeat;
background-size:70%;
background-position:50% 50%;
opacity:0.8;
}
div#warrens.partners-box:hover
{
background:url(../images/Warrens-Logo-Hover.png) no-repeat;
background-size:90%;
background-position:50% 50%;
opacity:1.0;
}
div#spacer.partners-box:hover
{
background:transparent;
}
div.partners-box.fade
{
opacity:0.0 !important;
}

/****************************************************************
Modules
*****************************************************************/
div.id-conversation
{
padding:90px 0;
text-align:center;
}
div.id-conversation h2
{
margin-top:90px;
font-weight:600;
max-width:90%;
}
div.id-conversation h4
{
margin:0;
}
div.id-conversation-top
{
border-bottom: 2px solid #222;
}
div.id-conversation-top h5
{
margin:0;
margin-bottom:4px;
}
div.id-conversation-top-left
{
width:auto;
float:left;
}
div.id-conversation-top-right
{
width:auto;
float:right;
}
div.id-conversation div.inner-wrap
{
text-align:left;
float:none;
}
div.id-conversation div.id-conversation-bottom
{
text-align:left;
float:none;
}
div.id-conversation a.callout-button
{
display:inline-block;
margin-bottom:4px;
}
div.id-conversation-blocks
{
margin-top:30px;
}
div.id-conversation-block
{
width:23%;
float:left;
margin-right:2%;
text-align:left;
padding-top:30px;
}
div.id-conversation-block.design-block
{
background:url(../images/Design-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block.develop-block
{
background:url(../images/Develop-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block.manage-block
{
background:url(../images/Manage-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block.support-block
{
background:url(../images/Support-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block.office-block
{
background:url(../images/Office-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block.hosting-block
{
background:url(../images/Hosting-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block.optimize-block
{
background:url(../images/Optimization-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block.secure-block
{
background:url(../images/Secure-Icon.svg) no-repeat;
background-position:0 0;
}
div.id-conversation-block a
{
color:#000 !important;
display:block;
padding-top:30px;
padding-bottom:50px;
background:url(../images/Arrow-Button-Black.svg) no-repeat;
background-position: 0 100%;
background-size: 26px;
}
div.id-conversation-block a:hover
{
background:url(../images/Arrow-Button-Black-BG.svg) no-repeat;
background-position: 0 100%;
background-size: 26px;
}
div.icb-bottom-left
{
width:50%;
float:left;
margin-right:0%;
text-align:left;
}
div.icb-bottom-left div.id-conversation-block
{
width:46%;
margin-right:4%;
}
div.icb-bottom-left div.id-conversation-block.design-block
{
width:46%;
margin-right:4%;
margin-bottom: 60px;
}
div.icb-bottom-left div.id-conversation-block.develop-block
{
margin-bottom: 60px;
}
div.icb-bottom-right
{
width:42%;
float:right;
}
div.icb-protfolio-wrap
{
width: 540px;
height: 720px;
background-size: cover;
float: right;
margin-top: 106px;
}
div#camera_wrap_132
{
width: 540px;
height: 720px !important;
}
/****************************************************************
Fade Tricks
*****************************************************************/
.fade-block
{
opacity:1;
transition:all 0.2s ease;
}
.fade-block.fade
{
opacity:0;
transition:all 0.4s ease;
}

/****************************************************************
Footer Area
*****************************************************************/
#footer-content-section
{
background:#222;
padding-top:60px;
padding-bottom:120px;
}
div.footer-menu-column
{
width:20%;
float:left;
}
div#footer-menus-logo
{
text-align:left;
float:left;
}
div#footer-menus-logo img
{
max-width: 35px;
margin-top: 10px;
}
#footer-content-section ul li,
#footer-content-section ul li a
{
color:#fff;
}
#main-menu-display ul
{
display:inline-block;
text-align:left;
padding:0;
}
#footer-content-section ul li
{
color:#fff;
display:inline-block;
border-bottom:2px #222;
width:100%;
text-align:left;
padding:0;
}
#footer-content-section ul li a
{
color:#fff;
font-size:20px;
line-height:40px;
font-weight:600;
text-transform:capitalize;
display:inline-block;
}
#footer-content-section ul li ul
{
padding:0;
}
#footer-content-section ul li ul li a
{
font-size:16px;
font-weight:400;
text-transform:lowercase;
}
#footer-social-section
{
background:#000;
}
#footer-social-section div.social-media-block
{
margin-top:20px;
}
#footer-social-section h4
{
display: inline-block;
color: #fff;
padding-right: 10px;
padding-top: 0px;
margin-top: 28px;
margin-bottom: 30px;
top: 2px;
position: relative;
}
#footer-social-section a.callout-button
{
display:inline-block;
color:#fff;
}
#footer-social-section div.inner-wrap.header-wrap.lowest-level
{
padding-top: 0px;
padding-bottom: 0px;
}
/****************************************************************
Mobile Main Menu
*****************************************************************/

/*********************************************************************************************************************
Screen Responsiveness
**********************************************************************************************************************/
/**********************************************************
1600px
***********************************************************/
@media(max-width:1600px){
div.inner-wrap
{
max-width: 82.24vw;
}
h1
{
font-size:4.25vw;
line-height:4.625vw;
letter-spacing:-0.0625vw;
}
h2
{
font-size:2.625vw;
line-height:3vw;
letter-spacing:-0.0625vw;
}
h3
{
font-size:1.75vw;
line-height:2.125vw;
letter-spacing:-0.0625vw;
}
h4
{
font-size:1.5vw;
line-height:1.875vw;
letter-spacing:-0.0625vw;
}
h5
{
font-size:1.25vw;
line-height:1.625vw;
letter-spacing:-0.0625vw;
}
h6
{
}
body
{
font-size:1vw;
line-height:1.375vw;
}
p
{
font-size:1vw;
line-height:1.375vw;
}
ul, ol
{
}
ul li, ol li
{
font-size:1vw;
line-height:1.375vw;
}
a.callout-button
{
border:solid 0.125vw;
padding:0.25vw 0.875vw;
font-size:0.875vw;
line-height:1vw;
}
a.callout-button:hover
{
border:solid 0.125vw #3C3C3C;
background-color:#3C3C3C !important;
color:#fff;
}
a.callout-button.callout-arrow.white-arrow.arrow-right
{
padding:4px 1.75vw 0.25vw 0.875vw;
background:url(../images/white-arrow-right.png) no-repeat;
background-position: 95% 57%;
background-size: 1.1vw;
}
div.login-button
{
margin-top: 1.5vw;
margin-bottom:  1.25vw;
}
div#main-menu-button img
{
margin-top: 1.25vw;
margin-left:  1.25vw;
width: 50%;
}
div#main-menu-button.main-menu-open img
{
margin-top: 1.25vw;
margin-left:  1.25vw;
margin-right: 0.375vw;
}
div.main-logo img
{
max-width: 2.1875vw;
margin-top: 0.625vw;
}

div.inner-wrap.header-wrap
{
border-bottom:0.125vw solid #222;
}
div.inner-wrap.header-wrap.upper-level
{
border-bottom:0.125vw solid #fff;
}
div.inner-wrap.header-wrap.lower-level
{
padding-top:90px;
padding-bottom:90px;
}
div.inner-wrap.header-wrap.lowest-level
{
padding-bottom:60px;
}
#main-menu-display ul li
{
border-bottom:0.125vw #222;
}
#main-menu-display ul li a
{
font-size:1.75vw;
line-height:2.5vw;

}
#main-menu-display ul li:hover
{
border-bottom:0.125vw #fff;
}
div.login-button
{
margin-top:1.25vw;
margin-bottom:1.25vw;
}
#main-content-section
{
padding-top: 6.25vw;
}
div.page-header
{

}
div.header-module-section
{
width:20%;
float:right;
text-align:left;
margin-top:32px;
}
div.header-module-section a.callout-button
{
display: inline-block;
float: left;
}
div.header-module-section p
{
font-size:1.5vw;
line-height:2vw;
letter-spacing:-0.125vw;
}

/****************************************************************
Home Page
*****************************************************************/
div.tabb-title.video-button
{
top: -34vw;
margin-bottom: -34vw;
}
div.tabb-title.video-button
{
width: 8vw;
}
div.tabb-title.video-button img
{
width: 100%;
height:auto;
}
div.tabb-title.video-button-off
{
top: 3vw;
right: 1vw;
width: 5vw;
}

/****************************************************************
Services Page
*****************************************************************/
table.pricing-table td
{
padding:0.125vw;
}
table.pricing-table tr#price-table-row-1
{
min-height:2vw;
}
table.pricing-table tr#price-table-row-2
{
}
table.pricing-table tr#price-table-row-3
{
}
table.pricing-table
{
margin-bottom:4.5vw;
min-width:600px;
}
img.service-intro
{
width: 25.4%;
max-width: 22.5vw;
}

div.id-services-design
{
height:10vw;
}
div.id-services-development
{
height:10vw;
}
div.id-services-management
{
height:10vw;
}
div.id-services-support
{
height:10vw;
}
div.button-wrap a
{
padding: 6vw 0;
}
/****************************************************************
Partners Page
*****************************************************************/
div.partners
{
margin-top:10vw;
}
div.partners-row
{
}
div.partners-row a
{
margin:0 2% 2vw;
}
div.partners-box
{
width: 21%;
float:none;
height:14vw;
}
/****************************************************************
Product Page
*****************************************************************/
div.com-content-article.item-page
{
}
div.com-content-article.item-page figure
{
}
div.com-content-article.item-page figure img
{
max-width:48vw;
}
div.com-content-article__body
{
max-width:82.25vw;
}
div.id-walkthrough
{
max-width:66.75vw;
}
div.id-walkthrough div.paragraph-box
{
}
/****************************************************************
Products Page
*****************************************************************/
div.product-showcase-block
{
margin-bottom:1.875vw;
}
div.product-showcase-block a
{
margin-right:0.625vw;
}
div.product-showcase-block img
{
width:3.625vw;
}
div.com-content-article.item-page figure img
{
max-width:48vw;
margin-top: 3.125vw;
margin-bottom: 3.125vw;
}
div.id-walkthrough
{
margin-top: 3.125vw;
margin-bottom: 3.125vw;
}
body.itemid-140 div.com-content-article.item-page figure img, body.itemid-151 div.com-content-article.item-page figure img,
body.itemid-154 div.com-content-article.item-page figure img, body.itemid-155 div.com-content-article.item-page figure img, body.itemid-156 div.com-content-article.item-page figure img
{
max-width: 41.25vw;
}
div.id-toggle-module
{
max-width:100%;
}
#camera_wrap_125
{
max-width: 48vw;
}
div.social-icon
{
max-width: 2.2vw;
margin-right: 0.5vw;
}
div#instagram.social-icon
{
max-width: 2.6vw;
top: 0.2vw;
}
div#dfc.social-icon
{
max-width: 2.8vw;
top: 0.2vw;
}
div#growtop.social-icon
{
max-width: 2vw;
margin-right: 0.2vw;
}
/****************************************************************
Modules
*****************************************************************/
div.id-conversation
{
padding:8vw 0;
text-align:center;
}
div.id-conversation-top
{
border-bottom: 0.125vw solid #222;
}
div.id-conversation-top h5
{
margin-bottom:0.25vw;
}
div.id-conversation a.callout-button
{
margin-bottom:0.25vw;
}
div.icb-bottom-left div.id-conversation-block
{
width:46%;
margin-right:4%;
}
div.icb-bottom-left div.id-conversation-block.design-block
{
width:46%;
margin-right:4%;
margin-bottom:3vw;
}
div.icb-bottom-left div.id-conversation-block.develop-block
{
margin-bottom:3vw;
}
div.icb-bottom-right
{
width:42%;
float:right;
}
div.icb-protfolio-wrap
{
background: url(../images/ICB-Portfolio-Default.png) no-repeat;
width: 34vw;
height: 45vw;
background-size: cover;
float: right;
margin-top: 106px;
}
/****************************************************************
Footer
*****************************************************************/
div#footer-menus-logo img
{
max-width: 2.1875vw;
margin-top: 0.625vw;
}
#footer-content-section ul li a
{
font-size: 1.25vw;
line-height: 2.5vw;
}
#footer-content-section ul li ul li a
{
font-size:1vw;
}

}

/**********************************************************
1400px
***********************************************************/
@media(max-width:1400px){
 

}
/**********************************************************
1200px
***********************************************************/
@media(max-width:1200px){


}


/**********************************************************
1120px
***********************************************************/
@media(max-width:1120px){

}

/**********************************************************
1078px
***********************************************************/
@media(max-width:1078px){

}

/**********************************************************
1024px
***********************************************************/
@media(max-width:1024px){

}

/**********************************************************
991px
***********************************************************/
@media (max-width: 991px){

}

/**********************************************************
980px
***********************************************************/
@media(max-width:980px){


}

/**********************************************************
960px
***********************************************************/
@media(max-width:960px){

}

/**********************************************************
900px
***********************************************************/
@media(max-width:900px){

}

/**********************************************************
860px
***********************************************************/
@media(max-width:860px){


}

/**********************************************************
840px
***********************************************************/
@media(max-width:840px){

}

/**********************************************************
790px
***********************************************************/
@media(max-width:790px){

}

/**********************************************************
768px
***********************************************************/
@media(max-width:768px){
div.inner-wrap
{
max-width: 94vw;
width: 94vw;
}
h1
{
font-size:11.666vw;
line-height:12.7777vw;
letter-spacing:-0.0277vw;
}
h2
{
font-size:7.777vw;
line-height:9.44444vw;
letter-spacing:-0.0277vw;
}
h3
{
font-size:6.25vw;
line-height:8vw;
letter-spacing:-0.0277vw;
}
h4
{
font-size:5vw;
line-height:7.222vw;
letter-spacing:-0.0277vw;
}
h5
{
font-size:4vw;
line-height:6vw;
letter-spacing:-0.0277vw;
}

h6
{
font-size: 3vw;
text-transform: uppercase;
line-height:5vw;
letter-spacing:-0.0277vw;
}
body
{
font-size:1vw;
line-height:1.375vw;
}
p
{
font-size:4.4444vw;
line-height:6.111vw;
}
ul, ol
{
}
ul li, ol li
{
font-size:4.4444vw;
line-height:6.111vw;
}
a.callout-button
{
border:solid 0.55555vw ;
padding:1.10vw 3.333vw;
font-size:3.3333vw;
line-height:5vw;
}
a.callout-button:hover
{
border:solid 0.125vw #3C3C3C;
background-color:#3C3C3C !important;
color:#fff;
}
a.callout-button.callout-arrow.white-arrow.arrow-right
{
padding: 1.1vw 6.666vw 1.1vw 3.333vw;
background: url(../images/white-arrow-right.png) no-repeat;
background-position: 95% 57%;
background-size: 4vw;
}
div.login-button
{
margin-top: 5vw;
margin-bottom: 5vw;
}
div#camera_wrap_132
{
width: 100%;
height: 100vw !important;
}
/****************************************************************
Main Menu Area
*****************************************************************/
div.inner-wrap.header-wrap
{
border-bottom:0.55555vw solid #222;
}
div.inner-wrap.header-wrap.upper-level
{
border-bottom:0.55555vw solid #fff;
}
div.inner-wrap.header-wrap.lower-level
{
padding-top:90px;
padding-bottom:90px;
}
div.inner-wrap.header-wrap.lowest-level
{
padding-top:0px;
padding-bottom:60px;
}
div.main-logo img
{
max-width: 10vw;
margin-top: 2.77777vw;
}
div#main-menu-button img
{
margin-top:  5.5555vw;
margin-left:  5.5555vw;
cursor:pointer;
}
div#main-menu-button.main-menu-open img
{
margin-top: 5.5555vw;
margin-left: 5.5555vw;
margin-right:1.66666vw;
}
#main-menu-display
{
}
#main-menu-display div.tabb-title
{
text-align:left;
}
#main-menu-display div.tabb-content
{
text-align:left;
display:none;
}
#main-menu-display ul
{
}
#main-menu-display ul li:hover
{
border-bottom:0.55555vw #fff;
}
div.main-header
{
}
div#main-menu-display
{
}
div#main-menu-display ul li, div#main-menu-display ol li
{
}
div#main-menu-display ul, div#main-menu-display ol
{
width:100%;
}
div.inner-wrap.header-wrap
{
}
div.header-left
{
}
div.header-right
{
}
div.main-menu-button
{
}
div.social-media-block
{
}
div.get-in-touch-block
{
}
div.social-icon img
{
width: 80%;
height: auto;
margin-top: 1vw;
}
div.social-icon
{
max-width: 10vw;
margin-right: 1.25vw;
}
div#instagram.social-icon
{
max-width: 11.5vw;
top: 0.9vw;
}
div#growtop.social-icon
{
margin-right: -1.1vw;
max-width: 9.5vw;
}
div#dfc.social-icon
{
max-width: 13vw;
top: 2px;
}
div#main-menu-button img
{
margin-top: 5.5vw;
margin-left: 5vw;
width: 50%;
margin-right: 1vw;
}
div#main-menu-button.main-menu-open img
{
margin-top: 4.8vw;
margin-left: 5vw;
margin-right: 2vw;
}

div.inner-wrap.header-wrap.lower-level
{
padding-top:15vw;
padding-bottom:15vw;
}
div.inner-wrap.header-wrap.lowest-level
{
padding-bottom: 10vw;
}
div.inner-wrap.lower-level
{
display:none !important;
}
div.inner-wrap.mobile-level
{
display:inline-block !important;
}
#main-menu-display ul li
{
border-bottom:0.5555vw #222;
}
#main-menu-display ul li a
{
font-size: 5.4444vw;
line-height: 10.111vw;
padding-left: 5vw;
}
#main-menu-display ul li:hover
{
border-bottom:0.5555vw #fff;
}
#main-content-section
{
padding-top:19.25vw;
float: none;
margin: 0 auto;
width: 100vw;
}
/****************************************************************
Home Page
*****************************************************************/
div.design-toggle,  div.office-toggle
{
width:50%;
float:left;
display:inline-block;
text-align:center;
}
div.develop-toggle, div.hosting-toggle
{
width:50%;
float:right;
display:inline-block;
text-align:center;
}
div.support-toggle, div.optimize-toggle
{
width:50%;
float:left;
display:inline-block;
text-align:center;
}
div.manage-toggle, div.security-toggle
{
width:50%;
float:left;
display:inline-block;
text-align:center;
}
div.design-toggle a
{
background: url(../images/Design-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.office-toggle a
{
background:url(../images/Cloud-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.develop-toggle a
{
background:url(../images/Develop-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.hosting-toggle a
{
background:url(../images/Hosting-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.support-toggle a
{
background: url(../images/Support-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.optimize-toggle a
{
background:url(../images/Optimize-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.manage-toggle a
{
background: url(../images/Manage-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.security-toggle a
{
background: url(../images/Security-Bubble.png)no-repeat;
height: 12vw;
padding-top: 20vw;
width: 100%;
background-position: 50% 50%;
}
div.id-toggle-module
{
padding-bottom: 10vw;
margin-bottom: 20vw;
}
div.big-blue-logo
{
margin: 0 0 10vw 0;
background: url(../images/video-cover.png) no-repeat;
background-position: 50%;
height: 60vw;
background-size: 100%;
}
div.page-header, body.itemid-101 div.page-header
{
width:100%;
}
div.header-module-section
{
display:none;
}
.mobile-text-hide
{
display:none;
}
div.id-conversation-top-right a.callout-button.callout-arrow.black-arrow.arrow-right
{
padding: 1.1vw 3.333vw;
background: url(../images/black-arrow-right.png) no-repeat;
background-position: 50% 50%;
height: 4.333vw;
position: relative;
top: -0.5vw;
}
div.id-conversation-top-left
{
width:90%;
float:left;
text-align:left;
}
div.id-conversation-block
{
width:100%;
margin-right:0;
padding-top: 7vw;
padding-bottom: 5vw;
}
div.id-conversation-block a
{
background-size: 8vw;
margin-bottom: 8vw;
}
div.id-conversation h4
{
margin: 5vw 0;
}
div.id-conversation-block p
{
margin-bottom: 2vw;
display: inline-block;
margin-top: 0vw;
}
div.id-conversation-block.design-block
{
background:url(../images/Design-Icon.svg) no-repeat;
background-position:0 0;
background-size:11vw;
}
div.id-conversation-block.develop-block
{
background:url(../images/Develop-Icon.svg) no-repeat;
background-position:0 0;
background-size:15vw;
}
div.id-conversation-block.manage-block
{
background:url(../images/Manage-Icon.svg) no-repeat;
background-position:0 0;
background-size:17vw;
}
div.id-conversation-block.support-block
{
background:url(../images/Support-Icon.svg) no-repeat;
background-position:0 0;
background-size:12vw;
}
div.id-conversation-block.office-block
{
background:url(../images/Office-Icon.svg) no-repeat;
background-position:0 0;
background-size:15vw;
}
div.id-conversation-block.hosting-block
{
background:url(../images/Hosting-Icon.svg) no-repeat;
background-position:0 0;
background-size:16vw;
}
div.id-conversation-block.optimize-block
{
background:url(../images/Optimization-Icon.svg) no-repeat;
background-position:0 0;
background-size:13vw;
}
div.id-conversation-block.secure-block
{
background:url(../images/Secure-Icon.svg) no-repeat;
background-position:0 0;
background-size:12vw;
}
div.icb-bottom-left
{
width:100%;
}
div.icb-bottom-left div.id-conversation-block
{
width: 100%;
margin-right: 0%;
}
div.icb-bottom-left div.id-conversation-block.design-block
{
width: 100%;
margin-right: 0%;
}
div.icb-bottom-left div.id-conversation-block.develop-block
{
width: 100%;
margin-right: 0%;
}
div.icb-bottom-mobile
{
width:100%;
float:left;
display:inline-block !important;
margin-top:5vw; 
margin-bottom:-5vw;
max-height: 60vh;
overflow: hidden;
}
div.icb-bottom-right
{
display:none
}
#camera_wrap_132 div.cameraSlide img
{
height:100vw !important;
}
div.icb-protfolio-wrap
{
width: 100%;
height: 45vw;
background-size: cover;
float: left;
margin-top: 0;
}
#camera_wrap_126
{
margin-top: 20px;
margin-bottom: 20px;
}
div.id-conversation h2
{
margin-top: 15vw;
}
/****************************************************************
Service Page
*****************************************************************/
div.id-services-nav
{
display: none;
}
div#design.id-walkthrough div.paragraph-box, div#development.id-walkthrough div.paragraph-box, div#support.id-walkthrough div.paragraph-box, div#manage.id-walkthrough div.paragraph-box 
{
width: 100%;
}
a.Optimize
{
display:none;
}
div.paragraph-box
{
width: 100%;
margin-left:0 !important;
}
div.bullets-box
{
width: 100%;
display: inline-block;
float: left;
padding-left: 0;
}
/****************************************************************
Product Page
*****************************************************************/
div.com-content-article.item-page
{
}
div.com-content-article.item-page figure
{
}
div.com-content-article.item-page figure img
{
margin-top:10vw;
max-width:66.66vw;
}
div.com-content-article__body
{
max-width:100%;
}
div.id-walkthrough
{
max-width:100%;
}
div.id-walkthrough div.paragraph-box
{
}
/****************************************************************
Products Page
*****************************************************************/
div.product-showcase-block
{
margin-bottom:5vw;
width:100%;
max-height: 72vw;
}
div.product-showcase-block a
{
margin-right:0.625vw;
}
div.product-showcase-block img
{
width: 100%;
max-width: 12vw;
margin-right:0;
margin-top: 3.0vw;
}
/****************************************************************
Product Page
*****************************************************************/
body.itemid-152 div.com-content-article__body
{
text-align:left;
}
div.product-showcase-block
{
margin-bottom:1.875vw;
}
div.product-showcase-block a
{
margin-right:0.625vw;
}
div.com-content-article.item-page figure img
{
max-width:100%;
margin-top: 10vw;
margin-bottom: 10vw;
}
div.id-walkthrough
{
margin-top: 10vw;
margin-bottom: 10vw;
}
body.itemid-140 div.com-content-article.item-page figure img, body.itemid-151 div.com-content-article.item-page figure img,
body.itemid-154 div.com-content-article.item-page figure img, body.itemid-155 div.com-content-article.item-page figure img, body.itemid-156 div.com-content-article.item-page figure img
{
max-width: 100%;
}
#camera_wrap_125
{
max-width: 100%;
}
body.itemid-152 div#middle-modules
{
max-width: 100%;
margin-top:10vw;
}
/****************************************************************
Services Page
*****************************************************************/
table.pricing-table
{
margin-bottom: 10vw;
min-width: 180vw;
}
table.pricing-table h2
{
width: 90vw;
}
img.service-intro
{
width: 66%;
max-width: 80vw;
padding-right: 70%;
padding-bottom: 5vw;
}
table.pricing-table td
{
padding: 2.5vw;
}
table.pricing-table td
{
padding: 2.5vw;
}
div.table-scroll
{
max-width: 100%;
overflow-x: scroll;
margin-bottom: 10vw;
}
div.partners-box
{
width: 48%;
float: none;
height: 35vw;
}
/****************************************************************
Modules
*****************************************************************/
div.id-conversation
{
padding:10vw 0;
text-align:center;
}
div.id-conversation-top
{
border-bottom: 0.55555vw solid #222;
}
div.id-conversation-top h5
{
margin-bottom:0.75vw;
}
div.id-conversation a.callout-button
{
margin-bottom:0.75vw;
}
/****************************************************************
Footer
*****************************************************************/
div#footer-menus-logo img
{
max-width: 10vw;
margin-top: 0;
margin-bottom:5vw;
}
#footer-content-section ul li a
{
font-size:5.555vw;
line-height:7.222vw;
}
#footer-content-section ul li ul li a
{
font-size:4.4444vw;
line-height:8vw;
}
div.footer-menu-column ul
{
margin:0;
padding:0;
display:inline-block;
width:100%;
margin-bottom:5vw;
}
div.footer-menu-column.logo-column
{
width:100%;
}
div.footer-menu-column.column-left
{
width:50%;
}
div.footer-menu-column.column-left-middle
{
width:50%;
}
div.footer-menu-column.column-right-middle
{
width:50%;
}
div.footer-menu-column.column-right
{
width:50%;
}
#footer-social-section div.social-media-block
{
margin-top: 2.2vw;
}
#footer-social-section a.callout-button
{
display: inline-block;
color: #fff;
margin:5.4vw 0 5.5vw;
}
#footer-social-section h4
{
display:none;
}

}

/**********************************************************
740px
***********************************************************/
@media(max-width:740px){


}

/**********************************************************
680px
***********************************************************/
@media(max-width:680px){

}

/**********************************************************
640px
***********************************************************/
@media (max-width: 640px){

}

/**********************************************************
600px
***********************************************************/
@media(max-width:600px){


}

/**********************************************************
580px
***********************************************************/
@media(max-width:580px){


}

/**********************************************************
560px
***********************************************************/
@media(max-width:560px){


}

/**********************************************************
540px
***********************************************************/

}

/**********************************************************
520px
***********************************************************/
@media(max-width:520px){


}

/**********************************************************
500px
***********************************************************/
@media(max-width:500px){

}

/**********************************************************
480px
***********************************************************/
@media(max-width:480px){


}

/**********************************************************
460px
***********************************************************/
@media(max-width:460px){

}

/**********************************************************
440px
***********************************************************/
@media(max-width:440px){

}

/**********************************************************
420px
***********************************************************/
@media (max-width:420px){


}

/**********************************************************
400px
***********************************************************/
@media(max-width:400px){

}

/**********************************************************
380px
***********************************************************/
@media(max-width:380px){

}

/**********************************************************
320px
***********************************************************/
@media(max-width:320px){

}