*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

@font-face {
  font-family: 'footericons';
  src: url('../fonts/footericons.eot?72187771');
  src: url('../fonts/footericons.eot?72187771#iefix') format('embedded-opentype'),
       url('../fonts/footericons.woff?72187771') format('woff'),
       url('../fonts/footericons.ttf?72187771') format('truetype'),
       url('../fonts/footericons.svg?72187771#footericons') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "footericons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e800'; } /* '' */
.icon-location:before { content: '\e801'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  padding: 0;
  margin: 0;
  font-family: 'OpenSansLight';
}

input, select, textarea {
  font-family: 'OpenSansLight';
}

input:hover, select:hover, textarea:hover {
  cursor: pointer;
}

/*--------------------------*/
/* Utility Classes          */
/*--------------------------*/
hr {
  border: 0px solid #ccc;
  height: 1px;
  background: #ccc
}

a {
  text-decoration: none;
}

a:active, a:focus {
  outline: 0;
  outline-style: none;
  outline-width: 0;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-left: 10px;
}

ol, ol li {
  list-style: decimal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

a img {
  border: 0;
}

.clear {
  clear: both;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

body {
  background: #303030;
}


h2 {
  color: #018E98;
  font-size: 19px;
}

h3 {
  color: #018E98;
  font-size: 18px;
}

.constrain {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#header {
  background: #000;
  color: #fff;
  height: 113px;
}

#header img {
  margin-top: 38px;
  margin-left: 20px;
}

.nav {
  position: absolute;
  top: 0px;
  left: 452px;
}

#header ul {
  width: 550px;
  margin: 0px;
  padding: 0px;
}

#header ul li {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 112px;
  float: left;
  display: block;
}

#header ul li a {
  line-height: 112px;
  color: #fff;
  background: #000 url(../images/g-nav-menu.jpg) top left repeat-x;
  font-size: 14px;
  border-right: 1px solid #000;
  text-transform: lowercase;
  padding: 0px 34px;
  display: block;
}

#header ul li ul.sub-menu {
  position: absolute;
  top: 112px;
  left: -1px;
  width: 220px;
  border-top: 1px solid #000;
  z-index: 1000;
  visibility: hidden;
}

#header ul li ul.sub-menu li {
  height: auto !important;
  line-height: auto !important;
  float: none !important;
  padding-left: 0px;
}

#header ul li ul.sub-menu li a {
  height: auto !important;
  line-height: 16px !important;
  display: block;
  border-left: 1px solid #000;
  border-bottom: 1px solid #046D74;
  padding: 10px;
  background: #018E98;
}

#header ul li ul.sub-menu li:last-child a {
  border-bottom: 1px solid #000;
}

#header ul li ul.sub-menu li a:hover {
  background: #07D1E3 !important;
}

#header ul li a:hover, #header ul li.current-menu-item a {
  background: #000 url(../images/g-nav-menu.jpg) bottom left repeat-x;
}

.hover a {
  background: #018E98 !important;
}

#focus {
  background: #018E98 url(../images/g-focus-bg.jpg) top left repeat-x;
}

#focus div.box {
  width: 400px;
  height: 200px;
  background: transparent url(../images/g-trans-bg.png) top left;
/*  position: absolute;
  bottom: 40px;
  left: 40px;*/
  white-space: normal;
}

#focus div.boxinner {
  height: 160px;
  width: 340px;
  position: relative;
  color: #fff;
  padding: 20px 30px;
}

#focus div.boxinner p {
  margin: 0px;
  font-size: 14px;
}

#focus div.boxinner p.title {
  font-family: 'OpenSansBold';
  font-size: 16px;
  margin-bottom: 10px;
}

#focus div.boxinner a {
  background: #018E98;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
}

#focus div.boxinner a:hover {
  background: #333;
}

#features {
  background: #000;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 30px;
}

.feature {
  width: 436px;
  float: left;
  margin-right: 70px;
  font-size: 14px;
  margin-left: 10px;
  position: relative;
  margin-bottom: 30px;
}

.fullfeature {
  width: 1000px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
}

.fullfeature .feature-content {
  margin-left: 0px !important;
}

.feature-right {
  margin-right: 0px !important;
}

.feature img {
  position: absolute;
  top: 0px;
  left: 0px;
}

.feature .feature-content {
  margin-left: 120px;
}

.feature .feature-content h2, .feature .feature-content h2 a {
  font-size: 17px;
  font-family: 'OpenSansBold';
  color: #018E98;
  border-bottom: 1px solid #333;
  padding-bottom: 8px;
}

.feature .feature-content a {
  color: #018E98;
}

.feature .feature-content a:hover {
  color: #333;
}

.cta-text-area {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 10px;
}

#recent-websites-bar {
  background: #018E98;
  color: #fff;
  padding: 20px 0px;
}

#recent-websites-bar p {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#recent-websites-bar p.title {
  font-size: 17px;
  font-family: 'OpenSansBold';
  padding-right: 20px;
  border-right: 1px solid #fff;
  margin-right: 20px;
  text-indent: 30px;
}

#recent-websites {
  background: #fff;
  padding: 50px 0px;
  font-size: 13px;
}

.content-left {
  width: 628px;
  margin-right: 40px;
  float: left;
}

.content-left ul {
  margin-top: 15px;
  margin-bottom: 15px;
}

.content-left a {
  color: #018E98;
  font-weight: bold;
}

.content-left a:hover {
  color: #333;
}

.content-left ul li {
  margin-left: 10px;
  list-style: disc;
  margin-bottom: 10px;
}

.content-left ol {
  list-style: decimal !important;
  margin-left: 0px;
  padding-left: 0px;
}

.content-left ol li {
  margin-left: 30px;
  list-style: decimal !important;
  margin-bottom: 15px;
}

.content-left p {
  line-height: 20px;
}

.content-right {
  width: 332px;
  float: left;
}

.content-right a {
  color: #018E98;
}

.content-right a:hover {
  color: #333;
}

.service-list-item {
  margin-bottom: 40px;
}

.service-list-item img {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 10px;
  border-bottom: 3px solid #018E98;
}

.service-list-item p {
  margin: 0px;
}

.service-list-item div {
  background: #000;
  color: #fff;
  margin: 0px;
  padding: 12px;
  padding-bottom: 40px;
  position: relative;
}

.service-list-item div a.cta {
  background: #018E98;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
}

.service-list-item div a.cta:hover {
  background: #333;
}

#recent-websites .portfolio-item {
  width: 220px;
  background: #000;
  color: #fff;
  position: relative;
  padding-bottom: 40px;
  font-size: 13px;
  float: left;
  margin-right: 40px;
}

.frontpage-item {
  min-height: 300px;
}

.page #recent-websites .portfolio-item {
  margin-bottom: 40px;
}

#recent-websites .portfolio-item:last-child, #recent-websites .portfolio-item.fourth {
  margin-right: 0px;
}

#recent-websites .portfolio-item img {
 border-bottom: 3px solid #018E98;
}

#recent-websites .portfolio-item p {
  margin: 10px 10px;
}

#recent-websites .portfolio-item p.title a {
  font-size: 14px;
  font-family: 'OpenSansBold';
  border-bottom: 1px solid #333;
  padding-bottom: 8px;
  color: #fff;
  display: block;
}

.portfolio-item p.title a:hover {
  background: none !important;
  color: #333 !important;
}

#recent-websites .portfolio-item a.cta {
  background: #018E98;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 5px 10px;
  color: #fff;
}

#recent-websites .portfolio-item a:hover {
  background: #333;
}


#footer {
  background: #000;
  color: #fff;
  font-size: 13px;
  padding: 20px 0px;
}

.footer-column {
  width: 314px;
  margin-right: 25px;
  float: left;
}

.footer-column p.title {
  font-size: 14px;
  font-family: 'OpenSansBold';
  border-bottom: 1px solid #333;
  padding-bottom: 8px;
  margin-top: 0px;
  color: #fff;
}

.footer-column:last-child {
  margin-right: 0px;
}

.icon-location, .icon-mail, .icon-phone {
  color: #fff;
  margin: 4px 0px 4px 8px;
  padding-left: 0px;
  height: 20px;
  line-height: 24px;
  display: block;
}

.content-right .icon-location, .content-right .icon-mail, .content-right .icon-phone {
  color: #333;
  margin: 4px 0px 4px 8px;
  padding-left: 0px;
  height: 20px;
  line-height: 24px;
  display: block;
}

.icon-location span, .icon-mail span, .icon-phone span {
  padding-left: 4px;
}

.content-right .icon-mail a {
  color: #018E98 !important;
}

.content-right .icon-mail:hover {
  color: #333 !important;
}

.content-right .icon-mail a:hover {
  color: #333 !important;
}

.content-right .icon-mail a {
  color: #fff;
}

.icon-mail, .icon-mail a {
  color: #fff;
}

.icon-mail:hover {
  color: #333;
}

.icon-mail a:hover {
  color: #333;
}

.blogpost {
  margin-bottom: 16px;
}

.blogpost a {
  margin-left: 4px;
  color: #018E98;
  font-size: 12px;
}

.blogpost a:hover {
  color: #333;
}

.blogpost p {
  margin: 0px;
  padding: 2px 4px;
  font-size: 12px;
}

.blogpost p.blogtitle {
  font-family: 'OpenSansBold';
  margin: 0px;
  font-size: 13px;
  background: #333;
  padding: 2px 60px 2px 4px !important;
  position: relative;
  display: block;
}

.blogpost p small {
  padding: 0px 4px;
  margin: 0px !important;
  line-height: 6px;
  float: right;
  position: absolute;
  top: 8px;
  right: 2px;
}

#authorbottom {
  background: #303030;
  color: #fff;
  padding: 20px 0px;
}

#authorbottom p.copyright {
  font-size: 13px;
  margin: 0px;
  line-height: 40px;
  padding: 0px;
  float: left;
}

.socialicons {
  float: right;
}

/* pricing table setup */
.pricingtable {
  
}

.pricingtable table {
  width: 250px;
  float: left;
  font-size: 13px;
}

.pricingtable thead th {
  width: 250px;
  text-align: center;
  font-size: 20px;
  padding: 10px 0px;
}

.pricingtable thead th.col1 {
  background: #018E98;
}

.pricingtable thead th.col2 {
  background: #F25E28;
}

.pricingtable thead th.col3 {
  background: #F57D51;
}

.pricingtable thead th.col4 {
  background: #F68F6A;
}

.pricingtable tbody th {
  text-align: center;
  height: 120px;
  font-size: 26px;
  border-bottom: 4px solid #ccc;
}

.pricingtable tbody th span {
  display: block;
  font-size: 11px;
}

.pricingtable tbody th.col1 {
  background: #333;
}

.pricingtable tbody th.col2 {
  background: #565656;
}

.pricingtable tbody th.col3 {
  background: #6E6E6E;
}

.pricingtable tbody th.col4 {
  background: #828282;
}

.pricingtable tbody tr td {
  text-align: center;
  background: #eee;
  color: #000;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
}

.pricingtable tbody tr.features td {
  background: #e4e4e4;
  font-weight: bold;
}

.pricingtable tfoot td {
  background: #e4e4e4;
  text-align: center;
  height: 50px;
}

.pricingtable tfoot td a.cta {
  background: #018E98;
  padding: 5px 30px;
  font-size: 12px;
  color: #fff;
}

.pricingtable tfoot td a.cta:hover {
  background: #333;
  color: #fff;
}

span.roll {
	background:url('../images/g-magnify.png') center center no-repeat #018E98;
	height: 170px;
	position: absolute;
	width: 220px;
	z-index: 10;
    opacity: 0;
}

/* comments */
ol.commentlist { list-style:none !important; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:5px solid #ccc; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #666; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#e4e4e4; }
ol.commentlist li.odd { background:#eee; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol, ol li {
  list-style: none !important;
}

h3#comments, #respond h3 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 10px 0px;
  padding: 10px 0px;
  color: #018E98;
  font-weight: bold;
  font-size: 14px;
}

#respond input, #respond textarea {
  font-size: 12px;
  border: 1px solid #ccc;
}

#commentform small {
  font-size: 13px;
}

#respond textarea {
  width: 500px;
}

.alignleft {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.alignright {
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#sidebar h2 {
  margin-bottom: 10px;
  margin-top: 10px;
}

#sidebar {
  font-size: 13px;
}

#sidebar li li {
  list-style: disc;
}

#sidebar li li a {
  color: #333;
}

#sidebar li li a:hover {
  color: #018E98;
}

div.wpcf7-validation-errors {
  background: #F7E700;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

span.wpcf7-not-valid-tip {
  background: #FF0000 !important;
  border: 0px !important;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

div.wpcf7-mail-sent-ok {
  background: #398F14 !important;
  color: #fff !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

input, textarea, select, option {
  font-size: 13px;
}

#rev_slider_1_2_wrapper {
  background: #000 url(../images/p-main-photo.jpg) top left no-repeat; 
  
}

.map {
  padding: 0px !important;
}

.map iframe {
  width: 100%;
  height: 300px;
}

.formfield {
  float: left;
}

.formfield input, .formfield select {
  background: #F5F5F5;
  border: 1px solid #E2E2E2;
  padding: 3px 10px 5px;
  resize: none;
  width: 185px;
  margin-right: 10px;
}

.formfield select {
  padding: 3px 8px 3px;
  margin-right: 0px;
}

.textfield {
  padding-top: 10px;
}

.textfield textarea {
  border: 1px solid #E2E2E2;
  background: #F5F5F5;
  padding: 3px;
  resize: none;
  height: 300px;
  width: 612px;
}

.wpcf7-form {
  margin-top: 20px;
}

h2.quickcontactheading {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.quickcontact {
  background: #000;
  border-top: 4px solid #018E98;
  padding: 10px;
  margin-bottom: 0px;
}

.quickcontact form {
  margin-top: 0px;
}

.small-formfield input, .small-formfield select {
  background: #F5F5F5;
  border: 1px solid #E2E2E2;
  padding: 3px 10px 5px;
  resize: none;
  width: 290px;
  margin-bottom: 10px;
}

.small-formfield select {
  width: 312px;
}

.small-textfield textarea {
  width: 290px;
  height: 120px;
  padding: 3px 10px 5px;
}

.more {
  padding: 0px 10px;
}

.more a {
    color: #0254EB
}
.more a:visited {
    color: #0254EB
}

a.morelink {
    text-decoration:none;
    outline: none;
	color: #018E98;
}

a.morelink:hover {
  text-decoration: underline;
  background: none !important;
  color: #ccc !important;
}

.more span.shortcontent {
    display: block;
}

.comment {

    margin: 10px;
}

.tp-leftarrow.default {
  left: -20px;
}

.tp-rightarrow.default {
  right: -20px;
}

ul.services, ul.services li {
  list-style: disc;
}

ul.services {
  margin-top: 8px;
}

ul.services li {
  margin-bottom: 4px;
}

.entry {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}


.tp-caption.boxinnertext{
  height: auto !important;
}

/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position: absolute;
	top:0;
	right:0;
	background:#3D3D3B url(../images/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
    z-index: 99999;
	width:50px;
}

.nav-rotate {
  background: #3D3D3B url(../images/nav-close.svg) no-repeat center center;
	background-size:18px;
}

.nav-mobile:hover {
  background-color: #838381;
}

/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #8B2870;
	height:49px;
	width:50px;
	cursor:pointer;
	z-index: 99999;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}

@media only screen and (max-width: 1010px) {
  .nav-mobile {
    display:block;
  }
  
  #header {
    height: auto;
  }
  
  .content-left {

  }
  
  .formfield {
    float: none;
	margin-bottom: 10px;
  }
  
  #recent-websites {
    padding-right: 34px;
  }
  
  
  .quickcontactheading {
    clear: both;
	padding-top: 10px;
  }
  
  .content-right {
    float: none;
	width: 100%;
	padding-right: 40px;
  }
  
  .service-list-item {
    width: 48%;
	float: left;
	margin: 5px;
	min-height: 360px;
  }
  
  .service-list-item img {
    width: 100%;
	height: auto !important;
  }
  
  #header ul {
    width: 100%;
  }
  
  .nav-list {
    display:none;
  }

  .nav {
    left: auto;
	top: auto;
	position: inherit;
  }
  
  #header img {
    margin: 0px auto !important;
	display: block;
	padding: 20px 0px;
	height: auto;
  }
  
  #recent-websites-bar {
    padding: 13px 0px;
  }
  
  
  #header ul li {
    float: none;
	height: auto;
  }
  
  #header ul li ul.sub-menu {
    position: relative;
	top: auto;
	left: auto;
	visibility: visible !important;
	width: 100%;
	border-top: 0px;
  }
  
  #header ul li ul.sub-menu li a {
    border-left: 0px;
  }
  
  #recent-websites-bar p {
    display: none;
  }
  
  #recent-websites-bar p.title {
    display: block;
	border-right: 0px;
	padding-right: 0px;
	margin-right: 0px;
  }
  
  .feature {
    margin-right: 20px;
  }
  
  .constrain {
    width: 100%;
  }
  
  #recent-websites .portfolio-item {
    min-height: 340px;
  }
  
  #recent-websites {
    padding-left: 34px;
  }
  
  #recent-websites .portfolio-item:last-child {
    display: none;
  }
  
  #header ul li a {
    line-height: normal !important;
    display: block;
    height: auto !important;
	padding: 10px;
	background: #018E98 !important;
	border-top: 0px !important;
	border-bottom: 1px solid #000 !important;
	border-right: 0px;
	text-transform: capitalize;
  }
  
  #header ul li a:hover {
    background: #07D1E3 !important;
  }
  
  
  #header ul li ul.sub-menu {
    border-bottom: 0px !important;
  }
  
  #header ul li ul.sub-menu li a:before {
    padding-left: 10px;
	content: "» ";
  }
  
  .footer-column {
    width: 50%;
	padding: 0px 20px;
	margin: 0px;
  }
  
  .footer-column iframe {
    width: 100%;
  }
  
  .content-left {
    margin: 0px;
	padding-right: 0px;
	width: 100%;
  }
  
  .content-right {
	padding-right: 0px;
  }
  
  .pricingtable table {
    width: 50%;
  }
  
  .feature .feature-content {
  padding: 0px 34px !important;
  }
  
  .feature {
    padding-right: 0px !important;
  }
  
  input, select, textarea {
    width: 100% !important;
  }
  
  #authorbottom {
    padding: 10px 10px;
  }
  
  
  
}

@media only screen and (max-width: 940px) {
  .feature {
    float: none;
    width: 100%;
	padding-right: 20px;
	margin-left: 0px;
  }
  
  #recent-websites .portfolio-item {
    margin-right: 20px !important;
  }
  
   .service-list-item h3 {
     font-size: 16px;
   }
  
  
  #header {
    background: #000;
  }
  
  .feature img {
    left: 20px;
  }
  
  .feature .feature-content {
    padding-left: 100px;
	margin-left: 0px;
  }
  
  .home .feature .feature-content {
    padding-left: 100px !important;
  }
  
  #features {
    padding: 20px 0px;
  }
  
  
}

@media only screen and (max-width: 890px) {
	.rev_slider {
      display: none !important;
	}
	
	.tp-leftarrow, .tp-rightarrow {
		display: none;
	}
	
	
	#rev_slider_1_2_wrapper {
      background: url("../images/p-main-photo.jpg") no-repeat scroll right bottom #000000 !important;
	  min-height: 450px;
	}
}

@media only screen and (max-width: 790px) {
  #recent-websites .portfolio-item:last-child {
    display: inline-block;
  }
  
  .footer-column {
    width: 100%;
	padding: 20px 20px;
	margin: 0px;
	float: none;
  }
  
  .service-list-item {
    width: 100%;
	margin-right: 20px;
  }
  
}

@media only screen and (max-width: 640px) {
  .pricingtable table {
    width: 100%;
  }
  
  .feature .feature-content {
    padding: 0px 34px;
  }
 
  
  .fullfeature {
    padding-right: 0px !important;
  }
}


@media only screen and (max-width: 570px) {
  #recent-websites .portfolio-item {
	min-height: 120px;
	width: 50%;
    display: inline-block;
	height: 170px;
	margin: 0px !important;
	background: #fff;
	padding: 10px !important;
  }
  
  #recent-websites .portfolio-item img {
    border-bottom: 0px;
	width: 100%;
	height: auto !important;
	border: 1px solid #ccc;
  }
  span.roll {
    display: none;
  }
  
  .service-list-item {
    min-height: 100px !important;
  }
  
  #recent-websites {
    padding-right: 34px;
  }
  
  #recent-websites .portfolio-item p,
  #recent-websites .portfolio-item a.cta {
    display: none;
  }
}

@media only screen and (max-width: 500px) {
  #header img {
    display: block;
	padding: 20px;
	margin: 0px auto;
	width: 80%;
	height: auto;
  }
}


@media only screen and (min-device-width : 320px) and (max-width : 568px), (min-device-width : 320px) and (max-width : 480px)  { 
  .feature .feature-content h2, .feature .feature-content h2 a {
    border-bottom: 0px;
  }
  
  #recent-websites .portfolio-item {
	width: 100%;
	float: none;
	display: block;
	height: auto;
	margin: 0px !important;
	background: #fff;
	padding: 10px !important;
  }
  
  .feature .feature-content {
    padding: 0px 34px;
  }
  
  .pricingtable table {
    width: 100%;
  }
  
  .fullfeature {
    padding-right: 0px !important;
  }
  
  #recent-websites {
    padding: 30px;
  }
  
  .more {
	  display: none;
  }
  
  
  #rev_slider_1_2_wrapper {
    min-height: 200px !important;
    background: url("../images/p-main-photo-small.jpg") no-repeat scroll right bottom #000000 !important;
  }
  
  .feature {
    border-bottom: 1px solid #333;
	padding-right: 20px;
  } 
}