.red {color: #c00}
.center { text-align: center}
.right { text-align: right}
.left { text-align: left}
.justify { text-align: justify}

.block {display: inline-block;}

h2, .h2 {font-size: 20px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 300;}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .h1 b, .h2 b, .h3 b, .h4 b, .h5 b, .h6 {font-weight: 900;}

*{font-family: "Poppins" font-size:16px}
body, html {height: 100%;width: 100%;font-family: "Poppins"; font-weight: 100; font-size: 18px; }
body {background: #f1f1f1;}

body, h1, h2, h3, h4, h5, h6 {font-family: "Poppins", Helvetica, Arial, sans-serif; display: inline; line-height: 23px;}
.lead {font-size: 18px;font-weight: 400;}
.intro-header {padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */padding-bottom: 50px;color: #f8f8f8;background: url(../../img/intro-bg.jpg) no-repeat center center;background-size: cover;text-align: center;}
.intro-message {position: relative;padding-top: 20%;padding-bottom: 20%;}
.intro-message > h1 {margin: 0;font-size: 5em;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);}
.intro-divider {width: 400px;border-top: 1px solid #f8f8f8;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.intro-message > h3 {text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);}

.network-name {text-transform: uppercase;font-size: 14px;font-weight: 400;letter-spacing: 2px;}
.content-section-a {}
.content-section-b {border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;padding: 50px 0;}
.section-heading {margin-bottom: 30px;}
.section-heading-spacer {border-top: 3px solid #e7e7e7;width: 200px;float: left;}
.banner {padding: 50px 0;color: #f8f8f8;background: url(../../img/banner-bg.jpg) no-repeat center center;background-size: cover; font-size: 22px; text-align:  center;}
.banner h2 {margin: 0;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);font-size: 3em;}
.banner ul {margin-bottom: 0;}
.banner-social-buttons {float: right;margin-top: 0;}

@media (max-width: 1199px) {ul.banner-social-buttons {float: left;margin-top: 15px;} }
@media (min-width: 1600px) {.container{width: 1360px;} }

footer {background-color: #2e3133;padding: 50px 0;}
p.copyright {margin: 15px 0 0;}

.b{ font-weight: bold;}
.fff{ color: #fff;}
.menu-panel ul  li a { font-weight: 100;color: #ddd; }
.menu-panel ul  li a { font-weight: 100;color: #ddd; }
.menu-panel ul  li a:hover { font-weight: 100;color: #fff; text-decoration: none; }
.navheading {color: #888; padding-bottom: 5px; display: block;}

.pagetitle{  background-position:top center; background-size: cover; padding: 120px 0 60px 0; font-weight: 300; background: #111 url('../../i/titlebg.jpg');}
.pagetitle .h1{font-weight: 300;background: rgba(0, 0, 0, 0.37);padding: 5px 18px;}

.menu-panel { background: #2e3740;padding: 20px 0;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff;
background-color: #2e3740;
font-weight:100;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {font-weight:100;	
}


.navbar-nav > li > a {
padding: 20px 10px;

}
.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color: #333;
color: #fff;
}
.navbar-brand {
float: left;
height: 0px;
padding: 12px 30px 20px 0px;
font-size: 18px;
line-height: 20px;
}

.navbar {
min-height: 50px;
margin-bottom: 0px;
    border-bottom: 1px solid #e9e9e9;
border-radius: 0px;
background: #fff;
z-index: 50;
}

.navbar a {
color: #000}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: #333;
border-color: #428bca;
color: #fff;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
list-style: none;
background-color: #333;
background-clip: padding-box;
border: 1px solid #ccc;
border: 0px solid rgba(0, 0, 0, .15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
textarea.form-control {
height: 140px;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #fff;
white-space: nowrap;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #000;
  background-color: #FFF;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
width: 100%;
}

.carousel-control.left{ background-image: none}
.carousel-control.right{ background-image: none}
.space{ margin: 40px 0;}
hr {border: none;border-bottom: solid 1px rgba(160,160,160,.3);display: block;clear: both;margin: 0;}


.footer { background: #2e3133; color: #fff; border-top: solid 4px #ff9800}
.footer .h4 { color: #fff; font-size: 15px; font-weight: 400;}
.footer a{display: block; color: #fff; margin-bottom: 5px;     font-size: 15px;}
.footer .newsletterlabel{ color: #fff; display: block;  padding: 0 0  5px 0;}


.credit { background: #2e3133; display: block; padding:40px 0 30px 0; color: #fff; font-size: 15px;}
.credit a { color: #fff; font-size: 15px;}
.credit .social-media-icon a{ display: inline-block; padding: 10px; font-size: 20px; float: right; color: #fff; margin-top: -10px; min-width: 45px; text-align: center; background: #444; margin-right: 2px;}

.credit .social-media-icon a:hover{background: #333;}

.credit .social-media-label {
text-align: right;
font-size: 15px;
display: block;
float: right;
padding-top: 0px;
vertical-align: middle;
padding-right: 5px;
max-width: 215px;
color: #fff;
margin-right: 20px;
}
img.fit {width: 100%}
.inline { display: inline-block;}

.portfolioicons { display: inline-block;}

.thumbnail {
  float: left;
    margin-bottom: 20px;
  overflow: hidden;
   
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.morph {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.morph:hover {
  border-radius: 50%;
  /*-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);*/
}
.form-control { border-radius: 0;}

/*h1, .h1, h2, .h2, h3, .h3 {
margin-top: 20px;
margin-bottom: 10px;
}
*/
.quickenquiryform { padding: 15px 20px 10px 20px;
background: #333;
color: #fff;
margin-top: -75px;
box-shadow: 0px 0px 24px #fff,0px 0px 24px #fff,0px 0px 24px #fff,0px 0px 24px #fff,0px 0px 24px #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;

}
.quickenquiryform .title {
line-height: 20px;
font-size: 32px;
font-weight: bold;
padding-top: 9px;
}
.btn-lg, .btn, input, form-control, .panel {border-radius: 0px;}
.btn-black {background: #232a34;
border-bottom: 5px solid #1a2028;
font-size: 18px;
line-height: 24px;
padding: 15px 25px 15px 25px;
border-radius: 3px;color: #fff;}
.btn-black:hover{color: #fff; background:#000;}

.btn-cta{background: #FFAE00;
border-bottom: 5px solid #C39B00;
font-size: 21px;
line-height: 24px;
padding: 17px 25px 17px 25px;
border-radius: 3px;
color: #000;
font-weight: bold;}

p, li{line-height: 32px;}

.feature-details {float: right;}
.feature-details .h4 {line-height: 30px; padding:5px 10px; background: #f9f9f9; display: block; border-bottom: 1px #ccc solid}


.carousel-control.left,.carousel-control.right {
background-image: none;
display: inline-block;
width: 30px;
padding: 10px;
background: #111;
bottom: 40px;
right: 0px;
float: right;
position: relative;
 text-align: center;
}

.panel-default>.panel-heading {color: #fff;
background-color: #444;
border-color: #ddd;
}

.thanks .h3 { padding: 50px 0; line-height: 40px;}

.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
box-shadow: 2px 2px 10px #000; 
}

/* .navbg {
display: block;
position: absolute;
top: 61px;
background: url('../../i/slider_shadow.png');
height: 31px;
width: 100%;
z-index: 1000;
background-size: cover;
}
 */


 .navbar-nav>li>a {
    color: #555;
    font-weight: bold;
}


 .devider {
display: block;
background: url('../../i/slider_shadow.png');
height: 31px;
width: 100%;
z-index: 1000;
background-size: cover;
}


.navbar.affix {
position: fixed;
width: 100%;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 1px 5px #aaa;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
top: 0;
z-index: 10;
}

.topsmallnav {border-bottom: solid 1px #ccc; background: #fff;}

.dropdown:hover .dropdown-menu {display: block;}


.round-button {
    position: relative;
    width: 25%;
    margin: auto auto;
    text-align: center;
}
.round-button-circle {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px solid #fff;
    overflow: hidden;
    background: #4679BD;
    box-shadow: 0 0 3px grey;
}
.round-button-circle {
    width: 60px;
    height: 60px;
    margin: auto;
    background: #fff none repeat scroll 0 0;
}

.round-button a {
    display: block;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    text-decoration: none;
        font-size: 24px;
    color: #0098db;
}

.round-button-action h3 a {text-align: center;
font-size: 18px;        color: #fff; font-weight: bold; 
}
.round-button-action  {text-align: center;
font-size: 18px;        color: #fff; font-weight: bold; 
}



.calluscover { display: block; position: fixed; z-index: 1000; left: 0; right:0; top: 0; bottom: 0; background: rgba(0,0,0,.7) url('../../i/calluscover.png') no-repeat center center; font-size: 50px;  }
body:hover .calluscover{display: none;}


.callme,.affix .callme{z-index: 1002;}

.btn-danger {
color: #fff;
background-color: #ED1E24;
border-color: #d43f3a;
}

.lpage .h1 {font-family: 'Poppins'}
.lpage .portfolio img { min-height: 270px;margin-bottom: 50px;
box-shadow: 2px 6px 7px #000;}
.lpmainlist { margin-top: 30px;}
.lpform {padding: 20px 20px;
background: #fff;
border-bottom: #000 10px solid;}
.lpform .form-control{ border-color: #666; color: #000;}
.lpage .features .fa {    min-width: 50px;
    min-height: 120px;
    color: #f66700; }
 
.lpmainlist li {
font-size: 21px;
color: #fff;
margin-bottom: 7px;
margin-left: 20px;
}
.x { font-size:18px; line-height:30px; }      
.xx { font-size:26px; line-height:40px; }      
p{font-family: 'Poppins';}



.bigform .form-control{ padding: 25px;
margin-bottom: 20px;}




/*
Pricing box
=========================== */
.pricing-box{
  background:#fff;
  position:relative;
  text-align:center;
  border:1px solid #e0e0e0;
  border-radius:5px;
  margin-bottom:40px;
}
.pricing-box:hover{
  background:#eee;
  border:1px solid #e0e0e0;
}

.pricing-box.featured{
  color:#fff;
  border:1px solid rgba( 35, 42, 52, 0.1);
}

.pricing-head{
  background:#f9f9f9;
  border-bottom:5px solid #e0e0e0;
  padding:10px 0 15px 0;
}
.pricing-box:hover .pricing-head{
  background:#fff;
}

.pricing-box.featured .pricing-head{
  background:rgba( 35, 42, 52, 0.1);
  color:#fff;
  border-bottom:5px solid rgba( 35, 42, 52, 0.1);
}

.pricing-head h4{
  margin:0 0 5px 0;
}

.pricing-box.featured .pricing-head h4{
  color:#fff;
}

.pricing-head .price{
  margin:0;
  font-size:18px;
  line-height:18px;
  font-weight:700;
}

.pricing-box.featured .pricing-head .price{
  color:#fff;
}

.pricing-head .price em{
  margin:0;
  font-size:14px;
  line-height:14px;
  font-weight:400;
}

.pricing-box ul{
  margin:0;
  padding:10px 20px 10px 20px;
}

.pricing-box ul li{
  list-style:none;
  margin:0;
  padding:10px 0 10px 0;
  border-bottom:1px solid #e0e0e0;
}

.pricing-box.featured ul li{
  border-bottom:1px solid rgba( 255, 255, 255, 0.5);
}

.pricing-bottom{
  padding:10px 20px 20px 20px;
}
.navbar-toggle {
margin-right: 0px;}

.space50{height: 50px;}
.bgfff{background: #fff;}
.featuredhome img{margin-bottom:20px; margin-top: 30px;}
.thumbnail>img, .thumbnail a>img {
    padding: 5px;
        min-height: 340px
}












.pricing-table .plan {
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  margin: 0 0 20px;
  position: relative;
  z-index: 1;
}
.pricing-table .plan:hover {
  border-color: #ccc #ccc #bbb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.pricing-table .plan-name {
  padding: 30px 0;
}
.pricing-table .plan-name h2 {
  margin: 0;
  font-weight: 400;
}
.pricing-table .plan-name h2 + p {
  margin: 10px 15px 0;
}
.pricing-table .plan-price {
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}
.pricing-table .plan-price b {
  font-size: 24px;
  font-weight: 400;
}
.pricing-table .plan-price b b {
  font-size: 16px;
  font-weight: 500;
}
.pricing-table .prefered .plan-price {
  background: #fff7e3;
  color: #b0a996;
}
.pricing-table .prefered .plan-price b {
  color: #d95246;
}
.pricing-table .plan-details {
  padding: 0 10px;
}
.pricing-table .plan-details > div {
  background: #fff;
  padding: 15px;
}
.pricing-table .plan-details > div + div {
  border-top: 1px solid #e5e5e5;
}
.pricing-table .plan-action {
  background: #fafafa;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}
.pricing-table.row-merge .plan {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.pricing-table.row-merge [class*="col"]:first-child .plan {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pricing-table.row-merge [class*="col"]:last-child .plan {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pricing-table.row-merge [class*="col"] + [class*="col"] .plan {
  margin-left: -1px;
}






@media (max-width: 767px) {



.calluscover {background-size: contain;; display: none;}
.intro-message {padding-bottom: 15%;}
.intro-message > h1 {font-size: 3em;}
ul.intro-social-buttons > li {display: block;margin-bottom: 20px;padding: 0;}
ul.intro-social-buttons > li:last-child {margin-bottom: 0;}
.intro-divider {width: 100%;}
.banner h2 {margin: 0;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);font-size: 3em;}
ul.banner-social-buttons > li {display: block;margin-bottom: 20px;padding: 0;}
ul.banner-social-buttons > li:last-child {margin-bottom: 0;}

.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: #000;
border: 0;
box-shadow: none;
}


.main-heading{font-size: 20px; line-height: 20px;}
h1, .h1 {
    font-size: 24px;

}
h2, .h2 {
    font-size: 20px;
}
h4, .h4 {
    font-size: 16px;
}
.lpmainlist li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 1px;
    margin-left: 10px;
}

.lpmainlist {
    margin-top: 10px;
    margin-left: -30px;
}
.btn-cta {
    background: #FFAE00;
    border-bottom: 5px solid #C39B00;
    font-size: 16px;
    line-height: 15px;
    padding: 20px 18px 20px 13px;
    border-radius: 3px;
    color: #000;
    font-weight: bold;
}
 

.btn {
    padding: 10px 5px;
    font-size: 14px;
    display: block;
}

.img-responsive {
    display: block;
    max-width: 70%;
    height: auto;
}
.space50 {
    height: 25px;
}
.content-section-a {
    padding: 0px 0;
}
.portfolioicons {
    display: inline-block;
margin-bottom: 15px; 
}

/**{font-size: 15px;}*/


.thumbnail>img, .thumbnail a>img {
    padding: 0px;
}
.credit *{font-size: 12px;}
.lpage .features .fa {
    min-width: 28px;
    min-height: 40px;
    font-size: 23px;
    margin-top: 5px;

}


.lpage .blocks{margin-bottom: 15px;}
.lpage .blocks h2.h2{margin-bottom: 20px;}
.lpage .blocks .x{margin-left: 35px; font-size: 15px;}
.x { font-size:14px; line-height:32px; }      

}









/* @font-face {    font-family: open sans;
src: url('opensans.woff2');
} 
 *//*@font-face {    font-family: open sans;
src: url('opensans1.woff2');
} 
*/
/*@font-face {font-family: open sans light;src: url('opensans.woff2');} */