@font-face {
    font-family: 'mainFont';
    src: local('SF UI Display Light'), local('SFUIDisplay-Light'),
        url('css/fonts/SFUIDisplay-Light.woff2') format('woff2'),
        url('css/fonts/SFUIDisplay-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mainFont';
    src: local('SF UI Display Regular'), local('SFUIDisplay-Regular'),
        url('css/fonts/SFUIDisplay-Regular.woff2') format('woff2'),
        url('css/fonts/SFUIDisplay-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mainFont';
    src: local('SF UI Display Medium'), local('SFUIDisplay-Medium'),
        url('css/fonts/SFUIDisplay-Medium.woff2') format('woff2'),
        url('css/fonts/SFUIDisplay-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mainFont';
    src: local('SF UI Display Semibold'), local('SFUIDisplay-Semibold'),
        url('css/fonts/SFUIDisplay-Semibold.woff2') format('woff2'),
        url('css/fonts/SFUIDisplay-Semibold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'monoFont';
    src: url('css/fonts/SFMono-Semibold.woff2') format('woff2'),
        url('css/fonts/SFMono-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* @import url('css/fonts/avenir.css'); */




* {font-family: 'mainFont', sans-serif;}

body { width: 100%; min-height: 100%; font-size: 21px; line-height: 23px; color: #4d5763; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

h1, h2, h3, h4, h5, h6 {color: #1a1a1a; -webkit-font-smoothing: antialiased; letter-spacing: -0.2pt; margin: 0; }




/*- BLOCKQUOTES ------------------------------------------------------------------------------*/

/* DARK BLUE */
blockquote {
    padding: 20px 20px 20px 30px;
	font-size: 24px;
	margin: 20px 0px 20px 0;
	color: #fff;
	line-height: 32px;
	letter-spacing: 0pt;
	border-radius: 10px;
	border: 0px solid;
     background: rgb(49,85,203);
background: linear-gradient(135deg, rgba(49,85,203,1) 0%, rgba(26,67,168,1) 100%);  
	width: 95%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

blockquote.helpQuotes {background: rgb(77, 86, 98);}

.declaration {padding: 10px 15px;margin: 0 0 20px;border-left: 3px solid #ff0d30;margin:20px 20px 20px 0;letter-spacing:-0.5pt;font-size: 25px;color: #424e62;background-color: #f6f9fc;}


/*- FAQ & ARTICLES ------------------------------------------------------------------------------*/
.citypill {
	display: inline-block;
	color: #000;
	border-radius: 999px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
    margin-bottom: 0px;
    font-weight: bold;
    letter-spacing: -0.5pt;
}
.field {
	padding: 20px;
	display: block;
	font-size: 26px;
	background: #eee;
	text-align: center;
	background: rgb(180,216,255);
	background: linear-gradient(180deg, rgb(214, 234, 255) 0%, rgb(255, 255, 255) 100%);
	border-radius: 8px;
}
.field-small {
	padding: 20px;
	display: block;
	font-size: 21px;
	background: #eee;
    text-align: center;
    font-weight: bold;
	background: rgb(180,216,255);
	background: linear-gradient(180deg, rgb(214, 234, 255) 0%, rgb(255, 255, 255) 100%);
	border-radius: 8px;
    color: #000;
}
/*---------------------------------------------------------------------------------------------*/







/*- FAQ & ARTICLES ------------------------------------------------------------------------------*/
.pilltitle {
	display: inline-block;
	padding: 4px 13px;
	background-color: #9ba1a8;
	color: #ffffff;
	border-radius: 999px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
}

.sidebarDivider {
    border: 0;
    border-top: 1px solid #ccc; /* Light gray color */
    margin: 10px 0; /* Adjust the space above and below the line */
}

.articleimg {margin-top: 30px;margin-bottom: 30px;}
.sidebar {margin-top: -25px;}
.sidebarLink {margin-bottom: 15px;font-size: 16px;}

          .sidebarLink a {
              color: #333333;
              text-decoration: none;
              display: inline-block;
              padding: 5px 10px;
          }

          .sidebarLink a:hover {
              background-color: #000000;
              color: #ffffff;
              border-radius: 6px;
              text-decoration: none;
          }

          .sidebarDivider {
              border: 0;
              border-top: 1px solid #ccc; /* Light gray color */
              margin: 10px 0; /* Adjust the space above and below the line */
          }


a.backpill {
	display: inline-block;
	padding: 4px 16px 4px 10px;
	background-color: #8f9cb6;
	color: #ffffff;
	border-radius: 999px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
}

a.backpill:hover {
	display: inline-block;
	padding: 4px 13px;
	background-color: #1c1c1c;
	color: #ffffff;
	border-radius: 999px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
}

a.backpill:focus {color: #ffffff!important;	text-decoration: none;}


.banner-faq { clear: both; padding-top: 22px;}
.banner-faq p { color: #ffffff; letter-spacing:0pt;}
.banner-faq b { color: #ffffff; letter-spacing:0pt;}




.topext {padding-top: 6px;}

.tiny {font-size: 12px;color: #6a88a2;}
/*---------------------------------------------------------------------------------------------*/




h1 {font-size: 50px; font-weight: 800; letter-spacing:-1pt;}

h2 {font-size:38px; font-weight: 800; margin-bottom:10px; letter-spacing:-0.7pt; margin-top: 25px;}

h3 {font-size:29px; text-transform:none !important; padding-bottom:5px;font-weight: 800;margin-top: 30px; letter-spacing: -0.3pt;}

h4 {font-size: 17px; font-weight: 600; color: #2d2d2d;}

h5 {font-size: 28px; font-weight: 500; color: #2d2d2d;letter-spacing:-0.2pt; margin-bottom: -10px;}

h6 {font-size: 13px;letter-spacing: 0.5pt;color: #777777;}

a:hover h5 {color:#015eab;}


p {font-size: 18px; font-weight: 400; color: #5f6c79; letter-spacing: 0pt; margin-bottom: 13px; line-height: 1.38105;} /* if you change the margin bottom it affects the color banner */


a {-webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 50ms ease-in; transition: all 150ms ease-in; color: #0071e3;}

a:hover, a:focus { text-decoration: underline; color: #0582ff; outline: none;  } 

h2 a:hover { text-decoration: none; color: #007bc3; outline: none;  } 




/* ==========================================================================

Headline

========================================================================== */ 

.headline {text-align: center; position:relative; /*border-bottom:1px solid rgba(0,0,0,0.03); */margin-bottom: 10px;}

.headline h1 {color: #31373a; padding-bottom: 3px; /*border-bottom: 2px solid #DDD;*/ display: inline-block; font-size: 5px;}

.headline h2 {margin-bottom: 10px; letter-spacing:-0.4pt; font-size:40px;}

.headline p {margin-bottom: 40px; font-weight: 400; font-size: 16px; color: #666666;}


/* ========================================================================== */

.banner-content { clear: both; padding-top: 30px;}

.banner-content h1 {color: #FFF;  padding-bottom: 10px;}

.banner-content b {color: #FFF;}

.banner-content h2 {color: #FFF;opacity:0.4;font-size:25px;line-height:normal;letter-spacing:-0.2pt;font-weight: 300;padding-top: 0;}

.banner-content h3 {color: rgba(255,255,255,0.7);}

.banner-content h5 {font-weight: bold; font-size: 16px; color: #FFF;}

.banner-content p { color: rgba(255,255,255, 0.8); letter-spacing:0pt;}



.banner-blog { clear: both; padding-top: 5px; margin:0;}

.banner-blog h1 {font-size: 50px; color: #FFF;  padding-bottom: 3px;}

.banner-blog h2 {color: #FFF;}

.banner-blog h5 {font-weight: bold; font-size: 16px; color: #FFF;}

.banner-blog p { color: rgba(255,255,255,0.7); }




.banner-list {margin-bottom: 20px;list-style-type: none; padding: 5px 0 15px 10px; margin: 0;}

.banner-list li {color: rgba(255,255,255, 0.8); margin-bottom: 5px; font-size: 18px;}

.banner-list li i { margin-right: 10px; color:#023772; }



.regular-list {margin-bottom: 20px;}

.regular-list li {color: #333333; margin-bottom: 5px; font-size: 18px;}

.regular-list li i { margin-right: 10px; color:#023772; }


/* ========================================================================== */




.estimate li {padding-left: 10px; margin:10px 0 10px 0;}



::-moz-selection { text-shadow: none; background: #ffdd53; color: #000000;}

::selection { text-shadow: none; background: #ffdd53; color: #000000;}



img::selection { background: 0 0;}

img::-moz-selection { background: 0 0;}

hr {margin-top: 30px; margin-bottom: 40px; border-top: 1px solid #d9d9d9; }




form {margin-bottom: 0;}



.hiddenfont {font-size:0}



.lgrender {width:100%; border:0}



/* ==========================================================================

Classes

========================================================================== */ 

.cover {-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover; background-attachment: fixed; }



.thin {font-weight: 300;}


b, strong {font-weight: bold; color: #404457;letter-spacing: -0.3pt;}

.subline {font-size: 24px;}

.subtitle {font-size: 24px;}

.section {padding: 45px 0 30px 0;}   /*changes the vertical distance between sections */

.section20 {padding:45px 0 10px 0;}

.section30 {padding:30px 0;}


.sectionhelp1 {padding:45px 0 0 0;}
.sectionhelp2 {padding:20px 0 0 0;}



.padding40 {padding:40px 0;}

.padding50 {padding:50px 0;}

.padding60 {padding: 60px 0;}

.paddingtop-70 {padding-top: 70px;}

.paddingtop-40 {padding-top: 40px;}



.nopadding-bottom {padding-bottom: 0;}



.bordered {border:1px solid #EFEFEF;}

.border-left {border-left: 1px solid #EFEFEF;}

.border-right {border-right: 1px solid #EFEFEF;}

.border-top {border-top: 1px solid #EFEFEF;}

.border-bottom {border-bottom: 1px solid #EFEFEF;}


.separator10 {margin:10px 0;}

.separator30 {margin:30px 0;}

.separator60 {margin:60px 0;}



.margintop-30 {margin-top: 30px;}

.margintop-40 {margin-top: 40px;}

.margintop-70 {margin-top: 70px;}



.marginbottom-10 {margin-bottom: 10px;}



.nomargin-top {margin-top: 0;}

.nomargin-bottom {margin-bottom: 0;}



.divider70 {clear: both; height: 70px;}

.divider50 {clear: both; height: 50px;}

.divider20 {clear: both; height: 20px;}

.divider35 {clear: both; height: 35px;}



.margin50 {margin: 50px 0;}

.margin20 {margin: 20px 0;}



.tick-list {margin: 15px 0;}

.tick-list li {list-style: none; margin-bottom: 10px;}

.tick-list li i {margin-right: 10px; color: #00a8d6;}



.normal-list {list-style-type: disc; margin-bottom: 30px; margin-left: 20px;}

.normal-list li {margin-bottom: 5px;}



.green-arrow {list-style: none; margin-bottom: 15px; margin-left:1px;}

.green-arrow li {position: relative; padding-left: 25px; margin-bottom: 5px;font-size: 18px;}

.green-arrow li:before {display:inline-block; text-align:center; font-family: FontAwesome; content:"\f00c"; position:absolute; left:0; transition:all 0.3s ease-in; transition:all 0.3s ease-in;  transition:all 0.3s ease-in; color: #28c221;}



.font-icon-list li {}

.font-icon-list i {color: rgba(0,0,0,0.6); margin-right: 10px;}



.text-center {text-align: center;}

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



.btn {border-radius: 0; padding: 15px 35px; font-weight: bold; }

.btn:hover, .btn:focus { background-color:#023772; color: #FFF;}



.btn-transparent {background-color: #0071c1; color: #fff; border-radius: 4px; font-size:18px; font-weight:500;}

.btn-transparent:hover {background-color: #2a2a2a; border-color: #2a2a2a;}



.btn-price {color: #FFF;}

.btn-price:hover {background-color: #008af2; border-color: #FFF; color: #ffffff;}  /*HOVER*/


.stripe-button{display:none !important}



/* Button base styling */
.bluebutton {
    background: rgb(0,113,227);
    background: linear-gradient(180deg, rgba(0,113,227,1) 0%, rgba(0,91,184,1) 100%); 
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    border-radius: 8px; /* Rounded corners */
    cursor: pointer;
    padding: 7px 25px 7px 25px;
    transition: background-color 0.2s ease, transform 0.2s ease; /* Smooth transition */
    outline: none; /* Remove outline */
}


.bluebutton:hover {
     background: rgb(5,130,255);
     background: linear-gradient(180deg, rgba(5,130,255,1) 0%, rgba(0,113,227,1) 100%); 
}

.bluebutton:active {
    background: rgb(1,82,163)  !important;
    background: linear-gradient(360deg, rgba(1,82,163,1) 0%, rgba(0,52,105,1) 100%) !important; 
    color: #a4d1ff;
    transform: translateY(2px);
}
.bluebutton:focus {outline:none;}




.buy-now {
	padding: 3px 15px 3px 15px !important;
	font-size: 14px !important;
	position: relative !important;
	top: 13px;
	border-radius: 157px !important;
	color: #ffffff !important;
	font-weight: 600 !important;
    margin: 0 0 30px 17px !important;
    border: none;
}

.cancel-now {
	padding: 3px 15px 3px 15px !important;
	font-size: 14px !important;
	position: relative !important;
	top: 13px;
	border-radius: 157px !important;
	color: #ffffff !important;
	font-weight: 600 !important;
    margin: 0 0 30px 17px !important;
    background-color: #ff4242 !important;
    border: none;
}


/*orange*/

.orangey {
  display: inline-block;
  padding: 4px 15px;
  background-color: #ff7f00;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.orangey:hover {
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
}

.orangey:focus {
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
  outline: none;
}


.pretitle {
	font-weight: 200;
	letter-spacing: 0;
	color: #4892dd;
	font-size: 26px;
	line-height: 30px;
    padding-top: 10px;
}




/* Button base styling */
.btn-primary {
    background: rgb(0,113,227);
    background: linear-gradient(180deg, rgba(0,113,227,1) 0%, rgba(0,91,184,1) 100%); 
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    border-radius: 8px; /* Rounded corners */
    cursor: pointer;
    padding: 7px 25px 7px 25px;
    transition: background-color 0.2s ease, transform 0.2s ease; /* Smooth transition */
    outline: none; /* Remove outline */
}


.btn-primary:hover {
     background: rgb(5,130,255);
     background: linear-gradient(180deg, rgba(5,130,255,1) 0%, rgba(0,113,227,1) 100%); 
}

.btn-primary:active {
    background: rgb(1,82,163)  !important;
    background: linear-gradient(360deg, rgba(1,82,163,1) 0%, rgba(0,52,105,1) 100%) !important; 
    color: #a4d1ff;
    transform: translateY(2px);
}
.btn-primary:focus {outline:none !important;}


/*---------------------------------------------------------------------------------------------------*/


.btn-secondary {
	background: rgb(0,113,227);
	background: linear-gradient(180deg, rgb(157, 168, 179) 0%, rgb(170, 170, 170) 100%);
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	text-decoration: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	padding: 7px 25px 7px 25px;
	transition: background-color 0.2s ease, transform 0.2s ease;
	outline: none;
}

.btn-secondary:focus {outline:none !important;}

/*---------------------------------------------------------------------------------------------------*/


.btn-danger {
    background: rgb(219,80,43);
    background: linear-gradient(135deg, rgba(219,80,43,1) 0%, rgba(251,0,0,1) 100%);
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    border-radius: 8px; /* Rounded corners */
    cursor: pointer;
    padding: 7px 25px 7px 25px;
    transition: background-color 0.2s ease, transform 0.2s ease; /* Smooth transition */
    outline: none; /* Remove outline */
}


.btn-danger:hover {
    background: rgb(255,102,61);
    background: linear-gradient(135deg, rgba(255,102,61,1) 0%, rgba(255,66,66,1) 100%); }

.btn-danger:active {
    background: rgb(237,67,22);
    background: linear-gradient(135deg, rgba(237,67,22,1) 0%, rgba(190,48,48,1) 100%);     color: #a4d1ff;
    transform: translateY(2px);
}
.btn-danger:focus {outline:none !important;}



/*---------------------------------------------------------------------------------------------------*/

.btn-outline-primary {
	font-size: 32px;
	border: 1px solid;
	font-weight: normal;
	border-radius: 8px;
	margin: 5px 5px 5px 0;
	padding: 10px 30px;
}

.btn-outline-primary:hover {
    background-color: #0279f0;
}











.graybutton {
	background: rgb(0,113,227);
	background: linear-gradient(180deg, rgb(157, 168, 179) 0%, rgb(170, 170, 170) 100%);
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	text-decoration: none;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	padding: 7px 25px 7px 25px;
	transition: background-color 0.2s ease, transform 0.2s ease;
	outline: none;
}

.graybutton:focus {outline:none;}


.user-form {
	padding: 25px 0 25px 7px;
	display: block;
	font-size: 28px;
	background: #f7f5f5;
	border-radius: 7px;
	color: #000;
}



.blue80 {width:80%;}
.blue100 {width:100%;}


.stripe-button-el { display: none; }


.btndl {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 2px; padding: 15px 35px; font-weight: bold;}

.btndl:hover, .btn:focus { background-color:#dbdbdb; color: #fff;}



.btndl-transparent {background-color: #dbdbdb; color: #333;  }

.btndl-transparent:hover {background-color: #0070c0; }



.btndl-action {color: #333;}

.btndl-action:hover {background-color: #0070c0;  color: #fff;}







.arrow-bottom { position: relative; }

.arrow-bottom:after { left: 50%; bottom: -50px; position: absolute; content: ""; border: 25px solid; border-color: #FAFAFA transparent transparent transparent; display: block; margin-left: -13.5px;}



/* ==========================================================================

Color Customizations

========================================================================== */ 

.bg-white {background-color: #FFF;}


.bg-grey {background-color: #FAF7F8;}

.bg-grey {background-color: #FAFAFA;}

.bg-grey2 {background-color: #F5F5F5;}

.bg-blue {background-color: #023772;}

.bg-dark {background-color: #333;}



.bg-blue-pattern {background-color: #023772; background:url('../img/tiledark1.jpg');}

.bg-testimonial {background:url('../img/bkg-testimonial.jpg'); background-color:#eaeaea;}

.bg-c2a {background-color: #015eab; /*background:url('../img/c2a-bkg.jpg'); background-size:cover;*/ background: rgb(1,94,171);
background: linear-gradient(148deg, rgba(1,94,171,1) 0%, rgba(1,94,171,1) 33%, rgba(13,174,182,1) 100%);}

.bg-why {background-color: #111111; background:url('../img/why-bkg.jpg'); background-size:cover;}



.light-blue {color:#4f77b3 !important;}
.blue {color: #007cff !important;}

.green {color: #28c221 !important;}

.red {color: #ff4242 !important;}

.cement {color: #7e92ab !important;}

.light-gray{color: #999999 !important;}
.dark-gray{color: #666666 !important;}
.darker-gray{color: #333333 !important;}
.black {color: #000000 !important;}

.yellow {color: #ffd200 !important;}
.orange {color: #f37321 !important;}

.purple {color: #483078 !important;}

a.green:link {color: #e85146 !important; font-weight:700 !important;}

a.green:hover {color: #ffffff !important;}

a.green:active {color: #e85146 !important;}

a.green:visited {color: #c4c4c4 !important;}





.white-text {color: #FFFFFF !important;}

.white-text p {color: #FFF;}

.white-text h3 {color: #FFF;}

.white-text h2 {color: #FFF;}

.white-text li {color: #FFF;}




/* ==========================================================================

Line Font

========================================================================== */ 

.line-font {font-size: 48px;}

.line-font-small {font-size: 20px;}



.fa {font-size: 48px;}

.fa-small {font-size: 16px;}

.fa-chevron-left {font-size: 12px;padding: 3px;top: -1px;position: relative;}
.fa-chevron-right {font-size: 12px;padding: 3px;top: -1px;position: relative;}

.fa-inherit {font-size: inherit;}

.fa-social {font-size: 21px;margin-top:7px;}

.fa-15{font-size: 15px;}
.fa-20{font-size: 20px;}
.fa-25{font-size: 25px;}
.fa-30{font-size: 30px;}
.fa-35{font-size: 35px;}



/* ==========================================================================

 Navigation

========================================================================== */ 

.menu-right {float: right;}

.navbar-inverse { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; border: none; background-color: rgba(0,0,0,0.85); padding: 15px 0 0px 0; }

.navbar-inverse .navbar-nav > li > a { color: #c4c4c4; display: block; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; font-weight:400; font-size: 20px;
padding-bottom: 14px;padding-top: 16px;margin-bottom: 16px;}



.navbar-inverse .navbar-nav > li > .navbar-inverse .navbar-nav > li {/*-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;*/}



.navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff;}

.navbar-toggle:focus,

.navbar-toggle:active { outline: 0;}



.navbar-inverse .navbar-toggle { background: #0070c0; border: none;}

.navbar-nav {margin: 0;}

.scroll-fixed-navbar {padding-bottom:0;}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: transparent;}

.navbar > .container .navbar-brand {margin-left: 0;}

.navbar-brand { height:auto;}



.scroll-fixed-navbar { padding: 15px 0; background-color: rgba(0,0,0,0.85); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}

.scroll-fixed-navbar .navbar-nav > li > a {color: #c4c4c4;}

.scroll-fixed-navbar .navbar-nav > li > a:hover, 

.scroll-fixed-navbar .navbar-nav > li.active > a,

.scroll-fixed-navbar .navbar-nav > li.active > a:hover {color: #fff; }





.navbar-toggle { position: relative; float: right; background-color: transparent; padding: 10px; margin: 13px 30px 13px 0; border: none; color: #fff; border: 2px solid #fff;}

.navbar-toggle .icon-bar { background-color: #fff;}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: rgba(0,0,0,0.1);}

 

/* ==========================================================================

Logo

======================================================.==================== */ 

.navbar-inverse .navbar-brand  {color: #FFF; font-size: 30px; font-weight: 700; padding: 0;}

.scroll-fixed-navbar.navbar-inverse .navbar-brand  {color: #fff; font-size: 30px; font-weight: 700; padding: 0;}

.text-logo {margin-top: 4px;}

.text-logo i {margin-right: 10px;}



/* ==========================================================================

Banner

========================================================================== */ 


/*ACTIVE BANNERS*/
#banner-home {padding-top: 90px; padding-bottom: 30px; background: #015eab; /*background-image: url('../img/blur.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-attachment: fixed; background-attachment: fixed;background-image:linear-gradient(160deg,#015eab 30%,#014472 70%);}




#banner-it {padding-top: 90px; padding-bottom: 30px; background: #015eab; /*background-image: url('../img/blur.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;background-image:linear-gradient(160deg,#015eab 30%,#014472 70%);}


#banner-net {padding-top: 90px; padding-bottom: 30px; background: #303260; /*background-image: url('../img/blur-net.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background: rgb(42,87,168);
background: linear-gradient(126deg, rgba(42,87,168,1) 0%, rgba(26,37,108,1) 100%);;}


#banner-web {padding-top: 90px; padding-bottom: 30px; background: #015eab; /*background-image: url('../img/blur-web.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background: rgb(99,9,125);background: linear-gradient(135deg, rgba(99,9,125,1) 0%, rgba(51,19,125,1) 100%);}

#banner-web h3 {color:#ac85fa; font-size:30px;padding:0;}


#banner-upgrade {padding-top: 90px; padding-bottom: 30px; background: #015eab; /*background-image: url('../img/blur-web.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed;  background: rgb(139,0,134);
background: linear-gradient(135deg, rgba(139,0,134,1) 0%, rgba(0,108,207,1) 100%); }


#banner-online {padding-top: 90px; padding-bottom: 30px; background: #015eab; /*background-image: url('../img/blur-web.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background: rgb(99,38,122);
background: linear-gradient(90deg, rgba(99,38,122,1) 0%, rgba(64,105,240,1) 100%); }



#banner-blog {padding-top: 90px; padding-bottom: 0px; background: #015eab; /*background-image: url('../img/blur-blue.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed;background-image:linear-gradient(160deg,#015eab 30%,#061537 70%);}


#banner-ssl {padding-top: 90px; padding-bottom: 30px; background: #23b61d; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-image:linear-gradient(160deg,#23b61d 30%,#14a714 70%); }


#banner-premium {padding-top: 90px; padding-bottom: 30px; background: #015eab; /*background-image: url('../img/blur-web.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-image:linear-gradient(160deg,#222b61 5%,#a3435b 50%);border-bottom: solid 10px #000000;}

#banner-mini {padding-top: 65px; padding-bottom: 30px; background: #015eab; /*background-image: url('../img/blur.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;background: rgb(255,13,48);background: linear-gradient(90deg, rgba(255,13,48,1) 0%, rgba(255,137,88,1) 100%);}

#banner-faq {padding-top: 65px; background: #015eab; /*background-image: url('../img/blur.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;background: rgb(255,13,48);background: linear-gradient(90deg, rgba(255,13,48,1) 0%, rgba(255,137,88,1) 100%);}

#banner-res {padding-top: 65px; background: #015eab; /*background-image: url('../img/blur.jpg');*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;background: rgb(38,131,255);background: linear-gradient(93deg, rgba(38,131,255,1) 0%, rgba(20,36,57,1) 100%); }


/* RED */
#banner-red {padding-top: 65px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;  background: rgb(255,18,0);
background: linear-gradient(90deg, rgba(255,18,0,1) 0%, rgba(254,67,0,1) 100%);    }

.banner-red { clear: both; padding-top: 22px;}
.banner-red p { color: #fff; letter-spacing:0pt;}
.banner-red b { color: #fff; letter-spacing:0pt;}


/* GRAY */
#banner-gray {padding-top: 65px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;     background: rgb(162,172,190);
background: linear-gradient(90deg, rgba(162,172,190,1) 0%, rgba(234,243,255,1) 100%);   }

.banner-gray { clear: both; padding-top: 22px;}
.banner-gray p { color: #333; letter-spacing:0pt;}
.banner-gray b { color: #333; letter-spacing:0pt;}

/* GREEN */
#banner-green {padding-top: 65px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;   background: rgb(0,112,90);
background: linear-gradient(135deg, rgba(0,112,90,1) 20%, rgba(113,242,89,1) 100%); }

.banner-green { clear: both; padding-top: 22px;}
.banner-green p { color: #ffffff; letter-spacing:0pt;}
.banner-green b { color: #ffffff; letter-spacing:0pt;}

/* LEGAL */
#banner-legal {padding-top: 65px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;  background: rgb(26,29,34);
background: linear-gradient(135deg, rgba(26,29,34,1) 0%, rgba(100,106,154,1) 100%);   
 }

.banner-legal { clear: both; padding-top: 22px;}
.banner-legal p { color: #ffffff; letter-spacing:0pt;}
.banner-legal b { color: #ffffff; letter-spacing:0pt;}

/* YELLOW */
#banner-yellow {padding-top: 65px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed; background-attachment: fixed;   background: rgb(255,173,0);
background: linear-gradient(90deg, rgba(255,173,0,1) 0%, rgba(254,194,0,1) 100%);  }

.banner-yellow { clear: both; padding-top: 22px;}
.banner-yellow p { color: #333; letter-spacing:0pt;}
.banner-yellow b { color: #333; letter-spacing:0pt;}



 


.lg-render {background-color:#C00; display:block;float:right; background-image:url('../img/lg-render-laptop.png');-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100px; position: relative; background-attachment: fixed;}





input, button, select, textarea {
letter-spacing: -0.4pt;
}





/* ==========================================================================

Clients Logo

========================================================================== */ 

.clients-logo li {padding: 0 20px;}

.clients-logo li img {opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}



/* ==========================================================================

Process Steps

========================================================================== */ 

ul.steps-list li {margin-bottom: 25px; border-bottom:1px solid rgba(0,0,0,0.03);}

ul.steps-list li:last-child {border-bottom: none;}

ul.steps-list li span{ float:left; border-radius: 50%; width: 55px; height: 55px; line-height: 55px; display:block; font-size:22px; font-weight:bold; text-align:center; background: #1a1a1a; }

ul.steps-list li h4,

ul.steps-list li p { margin-left: 80px; }

ul.steps-list li h5 { font-weight:600;}



/* ==========================================================================

Main Point

========================================================================== */ 

.main-point {margin-bottom: 10px; }

.main-point i { display: block; font-size: 56px; color: #1a1a1a;}

.main-point h3 {font-size: 22px; font-weight: 300; margin-top: 20px; }



/* ==========================================================================

Features

========================================================================== */ 

.features {margin-bottom: 10px; text-align: left;}

.features i {float: left; margin-right: 20px;}

.features h3 {font-size: 23px; font-weight: normal; padding-top: 15px; }

.features p { clear: both; padding-top: 10px;}


/* ==========================================================================

Web Process	

========================================================================== */ 

.webprocess {margin-bottom: 10px; text-align: left;}

.webprocess h3 {font-size: 23px; font-weight: normal; padding-top: 5px; text-align:center;}

.webprocess p { clear: both; padding-top: 10px; text-align:center;}

.webcenter {margin:auto 0; background:#FF0000;}


/* ==========================================================================

Forms

========================================================================== */ 

.banner-form { -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); background: rgba(0,0,0,0.4);}

.form-title {background-color: rgba(0,0,0,0.5); color: #FFF; text-align: center; padding: 25px 0;}

.form-title h2 {margin-bottom: 0; font-size: 22px;}

.form-body {padding: 30px;}

.form-body p {color: rgba(255,255,255,0.6);}



.banner-form .form-control { color: #023772; border: none; outline: none; box-shadow: none; padding: 13px 15px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border-radius: 0; height: auto; background-color: rgba(0,0,0,0.4); margin-bottom: 15px;}


.form-control {
	/*padding: 20px 10px;*/
	font-size: 24px;
	color: #444;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 7px;
    letter-spacing: 0;
}





.btn-submit { display: block; margin:0 auto; background-color: #023772; color: #FFF; border-color:rgba(0,0,0,0.01); width:100%; padding: 11px; }

.btn-submit:hover {background: #023772; border-color: #023772;}



/* ==========================================================================

Stats

 ========================================================================== */

 .stats i {float: left; margin-right: 20px;}

 .stats h3 {font-weight: bold; font-size: 29px; color: #1a1a1a; margin-bottom: 0;}

 .stats span {display: block; font-weight: normal; font-size: 14px; margin-top: 10px;}

 

/* ==========================================================================

Portfolio 

 ========================================================================== */

.hover-details {width: 100%; height: auto; overflow: hidden; position: relative; -moz-transition: all ease 400ms ease-in-out; -webkit-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out; margin-bottom: 40px; }

.hover-details .img-cover { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; background: rgba(8, 180, 218, 0.9); -moz-transition: all ease 400ms ease-in-out; -webkit-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out;}

.hover-details > img { width: 100%; height: auto; -moz-transition: all ease 400ms ease-in-out; -webkit-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out; }



.img-zoom { width: 45px; height: 45px; background-color: #1a1a1a; line-height: 45px; position: absolute; top: -45%; left: 50%; border-radius: 3px; margin-top: -35px; margin-left:  -25px; -webkit-transition: all ease 400ms ease-in-out; -moz-transition: all ease 400ms ease-in-out; -ms-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out; text-align: center;}

.img-zoom i {color: #FFF; font-size: 18px;}



.img-cover h3 { width: 100%; position: absolute; bottom: -28%; color: #f8f8f8; font-size: 16px; text-align: center;	 padding: 0 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}



.hover-details:hover {cursor: pointer;}

.hover-details:hover > img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);}

.hover-details:hover .img-zoom { top: 45%;}

.hover-details:hover .img-cover h3 { bottom: 28%;}

.hover-details:hover .img-cover { opacity: 1;}

.img-zoom:hover { background-color: #333;}



/* ==========================================================================

Video Container

============================================================================ */

.video-container { position:relative;}

.video-container iframe{ width:100%; height: 430px; border:none;}



/* ==========================================================================

Testimonials

========================================================================== */ 

.testimonial-inner {}

.testimonial-inner img {margin-right: 30px; border:6px solid #FFF; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); float: left;}

.testimonial-inner p { }

.testimonial-inner small {display: inline-block; border-top: 2px solid #333; padding-top: 10px; font-size: 15px; font-weight: bold; color: #333;}



/* ==========================================================================

Pricing

============================================================================ */

.price-plan {background: #FFF; border: 1px solid #555; border-radius: 10; box-shadow: none;}  

.price-plan h4 { color: #FFF; font-size: 17px; text-align: center; margin-bottom: 0;} 

.price-plan h3 { color: #fff; text-align: center; font-size: 38px; font-weight: bold; margin-bottom: 0;}

.price-plan h3 span { font-weight: 300; font-size: 18px; }

.price-plan h3 sup {font-size: 18px;} 



.price-plan .panel-heading {background:#222; text-align: center; padding: 15px 0; border-radius: 0;}

.price-plan .panel-body {background: #444; padding: 15px 0; margin-bottom: 0; }

.price-plan .panel-footer {background: #333; padding: 5px 0; border-radius: 0;}

.price-plan .list-group-item {padding: 15px 20px; border: 1px solid #dbdbdb; text-align: center;}

.price-plan .list-group-item:last-child {border-bottom: none;}

/*.price-plan .list-group-item i {float: right; font-size: 18px; margin-top: 5px;}*/


.starter .panel-heading {background:#432b73; }

.starter .panel-body {background: #533987; }

.starter .panel-footer {background: #432b73; }


.popular .panel-heading {background:#023772; }

.popular .panel-body {background: #084486; }

.popular .panel-footer {background: #023772; }



/*Made these modifications to include the current plans on display (php include) for clients who might need to upgrade*/
.currentplan .panel-heading {background:#7f7f7f; }

.currentplan .panel-body {background: #919191; }

.currentplan .panel-footer {background: #919191; }

.currentplan .panel-body {background: #444; padding: 5px 0; margin-bottom: 0; }

.currentplanbody {background: #FFF; border: 1px solid #888; border-radius: 10; box-shadow: none;} 

.currentplanbody .panel-heading {background:#222; text-align: center; padding: 15px 0; border-radius: 0;}

.currentplanbody .panel-body {background: #444; padding: 5px 0; margin-bottom: 0; }

.currentplanbody .panel-footer {background: #333; padding: 5px 0; border-radius: 0;}

.currentplanbody.list-group-item {padding: 15px 20px; border: 1px solid #dbdbdb; text-align: center;}

.currentplanbody .list-group-item:last-child {border-bottom: none;}

.currentplanbody h4 { color: #FFF; font-size: 17px; text-align: center; margin-bottom: 0;} 

.currentplanbody h3 { color: #fff; text-align: center; font-size: 25px; font-weight: bold; margin-bottom: 0;}

.currentplanbody h3 span { font-weight: 300; font-size: 18px; }

.currentplanbody h3 sup {font-size: 18px;} 




/* ==========================================================================

faq-bodys

============================================================================ */

.faq-body {margin-bottom: 40px;}

.faq-body i {float: left; font-size: 40px; margin-right:15px; margin-bottom: 15px;}

.faq-body h4 {padding-top: 10px; font-size: 18px;}

.faq-body p {clear: both;}

 

.answer {position: relative;border: 1px solid #999999; background-color: #FFF; padding: 20px 20px 5px 20px; margin-top: 30px; border-radius:12px;}

p.canswer{margin-bottom: 15px;}

.answer:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; margin-left: -15px; top: -15px; left: 10%;}

.answer:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #777777 transparent; display: block; width: 0; z-index: 0; margin-left: -15px; top: -16px; left: 10%;}



/* ==========================================================================

Footer

 ========================================================================== */

.footer-top {background-color: #181818; padding: 30px 0;}

.footer-sub {background-color: #000000; padding: 11px 0 1px 0;}



.footer h3 {color: #FFF; font-weight: normal; font-size: 19px; margin-bottom:2px; letter-spacing:0.1pt;}

.footer p,

.footer a {color: #ADADAD; margin-bottom: 5px;}

.footer li {padding: 3px 0; font-size: 14px;}

.footer i {color: #f8f8f8;}

.footer p {font-size:14px;}



.version {float: right; font-size:11px !important; color:#717171 !important;}

.version i {color: #FF3D7F; margin:0 5px;}

.copyright {font-size:13px !important; color:#717171 !important;}

.terms {font-size:11px !important; color:#777 !important; text-align:center; line-height:1.2em; padding-left:20px; padding-right:20px;margin-top: 10px;}

.fineprint {font-size:13px; color:#777; text-align:justify;}





.contact-list li {color: #ADADAD; margin-bottom: 5px;}

.contact-list i {margin-right: 15px;}



.quick-links li { padding-left:15px; position:relative; }

.quick-links li:before {display:inline-block; text-align:center; font-family: FontAwesome; content:"\f105"; position:absolute; left:0px; top:4px; /*transition:all 0.3s ease-in; transition:all 0.3s ease-in;  transition:all 0.3s ease-in;*/ color: #f8f8f8;}



/* ==========================================================================

Carousel Settings

 ========================================================================== */ 

.carousel-mod .carousel-indicators {position: static; display: block; width: auto; margin: 15px auto;}

.carousel-mod .carousel-indicators li {background-color: #A3A3A3; border: none; margin:0;}

.carousel-mod .carousel-indicators .active {background-color: #31373a; width: 10px; height: 10px;}

.carousel-mod .carousel-control.left, .carousel-mod .carousel-control.right {background: none; background-color: transparent; filter:none;}

.carousel-mod .carousel-control {top: 45%;}



/* ==========================================================================

Social Links

 ========================================================================== */

.social {}

.social li {padding:0; display: inline-block; width: 35px; height: 35px; border-radius: 3px; text-align: center; line-height: 35px; webkit-transition: background-color 400ms ease-out 0.2s; -moz-transition: background-color 400ms ease-out 0.2s; -o-transition: background-color 400ms ease-out 0.2s; transition: background-color 400ms ease-out 0.2s; margin-bottom: 5px;}

.social li a { color: #fff; }

.social li.facebook { background: #204385; }

.social li.twitter { background: #2aa9e0; }

.social li.google-plus { background: #d3492c; }

.social li.linkedin { background: #0073b2; }

.social li.skype { background: #00b0f6; }

.social li.youtube { background: #e22d24; }

.social li:hover {background:#31373a; cursor: pointer; }

/* ==========================================================================

Ribbon

 ========================================================================== */


.parent {
  overflow: hidden; /* required */
  width: 100%; /* for demo only */
  position: relative; /* required  for demo*/
}

.ribbon {
  margin: 0;
  padding: 0;
  background: #f02a34;
  color:white;
  padding:0.5em 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #f02a34;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.emailone {
	background-color:#533987;color:#ffffff;padding:2px 8px;border-radius:3px;min-width:50px;max-width:50px;
}
.emailtwo {
	background-color:#084486;color:#ffffff;padding:2px 7px;border-radius:3px;min-width:50px;max-width:50px;
}
.emailthree{
	background-color:#444444;color:#ffffff;padding:2px 7px;border-radius:3px;min-width:50px;max-width:50px;
}

.sslgreen{
	background-color:#5eb75e;color:#ffffff;padding:2px 5px;border-radius:3px;min-width:50px;max-width:50px;
}
.gry {
	background-color:#919191;color:#ffffff;padding:2px 8px;border-radius:3px;min-width:50px;max-width:50px;
}


/* ==========================================================================

Last minute additions

 ========================================================================== */


.style3d {color: #fff;

	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; }

.nodesktopshow {display:none;}

.graybkg {background-color:#d8dde2;}

.blogimg {margin: 0 auto; text-align:center;}

.smaller75 {width:75%;height:75%;}
.smaller50 {width:50%;height:50%;}



.justify {text-align:justify;}



a:link .learnmore {text-align:right;text-decoration:none;font-size:18px;letter-spacing:-0.2pt;}

.phono {width:40%;}

.stripe-button-el {display:none;}
.stripe-button-el span {display:none;}
.stripe-button {display:none;}


.icon-small {font-size:30px !important; color:#000;}

.fullnameterms {background-color:#c8d5e0; border-radius:5px; padding-top:8px; padding-left:20px; margin-top:3px;padding-bottom:7px;}

.webicons {float:left; padding-right:7px;}

.webiconsimg {display:block; width:54px; height:54px;}

.twitter-list{border-top:solid 2px #333;}

.smalllink {font-size:14px;}

.sslbkg {background-color:#f4f4f4;}
.turbobkg {background-color:#1f1746; color:#ffffff; line-height:15px; background-image:url('../img2/bkg_turbo.png');}
.turbosmall {font-size:13px;line-height:18px;}
.premiumbkg{background-image:url('../img2/bkg_turbo.png');}

.entry-content h3 {	font-weight:bold; font-size:28px !important;}



.indexbutton a:link{color:#FFFFFF !important;}
.indexbutton:hover{color:#FFFFFF !important; background-color:#0070c0;}
.indexbutton:active{color:#FFFFFF !important; background-color:#333333;}
.indexbutton{background-color:#cacaca;border-radius:14px; padding:3px 8px 3px 8px; font-size:12px;letter-spacing:0px; color:#ffffff !important;}
.indexDiv {padding-bottom:10px;}


#footerwrap {display:none;}

.indexicons {padding-right:7px;}
.indexiconsimg {display:block; width:90px; height:90px;margin:auto; margin-bottom:15px;}
.indxcards {background-color:#e2f6ff;border-radius:5px;padding:20px 30px 20px 30px;margin-bottom:30px;}
.indxcardw {background-color:#ffffff;border-radius:5px;padding:20px 30px 20px 30px;margin-bottom:30px;}
.indxfeat h2 {margin:auto 0; text-align:center;line-height:25px;font-size:27px;}
.indxfeat p {margin:auto 0; text-align:center; font-size:16px;}
.indxfeat .bluebutton{margin:20px 0 20px 0;}
.indxfeat .price {font-size:32px; letter-spacing:-1.5pt; color:#111123; font-weight:400;}





.photodesc {display:block; width:360px; height:360px;margin:auto; margin-bottom:5px;border-radius:9px;}
.photow {background-color:#eaeaea;border-radius:5px;}
.photow p {padding:100px;}




	
.gallery {margin-bottom: 10px; text-align: left;}

/*.gallery i {float: left; margin-right: 20px;}*/

.gallery p {font-size:16px;text-align:left; padding-left:5px; clear: both; padding-top: 0px;}

.likey {font-size:14px;color:#5686ff;}

.descGal {color: #6a88a2;}


.about {
	margin-top: 0;
}



.city {color:#a4a8b9;}

.indxfeat .btn {border-radius: 3; padding: 5px 20px; font-weight: normal; }

button::-moz-focus-inner {border: 0;}

.photo-rounded{border-radius:8px;}





.gallerydesc p {margin-bottom: 40px; font-weight: 400; font-size: 19px; color: #666666;}








.located {display:block;padding:5px;border-radius:5px;background:#000000; width:300px;opacity:0.4;}
.located h6 {color:#e0f2ff;opacity:1;font-size:19px;font-weight:normal;text-align:center;letter-spacing:0.2pt;}



/*


.chosenImage {width:90px;}
.chosenItem p {font-size:16px;padding-top:10px;}
.chosenItem h3 {padding-top:4px; margin-top:4;}
.chosenPrice {font-size:24px !important; color:#000000; text-align:right; letter-spacing:-1pt; padding:0;margin:0;}
.chosenTax {font-size:20px !important; color:#666666; text-align:right; letter-spacing:-1pt; padding:0;margin:0;}
.bottomLine {padding:0;margin:0;border:#555555 1px solid;}

*/

.success {padding-left: 40px;}


.centered-div {
            margin: 0 auto;
            display: block;
            float: none;
        }

/* ==========================================================================

Media Queries

 ========================================================================== */

/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	img {margin: 20px auto; }     /*----------------------------------------------------                                                                                                           mid images         -----*/
	.img-thumbnail {margin: 0;}

	.mobilelogo {display:block; margin: 0 auto !important;}

	/*#banner-web {padding-top: 75px; padding-bottom: 15px; background: #015eab; background-image:linear-gradient(160deg,#015eab 20%,#005093 90%);}*/
	
	/*#banner {-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}*/

	.ribbon {padding:0.2em 0;transform: translateX(30%) translateY(0%) rotate(45deg);font-size:11px !important;}
	
	.pagewidth {width: 1125px; margin: 0 auto;}
	
	.premiumresize {width:200px;}
	
	.indxfeat h2 {margin:auto 0; text-align:center;line-height:35px;}
	
	.indxfeat .btn {border-radius: 3; padding: 5px 5px; font-weight: normal; }
	
	.photodesc {display:block; width:100%; height:100%;margin:auto; margin-bottom:5px;}

    .gallery p {text-align:left; padding:0; font-size:16px; margin-top:0px;}
    

    
}




/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/

@media only screen and (max-width: 767px) {
    
    h3 {font-size:24px; text-transform:none !important;font-weight: bold;margin-top: 0;}
    
    .sidebar {display:none;}
    
    .success {padding-left: 0;text-align:center;} 

	.navbar-inverse {background-color: #000; padding:0;}

	.navbar > .container .navbar-brand {margin-left: 15px; color: #1a1a1a; margin-top: 15px;}

	.menu-right {float: none;}

/*	.navbar-inverse .navbar-nav > li > a {color: #1a1a1a;}

	.navbar-inverse .navbar-nav > .active > a, 

	.navbar-inverse .navbar-nav > .active > a:hover, 

	.navbar-inverse .navbar-nav > .active > a:focus,

	.navbar-inverse .navbar-nav > li > a:hover { color: #00A8D6;} */

	img {display: block; margin: 20px auto;}

	.section {padding: 35px 0;} /* was 70 */

	.main-point {margin-bottom: 40px;}

	.video-container {margin-bottom: 40px;}

	.img-thumbnail {margin: 0;}

	.mobilelogo {width:75px; height:30px; display:block; margin: 0 auto !important;}

	.version {display:none;}

	.nomobileshow {display:none;}

	.nodesktopshow {display:block;}

	.mobileimg {width:60%;height:60%;margin-bottom:15px; margin-top:0;}

    .articleimg {margin-bottom:15px; margin-top:0;}
	
	.mobilephoto {width:98.5%;height:98.5%;margin-bottom:15px; margin-top:0;}	
	
	.banner-content { clear: both; padding-top: 2px;}

	.phono {width:95%; height:95%;}
	
	.bg-why{display:none;}
	
	.recommendo{display:none;}
	
	/*#banner-web {padding-top: 60px; padding-bottom: 15px; background: #015eab; background-image:linear-gradient(160deg,#015eab 20%,#005093 90%);}*/
	
	/*#banner {background-image: url('../img/mobile-blur.jpg'); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}*/
	
	.ribbon {padding:0.3em 0;transform: translateX(30%) translateY(0%) rotate(45deg);}
		
	#sidebar {display:none;}
	
	.webicons {float:none;padding-right:0px;}
	
	.webiconsimg {display:block; width:85px; height:85px;}
	
	.features h3 {font-size: 25px; font-weight: bold; padding-top:0; text-align:center;}
	
	.features p {text-align:center; padding:0;}
	
	.headline h2 {font-size: 40px !important;}
	
    .pricing-spacing {display:block; height:30px;}
	
	.indxfeat p {padding-top:10px;}

    .photodesc {display:block; width:100%; height:100%;margin:auto; margin-bottom:5px;}
    
	.gallery p {text-align:left; padding:0; font-size:16px; margin-top:0px;}

    .located {display:block;padding:10px;border-radius:5px;background:#000000; width:100%;}

    .located h6 {color:#e0f2ff;opacity:1;font-size:20px;font-weight:normal;text-align:center;letter-spacing:0.2pt;}
    
    .subtitle {font-size: 22px;}
    
    h6 {letter-spacing: -0.3pt;}
    
    .topext {line-height: 0px;padding-top: 1px;}
    
    .green-arrow li {position: relative;padding-left: -10px;font-size: 16px;margin-left: 0;}
    
        .buy-now {
	padding: 15px 15px 15px 15px !important;
	font-size: 25px !important;
	position: relative !important;
	top: 13px;
	border-radius: 5px !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	margin: 0 0 30px 0 !important;
    }
    .banner-gray, .banner-faq, .banner-green{padding-bottom:16px;}
    
    h1 {font-size: 38px;}
    h2 {margin-bottom: 10px;}
    .pretitle {margin-bottom: -22px;}
    .copyright {font-size:10px !important;}
    .separator60 {margin: 10px 0 30px 0;}
    .separator30 {margin: 10px 0 30px 0;}
}
    }

}



/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/

@media only screen and (max-width: 479px) {

    .container {padding: 0 25px 0 25px;}
    
    p {font-size:18px;letter-spacing: 0pt; margin-bottom: 10px; line-height: 1.6; }

    h2 {font-size: 35px; letter-spacing:-0.7pt;font-weight: 800;margin-bottom: 10px;}

	h4 {font-size: 16px;}
    
    .pretitle {padding: 25px 0 0 0;}

	/*img {float: none; display: block; margin: 20px auto;}*/

	iframe {max-height: 200px;}

	.banner-content h1 {font-size: 36px; letter-spacing: -0.4pt;}
    
    .banner-content p {letter-spacing: 0pt;}
    
    .banner-list li {letter-spacing: 0.5pt;}
    
    .located h6 {font-weight: bold; letter-spacing: 0.5pt;}

	.headline h1 {font-size: 30px;}

	.headline h2 {font-size: 28px;}

	.section {padding: 50px 0;}

	.separator60 {margin: 30px 0;}

	.steps-list {margin-bottom: 30px;}

	.main-point h3 {font-size: 20px;}

	.video-container {margin-bottom: 40px;}

	.img-thumbnail {margin: 0;}

	.testimonial-inner img {float: none; margin:0 auto; margin-bottom: 20px;}

	.contact-list, .quick-links {margin-bottom: 30px;}

	.version {display:none;}

	.mobilelogo {width:75px; height:30px; display:block; margin: 0 auto !important;}
	
	/*#banner {background-image: url('../img/mobile-blur.jpg');}*/

	/*	#banner-web {padding-top: 60px; padding-bottom: 15px; background: #015eab; background-image:linear-gradient(160deg,#015eab 20%,#005093 90%);}*/

	/*This !important overrides the global img margin rule of 20px auto for mobile devices*/
	
	.photodesc {display:block; width:100%; height:100%;margin:auto; margin-bottom:5px;}
    
	.gallery p {text-align:left; padding:0; font-size:16px; margin-top:0px; }
    
    .field {font-size: 20px;}
    
    .success {padding-left: 0;text-align:center;} 

    .descGal{margin-bottom: 0;}

    .green-arrow{margin-left: -40px;}
    

}

@media print
{
img {display:none;}
h2 {font-size:20px;padding:0;margin:0;}
h3 {font-size:16px;}
form {display:none;}
#banner-blog {display:none;}.banner-blog {display:none;}
body {font-size:11px; line-height:13px; }
.footer {display:none;}
.fineprint {font-size:9px;}
.banner-content h1 {font-size: 25px;}	
.mobileimg {display:none;}
.img-responsive {display:none;}
.separator30 {display:none;}
.nomobileshow {display:none;}
.lgrender  {display:none;}
}

.glow-white{text-shadow: rgba(22,240,251,0.80) 0px 0px 6px;}

.upOneLevel {font-size: 16px; margin-bottom: 12px;letter-spacing: 0.1pt;} 

/*********************BOOTSTRAP UPDATES********************************************/


.mt-0{margin-top:0!important;}
.mt-1{margin-top:0.25rem!important;} /* 4px */
.mt-2{margin-top:0.5rem!important;} /* 8px */
.mt-3{margin-top:1rem!important;} /* 16px */
.mt-4{margin-top:1.5rem!important;} /* 24px */
.mt-5{margin-top:3rem!important;} /* 48px */
.mt-6{margin-top:4rem!important;} /* 64px */
.mt-7{margin-top:4.5rem!important;} /* 72px */
.mt-8{margin-top:5rem!important;} /* 80px */
.mt-9{margin-top:5.5rem!important;} /* 88px */
.mt-10{margin-top:6rem!important;} /* 96px */
.mt-11{margin-top:6.5rem!important;} /* 104px */
.mt-12{margin-top:7rem!important;} /* 112px */

.mb-0{margin-bottom:0!important;}
.mb-1{margin-bottom:0.25rem!important;} /* 4px */
.mb-2{margin-bottom:0.5rem!important;} /* 8px */
.mb-3{margin-bottom:1rem!important;} /* 16px */
.mb-4{margin-bottom:1.5rem!important;} /* 24px */
.mb-5{margin-bottom:3rem!important;} /* 48px */
.mb-6{margin-bottom:4rem!important;} /* 64px */
.mb-7{margin-bottom:4.5rem!important;} /* 72px */
.mb-8{margin-bottom:5rem!important;} /* 80px */
.mb-9{margin-bottom:5.5rem!important;} /* 88px */
.mb-10{margin-bottom:6rem!important;} /* 96px */
.mb-11{margin-bottom:6.5rem!important;} /* 104px */
.mb-12{margin-bottom:7rem!important;} /* 112px */

.rounded-5{border-radius:5px!important;}
.rounded-6{border-radius:6px!important;}
.rounded-7{border-radius:7px!important;}
.rounded-8{border-radius:8px!important;}
.rounded-9{border-radius:9px!important;}
.rounded-10{border-radius:10px!important;}
.rounded-11{border-radius:11px!important;}
.rounded-12{border-radius:12px!important;}

.text-center {text-align: center !important;}
.fw-bold {font-weight: 700;}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #222324;
	border-radius: 4px;
	border-radius: 8px;
	display: block;
	padding: 20px;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.shadow-none {
    box-shadow: none !important;
}
