body { font-size:18px; font-weight:300; font-family: 'Lato', sans-serif; color:#333; overflow-x: hidden; }

a { color:#1ab8be; text-decoration:none; }

a:hover { color:#0f9ba0 }

h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; text-transform:uppercase; }

h1 { font-size:60px; font-weight:700; }

section { padding-top:120px; padding-bottom:120px; } 

.container { width:1120px; max-width:100%; position:relative}

.navbar-nav { cursor:pointer;padding:10px 10px 6px; margin-left: auto;  }

.nav-item-soc i { font-size:24px; color:#fff; }

.nav-menu-text{color:#000;font-size:17px; line-height:20px;font-weight:600;padding:1px 0 0 10px;}

.navbar-dark .navbar-nav .nav-link { color:#fff; font-weight:400; }

header.masthead, header.about, header.website, header.seo, header.digital, header.mobilewebdatabase, header.contact, header.mobilewebdatabase {
 text-align:center;
 color:#fff;
 background-image:url(../images/RM-newbanner.jpg);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center bottom;
 background-size:cover;
 min-height:1000px;
 
}
header.masthead .intro-text, header.about .intro-text, header.website .intro-text, header.seo .intro-text, header.digital .intro-text, header.contact .intro-text, header.mobilewebdatabase .intro-text{
 padding-top:15%;
 padding-bottom:15%;
}
header.masthead .intro-text .intro-lead-in, header.about .intro-text .intro-lead-in, header.website .intro-text .intro-lead-in, header.seo .intro-text .intro-lead-in,
 header.digital .intro-text .intro-lead-in, header.contact .intro-text .intro-lead-in {
 font-size:20px;
 line-height:1;
 margin-bottom:25px;
 display:inline-block;
 background-color:#1ab8be;
 color:#fff;
 text-transform:uppercase;
 padding:5px 15px;
 
}
header.masthead .intro-text .intro-heading, header.about .intro-text .intro-heading, header.website .intro-text .intro-heading, header.seo .intro-text .intro-heading, 
header.digital .intro-text .intro-heading, header.contact .intro-text .intro-heading, header.mobilewebdatabase .intro-text .intro-heading, header.mobilewebdatabase .intro-text .intro-heading {
 font-size:54px;
 font-weight:700;
 line-height:1;
 margin-bottom:20px;
font-family: 'Montserrat', sans-serif;
max-width:700px;
display:inline-block;
}

header.mobilewebdatabase .intro-text .intro-heading { max-width:790px }

header.about {  background-image:url(../images/aboutus.jpg); }

header.website {  background-image:url(../images/webdesign.jpg); }

header.seo {  background:url(../images/seo.png) center center; position:relative; }

header.seo .container { min-height:1400px; position:relative; }

header.seo .banner-text { position:absolute; bottom:70px; display:block; width:100%; }

header.seo .banner-text h3 { font-weight:700 !important; font-size:30px; }

header.digital {  background-image:url(../images/dm-bg.jpg); position:relative; background-position:center top; }

header.digital .container { min-height:1400px; position:relative; }

header.digital .banner-text { position:absolute; bottom:70px; display:block; width:100%; }

header.digital .banner-text h3 { font-weight:700 !important; font-size:30px; }

header.mobilewebdatabase { background-image:url(../images/mobile-web-header.jpg); position:relative; background-position:center center; }

header.mobilewebdatabase .container { min-height:1400px; position:relative; }

header.mobilewebdatabase .banner-text { position:absolute; bottom:70px; display:block; width:100%; }
header.mobilewebdatabase .banner-text p, header.digital .banner-text p{font-size:25px}

header.mobilewebdatabase .banner-text h3 { font-weight:700 !important; font-size:30px; }

header.contact {  background-image:url(../images/contact-bg.png); }

header.masthead .intro-text { padding-top:20%; }

.home-title { display:block !important; font-weight:900 !important; max-width:90% !important; margin:0 auto;   }

.home-title h1{ font-size:65px; text-transform:inherit; }

.intro-text h2 { font-weight:700; font-size:35px; text-transform:inherit; }

.desktop-menu{width:100%}
.desktop-menu ul{float:right}
.mobile-menu{display:none !important}

.top-btn {
    display: block;
    padding: 9px 10px;
    background-color: #ef820d;
    color: #fff!important;
    font-weight: 600;
/*	position:absolute;
	right:11%;*/
	text-transform:uppercase;
	text-align:center;
}

a.top-btn { color:#062c2e; }

.top-btn:hover{color:#fff; background-color:#1ab8be; text-decoration:none}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #fff;
  background-color:#1ab8be;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 24px;
  margin-left: 0;
}

.sidenav .closebtn:hover { background-color:transparent; }

.btn-dgreen { background-color:#1ab8be; border-color:#1ab8be; border-radius:0; color:#fff; font-size:13px; font-weight:600; text-transform:uppercase; font-family: 'Montserrat', sans-serif; padding:15px 25px; margin:15px 0; }

#contact-form .btn-dgreen { clear:both;}

.btn-dgreen:hover { background-color:#0c8a8f; border-color:#0c8a8f; color:#fff; }

.sep { height:3px; display:block; background-color:#0f9ba0; width:100px; clear:both; margin:20px 0; }

.section1, .dgreen-bg { background-color:#282828; color:#fff; font-size:25px; margin-bottom:-90px; padding-top:100px; }

.dgreen-bg { background-color:#122029; }

.dgreen2-bg { background-color:#061924; color:#FFF; font-size:20px; padding-top:0; }

.triangle { background: transparent url(../images/tri.png) bottom center no-repeat; background-size:cover; height:88px; width:100%;margin-top: -88px; }
.curve1 { background: transparent url(../images/web-curve-bg.png) bottom center no-repeat; background-size:cover; height:88px; width:100%;margin-top: -88px; }
.curve2 { background: transparent url(../images/marketing-curve-bg1.png) bottom center no-repeat; background-size:cover; height:88px; width:100%;margin-top: -88px; position:relative}
.curve3 { background: transparent url(../images/marketing-curve-bg2.png) bottom center no-repeat; background-size:cover; height:88px; width:100%;margin-top: -88px; }
.curve4 { background: transparent url(../images/marketing-curve-bg3.png) bottom center no-repeat; background-size:cover; height:88px; width:100%;margin-top: -88px; position:relative }

.custom-wd { background-image:url(../images/custom.png), url(../images/red-blue.png);
background-position:center right, top center ;
background-repeat: no-repeat, no-repeat;
background-size:auto,cover;color:#fff; font-size:25px;  }

.digital-bg, .digital2-bg { background:#316391 url(../images/digital.png) center left no-repeat; color:#fff; font-size:25px; padding-bottom:40px; }
.digital1-bg { background:#2e4f6b url(../images/marketing1.png) center left no-repeat; color:#fff; font-size:25px; padding-bottom:40px; }
.digital2-bg { background:#316391 url(../images/seo1.png) center left no-repeat; }

.about-me { background-color:#2b4361; color:#fff; padding:80px 0; font-size:22px;}

.webs { background:#01366a url(../images/seo1.jpg) bottom right no-repeat; color:#fff; padding-bottom:40px; font-size:22px;}

.webs-topfooter { background:#0d1b3a; color:#fff; padding:40px 0 0; font-size:22px;}

.seo-bg { background-image:url(../images/search-e.png), url(../images/seo-bg.jpg);
background-position:center right, bottom left ;
background-repeat: no-repeat, no-repeat;
background-size:auto,100% 100%; font-size:25px;}

.seo2-bg { background-image:url(../images/seo2.png), url(../images/seo-bg.jpg);
background-position:center right, bottom left ;
background-repeat: no-repeat, no-repeat;
background-size:auto,100% 100%; font-size:25px;}

.marketing1-bg { background:#312798 url(../images/marketing2.png) no-repeat center right; background-size:auto,100% 100%; font-size:25px; color:#fff}

.mwdb-bg { background:#474783; color:#fff; font-size: 25px; }

.mwdb1-bg { background:#1b0d3d url(../images/mobile-page.png) center left no-repeat; background-size:40%; color:#fff; font-size:25px; padding-bottom:100px; }

.projects {background:url(../images/project-bg.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; position:relative; color:#fff;}
.projects h1{color:#fff; text-transform:uppercase; margin-bottom:20px}
.projects .item{display:inline-block; position:relative; margin:6px 5px; cursor:pointer}
.projects .lastItem {
	display: block;
	margin: 6px auto;
	width: 257px;
}
.projects .item:hover h2{display:block}
.projects .item h2{font-size:22px; display:none; font-weight:400; color:#fff; text-transform:uppercase; text-align:center; margin:0}
.projects .item a{color:#fff; display:block; background-color:rgb(0,0,0,0.8); text-decoration:none; position:absolute; height:100%; width:100%; top:0; left:0; padding-top:120px;}


.listing ul,
.listing li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.listing ul {
  margin: 1em 0;
}

.listing li {
  margin: 15px;
  margin-left:2em;
}

.listing li:before {
  content: '\f058';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #fff;
}

.listing2 li:before { color:#1ab8be; }

#bigTriangleColor path {
	fill: #316391;
	stroke: #316391;
	stroke-width: 2;
}

#bigTriangleColor2 path {
	fill: #01366a;
	stroke: #01366a;
	stroke-width: 2;
}

.graphics {
	padding: 50px 20px;
}
graphic img {
	max-width: 100%;
}

.graphic-wrap {
	display: inline-block;
	padding: 2rem;
	width: calc(50% - 2px);
	margin-bottom: 5px;
}
.graphic-wrap h2 {
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.graphic-wrap img{max-width:100%}
.graphic-wrap ul{padding:0; margin:0}
.graphic-wrap ul li{display:inline-block; background:none; vertical-align:middle; text-align:center; padding:10px; width:calc(33.3333% - 3px);}
.graphic-wrap ul li img{width:100%; height:auto}

.graphic-wrap1 {
	display: inline-block;
	padding: 2rem;
	width: calc(50% - 2px);
	margin-bottom: 5px;
}
.graphic-wrap1 h2 {
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.graphic-wrap1 img{max-width:100%}
.graphic-wrap1 ul{padding:0; margin:0}
.graphic-wrap1 ul li{display:inline-block; background:none; vertical-align:middle; text-align:center; padding:10px; width:calc(50% - 3px);}
.graphic-wrap1 ul li img{width:100%; height:auto}

.bg-blue-green {
	background-color: #306390;
}
.bg-purple {
	background-color: #474783;
}
.bg-darkgray {
	background-color: #282828;
}
.bg-blue {
	background-color: #4249c0;
}

.form-control { background:transparent; padding:0; height:52px; font-size:20px; border:0; border-bottom:1px solid #49496a; border-radius:0; font-weight:300; margin-bottom:50px; }

.form-control:focus { background-color:transparent;outline: none; }

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.graphic-wrap.bg-blue-green, .graphic-wrap.bg-purple, .graphic-wrap1.bg-darkgray, .graphic-wrap.bg-blue { display: none;}

footer { background:#090909; color:#fff; font-size:12px; padding-top:70px; padding-bottom:50px; text-align:center; }

footer .copy img { margin-bottom:25px; }

footer .copy { max-width:700px; display:block; margin:0 auto; }

.socMed{margin-bottom:1rem}
.socMed a{color:#fff; font-size:30px; margin:0 5px}

.copy ul li {display:inline-block; margin:0 10px; font-size:16px; text-transform:uppercase; font-weight:600}

.centerImage { text-align:center; display:block; margin:0 auto; }

#mainNav .navbar-brand img{width:450px}

#mainNav .navbar-nav .nav-item .nav-link{padding:9px 1em 10px !important}
#mainNav .navbar-nav .nav-item-soc .nav-link{padding:10px .6em !important}


@media (min-width:992px) and (max-width: 1519px){
	#mainNav .navbar-nav .nav-item .nav-link{font-size:16px; padding:7px 10px 10px !important}
}


@media (min-width:992px)  {	
	#mainNav {
		padding-top: 25px;
		padding-bottom: 25px;
		-webkit-transition: padding-top .3s,padding-bottom .3s;
		transition: padding-top .3s,padding-bottom .3s;
		border: none;
		background-color: transparent;
	}
	
 #mainNav .navbar-brand {
  font-size:1.75em;
  -webkit-transition:all .3s;
  transition:all .3s
 }
 #mainNav.navbar-shrink {
  padding-top:0;
  padding-bottom:0;
  background-color: rgba(33,37,41,0.9);
 }
 #mainNav.navbar-shrink .navbar-brand {
  font-size:1.25em;
  padding:12px 0
 }
}

@media (max-width:768px) {
	h1 { font-size:180% !important }
	h2 { font-size:150% !important; }
	h3 { font-size:120% !important; }
	header.seo .banner-text, header.digital .banner-text, header.mobilewebdatabase .banner-text { width:auto;position: relative;
bottom: 0; }
	header.masthead { min-height:500px; background-size:cover; }
header.masthead .intro-text {
 padding-top:25%;
 padding-bottom:15%;
}	
 #mainNav.navbar-shrink {
  background-color: rgba(33,37,41,1);
 }
.ml-auto, .mx-auto {
    margin-left: 0 !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}	
header.masthead .intro-text .intro-heading { font-size:150%; margin-top:25px;}
.form-control {margin-bottom:20px; }
header.masthead, header.about, header.website, header.seo, header.digital, header.contact, header.mobilewebdatabase {background-size: cover; min-height: 400px; }


header.about .intro-text, header.website .intro-text, header.seo .intro-text, header.digital .intro-text, header.contact .intro-text,header.mobilewebdatabase .intro-text { padding-top:50%;}

header.about .intro-text .intro-heading, header.website .intro-text .intro-heading, header.seo .intro-text .intro-heading, header.digital .intro-text .intro-heading, header.contact .intro-text .intro-heading, header.mobilewebdatabase .intro-text .intro-heading
{
	font-size:180%;
	opacity:1;
	display:inline-block;
	padding:10px;
	background:rgba(0,0,0,.6)
}
section { padding-top: 60px; padding-bottom:60px; clear:both; }
.section1 { margin-bottom:0; padding-bottom:0;  }
.custom-wd { background:#1835a2; }
.about-me { background:#2d4668 }
.dgreen-bg { margin-bottom:0; }
.custom-wd, .digital-bg {  font-size:20px; }
.digital-bg { background: #316391 }
.mwdb1-bg { background: #474783; font-size:20px }
.digital2-bg, .digital1-bg { background: #316391; font-size:20px; }
.seo-bg, .seo2-bg { background:#fff; font-size:20px; }
.mwdb-bg, header.mobilewebdatabase .banner-text p{font-size:20px}
.digital2-bg h1 { font-size:150% !important; }
.marketing1-bg{background:#312798; padding-top:150px}
.webs { background:#01366a }
header.seo .container { min-height:550px;}
header.seo { background: url(../images/seo.png) top center;}
header.seo .banner-text h3 { font-size:100% !important }
header.digital .container { min-height: 600px; }
header.mobilewebdatabase .container { min-height: 600px; }
.projects{text-align:center}
}


@media (min-width: 1024px) and (max-width: 1367px) 
{ 
  header.masthead, header.about, header.website, header.seo, header.digital, header.contact, header.mobilewebdatabase { background-position:top center !important; min-height: 800px; }
}

@media (min-width: 1367px) and (max-width: 1566px) {
	.marketing1-bg{background-size:40%}
	.digital1-bg{background-size:500px}
	.digital-bg{background-size:40%}
	.mobilewebdatabase{background-size:40%}
}

@media (min-width: 1180px) and (max-width: 1366px) 
{
	.digital-bg, .digital2-bg, .digital1-bg{background-size:500px}
	.about-me{background-size:52%}
	.webs{background-size:45%}
	.seo2-bg{background-size:45%,100% 100%}
	.marketing1-bg{background-size:40%}
}

@media (max-width: 1024px){ 
	header.masthead, header.about, header.website, header.seo, header.digital, header.contact { background-position:top center !important;min-height: 720px; }
	header.digital{background-position:center -150px !important; background-repeat:repeat}
	header.mobilewebdatabase {background-position: top center !important;min-height: 600px;}  
	header.masthead { min-height:inherit; }
	.navbar-custom .navbar-toggle {text-align: center;}
	.navbar-dark .navbar-toggler { margin:0; color:#fff; background-color:#062c2e; border-color:#062c2e; border-radius:0; }	
}
@media (max-width:991px){
	.navbar-nav {background-color: #062c2e !important;}
}
@media (max-width: 553px){
	.navbar-dark .navbar-toggler{margin:0 auto}
	.graphics {display:none;}
}
@media (max-width: 480px)  
{
	h1{font-size:160% !important}
	.top-btn{position:relative; right:auto}
	.banner-text p{margin:0 auto}
	header.seo{background-repeat:repeat}
	header.masthead .intro-text{ padding-top:30%}
	header.masthead .intro-text .intro-heading
	{
		font-size:150%;
		opacity:1;
		display:inline-block;
		margin-bottom:10px;
	}
	header.mobilewebdatabase .container{padding-bottom:30px;}
	header.mobilewebdatabase .intro-text{padding-bottom:70%}
	.graphics ul li{display:none; width:100%}
	.navbar-nav{padding:10px; background-color:transparent}
	.nav-menu-text{display:none}
	.nav-item i{color:#fff}
	.graphic-wrap {
	  display: block;
	  padding: 1rem;
	  width: 100%;
	}
}