* { margin: 0; padding: 0; outline: 0; }

body { padding-top: 83px; margin-bottom: 73px; font-family: 'Open Sans', sans-serif;}

html { min-height: 100%; position: relative; }

.websites-section-row,
.dark-ribbon ul,
.website-design-themes ul,
.white-ribbon-inner,
.live-demo-content-body,
.clearfix { *zoom: 1; } 

.live-demo-content-body:after,
.websites-section-row:after,
.dark-ribbon ul:after,
.white-ribbon-inner:after,
.website-design-themes ul:after,
.clearfix:after { content: ''; clear: both; display: table; }

/*** Modules ***/
a { text-decoration: none; color: #595959; }
a:focus,
a:hover { color: #333; text-decoration: none; outline: none!important;}

.da-slider { height: 800px; background: url(../car-rental-websites/images/background-image.jpg) repeat 0 0; }
.da-slider2 { background: url(../car-rental-websites/images/background-image1.jpg) repeat 0 0; }
.da-slider3 { background: url(../car-dealer-websites/images/background-image2.jpg) repeat 0 0; }
.da-slider4 { background: url(../vacation-rental-websites/images/vacation-rental-background-image1.jpg) repeat 0 0; }
.da-slider5 { background: url(../job-portal-websites/images/background-image-job.jpg) repeat 0 0; }
.da-slider6 { background: url(../real-estate-websites/images/real-estate-websites-background.jpg) repeat 0 0; }
.da-slider7 { background: url(../yacht-and-boat-websites/images/yacht-and-boat-websites-background.jpg) repeat 0 0; }
.da-slider8 { background: url(../holiday-property-websites/images/background-image1.jpg) repeat 0 0; }
.da-slider9 { background: url(../car-parking-websites/images/background-image1.jpg) repeat 0 0; }
.da-slider10 { background: url(../shuttle-taxi-websites/images/background-image1.jpg) repeat 0 0; }
.da-slider11 { background: url(../hotel-websites/images/background-image.jpg) repeat 0 0; }
.da-slider12 { background: url(../hair-beauty-salon-websites/images/background-image.jpg) repeat 0 0; }

.da-slider-food { background: url(../restaurant/images/food-ordering-software-background.jpg) repeat 0 0; }
.da-slider-hotel { background: url(../hotel/images/hotel-booking-software-background.jpg) repeat 0 0; }
.da-slider .heading { font-size: 48px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); font-weight:700; color:#fff; text-align: left;}
.da-slider .heading small { display: block; font-weight: 300; font-size: 32px; }
.da-slider .heading h1,
.da-slider .heading h2 { font-weight: bold; text-transform: uppercase; margin: 0; color: #fff;  text-align: left; }
.da-slider .heading h2 small,
.da-slider .heading h1 small { font-size: 28px; line-height: 1.3em;}
.da-slider .heading h1 { margin-bottom: 5px; }

.da-slider .heading strong { font-size: 46px; letter-spacing: -1px; }
.da-slider .heading small { font-size: 27px; color: #f6f6f6; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: none;}
.da-slider .heading h2, 
.da-slider .heading h1 {font-size: 42px; letter-spacing: -1px; line-height: 1.3em; }
.da-slider .heading small {color: #f6f6f6; font-family: "Open Sans",sans-serif; font-size: 27px; font-weight: 600; line-height: 1.3em; text-transform: none; }
.da-slider .da-slide2 .heading h1, 
.da-slider .da-slide2 .heading h2 { font-size: 37px; }
.da-slider .da-slide2 .heading h1 small, 
.da-slider .da-slide2 .heading h2 small { font-size: 26px; }

.da-dots { bottom: 15px; }

.heading-hidden { display: none; }

.title-secondary,
.da-slider .title { font-size: 32px; padding-bottom:20px }

.da-slider8 .da-img { padding-left: 80px; }

.title-secondary { color: #333; }

.slide-content { font-size: 22px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5) }
.slide-content p { padding-bottom:0; margin-bottom:0 }
.slide-content .buttons { margin-top: 15px; }
.slide-content .slide-controls { margin-bottom: 15px }

section { padding: 25px 0 20px }

body > section { background: #fff; }
body > section:nth-child(2n+1) { background: #f6f6f6; }

body > .section2 { background: #f6f6f6; }
body > section.section1 { background: #fff; }

.slide-content .da-buttons { margin-bottom: 20px; }

.da-buttons .button:first-child { background: transparent!important; color: inherit; border: 2px solid rgba(255, 255, 255, 0.7);}

.slideshow-section p { font-size: 19px; }
.slideshow-section-controls { padding-top: 120px; }

.button { display: inline-block; padding: 8px 40px 8px; font-size: 15px; text-transform:uppercase; color:#fff; border-radius:5px; background: #333; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s }

.button:active,
.button:focus,
.button:hover { text-decoration:none; color:#fff; }

.button[disabled]{ opacity: .25; pointer-events: none; }

.button-spinner{
	position: relative;
}
.button-spinner span{
  height: 32px;
  display: inline-block;
  width: 32px;
  margin: 0 auto;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid rgba(0, 0, 0, 0.5);
  border-bottom: 6px solid rgba(0, 0, 0, 0.5);
  border-top: 6px solid rgba(0, 0, 0, 1);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.button-secondary { background: transparent none repeat scroll 0 0!important; color: #6d6b6c; }

.button-secondary:active,
.button-secondary:focus,
.button-secondary:hover { color:#fff!important; background: #6d6b6c!important; }

.features-list { list-style: none; }
.features-list .title { font-size: 16px; font-weight: 400; text-align: center; color: #333; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.features-list .glyphicon { width: 40px; display: block; margin: 0 auto 15px; color: #555; font-size: 38px; text-align: center; } 
.features-list a:hover { color: #999; }
.features-list a:hover .i svg path { fill: #3498db;}
.features-list .description { text-align: center; font-size: 15px; line-height: 1.7em;}

.section-head { text-align: center; padding: 40px 0;}
.section-head .h2,
.section-head h2 { font-size: 38px; margin: 0; padding-bottom: 10px; color: #333; position: relative; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 500; padding-bottom: 15px; margin-bottom: 10px;}
.section-head p:after,
.section-head .h2:after,
.section-head h2:after { content: ""; width: 120px; height: 2px; background: #e5e5e5; position: absolute; bottom: 0; left: 50%; margin-left: -60px; }
.section-head h2:after strong,
.section-head h2 strong { display: block; }
.section-head .p,
.section-head p { font-size: 16px; line-height: 24px; color: #333; position: relative; padding-bottom: 15px; margin-bottom: 15px; text-transform: none; font-weight: normal; font-family: 'Open Sans', sans-serif; } 
.section-head .p strong,
.section-head p strong { text-transform: uppercase; }
.section-head .p strong span,
.section-head p strong span { color: #85a33f; }
.section-head .p a:hover,
.section-head p a:hover { text-decoration: underline; } 
.section-head .no-line:after { display: none; }

.section-head3 { padding-bottom: 15px; }

.feature-image { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5); }
.feature-image img { width: 100%; height: auto; display: block; }

.section .section-head { padding-top: 20px; }

.title {font-weight: 300; font-size: 1.8em; padding-bottom: 15px; }

.features-icon { background: url(../images/feature-icon.png) no-repeat 0 0; width: 36px; height: 27px; display: block; margin: 0 auto 15px; }

.about-title { margin-bottom: 22px; font-size: 18px; font-weight: 500; color: #333; }

.list {list-style:none; padding:0 }
.list li {text-align:center; line-height:1.3; font-weight:300 }
.list li .i {width:82px; height:82px; display:block; margin:0 auto 15px } 
.list li .title {font-size:1.8em; padding-bottom:10px; display:block; color: #333; }

.item {min-height:1px }
.item p {font-size:1.2em; line-height:1.6em }

.template-badge { position: absolute; bottom: 70px; right: -88px; width: 281px; height: 80px; padding: 20px 76px 20px 0px; text-align: center; z-index: 9999; font-size: 18px; line-height: 18px; color: #fff; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.template-badge:hover { color: #fff; }
.template-badge small { color: #fff!important; text-transform: none; font-weight: normal; font-size: 16px;}

.templates-center {text-align: center; }
.templates-center .col-md-4.col-sm-4.col-xs-6 { display: inline-block; float: none!important; }

.no-space {margin:0; padding:0 }
.flexslider {margin:0; padding:0 }
.flexslider .slides {margin:0; padding:0 }
.flexslider .slides>li {display:none; -webkit-backface-visibility:hidden }
.flexslider .slides img {width:100%; display:block }
.flex-pauseplay span {text-transform:capitalize }
.slides:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } html[xmlns] .slides {display:block } * html .slides {height:1% }
.no-js .slides>li:first-child {display:block }

.flex-control-nav {text-align:center; margin:10px 0; padding:0 }
.flex-control-nav li {display:inline-block; margin:0 2px }
.flex-control-nav li a {display:block; font-size:0; line-height:0; width:14px; height:14px; border:2px solid #85c051; border-radius:50%; cursor:pointer; background:#fff }
.flex-control-nav li .flex-active {background: #85c051 }


/* POPUP */
.popup-form .field { width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius: 5px; height: 43px; display: inline-block; vertical-align: middle; padding: 10px 15px 8px; color: #252525; border: 1px solid #252525; }
/*.popup-form .field:focus { border-color: red; }*/
.popup-form .field-small { width: 50%; }
.popup-form label { font-size: 16px; display: block; }
.popup-form .radio-button { margin: 10px 0 15px; padding: 0; }
.popup-form .radio-button a { color: #222; text-decoration: underline;}
.popup-form .radio-button a:hover { color: #50525f; text-decoration: none; }
.popup-form textarea.field { resize: none; height: 120px; }
.popup-form .row + .row { margin-top: 20px; }
.popup-form select { width: 100%; height: 43px; border-radius: 5px; border: 1px solid #333; padding: 0 10px; color: #333; }
.popup-form select option { padding: 0 10px; }
.popup-form .h4 { text-align: center; padding-bottom: 40px; line-height: 1.4em;  }
.popup-form .radio-holder { float: left; margin: 16px 0 0; }
.popup-form .radio-holder + .radio-holder { margin-left: 20px; }
.popup-form .radio-holder.radio-item{ float: none; margin: 0 0 10px; }
.popup-form .radio-holder input { margin: 3px 5px 0; float: left;  }
.popup-form .radio-holder input[type="checkbox"] { margin-top: 0; }
.popup-form .radio-holder label { padding: 0; margin: 0; float: left; font-size: 14px;}
.close-popup { width: 40px; height: 40px; position: absolute; top: -20px; right: -20px; cursor: pointer;}
.close-popup svg { width: 100%; height: 100%; display: block; }
.close-popup svg path { fill: #333; }
.popup-form .head { padding-bottom: 10px; }
/* popup form */
.popup-form { padding: 0 15px 50px; }
.popup-form2 .h4 { padding-bottom: 25px; }
.popup-form2 .list-about { padding-bottom: 30px;}

.popup-form label a { text-decoration: underline; }
.popup-form label a:hover { text-decoration: none; }

.trial-yes,
.domain-yes { margin-top: 20px; }

.domain-no { display: none; margin-top: 20px; }

.total-payment p { font-size: 14px; color: #949494 }
.total-payment p strong { font-size: 18px; display: inline-block; margin-right: 2px; color: #555;}
.total-payment p:last-child  { font-size: 14px; color: #333;}
.total-payment p:last-child strong  { font-size: 28px; color: #333;}

.popup-form .list-about { list-style: none; padding-left: 60px; }
.popup-form .list-about li { min-width: 240px; display: inline-block; color: #333; text-transform: uppercase; font-family: "Montserrat"; font-size: 14px; font-weight: 600; margin-bottom: 15px; }
.popup-form .list-about .i { width: 16px; height: 16px; display: inline-block; margin-bottom: -2px; margin-right: 2px;}

.v-features6-feature h4 .fee-type,
.v-features6-feature .h4 .fee-type { font-size: 14px; display: inline-block; }
.v-features6-feature h4,
.v-features6-feature .h4 { font-size: 29px; padding-bottom:20px; margin:0; font-family: 'Montserrat', sans-serif; font-weight: normal; letter-spacing: -1px; color: #333; }
.v-features6-feature ul {padding:10px 0 0 35px; margin:0; list-style:none }
.v-features6-feature ul.no-padding-top { padding-top: 0!important; }
.v-features6-feature ul li {position:relative;}
.v-features6-feature ul li + li { margin-top: 7px; }
.v-features6-feature ul .glyphicon {width:21px; height:21px; position:absolute; top:-1px; left:-35px; font-size: 21px;}
.v-features6-feature > div + ul { padding-top: 0; }
.v-features6-feature > ul a:hover { text-decoration: underline; }

.no-padding { padding: 0!important; }

.v-features6-feature-reverse {text-align:right }
.v-features6-feature-reverse ul {padding:10px 35px 0 0 }
.v-features6-feature-reverse > div + ul { padding-top: 0; }
.v-features6-feature-reverse ul .glyphicon {left:auto; right:-35px } 

.v-features6-image img { height:auto }
.v-features6-button {display:inline-block; border-radius:5px; font-weight:300; text-transform:uppercase; height:50px; padding:13px 25px 0; background:#333; color:#fff; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease }
.v-features6-button:hover {background:#222; text-decoration:none; color:#fff }
.v-features6-controls {padding:10px 0 }

.v-features6-image-controls a { color: #595959; }

.feature-slideshow { position: relative; border: 1px solid rgba(0,0,0,0.1);}
.feature-slideshow .flex-direction-nav {*height: 0; list-style: none; margin: 0;}
.feature-slideshow .flex-direction-nav a { text-decoration:none; display: block; width: 48px; height: 48px; margin: -24px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: url(../images/dir.png) no-repeat 0 0; background-color: rgba(187,187,187,0.5); font-size: 0; line-height: 0; text-indent: -4000px; }
.feature-slideshow .flex-direction-nav .flex-prev { left: -10px; }
.feature-slideshow .flex-direction-nav .flex-next { right: -10px; text-align: right; background-position: right; }

.feature-slideshow:hover .flex-prev { opacity: 0.7; left: 0px; }
.feature-slideshow:hover .flex-next { opacity: 0.7; right: 0px; }
.feature-slideshow:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.v-features6-feature .flex-active { color: #333; }

.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8; filter:alpha(opacity=80) }
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:0!important; -webkit-backface-visibility:hidden }
.mfp-container {text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mfp-container:before {content:''; display:inline-block; height:100%; vertical-align:middle }
.mfp-align-top .mfp-container:before {display:none }
.mfp-content {position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045 }
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width:100%; cursor:auto }
.mfp-zoom {cursor:pointer;  }
.mfp-auto-cursor .mfp-content {cursor:auto }
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select:none; -moz-user-select:none; user-select:none }
.mfp-loading.mfp-figure {display:none }
.mfp-hide {display:none!important }
.mfp-preloader {color:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-.8em; left:8px; right:8px; z-index:1044 }
.mfp-preloader a {color:#ccc }
.mfp-preloader a:hover {color:#fff }
.mfp-s-ready .mfp-preloader {display:none }
.mfp-s-error .mfp-content {display:none } button.mfp-close,button.mfp-arrow {overflow:visible; cursor:pointer; background:0 0; border:0; -webkit-appearance:none; display:block; outline:0; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none } button::-moz-focus-inner {padding:0; border:0 }
.mfp-close {width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.65; filter:alpha(opacity=65); padding:0 0 18px 10px; color:#fff; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace }
.mfp-close:hover,.mfp-close:focus {opacity:1; filter:alpha(opacity=100) }
.mfp-close:active {top:1px }
.mfp-close-btn-in .mfp-close {color:#333 }
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {color:#fff; right:-6px; text-align:right; padding-right:6px; width:100% }
.mfp-counter {position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px }
.mfp-arrow {position:absolute; opacity:.65; filter:alpha(opacity=65); margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent }
.mfp-arrow:active {margin-top:-54px }
.mfp-arrow:hover,.mfp-arrow:focus {opacity:1; filter:alpha(opacity=100) }
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent }
.mfp-arrow:after,.mfp-arrow .mfp-a {border-top-width:13px; border-bottom-width:13px; top:8px }
.mfp-arrow:before,.mfp-arrow .mfp-b {border-top-width:21px; border-bottom-width:21px; opacity:.7 }
.mfp-arrow-left {left:0 }
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {border-right:17px solid #fff; margin-left:31px }
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {margin-left:25px; border-right:27px solid #3f3f3f }
.mfp-arrow-right {right:0 }
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {border-left:17px solid #fff; margin-left:39px }
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {border-left:27px solid #3f3f3f }
.mfp-iframe-holder {padding-top:40px; padding-bottom:40px }
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:900px }
.mfp-iframe-holder .mfp-close {top:-40px }
.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25% }
.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,.6); background:#000 } img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 0 40px; margin:0 auto }
.mfp-figure {line-height:0 }
.mfp-figure:after {content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,.6); background:#444 }
.mfp-figure small {color:#bdbdbd; display:block; font-size:12px; line-height:14px }
.mfp-figure figure {margin:0 }
.mfp-bottom-bar {margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto }
.mfp-title {text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px }
.mfp-image-holder .mfp-content {max-width:100% }
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer } 
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {.mfp-img-mobile .mfp-image-holder {padding-left:0; padding-right:0 }
.mfp-img-mobile img.mfp-img {padding:0 }
.mfp-img-mobile .mfp-figure:after {top:0; bottom:0 }
.mfp-img-mobile .mfp-figure small {display:inline; margin-left:5px }
.mfp-img-mobile .mfp-bottom-bar {background:rgba(0,0,0,.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mfp-img-mobile .mfp-bottom-bar:empty {padding:0 }
.mfp-img-mobile .mfp-counter {right:5px; top:3px }
.mfp-img-mobile .mfp-close {top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,.6); position:fixed; text-align:center; padding:0 } } 
@media all and (max-width:900px) {.mfp-arrow {-webkit-transform:scale(0.75); transform:scale(0.75) }
.mfp-arrow-left {-webkit-transform-origin:0; transform-origin:0 }
.mfp-arrow-right {-webkit-transform-origin:100%; transform-origin:100% }
.mfp-container {padding-left:6px; padding-right:6px } }
.mfp-ie7 .mfp-img {padding:0 }
.mfp-ie7 .mfp-bottom-bar {width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px }
.mfp-ie7 .mfp-container {padding:0 }
.mfp-ie7 .mfp-content {padding-top:44px }
.mfp-ie7 .mfp-close {top:0; right:0; padding-top:0 }
.mfp-fade.mfp-bg {opacity:0; -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; transition:all .15s ease-out }
.mfp-fade.mfp-bg.mfp-ready {opacity:.8 }
.mfp-fade.mfp-bg.mfp-removing {opacity:0 }
.mfp-fade.mfp-wrap .mfp-content {opacity:0; -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; transition:all .15s ease-out }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity:1 }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity:0 }

.dark-ribbon { color: #fff; background: #252525; text-align: center; padding: 30px 0; }
.dark-ribbon .h4 { font-size: 34px; font-weight: 300;}
.dark-ribbon .h4 small { color: #fff; font-size: 24px; font-weight: 300;}
.dark-ribbon .button { font-size: 16px; padding: 12px 25px 10px;  margin-top: 15px;}
.dark-ribbon small + .button { margin-left: 15px; }
.dark-ribbon a { color: #fff; }
.dark-ribbon a:hover,
.dark-ribbon .button { color: #fff; }
.dark-ribbon ul { list-style: none; margin: 0; padding: 25px 0; }
.dark-ribbon ul li { float: left; width: 33.3333%; text-align: left; padding: 0 20px; position: relative;}
.dark-ribbon ul li:first-child img { margin-right: 15px; }
.dark-ribbon ul li:nth-child(2) img { margin-left: 25px; }
.dark-ribbon ul li:nth-child(3) { padding-right: 0; }
.dark-ribbon ul li:nth-child(3) img { margin-left: 80px; }
.dark-ribbon ul li + li:after { content: "+"; position: absolute; top: 50%; left: -45px; margin-top: -25px; height: 60px; width: 60px; font-size: 60px; line-height: 60px; text-align: center; font-weight: 300; }
.dark-ribbon ul li:nth-child(3):after { left: 15px; }
.dark-ribbon ul img { float: left; margin-right: 5px;}
.dark-ribbon ul p { font-size: 19px; line-height: 1.25em; font-weight: bold; color: #fff; margin: 0; padding-top: 11px;}
.dark-ribbon ul .text-no-wrap { margin-right: -15px; }
.dark-ribbon ul p em { font-style: normal; display: block; white-space: nowrap; }
.dark-ribbon a:not(.button):hover { text-decoration: underline; }
  
.white-ribbon { background: #fff; color: #4e4d4d; text-align: left;}
.white-ribbon strong { display: block; font-size: 30px; font-weight: bold; padding-top: 2px;}
.white-ribbon .button { margin-top: 0; } 
.white-ribbon .col-1of4 { width: 300px; float: left; }  
.white-ribbon .col-2of4 { float: left; width: 183px; margin-left: 30px;}
.white-ribbon .col-3of4 { width: 275px; float: right; }
.white-ribbon .col-3of4 .button { width: 100%; text-align: center; }

.white-ribbon-inner { padding: 0 20px; }

.col-1of4 { width: 25%; float: left; }
.col-2of4 { width: 20%; float: left; }

.mobile-solution-image { text-align: center; }

.mobile-solution { padding-top: 55px; }
.mobile-solution h4,
.mobile-solution .h4 { font-size: 28px; font-weight: bold; padding: 30px 0 25px;}
.mobile-solution p { font-size: 15px; line-height: 30px; margin-bottom: 30px; text-align: justify;}

.v-faq-tabs {padding-bottom:30px } 
.v-faq-tabs-head { border-bottom: 1px solid #ececec; background: #ececec; }
.v-faq-tabs-head ul { list-style: none; padding: 0; margin: 0; overflow:hidden; } 
.v-faq-tabs-head li {float:left } 
.v-faq-tabs-head a { display: block; background: #ececec; color: #808080; font-size: 16px; padding:10px 15px 15px; font-family: 'Montserrat', sans-serif; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } 
.v-faq-tabs-head a .i {width:24px; height:24px; display:inline-block; margin: 5px 10px -5px 0 } 
.v-faq-tabs-head a .i img { display: block; }
.v-faq-tabs-head a:hover { text-decoration: none; color: #333; } 
.v-faq-tabs-head .v-faq-active {text-decoration:none; color:#333; } 
.v-faq-tabs-content {border:1px solid #ececec; border-top:0; padding:20px 40px } 

.v-faq-panel {padding:15px 0 15px 90px; position:relative } 
.v-faq-panel .v-faq-panel-heading > .glyphicon { position:absolute; top:12px; left:-85px; width:32px; height:32px; font-size: 32px; } 
.v-faq-panel-heading { position:relative; margin-bottom: 0 } 
.v-faq-panel-heading p { color: #333; font-weight: 600; font-size: 24px; padding: 5px 0 10px; margin-bottom:0}

.v-faq-panel-body {padding-bottom:30px; font-size:16px; font-weight:300;} 
.v-faq-panel-body:last-child {padding-bottom:0 } 
.v-faq-panel-body p a:hover { text-decoration: underline; }
.v-faq-panel-media {float:left; margin:0 30px 20px 0 } 

.v-faq-panel-image-holder {margin-bottom:20px } 
.v-faq-panel-image-holder img,.v-faq-panel-media img {display:block; width:100%; height: auto }

.section2 .v-faq-panel .v-faq-panel-heading > .glyphicon { left: -55px; top: 10px; }

/* Slideshow */

.v-portfolio5-projects ul { font-size: 0; line-height: 0; text-align: center; list-style: none;} 
.v-portfolio5-projects li { width: 33.3333%; display: inline-block;} 

.v-portfolio5-projects li h4,
.v-portfolio5-projects li p { font-size: 20px; line-height: 1.4em; font-weight: 300; }
.v-portfolio5-projects-2-cols li { margin-left: 1px; }

.v-portfolio5-project { position: relative; -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.5); box-shadow: 0 0 1px 0 rgba(0,0,0,0.5); margin: 0 15px 30px; display: inline-block; font-size: 14px; line-height: 1.42857;} 
.v-portfolio5-project img {display: block; width:100%; height:auto; } 
.v-portfolio5-project:hover .v-portfolio5-project-hover {top:0; opacity: 1; max-height: 999px;} 
.v-portfolio5-project-hover {position:absolute; top: 0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); color:#fff; padding:70px 25px 25px; text-align:center; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; opacity: 0; max-height: 0;} 

.v-portfolio5-project-hover strong {font-size:1.8em; display:block; padding-bottom: 70px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; white-space: nowrap; } 
.v-portfolio5-project-hover a { font-size: 15px; color: #fff;} 
.v-portfolio5-project-hover a:hover { text-decoration: none;} 
.v-portfolio5-project-hover p {font-size:1.1em; padding:0 20px } 

.about-section .h3,
.about-section h3 { color: #6d6b6c; font-family: "Montserrat",sans-serif; font-size: 29px; font-weight: normal; margin: 0; padding-bottom: 20px;  }
.about-section p {  font-size: 16px; padding-bottom: 20px; line-height: 1.7em; text-align: justify; }
.about-section p a { color: #6d6b6c; text-decoration: none; }
.about-section p strong { font-size: 20px; }
.list-bullet li em,
.list-vevs li em,
.about-section p em { font-size: 18px; font-style: normal; font-weight: bold; color: #6d6b6c; } 
.about-section p a:hover { color: #333; }

.about-categories { overflow: hidden; padding: 10px 0 30px; }
.about-categories .about-category { float: left; width: 16.6666%; }

.about-category { margin-bottom: 22px; text-align: center; } 
.about-category>a {position:relative; display:block; } 
.about-category>a .about-image-holder {height:100%; overflow:hidden;  width:100%; z-index:1; position:relative } 
.about-category>a .about-image-holder img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.about-category>a:hover .about-image-holder img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.about-category>a img {display:inline-block; height:auto; width:75%; opacity:1; vertical-align:top;  } 

.about-logos { margin-top: 25px; text-align: center; }
.about-logos p { margin: 0; padding: 0; }
.about-logos p + p { padding-top: 15px; }
.about-logos a img { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.about-logos a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.features-row { margin-bottom: 80px; margin-top: 20px; }

.section-line { height: 2px; background: #ccc; margin: 30px 0 45px; }

.list-bullet { list-style: none; padding-bottom: 17px; overflow: hidden;}
.list-bullet li:first-child {  padding-left: 0; padding-bottom: 25px; width: 100%;}
.list-bullet li:first-child:after { display: none; }
.list-bullet li { font-size: 16px; padding-bottom: 10px; line-height: 1.7em; padding-left: 25px; position: relative; float: left; width: 38%; }
.list-bullet li:after { content:"\e013"; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; position: absolute; top: 7px; left:7px; width: 12px; height: 12px; color: #222; }

.list-vevs { list-style: none; padding-bottom: 10px; padding-top: 5px; overflow: hidden;}
.list-vevs li { font-size: 18px; font-weight: 100; padding-bottom: 10px; line-height: 1.7em; padding-left: 30px; position: relative; text-align: left;}
.list-vevs li:after { content:""; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background: url(../images/ico-list-vevs.png) no-repeat 0 0; background-size: 20px 20px;}

.about-category p {text-align:center; margin-bottom:0 } 
.about-category p a {color:#333; font-size:1.2em } 
.about-category p span {text-transform:uppercase; color:#808080; letter-spacing:1px; font-weight:300; font-size:.85em } 
.about-category .h3,
.about-category h3 { text-align: center; color: #333; font-size: 12px; text-transform: uppercase; margin: 7px 0 0; white-space: nowrap; }
.about-category-tabs {max-height:0; overflow:hidden; margin-bottom:0; -webkit-transition:all 1.2s ease; -moz-transition:all 1.2s ease; -o-transition:all 1.2s ease; transition:all 1.2s ease } 
.about-category-tabs-active {max-height:1500px } 

.text-justify {text-align:justify } 

.v-about3-category-tab {padding-bottom:30px } 
.v-about3-category-title {font-size:1.7em } 
.v-about3-category-subtitle {font-size:1.2em; color:#808080; padding-bottom: 20px }

.contact-form { background-color: rgba(0,0,0,0.5); color: #fff; padding: 30px; margin-bottom: 30px;}
.contact-form h4 { font-size: 20px; letter-spacing: 0.05em; margin: 0 0 30px; line-height: 1.5em; padding-bottom: 20px; position: relative; text-transform: uppercase; }
.contact-form h4:after { background: #fff; }
.contact-form select { height: 40px; width: 100%; color: #444;}
.contact-form select option { padding-left: 12px; padding-right: 12px; }
.contact-form label { display: block; font-weight: normal; padding-bottom: 8px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.contact-form .field { display: block; width: 100%; background: #fff; border: 0; color: #444; font-size: inherit; height: 40px; padding: 6px 12px; }
.contact-form-row + .contact-form-row { margin-top: 28px;  }
.contact-form .row .contact-form-row { margin-bottom: 30px; }

.message-box { border-radius: 5px; border: 1px solid #333; padding: 25px; color: #fff; margin-bottom: 25px; }
.message-box p { margin-bottom: 0; }
.message-box p + p { margin-top: 10px; }
.message-box-success { border: 1px solid #1ea30c; background: #C3EBBE; color: #146d08;}
.message-box-alert { border: 1px solid #970c0c; background: #DF9D9D; color: #970c0c;}

.contact-us-form .message-box-success { border: 1px solid #8d64b3; background: #fff; color: #616161; padding-left: 95px; position: relative; overflow: hidden;}
.contact-us-form .message-box-success:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 75px; background: #8d64b3 url(../images/icon-message-box-success.jpg) no-repeat center center; }
.contact-us-form .message-box-success p strong { font-size: 16px; display: block; color: #8d64b3; font-weight: normal;}
.contact-us-form .message-box-success p a { font-weight: bold; color: #222; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contact-us-form .message-box-success p a:hover { text-decoration: underline; }

.contact-us-form .message-box-success-blue { border: 1px solid #1d83bf; }
.contact-us-form .message-box-success-blue p strong { color: #1d83bf; font-size: 18px; }
.contact-us-form .message-box-success-blue:after { background: #1d83bf url(../images/icon-message-box-success.jpg) no-repeat center center;}

.reply h4 {font-weight:300; margin-top:30px; font-size:2em; margin-bottom:30px }
form {position:relative; z-index:3 }
.form-wrapper {background-color:rgba(60,62,71,0.8); padding:20px 40px; border-radius:2px }
.form-group {color:#fff }
.form-group input,.form-group textarea {border-radius:2px; background-color:rgba(0,0,0,0); color:#777; border:2px solid #eee; padding:8px; height:auto; font-size:13px; -webkit-box-shadow:none; box-shadow:none; resize:none }
.form-control:focus {border-color:#ccc; outline:0; -webkit-box-shadow:none; box-shadow:none }
.form-group textarea {border-radius:2px }
label {max-width:100%; color:#50525f; font-size:13px; font-weight:400; margin-top:10px }

.callback-item { display: none; }
.form-callback .callback-item { display: block; }
.form-callback .callback-item.inactive { display: none; }
.checkbox-sequence .checkbox-holder { display: inline-block; }
.checkbox-sequence .checkbox-holder:not(:last-child) { margin-right: 20px; }

.posted-box { width: 80%; margin: 0 auto 15px; background: #f1f1f1; padding: 20px 20px 0; border-radius: 10px; color: #333;}
.posted-box ul { list-style: none; }
.posted-box li { margin-bottom: 15px; }
.posted-box-author { font-size: 15px; font-weight: 600; padding-bottom: 15px; }
.posted-box-message { color: #666; font-size: 14px; padding-bottom: 20px; }
.posted-box-message a:link,
.posted-box-message a:visited,
.posted-box-message a:active,
.posted-box-message a:hover,
.posted-box-message a:focus{ color: #006699; text-decoration: none; }
.posted-box-message a:hover{ color: #006699; text-decoration: underline; }

.posted-reply { width: 80%; margin: 0 auto 30px; }
.posted-reply textarea { border-radius: 10px; border: 1px solid #cdcdcd; width: 100%; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 160px; margin-bottom: 20px;}
.posted-reply .submit-button { margin: 0 auto; }
.posted-reply label { font-weight: bold; text-transform: uppercase; font-size: 16px; padding-left: 20px; }

.mobile-menu { display: none; }

.get-over-here { float: right; }


/* Root intro */
.root-intro { height: 429px; overflow: hidden; position: relative; }
.root-intro img { position: absolute; top: -9999px; left: -9999px; right: -9999px; bottom: -9999px; margin: auto; z-index: 1; }
.root-intro-content { position: absolute; top: 95px; left: 0; right: 0; text-align: center; z-index: 2; color: #fff;}
.root-intro-content h1 { font-size: 46px; line-height: 1.4em; padding-bottom: 65px; text-transform: uppercase; font-family: "Montserrat",sans-serif;}
.root-intro-content h1 small { color: #fff; text-transform: capitalize; font-size: 24px; display: block; padding-top: 10px; }
.root-intro-content p { font-size: 24px; line-height: 1.7em; font-weight: 100;}

.root-intro-secondary .root-intro-content { top: 80px; }
.root-intro-secondary .root-intro-content h1 { padding-bottom: 45px; }

.benefit { min-height: 290px; background: #fff; padding: 30px; margin-bottom: 30px; border-radius: 5px; }
.glyphicon { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

/* Tabs */

.tabs { padding-top: 20px; }

.tabs-head ul { list-style: none; height: 50px; margin-bottom: 0;}
.tabs-head li { float: left; }
.tabs-head a { display: block; height: 50px; padding: 15px 25px 0; background: #ccc; color: #666;}
.tabs-head li:first-child a { border-top-left-radius: 5px; }
.tabs-head li:last-child a { border-top-right-radius: 5px; }
.tabs-head .active { background: #666; color: #fff; text-decoration: none; }

.tabs-body { border: 1px solid #666; border-left: 0; border-right: 0; padding-top: 40px; margin-bottom: 40px; }

.tab { display: none; }
.tab:first-child { display: block; }

.tab-entry { padding-bottom: 20px; }
.tab-entry .lead { margin-bottom: 10px; font-size: 18px; text-transform: uppercase; font-weight: 600; font-family: "Montserrat",sans-serif; }
.tab-entry ol { list-style-position: inside; }
.tab-entry li { padding-bottom: 10px; }
.tab-entry .h2,
.tab-entry h2 { margin-top: 0; font-weight: 600; font-family: "Montserrat",sans-serif; text-transform: uppercase; font-size: 21px; }

/* 404 */
.guy { background: url(../images/repeat-404.png) repeat-x 0 bottom; margin-bottom: 100px; }
.guy img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

.website-analysis { display: none; }

.button-arrow { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #fff; display: block; margin: 25px auto 0;}
.button-arrow .ico-arrow { width: 16px; height: 16px; display: block; background: url(../images/arrow-down.png) no-repeat 0 0; margin: 9px auto 0; }
.button-arrow:hover { background-color: #fff; }
.button-arrow:hover .ico-arrow { background-position: 0 bottom; }

.contact-form label.error { margin-top: 10px; margin-bottom: 0; color: #fff; font-weight: 600; }
.contact-form .field.error { background: #FFCECE !important; color: #000;}
.contact-form .field.valid { background: #FFFFFF !important; }

.popup-form label.error { margin-top: 10px; margin-bottom: 0; color: #e50000; font-weight: 600; padding-top: 0;}
.popup-form .radio-holder label.error { margin-top: 0; }
.popup-form .field.error { border: 1px solid #e50000!important; }
.popup-form .field.valid { border: 1px solid #1ea30c!important; }
/*.popup-form .field.valid:focus { border: 1px solid red!important; }*/

.posted-reply textarea.error{background: #FFCECE !important;}
.posted-reply textarea.valid{background: #FFFFFF !important;}
.posted-reply label.error{ margin: 0;color: #e50000; font-weight: 600; text-transform:none; font-size: 14px; }

ul.posted-box-files { overflow: hidden; padding: 0 0 10px; margin: 0; } 

.posted-box-files li{margin: 0 0 5px; } 
.posted-box-files li i { top: 3px; }
.posted-box-files a{color: #0082CE; padding: 0px; vertical-align: middle; } 
.posted-box-files .i{display: inline-block; vertical-align: middle; width: 16px; height: 16px; } 

.details {background: #e9e9e9; border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 15px; padding: 23px 25px 28px; } 
.details h4 { padding-bottom: 22px; }
.details ul { list-style: none; font-size: 17px; line-height: 32px; padding-left: 4px;}
.details li { position: relative; padding-left: 27px;}
.details li i { width: 18px; height: 18px; position: absolute; top: 6px; left: 0; }
.details li strong { color: #1f1a1a; font-weight: normal;}
.details li a:hover { text-decoration: underline; }

.icon-site { background: url(../images/icon-site.png) no-repeat 0 0; }
.icon-email { background: url(../images/icon-email.png) no-repeat 0 0; }
.icon-pass { background: url(../images/icon-pass.png) no-repeat 0 0; }

.waiting { text-align: center; color: #1f1a1a;}

/* Car Dealer Website Design New */

.live-demo-content { text-align: center; }
.details { text-align: left !important; }

.live-demo-content-head { min-height: 90px; }
.live-demo-content-head a:hover { text-decoration: underline; }
.live-demo-content-head p { font-weight: 300; color: #555; }

.live-demo-content-heading { font-size: 28px; font-weight: 300; padding-bottom: 5px; margin: 0;}
.live-demo-content-heading small { font-size: 80%; }

.website-design-box { border: 1px solid #ddd; margin-bottom: 30px; height: 280px; position: relative; overflow: hidden;}

.live-demo-content-body .contact-form { background: #e8e8e8; border-radius: 5px;}
.live-demo-content-body .contact-form p { color: #333; font-size: 15px; padding-bottom: 17px; }
.live-demo-content-body .contact-form .small-text { font-size: 14px; padding: 17px 0 0px; margin-bottom: 0; color: #5d5d5d; font-weight: 300;}
.live-demo-content-body .contact-form-row { position: relative; }
.live-demo-content-body .contact-form-row label.error { color: #d50404; font: normal 12px 'Open Sans', sans-serif; margin: 10px 0px -10px 0px; padding: 0; text-align: left; text-transform: none; }
.live-demo-content-body .contact-form-row label.error a { color: #000; font-weight: 300;}
.live-demo-content-body .contact-form-row label.error a:hover { text-decoration: underline;}
.live-demo-content-body .submit-button { margin-top: 5px; }
.live-demo-content-body .details h2 { padding-bottom: 10px; }
.live-demo-content-body .details h4 { line-height: 1.4em; }

.live-demo-content-body-park #frmTrial > p { white-space: nowrap; }

.live-demo-content-body .contact-form .row { font-size: 0; }
.live-demo-content-body .contact-form .col-sm-6 { float: none; display: inline-block; vertical-align: top; }
.live-demo-content-body .contact-form .contact-form-row { font-size: 14px; }

.area-interested .tableLicenses td:first-of-type { text-align: left; width: auto!important; }
.area-interested .tableLicenses td { width: 120px!important; }
.area-interested .tableLicenses p span { color: #797979; font-size: 12px; }
.area-interested .tableLicenses p strong { font-size: 12px;}

.website-design-box a img { display: block; width: 100%; height: auto; }
.website-design-box .button {position: absolute; top: 50%; left: 50%; z-index: 3; margin-top: -21px; margin-left: -84px; opacity: 0; }
.website-design-box a:after {background-color: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 2; }

.website-design-box a:hover .button,
.website-design-box a:hover:after { opacity: 1; }
.website-design-box a:hover img { transform: translate(0px, calc(-100% + 390px)); }
.website-design-box img { display: block; height: auto; min-height: 100%; transform: translate(0px, 0px); transition: all 2s ease-in-out 0s; }

.v-portfolio5-projects-hotel .v-portfolio5-project,
.v-portfolio5-projects-job .v-portfolio5-project { height: 270px; overflow: hidden; border: 1px solid rgba(0,0,0,0.1); }
.v-portfolio5-projects-hotel .v-portfolio5-project a:hover img,
.v-portfolio5-projects-job .v-portfolio5-project a:hover img { transform: translate(0px, calc(-100% + 270px)); }
.v-portfolio5-projects-hotel .v-portfolio5-project img,
.v-portfolio5-projects-job .v-portfolio5-project img { display: block; height: auto; min-height: 100%; transform: translate(0px, 0px); transition: all 2.5s ease-in-out 0s; }

.website-design-themes ul { list-style: none; margin-bottom: 0;}
.website-design-themes li { float: left; padding: 0 5px 10px; width: 20%;}
.website-design-themes li a { display: block; border: 1px solid #ddd; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.website-design-themes li a:hover { border-color: #333; }
.website-design-themes li a img { display: block; width: 100%; height: auto; }

.tableLicenses p strong,
.website-design-themes { position: relative; }
.website-design-themes:hover .website-design-themes-tooltip { bottom: -32px; opacity: 1; visibility: visible; }

.website-design-themes-tooltip { background: #333; color: #fff; white-space: nowrap; text-align: center; position: absolute; bottom: -20px; left: 50%; width: 162px; margin-left: -80px; padding: 7px 0; border-radius: 5px; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 3; visibility: hidden; }

.tableLicenses p strong .website-design-themes-tooltip { left: 100%; margin-left: 30px; white-space: inherit; font-weight: 300; color: #fff; font-size: 13px; width: 270px; text-align: left; padding-left: 10px; padding-right: 10px; }
.tableLicenses p strong:hover .website-design-themes-tooltip { bottom: 50%; margin-bottom: -28px; opacity: 1; visibility: visible; }

.tableLicenses p strong .website-design-themes-tooltip:after { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-right: 8px solid #333; border-bottom: 6px solid transparent; position: absolute; top: 50%; right: 100%; margin-top: -6px; }

/* Pricing */

.tableLicenses { padding: 0 50px; }
.tableLicensesHead th:first-child,
.tableLicenses td:first-child { width: 280px; }
.tableLicenses .desktopHidden { display: none; }

.tableLicenses th { height: 84px; background: #333; color: #fff; }
.tableLicenses th:first-of-type { border: 0; background: none; }
.tableLicenses td { position: relative; padding: 20px; border: 1px solid #e5e5e5; text-align: center; }

.tableLicenses td:before,
.tableLicenses td:after { position: absolute; top: -1px; bottom: -1px; width: 1px; content: ""; }
.tableLicenses td:before { left: -1px; }
.tableLicenses td:after { right: -1px; }
.tableLicenses td.cellHovered:before { box-shadow: -1px 0 1px 0px inset; }
.tableLicenses td.cellHovered:first-of-type:before { -webkit-box-shadow: none; box-shadow: none; }
.tableLicenses td.cellHovered:after { box-shadow: 1px 0 1px 0px inset; }
.tableLicenses td.cellHovered:first-of-type:after { -webkit-box-shadow: none; box-shadow: none; }
.tableLicenses tr:last-of-type td.cellHovered { box-shadow: 0 1px 1px 0 #333; }
.tableLicenses th.cellHovered { box-shadow: 0px 1px 1px 0px #333; }
.tableLicenses tr:last-of-type td.cellHovered:first-of-type,
.tableLicenses th.cellHovered:first-of-type { -webkit-box-shadow: none; box-shadow: none; }

.tableLicenses td:first-of-type,
.tableLicenses th:first-of-type { position: relative; border: 0; }
.tableLicenses td:first-of-type { text-align: right; vertical-align: top; }

.tableLicenses td .glyphicon { width: 42px; height: 42px; font-size: 24px; line-height: 24px; display: block; margin: 0 auto; border-radius: 50%; border: 2px solid #333; padding-top: 7px;}  
.tableLicenses td .glyphicon-remove { color: #cb4e4c; border: 2px solid #cb4e4c; padding-top: 8px;}
.tableLicenses td .glyphicon-ok { color: #23a03b; border: 2px solid #23a03b; padding-top: 8px;}

.tableLicenses p { font-size: 14px; line-height: 1.64; color: #7a7777; margin-bottom: 0;}
.tableLicenses p a { margin: -2px 0 0; color: #50a0dc; text-transform: none; }
.tableLicenses p a:hover { color: #7a7777; text-decoration: none; }
.tableLicenses p strong { font-size: 16px; color: #333; font-weight: 600; }
.tableLicenses p span { color: #23a03b; }
.tableLicenses .licenseTitle { font-size: 24px; line-height: 1.2; color: #fff; font-weight: 600; text-transform: uppercase; text-align: center;}
.tableLicenses .licensePrice { font-size: 36px; line-height: 1.2; color: #363433; }
.tableLicenses .licensePrice del { font-size: 24px; color: #959292; font-weight: 300; }
.tableLicenses .licensePrice strong { font-size: 22px; font-weight: 600; }
.tableLicenses .licensePrice span { font-size: 36px; }

.tableLicenses .tableLicensesActions { padding-top: 10px; }
.tableLicenses .tableLicensesActions .btnPrimary { padding: 0 30px; }

.tableLicensesLarge .licenseTitle { font-size: 20px; }

.tableLicensePricing .tableHead { padding-bottom: 30px; text-align: center; }
.tableLicensePricing .tableHead p { font-weight: 300; }
.tableLicensePricing .tableHead p .btnLink { margin: -3px 0 0; font-size: inherit; line-height: inherit; font-weight: inherit; text-transform: none; }
.tableLicensePricing .tableHead .tableTitle { padding-bottom: 10px; font-size: 40px; line-height: 1.4; color: #333; font-weight: 700; text-transform: capitalize; }

.tableLicensePricing .tableBody { width: 1010px; margin: 0 auto; text-align: center; }
.tableLicensePricing th { padding: 15px 10px; border-color: rgba(229, 229, 229, .1); border-top-color: #333; border-bottom-color: #333; background: #333; text-align: center; }
.tableLicensePricing th .tableTitle { font-size: 24px; line-height: 1.25; color: #fff; font-weight: 600; text-transform: uppercase; }
.tableLicensePricing th .tableActions { padding: 5px 0; }
.tableLicensePricing th .btnLink { font-size: 14px; font-weight: 400; text-transform: none; }
.tableLicensePricing th .btnLink:hover { color: #fff; }
.tableLicensePricing th .btnLink:hover:before { background: #fff; }

.tableLicensePricing td { width: 33.3%; background: #fff; }
.tableLicensePricing td:nth-child(even) { background: #fbfcfc; }
.tableLicensePricing td dt { font-size: 16px; line-height: 1.44; color: #333; font-weight: 600; }
.tableLicensePricing td dd { font-size: 14px; line-height: 1.64; color: #7a7777; font-weight: 300; }
.tableLicensePricing td p { font-size: 17px; line-height: 1.7; color: #666867; font-weight: 600; }
.tableLicensePricing td .licensePrice { font-size: 36px; line-height: 1.1; color: #2c2d2c; font-weight: 300; }
.tableLicensePricing td .tableActions { padding: 15px 0; }
.tableLicensePricing td .tableActions .btnPrimary { padding: 0 40px 0 30px; }

.tableLicenses .free-one strong { color: #23a03b; }

.developer-license { text-align: center; padding: 40px 0 50px 260px; }
.developer-license .h4,
.developer-license h4 { font-size: 28px; font-weight: 300; text-transform: uppercase; padding-bottom: 15px;}
.developer-license p { font-size: 16px; color: #767676; }
.developer-license .price { font-size: 24px; font-weight: 300; color: #222; padding: 10px 0;}
.developer-license { background: #f6f6f6 url(../images/developer-license.png) no-repeat 10px 40px; }

.developer-license-vrw { background: #f6f6f6 url(../images/developer-license-vrw.png) no-repeat 10px 40px; }
.developer-license-jrw { background: #f6f6f6 url(../images/developer-license-jrw.png) no-repeat 10px 40px; }
.developer-license-crw { background: #f6f6f6 url(../images/developer-license-crw.png) no-repeat 10px 40px; }
.developer-license-ybw { background: #f6f6f6 url(../images/developer-license-ybw.png) no-repeat 10px 40px; }
.developer-license-rew { background: #f6f6f6 url(../images/developer-license-rew.png) no-repeat 10px 40px; }
.developer-license-hpw { background: #f6f6f6 url(../images/developer-license-hpw.png) no-repeat 10px 40px; }
.developer-license-cpw { background: #f6f6f6 url(../images/developer-license-cpw.png) no-repeat 10px 40px; }
.developer-license-stw { background: #f6f6f6 url(../images/developer-license-stw.png) no-repeat 10px 40px; }
.developer-license-hsw { background: #f6f6f6 url(../images/developer-license-hsw.png) no-repeat 10px 40px; }

.tableLicensesSecondary { padding-left: 0; padding-right: 0;; }
.tableLicensesSecondary p { font-size: 16px; }

.tableLicensesSecondary td { width: 305px; padding: 15px 20px; }

.tableLicensesSecondary td:first-of-type,
.tableLicensesSecondary td { text-align: left; }

.tableLicensesSecondary td:first-of-type,
.tableLicensesSecondary th:first-of-type { position: relative; border: 0; background-color: #efeeee; }

.tableLicensesSecondary td:first-of-type { border-bottom: 1px solid #d9d7d7; }

.tableLicensesSecondary .tableLicensesHead th:first-child, 
.tableLicensesSecondary td:first-child { width: 230px; }

.tableLicensesSecondary tr:last-child td:first-child,
.tableLicensesSecondary .tableLicensesHead th:first-of-type { background: transparent; border: 0; }

.tableLicensesSecondary tr:last-child td { text-align: center; }
 
.tableLicensesSecondary .glyphicon-ok2 { font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; display: inline-block; margin-right: 2px; }
.tableLicensesSecondary .glyphicon-ok2:before { content:"\e013"; }

.tableLicensesSecondary th { border-radius: 0; border: 0; border-left: 1px solid #fff; height: 240px; }

.tableLicensesSecondary .tableLicensesHead { vertical-align: top; }
.tableLicensesSecondary .tableLicensesHead p { color: #fff; text-align: center; }

.tableLicensesSecondary .licenseTitle { font-size: 15px; text-transform: uppercase; letter-spacing: 5px; font-weight: 600; position: relative; padding-top: 5px; margin-bottom: 30px; }
.tableLicensesSecondary .licenseTitle:after { content: ''; position: absolute; left: 50%; margin-left: -65px; width: 130px; height: 2px; bottom: -13px; background-color: #626262; }

.tableLicensesSecondary .licensePrice { font-size: 74px; font-weight: normal; padding-bottom: 20px; }
.tableLicensesSecondary .licensePrice small { font-weight: 300; font-size: 15px; }
.tableLicensesSecondary .licensePrice sup { font-size: 15px; vertical-align: middle; }

.tableLicensesSecondary .tableLicensesHead .licensePaid { font-size: 13px; font-weight: 300; color: #a8a6a6; }

.selected-plan-tab { display: none; }
.selected-plan-tab:nth-child(2) { display: block; }

/* Selected plan */

.selected-plan { padding: 30px 0; }  
.selected-plan .col-md-6 > label { font-size: 15px; color: #6f6d6d; margin-top: 8px; padding-top: 0; }
.selected-plan h5 { color: #333; font-weight: bold; text-transform: uppercase; font-size: 15px;  }
.selected-plan p { font-weight: bold; font-size: 15px; }
.selected-plan p small { font-weight: 300; display: block;}
.selected-plan .row { padding-bottom: 15px; }
.selected-plan .col-md-6 > .label-nom { margin-top: 0; }

.selected-plan-bottom { border-top: 1px solid #d7d7d7; padding-top: 15px; }

.checkbox-hidden-element3,
.checkbox-hidden-element2,
.checkbox-hidden-element { display: none; }

.checkbox-hidden-element3 p,
.checkbox-hidden-element2 p { margin-bottom: 0; }

.checkbox-hidden-element.pull-left { margin-right: 15px; }
.checkbox-hidden-element3 { margin-top: 28px; }

.btn-spinner-result { float: left; width: 72px; height: 41px; padding-right: 10px; padding-left: 10px; border: 1px solid #c3c5c7; border-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

.btn-spinner-down,
.btn-spinner-up { width: 36px; height: 41px; border: 1px solid #c3c5c7; padding: 0; outline: none!important; font-size: 18px; }
.btn-spinner.pull-left { margin-right: 15px; }

/* Switches */ 

.onoffswitch { position: relative; width: 142px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoffswitch.pull-left { margin-right: 15px; }

.onoffswitch-checkbox { display: none; }

.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #c3c5c7; border-radius: 5px; margin-bottom: 0; margin-top: 0; }

.onoffswitch-inner { display: block; width: 150%; margin-left: -50%; transition: margin 0.27s ease-in 0s; }
.onoffswitch-inner:before, 
.onoffswitch-inner:after { display: block; float: left; width: 33.3333%; height: 39px; padding: 0; line-height: 37px; font-size: 14px; color: #fff; font-weight: normal; }

.onoffswitch-inner:before { content: "YES"; padding-top: 1px; padding-left: 23px; background-color: #4bbc73; color: #FFF; text-align: left; }
.onoffswitch-inner:after { content: "NO"; padding-top: 1px; padding-right: 23px; background-color: #eee; color: #333; text-align: right; float: right;}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }


/* Testimonials */

.testimonial-media-slider { text-align: center; }
.testimonial-slider .h4,
.testimonial-media-slider .h4 { text-align: left; font-size: 28px; font-weight: 300; padding-bottom: 5px }
.testimonial-media-slider .h4 { text-align: center; }
.testimonial-media-slider .slides img { width: auto; height: auto; display: inline-block; }
.testimonial-media-slider a { display: block; margin-bottom: 15px; }
.testimonial-media-slider span { display: block; margin-top: 10px;}

.testimonial-slider .flex-direction-nav,
.testimonial-media-slider .flex-direction-nav { list-style: none; font-size: 0; line-height: 0; margin-bottom: 0; }

.testimonial-slider  .flex-direction-nav li,
.testimonial-media-slider .flex-direction-nav li { display: inline-block; }

.testimonial-slider .flex-direction-nav a,
.testimonial-media-slider .flex-direction-nav a { background: #fff url("../images/dir.png") no-repeat scroll 0 0; background-size: 64px 32px; font-size: 0; line-height: 0; text-indent: -4000px; border: 1px solid #bcbbbb; display: inline-block; height: 34px; margin: 0 2px; width: 34px; }

.testimonial-slider .flex-direction-nav a:hover
.testimonial-media-slider .flex-direction-nav a:hover { border-color: #50a0dc; }

.testimonial-slider .flex-direction-nav .flex-next,
.testimonial-media-slider .flex-direction-nav .flex-next {  background-position: right 0;}

.testimonial-slider .flex-direction-nav { width: 80px; margin: 0 0 0 auto; }
.testimonial-slider .quote { max-height: 200px; overflow: auto; }
.testimonial-slider .quote p { font-size: 15px; font-weight: 300; color: #666; line-height: 1.7; }
.testimonial-slider .author { font-size: 16px; color: #333; margin-bottom: 0; margin-top: 9px;}
.testimonial-slider .author small { font-size: 13px; }

/* New header */

.logo { background: url(../images/vevs-logo.png) no-repeat 0 0; width: 75px; height: 21px; float: left; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 9px; }

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 20; background: #fff; }

.header-primary { background-color: #f6f6f6; border-bottom: 1px solid #dedede;}

.header-secondary-nav,
.header-primary-nav { float: right; list-style: none; margin: 0;}
.header-primary-nav > li { float: left; }
.header-primary-nav > li > .btn-group > a, 
.header-primary-nav > li > a { display: block; height: 38px; padding: 10px 20px 0; border-left: 1px solid #dedede; color: #494b4b; text-transform: uppercase;}
.header-primary-nav > li > a.active,
.header-primary-nav > li > .btn-group > a.active, 
.header-primary-nav > li > a:hover { padding-top: 7px; border-top: 3px solid #494b4b; color: #494b4b; background: #fff; }
.header-primary-nav .glyphicon-taxi { top: -1px; }
.header-primary-nav .icon-envelope { margin-bottom: -2px; }
.header-primary-nav a:hover span { color: #333; }
.header-primary-nav .active { color: #50a0dc; }

.header-primary-nav .dropdown-menu > li > a:hover { color: #1e82be; }

.header-primary-nav .dropdown-menu { margin-top: 1px; border-radius: 0; border: 1px solid #dedede; border-top: 0; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); padding: 12px 0;}
.header-primary-nav .dropdown-menu > li > a { padding-top: 9px; padding-bottom: 9px; } 
.header-primary-nav .dropdown-menu > li > a:focus,
.header-primary-nav .dropdown-menu > li > a:hover { background: transparent; text-decoration: none; }

.header-secondary { padding: 18px 0; border-bottom: 1px solid #dedede;}

.logo-secondary { height: 24px; float: left; font-size: 0; line-height: 0; text-indent: -4000px; }

.header-secondary-nav li { display: inline-block; padding: 0 20px; }
.header-secondary-nav li a { display: block; font-size: 17px; font-weight: bold; text-transform: uppercase; color: #494b4b; }
.header-secondary-nav li a:hover { color: #222; text-decoration: none; }
.header-secondary-nav li .active:hover,
.header-secondary-nav li .active { color: #3889c6; text-decoration: none;}

/* Web-sms & payment-gateways */
.section-entry p { margin-bottom: 0; font-size: 15px; line-height: 1.6em; }
.section-entry .button { margin: 15px auto 0; width: 175px; padding-left: 0; padding-right: 0; text-align: center; }

.gateway-item { margin-bottom: 30px; }
.gateway-item a { display: block; }
.gateway-item a:hover img { opacity: 0.7; }
.gateway-item a img { display: block; width: 100%; height: auto; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.pricing-table { margin-bottom: 10px; }
.pricing-table .table { margin-bottom: 0; }
.pricing-table .table th { border-top: 0; text-transform: uppercase;}
.pricing-table .table th:last-child { text-align: right; }
.pricing-table .table td:last-child { text-align: right; }
.pricing-table .table td:first-child { color: #4b484a; font-weight: 600; }
.pricing-table .table td:last-child strong { color: #292627; font-size: 18px; display: inline-block; padding-right: 3px; }
.pricing-table p { border-top: 1px solid #ddd; padding: 8px; font-size: 11px; color: #c2c0c1; }

.v-timeline-timeline {padding-bottom:30px }
.v-timeline-timeline-col {position:relative; padding:25px 0 }
.v-timeline-timeline-col p {margin-bottom:0; font-size:1.1em }
.v-timeline-icon {position:absolute; top:50%; margin-top:-35px; width:70px; height:70px; border:2px solid #808080; background:#fff; border-radius:50%; padding:16px; z-index:2 }
.v-timeline-icon svg,.v-timeline-icon span {display:block; width:100%; height:100% }

.v-timeline-holder {padding-right:50%; width:100% }
.v-timeline-holder .v-timeline-timeline-col {text-align:right; padding-right:50px; border-right:2px solid #333 }
.v-timeline-holder .v-timeline-timeline-col .buttons { margin-top: 10px; }
.v-timeline-holder .v-timeline-icon {right:-35px }
.v-timeline-holder .v-timeline-date {position:absolute; left:100%; top:50%; padding-top:5px; height:30px; text-transform:uppercase; font-size:1.1em; font-weight:700; margin:-15px 0 0 50px; white-space:nowrap; color:#808080 }
.v-timeline-holder:nth-child(odd) {padding-right:0; padding-left:50%; margin-left:-2px }
.v-timeline-holder:nth-child(odd) .v-timeline-timeline-col {text-align:left; padding-right:0; padding-left:50px; border-right:0; border-left:2px solid #333 }
.v-timeline-holder:nth-child(odd) .v-timeline-icon {right:auto; left:-35px }
.v-timeline-holder:nth-child(odd) .v-timeline-date {left:auto; right:100%; margin:-15px 50px 0 0; white-space:nowrap }
.v-timeline-timeline-title .h5,
.v-timeline-timeline-title h5 {font-weight:700; font-size:1.2em; padding-bottom:5px; margin: 0;}
.v-timeline-holder:first-child .v-timeline-timeline-col:after {content:''; position:absolute; top:0; left:-2px; width:2px; height:50%; background:#fff; z-index:1 }
.v-timeline-holder:last-child .v-timeline-timeline-col:after {content:''; position:absolute; bottom:0; right:-2px; width:2px; height:50%; background:#fff; z-index:1 }


/* Thanks.php */

.yt-video { padding-bottom: 50px; }

.yt-video-head { text-align: center; }
.yt-video-head h3 { padding: 0 10px 5px; margin-bottom: 20px; border-bottom: 2px solid #e5e5e5; display: inline-block; }

.yt-video-body { border: 1px solid #dedede; }
.yt-video-body iframe { display: block; height: 310px; }

/* spinner */
.spinner {margin: 50px auto; width: 48px; height: 48px; position: relative; }

.container1 > div, .container2 > div, .container3 > div {
  width: 12px;
  height: 12px;
  background-color: #1f1a1a;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .spinner-container {position: absolute; width: 100%; height: 100%; }

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#box-logos .ball-beat{
	margin-top: 70px;
}
.ball-beat > div {
	background-color: #1d83bf;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	-webkit-animation: ball-beat 0.7s 0s infinite linear;
	animation: ball-beat 0.7s 0s infinite linear;
}
.ball-beat > div:nth-child(2n-1) {
	-webkit-animation-delay: -0.35s !important;
	animation-delay: -0.35s !important;
}
@keyframes ball-beat {
  50% {
	opacity: 0.2;
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
  }
  100% {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
/* Home icons */


.benefit-icon { background-image: url(../images/benefit-sprite.png); background-repeat: no-repeat; width: 40px; height: 38px; margin: 0 auto 15px;}
.benefit-icon-color { background-image: url(../images/benefit-sprite-color.png); background-repeat: no-repeat; width: 40px; height: 38px; margin: 0 auto 15px;}
.benefit-icon-color2 { background: transparent; }

.sprite-customizations {  background-position: 0px 0px; }
.sprite-easy-on-site-editing { background-position: -42px 0px; }
.sprite-exceptional-support { background-position: 0px -40px; }
.sprite-modern-design-tech { background-position: -42px -40px; }
.sprite-modern-design-technology { background-position: -84px 0px; }
.sprite-no-hidden-fees { background-position: -84px -40px; }
.sprite-simple-management { background-position: 0px -80px; }


/* Extras */

.intro { background: url(../car-dealer-websites/images/intro-bg.jpg) no-repeat center center; background-size: cover; }
.intro2 { background: url(../car-dealer-websites/images/facebook-page-intro-bg.jpg) no-repeat center center;  background-size: cover; }
.intro3 { background: url(../car-dealer-websites/images/mobile-app-page-intro-bg.jpg) no-repeat center center;  background-size: cover; }

.intro-content { color: #fff; padding-top: 85px; padding-left: 15px;}
.intro-content h1 { font-size: 42px; letter-spacing: -1px; line-height: 1.3em; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin: 0 0 15px; min-height: 160px; }
.intro-content h1 small { text-transform: none; display: block; font-size: 28px; line-height: 1.3em;}
.intro-content p { font-size: 22px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin: 0; }

.intro2 .intro-content h1 { margin-bottom: 35px; }

.intro-image { text-align: center; }
.intro-image img { display: inline-block; max-width: 100%; height: auto;  }

.feature-icon { background-image: url(../car-dealer-websites/images/sprite-upgrades.png); background-repeat: no-repeat; display: block; width: 40px; height: 40px; margin: 0 auto; }
.feature-icon2 { background-image: url(../car-rental-websites/images/sprite-upgrades.png); }

.feature-book-a-test-drive { background-position: -42px 0px; }
.feature-car-social-media-sharing { background-position: 0px -84px; }
.feature-channel-management-and-automated-feeds { background-position: 0px -42px; }
.feature-color-scheme-modification { background-position: -42px -42px; }
.feature-dealerships-vendor-listing { background-position: -84px 0px; }
.feature-finance-application-form { background-position: -84px -42px; }
.feature-https-certificate { background-position: 0px 0px; }
.feature-speaker { background-position: -42px -84px; }
.feature-loan-calculator { background-position: -84px -84px; }
.feature-more-website-pages { background-position: -126px 0px; }
.feature-print-a-window-sticker { background-position: -126px -42px; }
.feature-vendor-car-seller-payments { background-position: -126px -84px; }
.feature-add-remove-page-elements { background-position: -42px -126px; }
.featire-vendor-car-seller-payments { background-position: 0 -126px;}

.add-remove-elements { background: url(../car-dealer-websites/images/add-remove-elements.png) no-repeat 0 0; }

.benefit2 .title { margin-top: 15px; }

.freebie { padding-bottom: 50px; text-align: center; }

.freebie-title { font-size: 18px; font-weight: bold; font-family: "Montserrat",sans-serif; padding-bottom: 15px;}

.freebie-image { border: 1px solid #bfbfbf; margin-bottom: 18px; cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; overflow: hidden;}
.freebie-image img { display: block; width: 100%; height: auto; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.freebie-image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.freebie-image:hover { border-color: #000; }

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

.panel { text-align: center; box-shadow: 0 0px 0px rgba(0, 0, 0, 0); border-radius: 0; margin-bottom: 30px; border: 0;}

.panel-heading { background: #333; border: 1px solid #333; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 25px 20px; border-radius: 0;}

.panel-body { border: 1px solid #e5e5e5; border-top: 0; border-radius: 0; padding: 25px 20px; }
.panel-body .price { font-size: 38px; padding-bottom: 10px; }
.panel-body .price small { display: block; text-align: center; font-size: 18px; }
.panel-body p:last-child { text-transform: uppercase; }

.panels-inline { overflow: hidden; }
.panels-inline .panel { float: left; width: 50%; }
.panels-inline .panel:first-child .panel-body { border-right: 1px solid transparent; }

/* Footer */

footer { background: #252525; color: #fff; padding: 20px 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 73px;}  

.copyright { float: left; font-size: 14px; padding-top: 8px; margin-bottom: 0;}
.copyright a { color: #fff; display: inline-block; margin: 0 3px; }
.copyright a:hover { color: #1d83bf; text-decoration: none; }

.footer-logo { float: right; background: url(../images/footer-logo.png) no-repeat 0 0; width: 113px; height: 33px; font-size: 0; line-height: 0; text-indent: -4000px; }

.scroll-to-top { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: fixed; bottom: 78px; right: -100px; width: 50px; height: 50px; background: url(../images/back-to-top.png) no-repeat center center; background-color: #173358; font-size: 0; line-height: 0; text-indent: -4000px; outline: 0; z-index: 11; border-radius: 5px;}
.scroll-to-top.active { right: 5px; }

.business-phone { display: none; }

.glyphicon-taxi:before{content:"\1F695"}

.hpnav-mobile,
.hsnav-mobile { display: none; font-size: 0; line-height: 0; text-indent: -4000px; }

.header-no-menu { background: #252525; position: fixed; top: 0; left: 0; width: 100%; height: 100px; padding-top: 33px; z-index: 5; }
.header-no-menu .footer-logo { display: block; float: none; margin: 0 auto; }

.section-body { text-align: center; }
.section-body p { padding-bottom: 10px; }
.section-body p:first-child { font-size: 21px; font-weight: bold; }
.section-body p:first-child a { display: block; font-size: 18px; }
.section-body p:first-child a:hover { text-decoration: underline;}

/* Added */

.t-paginator{list-style: none; width: 100%; margin: 0 auto 15px; }
.t-paginator:after{clear: left; display: table; content: ""; zoom: 1; }
.t-paginator li{list-style: none; float: left; margin: 0 5px 5px 0; }
.t-paginator li a,
.t-paginator li span.t-active{float: left; display: inline-block; padding: 2px 6px; background-color: #f1f1f1; border-radius: 3px; color: #222; text-decoration: none; }
.t-paginator li span.t-active{background-color: #999; color: #fff; } 

.posted-box{width: 100%; }

.popup-form.ticket-form{padding-left: 0; padding-right: 0; }

/* Knowledgebase */

.questions-answers-head { padding-bottom: 20px; }
.questions-answers-head h3 { text-transform: uppercase; font-weight: 300; font-size: 28px; padding-bottom: 15px; position: relative;}
.questions-answers-head h3:after { background: #e5e5e5 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 120px;}

.questions-answers-body dt { cursor: pointer; color: #333; font-size: 21px; font-weight: 600; margin-bottom: 0; padding: 5px 0 10px 40px; position: relative; margin-bottom: 10px; }
.questions-answers-body dt:before {content:"\e085"; position: absolute; top: 7px; left: 0; width: 22px; height: 22px; font-size: 28px; line-height: 28px; font-family: "Glyphicons Halflings"; font-weight: 400; opacity: 0.8; }
.questions-answers-body dt.active,
.questions-answers-body dt:hover { color: #000; }
.questions-answers-body dt.active:before { opacity: 1; }

.questions-answers-body dd { padding: 0 40px; overflow: hidden; position: relative; max-height: 0; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.questions-answers-body dd.active { max-height: 9000px; }
.questions-answers-body dd p { font-size: 15px; font-weight: 300; line-height: 1.5em; padding-bottom: 10px; }
.questions-answers-body dd img { display: block; height: auto; max-width: 100%; }

.image-align-left { float: left; margin: 0 20px 20px 0; max-width: 500px;}
.image-align-right { float: right; margin: 0 0 20px 20px; max-width: 500px; }
.image-align-center { margin: 0 0 20px 0; max-height: 420px; overflow: hidden; }

/* wix to vevs */

.inner-intro { background: url(../images/root-home-bg.jpg) no-repeat center center; background-size: cover; text-align: center; color: #fff; height: 375px; position: relative; padding-top: 7%; font-family: "Montserrat",sans-serif; }
.inner-intro h1 { font-size: 38px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; }
.inner-intro p { font-size: 30px; }

.inner-intro:before { content: ''; position: absolute; bottom: -31px; left: 50%; margin-left: -30px; width: 0; height: 0; border-top: 31px solid #193d61; border-left: 29px solid transparent; border-right: 29px solid transparent; }

.inner-intro3 { height: 255px; padding-top: 2.5%; }
.inner-intro3 p { font-size: 20px; font-family: "Open Sans",sans-serif; font-weight: 100;}
.inner-intro3 h1 { padding-bottom: 20px; }

.inner-intro5 { height: 305px; }

.inner-intro5 .dash-text { font-size: 22px; font-weight: bold; padding-bottom: 15px; }

.inner-intro-actions { padding-top: 17px; }
.inner-intro-actions .button { font-family: "Open Sans",sans-serif; }

.inner-intro6 { height: 310px; background: url(../images/root-blog-bg.jpg) no-repeat center center; }
.inner-intro6:before { border-top: 31px solid #130610; }  
.inner-intro6 h1 { margin: 15px auto 25px; color: #fff; }
.inner-intro6 .blog-button { padding-top: 30px; }
.inner-intro6 .blog-button .button { border-color: #fff; color: #fff; background: transparent; height: 45px; display: inline-block; padding-top: 9px;}
.inner-intro6 .blog-button .button:hover { border-color: #1d83bf; color: #1d83bf; }

.inner-intro4 { padding-top: 5.5%; }
.inner-intro4 h1 { padding-bottom: 30px; font-size: 42px; }
.inner-intro4 p { font-size: 22px; font-family: "Open Sans",sans-serif; font-weight: 100; line-height: 1.729; }

.inner-intro7 { background: url(../car-rental-websites/images/cyprus-bg.jpg) no-repeat center center; height: 443px; position: relative; padding-top: 6%; }
.inner-intro7 h1 { font-size: 50px; padding-bottom: 40px;}
.inner-intro7 p { font-size: 24px; font-family: "Open Sans",sans-serif; font-weight: 100;}
.inner-intro7:before { display: none; } 

.sticker-holder { position: absolute; top: 10%; left: 0; padding: 10px 20px; }

.inner-intro .root-intro-content { left: auto; position: relative; right: auto; top: auto; padding-top: 10px; }


.generated-logos-holder .contact-us-form .field { font-size: 14px; }

body > .section-inner:nth-child(2n+1),
.section-inner { background: #fff; }

.section-inner { padding: 25px 0; }

.section-inner-head { padding: 35px 0 25px; text-align: center; }
.section-inner-head .buttons { padding-bottom: 15px; }
.section-inner-head .button { padding-left: 30px; padding-right: 30px; }
.section-inner-head h2 { font-size: 35px; font-weight: bold; color: #333;font-family: "Montserrat",sans-serif; padding-bottom: 5px; }
.section-inner-head p { font-size: 20px; font-weight: 300; color: #5b5d5c; position: relative; padding-bottom: 30px; margin-bottom: 25px; }
.section-inner-head p:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100px; height: 3px; margin-left: -50px; background-color: #e1e1e1; }

.section-inner-head-lined { border-bottom: 1px solid #e1e1e1; }

.section-inner-head2 { padding-bottom: 20px; }

.section-inner-body .section-inner-head { padding-top: 50px; }

.section-inner .tableLicenses { padding-bottom: 60px; }
.section-inner .tableLicenses td.cellHovered:before,
.section-inner .tableLicenses td.cellHovered:first-of-type:before,
.section-inner .tableLicenses td.cellHovered:after,
.section-inner .tableLicenses td.cellHovered:first-of-type:after,
.section-inner .tableLicenses tr:last-of-type td.cellHovered,
.section-inner .tableLicenses th.cellHovered,
.section-inner .tableLicenses tr:last-of-type td.cellHovered:first-of-type,
.section-inner .tableLicenses th.cellHovered:first-of-type { -webkit-box-shadow: none; box-shadow: none; }

.section-inner .tableLicensesHead { background-color: #333; }
.section-inner .tableLicensesHead th { border: 0; }

.section-inner .tableLicenses td { padding: 12px; border: 1px solid #e5e5e5; }
.section-inner .tableLicenses td:first-child { color: #333; font-size: 15px; font-weight: 600; }
.section-inner .tableLicenses { padding-left: 0; padding-right: 0; }
.section-inner .tableLicensesHeading td:first-child:before { display: none;}

.section-inner .tableLicensesHeading { background: #f6f6f6; }
.section-inner .tableLicensesHeading td:first-of-type { border: 1px solid #e5e5e5; border-right: 0; } 
.section-inner .tableLicensesHeading td:last-of-type { border: 1px solid #e5e5e5; border-left: 0; font-weight: normal; } 
.section-inner .tableLicensesHeading td:first-child,
.section-inner .tableLicensesHeading td { border: 1px solid #e5e5e5; font-size: 18px; text-transform: uppercase; font-weight: bold;}

.section-inner .tableLicenses td:first-of-type:before,
.section-inner .tableLicenses th:first-of-type:before { display: none; }

.section-inner .tableLicenses td:before, 
.section-inner .tableLicenses td:after { top: auto; }

.section-inner .tableLicensesHead th, 
.section-inner .tableLicenses td { width: 320px; vertical-align: middle; }
.section-inner .tableLicenses th { height: 90px; }

.section-inner .tableLicensesHead th:first-child, 
.section-inner .tableLicenses td:first-child { width: auto; }

.section-inner2,
.section-inner:nth-child(2n) { background: #f6f6f6!important; }

body .section-inner3 { background: #fff!important; }

.section-inner .v-faq-tabs-content { border: 0!important; }

body .section-inner.section-inner-custom-design { background: url(../images/custom-design-background.jpg) no-repeat center center!important; background-size: cover;  }

.promo-features { text-align: center; }
.promo-features p { font-size: 18px;}
.promo-features p a:hover { text-decoration: underline; }
.promo-features ul { list-style: none; font-size: 0; line-height: 0; padding-bottom: 30px;}
.promo-features li { display: inline-block; font-size: 15px; line-height: 1.3em; width: 33%; padding-bottom: 20px; }
.promo-features li p { text-transform: uppercase; color: #333; font-family: 'Montserrat'; font-size: 15px; }
.promo-features li i { width: 38px; height: 38px; display: block; margin: 0 auto 15px;}
.promo-features-create { border: 1px solid #e1e1e1; background: #fff; padding: 15px 10px; margin-bottom: 30px; }
.promo-features-create strong { font-size: 21px; }

.ico-setup { background: url(../car-dealer-websites/images/free-website-setup.png) no-repeat 0 0; }

.ico-logo-design { background: url(../car-dealer-websites/images/free-logo-design.png) no-repeat 0 0; }

.ico-discount { background: url(../car-dealer-websites/images/discount.png) no-repeat 0 0; }

.section-inner-head-lined .promo-features { padding-top: 60px; }

/* Logo Creator */

.inner-intro { } 

.inner-intro-image { background: url(../car-dealer-websites/images/inner-intro-image-1.jpg) no-repeat center center; }
.inner-intro-image:before { border-top: 31px solid #101f32;}

.inner-intro-image2 { background: url(../images/inner-intro-image-2.jpg) no-repeat center center; }
.inner-intro-image2:before { border-top: 31px solid #5d5c5e;}

.inner-intro-image3 { background: url(../images/background-image.jpg) no-repeat center center; height: 420px;}
.inner-intro-image3:before { display: none; }
.inner-intro-image3 h1 { font-size: 47px; line-height: 1.3em; padding-bottom: 60px; margin-top: 0; }
.inner-intro-image3 p { font-family: "Open Sans",sans-serif; font-size: 23px; font-weight: 100; line-height: 1.4em; }

.inner-intro-image4 { background: url(../images/extra-services-bg.jpg) no-repeat center center; height: 350px; padding-top: 5%; }
.inner-intro-image4:before { display: none; }
.inner-intro-image4 h1 { font-size: 42px; line-height: 1.3em; padding-bottom: 25px; margin-top: 0; }
.inner-intro-image4 p { font-family: "Open Sans",sans-serif; font-size: 23px; font-weight: 100; line-height: 1.4em; }

.inner-intro-image5 { background: url(../images/add-ons-background.jpg) no-repeat center center; height: 350px; padding-top: 4%; }
.inner-intro-image5:before { display: none; }
.inner-intro-image5 h1 { font-size: 42px; line-height: 1.3em; padding-bottom: 25px; margin-top: 0; }
.inner-intro-image5 p { font-family: "Open Sans",sans-serif; font-size: 23px; font-weight: 100; line-height: 1.4em; padding-bottom: 20px; }
.inner-intro-image5 .button { background-color: #a71e66; border-color: #a71e66; }
.inner-intro-image5 .button:hover { color: #fff; }

.inner-intro-image6 { background: url(../images/set-your-website-background.jpg) no-repeat center center; height: 420px; padding-top: 8% }
.inner-intro-image6 h1 { font-size: 54px; line-height: 1.3em; padding-bottom: 15px; margin-top: 0; }
.inner-intro-image6 p { font-family: "Open Sans",sans-serif; font-size: 26px; font-weight: 100; line-height: 1.4em; }

.v-features6-feature-addon ul li a:hover,
.v-features6-feature-addon ul .glyphicon { color: #a71e66!important; }

.inner-intro-secondary { padding-top: 5% }
.inner-intro-secondary p { padding-bottom: 10px; }

.section-inner-body .panel { margin: 50px 0;}
.section-inner-body .panel-heading { margin: 0; background: #f6f6f6; color: inherit; font-size: inherit; font-weight: normal; padding: 25px 20px; text-transform: none; text-align: left; border: 1px solid #e5e5e5;}
.section-inner-body .panel-heading .button { display: block; margin-top: 28px; padding-left: 5px; padding-right: 5px; width: 100%;} 
.section-inner-body .contact-us-form { margin: 0; padding: 0; background: #f6f6f6;  }
.section-inner-body label { display: block; font-weight: bold; margin: 0; padding-bottom: 5px; }
.section-inner-body .checkbox-holder {  font-weight: normal; font-size: 15px;}
.section-inner-body .checkbox-holder input { display: inline-block; margin-right: 5px; }
.section-inner-body .panel-footer { border: 1px solid #e5e5e5; border-top: 0; background: #f6f6f6; border-radius: 0; text-align: left;}
.section-inner-body .h3 { font-size: 42px; font-weight: normal; font-family: "Montserrat",sans-serif; text-align: center; padding-bottom: 10px; }
.section-inner-body .panel-body h3 { text-transform: uppercase; font-size: 20px; margin: 0 0 30px; font-family: "Montserrat",sans-serif;  }

.section-inner-body .section-inner-body-content .contact-us-form { background: #fff; text-align: left; padding-bottom: 10px; }

.section-inner-body .panel.generated-logos-holder{
	margin-top: 0;
}
.generated-logos-holder .button.hidden { display: none; }
.generated-logos-holder .button.active { display: inline-block; }

.generated-logos-holder .panel-body,
.generated-logos-holder .panel-footer { display: none; }

.generated-logos-holder.active .panel-body,
.generated-logos-holder.active .panel-footer { display: block; }

.generated-logos-actions { text-align: center; } 
.generated-logos-actions .button { display: block; width: 100%; padding-left: 5px; padding-right: 5px; margin-bottom: 30px; }
.generated-logos-actions p { font-style: italic; font-size: 12px; padding-bottom: 15px; }

.logo-design-step { height: 0; opacity: 0; position: relative; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.logo-design-step.active { height: auto; opacity: 1; }

.generated-logos-holder .panel-body { padding: 30px 30px 0; }

.generated-logos strong,
.generated-logos a{
	/*background: url(../images/transparent.png) 0 0 repeat;*/
}
.generated-logos strong[data-bg="white"],
.generated-logos a[data-bg="white"]{
	background-color: #bbb;
}
.generated-logos strong,
.generated-logos a { display: block; border: 1px solid #e5e5e5; margin-bottom: 30px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.generated-logos strong:hover,
.generated-logos a:hover { border-color: #252525; }
.generated-logos strong img,
.generated-logos a img { display: block; width: 100%; height: auto; }

.generated-logos2 { padding: 30px 0; }
.generated-logos2 p { text-align: center; font-weight: 300; font-size: 18px; padding-bottom: 15px; }
.generated-logos2 strong,
.generated-logos2 a { display: block; border: 1px solid #e5e5e5; margin-bottom: 5px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.generated-logos2 strong:hover,
.generated-logos2 a:hover { border-color: #252525; }
.generated-logos2 strong img,
.generated-logos2 a img { display: block; width: 100%; height: auto; }
.generated-logos2 label { display: block; font-size: 18px; font-weight: bold; }

.generated-logos2 .generated-logo2 { width: 261px; height: 261px; font-size: 0; text-align: center; vertical-align: middle; overflow: hidden; padding: 0; position: relative; display: inline-block;}
.generated-logos2 .generated-logo2:before {content: ""; display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; }
.generated-logos2 .generated-logo2 img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto;}

.modal-body .code-area { padding-top: 10px; }
.modal-body .code-area textarea{background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; color: #333; font-size: 14px; line-height: 22px; margin: 0 0 10px; padding: 10px; width: 100%; white-space: normal; word-break: break-all; word-wrap: break-word; }

/* Offer template */

.offer-icon { background-image: url(../car-dealer-websites/images/offer-sprite.png); background-repeat: no-repeat; display: block; margin: 0 auto 10px; }

.sprite-10-color-themes { width: 45px; height: 46px; background-position: -47px 0px; }
.sprite-car-inventory-manager { width: 45px; height: 46px; background-position: -141px 0px; }
.sprite-content-management-system { width: 45px; height: 46px; background-position: -94px 0px; }
.sprite-custom-modifications { width: 45px; height: 46px; background-position: 0px -48px; }
.sprite-customer-support { width: 45px; height: 46px; background-position: -47px -48px; }
.sprite-hosting-and-domain { width: 45px; height: 46px; background-position: -94px -48px; }
.sprite-modern-design { width: 45px; height: 46px; background-position: 0px 0px; }
.sprite-multi-language-module { width: 45px; height: 46px; background-position: -141px -48px; }
.sprite-optimized-for-mobile-devices { width: 45px; height: 46px; background-position: 0px -96px; }
.sprite-seo-optimized { width: 45px; height: 46px; background-position: -47px -96px; }
.sprite-vehicle-details-page { width: 45px; height: 46px; background-position: -94px -96px; }
.sprite-vehicle-search-functionality { width: 45px; height: 46px; background-position: -141px -96px; }

body > .section3 { background-color: #fff!important; }

footer .socials {  position: relative; margin-top: 9px; padding-left: 12px;}

.socials ul { overflow: hidden; margin: 0;}
.socials li { float: left;}
.socials li + li { padding-left: 14px; }
.socials a { height: 18px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.socials a:hover { background-position: 0 bottom;}
.socials .ico-i,
.socials .ico-y { margin-top: 1px;}
 
.ico-fb { background: url(../images/soc-facebook.png) no-repeat 0 0; width: 8px; background-size: 8px 36px;}
.ico-gp { background: url(../images/soc-google.png) no-repeat 0 0; width: 24px; background-size: 24px 36px;}
.ico-y { background: url(../images/soc-youtube.png) no-repeat 0 0; width: 20px; background-size: 20px 36px;}
.ico-l { background: url(../images/soc-linkedin.png) no-repeat 0 0; width: 18px; background-size: 18px 36px;}
.ico-i { background: url(../images/soc-instagram.png) no-repeat 0 0; width: 18px; background-size: 18px 36px;}

.footer-inner { float: left; }  
.footer-inner .copyright { float: left; }
.footer-inner .socials { float: left; }

/* About */

.benefit .about-category a { color: #333; }
.benefit .about-category a:hover { color: #1d83bf; }
.benefit .about-category p { text-transform: uppercase; font-family: "Montserrat",sans-serif; font-size: 18px; font-weight: bold; }
.benefit .about-category .about-image-holder { margin: 15px 0 30px; }

.section-inner-body-content { text-align: center; padding-top: 40px; }
.section-inner-body-content p { font-size: 18px; margin-bottom: 45px; line-height: 2em; font-weight: 100; }
.section-inner-body-content .contact-us-form p { margin-bottom: 0; }
.section-inner-body-content .contact-us-form label { padding-top: 8px; }

.section-inner-head2 a:hover,
.section-inner-body-content p a:hover { color: #929292; }

.section-inner-body-content .message-box p { font-size: 16px; }

.section-inner-body-content2 { padding-top: 0; }
.section-inner-body-content2 p {  margin-bottom: 0; padding-bottom: 15px;}

.vevs-website-list { list-style: none; overflow: hidden; font-size: 0; text-align: center; margin-bottom: 0; padding: 15px 15px 0; }
.vevs-website-list li { float: left; padding: 0 15px; width: 33.33%;}
.vevs-website-list .col-md-3 { float: none!important; }

.vevs-website { min-height: 250px; background: #fff; padding: 15px; margin-bottom: 30px;}
.vevs-website a { color: #333; display: block; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.vevs-website a:hover { color: #1d83bf; }
.vevs-website a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.vevs-website p { text-transform: uppercase; font-family: "Montserrat",sans-serif; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 0;}
.vevs-website .about-image-holder { margin: 17px 0 21px; text-align: center; }
.vevs-website img { width: 70%; height: auto; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.info-boxes { padding: 30px 0 30px; }
.info-box { text-align: center; background: #fff; padding: 20px 20px 0; min-height: 177px; position: relative; }
.info-box strong { display: block; font-size: 48px; font-family: "Montserrat",sans-serif; color: #1d83bf; padding-bottom: 5px; }
.info-box .info-box-caption { font-size: 21px; font-family: "open sans",sans-serif; font-weight: 600; }
.info-box .info-box-caption small a { display: inline-block; margin-top: 5px; }
.info-box .info-box-caption small { display: block; font-size: 12px; font-weight: 300;}
.info-box.active:after { border-left: 29px solid transparent; border-right: 29px solid transparent; border-top: 28px solid #fff; bottom: -28px; content: ""; height: 0; left: 50%; margin-left: -28px; position: absolute; width: 0;}

/* Affiliate Program : Dashboard */
.dashboard-item { background-color: #f6f6f6; margin: 0 0 20px; padding: 15px 0; }
.dashboard-item a:hover { text-decoration: underline; }
.dashboard-item:hover { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); }

.dashboard-column { text-align: center; }
.dashboard-column span { padding: 5px 10px; display: inline-block; }
.dashboard-column:first-child {text-align: left; }
.dashboard-column:last-child {text-align: right; }
.dashboard-column strong { font-size: 16px; display: block; padding-top: 5px; }
.dashboard-column em { display: block; padding-top: 5px; font-style: normal; }

.dashboard-item .dashboard-status-client {background-color: #1d83bf; color: #fff; }
.dashboard-item .dashboard-status-cancelled {background-color: #ccc; color: #000; }
.dashboard-item .dashboard-status-pending {background-color: #ccc; color: #000; }
.dashboard-item .dashboard-status-completed {background-color: #1d83bf; color: #fff; }

.dashboard-nav { list-style: none; }
.dashboard-nav li { float: left; list-style: none; margin: 0 5px 5px 0; }
.dashboard-nav a { background-color: #fff; display: inline-block; padding: 4px 10px; }
.dashboard-nav a:hover { background-color: #333; color: #fff; }
.dashboard-nav span { background-color: #1d83bf; color: #fff; display: inline-block; padding: 4px 10px; }

.af-submit-btn { margin-right: 15px; }

/* Affiliates */

.section-content { background: #fff!important; text-align: center; padding: 50px 0;}
.section-content p { font-size: 23px; font-weight: 100; line-height: 1.4em; padding-bottom: 22px; }
.section-content .section-content-actions .button + .button { margin-left: 15px; }

.dark-ribbon2 { padding: 45px 0; background-color: #252525; color: #fff; text-align: center; }
.dark-ribbon2 p { margin-bottom: 0; font-size: 30px; font-weight: bold; text-transform: uppercase; font-family: "Montserrat", sans-serif; }
.dark-ribbon2 p strong { color: #62bdf2; }

.section-benefits { padding: 50px 0; }
.section-benefits h2 { color: #333; font-size: 36px; text-transform: uppercase; text-align: center; font-family: "Montserrat", sans-serif; font-weight: bold; padding-bottom: 35px;}
.section-benefits .button { min-width: 240px; } 

.benefits-list { list-style: none; }

.benefit-item { background-color: #fff; text-align: center; padding: 30px; margin-bottom: 30px; border-radius: 5px; }
.benefit-item i { display: block; width: 36px; height: 36px; margin: 5px auto 15px; }
.benefit-item .benefit-item-title { font-weight: bold; font-size: 16px; text-transform: uppercase; font-family: "Montserrat", sans-serif; padding-bottom: 10px; }
.benefit-item .benefit-item-text { font-size: 17px; font-weight: 100; }

.benefit-icon1 { background: url(../images/benefits-icon-1.png) no-repeat 0 0; }
.benefit-icon2 { background: url(../images/benefits-icon-2.png) no-repeat 0 0; }
.benefit-icon3 { background: url(../images/benefits-icon-3.png) no-repeat 0 0; }
.benefit-icon4 { background: url(../images/benefits-icon-4.png) no-repeat 0 0; }

.benefit-actions { text-align: center; padding-top: 30px; }

.section-dark { color: #fff; background-color: #252525; text-align: center; padding: 30px 0 40px;}
.section-dark h2 { font-size: 30px; text-transform: uppercase; text-align: center; font-family: "Montserrat", sans-serif; font-weight: bold; padding-bottom: 30px; }

.vevs-list,
.section-dark ul { list-style: none; overflow: hidden; padding-bottom: 20px; } 
.vevs-list li,
.section-dark ul li { position: relative; padding: 0 20px; width: 33.33%; float: left; text-align: left; font-size: 18px; margin-bottom: 10px; }
.vevs-list li:after,
.section-dark ul li:after { content: ''; position: absolute; top: 7px; left: 0; background: url(../affiliate-program/images/ico-list-vevs.png) no-repeat 0 0; width: 11px; height: 11px; }

.vevs-list li { font-size: 16px; font-weight: 600; }

.section-hiw { padding: 50px 0; }
.section-hiw h2 { font-size: 36px; text-transform: uppercase; text-align: center; font-family: "Montserrat", sans-serif; font-weight: bold; padding-bottom: 30px; }

.hiw-steps { padding: 0 60px; }

.hiw-step { position: relative; padding-left: 100px; }
.hiw-step:nth-child(1) { padding-bottom: 65px; }
.hiw-step:nth-child(2) { padding-bottom: 200px; background: url(../affiliate-program/images/step2-graphic.png) no-repeat 0 bottom;}
.hiw-step:nth-child(3) { padding-bottom: 40px; }

.hiw-step-image { position: absolute; top: 0; left: 0; text-align: center; width: 100px; }
.hiw-step-image p { text-transform: uppercase; font-weight: bold; font-family: "Montserrat", sans-serif; font-size: 16px; }

.hiw-step-content { padding-top: 30px; }
.hiw-step-content p { margin-bottom: 0; font-size: 18px; font-weight: 100; line-height: 1.5em; }

.section-entries { padding: 50px 0 20px; }
.section-entries h2 { font-size: 36px; text-transform: uppercase; text-align: center; font-family: "Montserrat", sans-serif; font-weight: bold; padding-bottom: 30px; }

.section-entry { padding-bottom: 30px; } 

.section-entry-image { margin-bottom: 30px; }
.section-entry-image img { display: block; width: 100%; height: auto; border: 1px solid #bfbfbf; } 

.section-entry-content { margin-bottom: 30px; }
.section-entry-content h4 { color: #1e82be; font-weight: bold; font-family: "Montserrat", sans-serif; font-size: 28px; margin-top: 5px; padding-bottom: 15px;}
.section-entry-content p { line-height: 1.7em; font-size: 17px; padding-bottom: 30px;}

.faq-tabs-nav { text-align: center; font-size: 0; line-height: 0; padding: 40px 0 35px;}
.faq-tabs-nav li { display: inline-block; font-size: 21px; text-transform: uppercase; line-height: 21px; padding: 0 7px;}
.faq-tabs-nav a { display: block; border-radius: 9px; background-color: #193d61; font-weight: 600; color: #fff; height: 57px; padding-top: 15px; width: 310px; border: 2px solid #193d61; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.faq-tabs-nav a:hover,
.faq-tabs-nav .active a { background-color: #fff; color: #193d61; border: 2px solid #193d61; text-decoration: none; }

.questions-answers { list-style: none; }
.questions-answers p { font-size: 16px; font-weight: 300; padding-left: 35px; }
.questions-answers p em { font-style: normal; font-size: 18px; display: block; padding-top: 10px; }
.questions-answers li { padding-bottom: 30px; }
.questions-answers .question { color: #333; font-size: 21px; font-weight: 600; margin-bottom: 0; padding-left: 33px; position: relative; padding-bottom: 12px; }
.questions-answers .answer { font-size: 16px; font-weight: 300; padding-left: 33px; position: relative; }
.questions-answers .answer strong { font-weight: 600; }

.questions-answers .question:after { content: 'Q:'; position: absolute; top: 4px; left: 0; font-size: 21px; line-height: 21px; color: #333; font-weight: 600; color: #333;}
.questions-answers .answer:after { content: 'A:'; position: absolute; top: 1px; left: 0; font-size: 21px; line-height: 21px; color: #333; font-weight: 600; color: #1c84be; }

.vevs-website-cs { position: relative; }
.vevs-website-cs a .about-image-holder-coming-soon { background-color: rgba(0,0,0,0.5); color: #fff; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-size: 21px; font-weight: bold; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; padding-top: 35%;}

.vevs-website-cs a:hover .about-image-holder-coming-soon { opacity: 1; }
.vevs-website-cs a p { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; opacity: 1;}
.vevs-website-cs a:hover p { opacity: 0; }

.dear-customer {font-family: 'Kalam', cursive; position: relative; width: 80%; padding: 50px; margin: 60px auto 30px; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.05); }

.paperclip { position: absolute; top: -35px; right: 41px; width: 37px; height: 106px; background: url(../affiliate-program/images/paperclip.png) no-repeat 0 0; }

.dear-customer p { font-size: 22px; margin-bottom: 0; line-height: 1.62; }
.dear-customer p + p { padding-top: 20px;}
.dear-customer p:first-child { font-size: 26px; } 
.dear-customer p:last-child { font-size: 20px; color: #1c85bd; padding-top: 45px;} 
.dear-customer p img { float: left; margin-right: 20px; margin-bottom: 10px; }
.dear-customer p span { display: inline-block; padding-top: 5px; line-height: 1.4em;}

.inner-intro .tac { padding-top: 50px; }

.dear-customer:before, 
.dear-customer:after {position: absolute; width: 32%; height: 10px; content: ' '; left: 12px; bottom: 12px; background: transparent; -webkit-transform: skew(-5deg) rotate(-5deg); -moz-transform: skew(-5deg) rotate(-5deg); -ms-transform: skew(-5deg) rotate(-5deg); -o-transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); z-index: -1; }
.dear-customer:after {left: auto; right: 12px; -webkit-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg); }

.main-tac { background-color: #f6f6f6 ; }
.main-tac .tabs-body { border: 0; padding-top: 0; }
.main-tac .tab-entry { padding: 0 30px 20px; margin-bottom: 30px; background-color: #fff; }
.main-tac .tab-entry .lead { background-color: #f6f6f6; margin: 0 -30px 30px; padding-right: 30px; }
.main-tac .tab-entry .lead span { background-color: #fff; display: inline-block; line-height: 26px; padding: 15px 30px 8px; }
.main-tac .tab-entry ul { padding-left: 30px; }


/* Blog */

.section-blog { padding: 70px 0 60px; } 

.blog-post { background-color: #fff; padding: 30px; position: relative;}
.blog-post + .blog-post { margin-top: 45px; }

.blog-post-content { padding-top: 5px; }
.blog-post-content h2 { font-size: 24px; line-height: 1.3em; font-family: "Montserrat", sans-serif; font-weight: 400; margin-top: 0; padding-bottom: 5px; }
.blog-post-content h2 a { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.blog-post-content h2 a:hover { color: #333; }
.blog-post-content p { font-size: 15px; line-height: 1.7em; color: #333; font-weight: 300;}

.bp-meta { font-size: 14px; color: #b0b0b0; padding-top: 10px; }
.bp-meta a { color: #b0b0b0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.bp-meta a:hover { color: #1d83bf; }

.blog-post-meta { list-style: none; padding-bottom: 17px; }
.blog-post-meta li { display: inline-block; position: relative; color: #333; font-size: 15px; font-weight: 300;}
.blog-post-meta li + li { padding-left: 19px; margin-left: 8px; }
.blog-post-meta li + li:after { content: "|"; position: absolute; top: -2px; left: 0; }
.blog-post-meta li a:hover { color: #333; }

.blog-post-actions { padding-top: 13px; } 

.blog-post-image { margin-bottom: 15px; border: 1px solid #d2d2d2; }
.blog-post-image a { display: block; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.blog-post-image img { display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; width: 100%; height: auto;}
.blog-post-image a:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);  }

.blog-posts-right { padding-top: 50px; }

.blog-post-date { text-align: center; padding-bottom: 45px; padding-top: 45px; }
.blog-post-date:first-child { padding-top: 0; }
.blog-post-date span { display: inline-block; padding: 12px 30px; text-transform: uppercase; font-size: 18px; font-weight: 300; color: #fff; background: #90349f; }

.blog-posts { position: relative; }
.blog-post > div,
.blog-posts > div { position: relative; z-index: 2; }
.blog-posts:before { background: #d2d2d2; bottom: 0; content: ""; left: 50%; margin-left: -1px; position: absolute; top: 0; width: 1px; z-index: 1; }
.blog-posts:after { content: ""; background: #d2d2d2; left: 50%; margin-left: -6px; position: absolute; bottom: 0; width: 12px; height: 12px; z-index: 1; border-radius: 50%; }

.blog-post:before { background: #d2d2d2 none repeat scroll 0 0; content: ""; height: 1px; right: -112px; position: absolute; top: 90px; width: 120px; z-index: -1; }

.blog-posts-right .blog-post:before { left: -112px; right: 0; }

.blog-posts .blog-posts-single { width: 460px; margin: 0 auto; }
.blog-posts .blog-posts-single .blog-post:before { display: none; }

.blog-view-more { text-align: center; padding-top: 60px; }
.blog-view-more .button { border-color: #90349f; background-color: #90349f; min-width: 178px; }
.blog-view-more .button:hover { background-color: #fff; color: #90349f;}

.blog-post-main .blog-post-image { margin-bottom: 30px; }
.blog-post-main .blog-post-content p { margin-bottom: 20px; font-size: 16px; }

.main-blog-post-body { color: #222; }
.main-blog-post-body ol { list-style-position: inside; padding-bottom: 10px; }
.main-blog-post-body ol:not([style]) li { padding-left: 24px; position: relative; font-size: 16px; font-weight: 300; margin-bottom: 10px; }
.main-blog-post-body ul { list-style-position: inside; padding-left: 30px; padding-bottom: 10px; }
.main-blog-post-body ul:not([style]) { list-style: none; }
.main-blog-post-body ul:not([style]) li { padding-left: 24px; position: relative; font-size: 16px; font-weight: 300; margin-bottom: 10px; }
.main-blog-post-body ul:not([style]) li:after { content:"\e013"; font-family: "Glyphicons Halflings"; position: absolute; top: 2px; left: 0; font-size: 14px; line-height: 14px; color: #1d83bf; }
.main-blog-post-body p { font-size: 16px; line-height: 1.7em; color: #222; font-weight: 300; padding-bottom: 15px;}
.main-blog-post-body img { max-width: 100%; height: auto; }

.modal-title { font-weight: bold; }

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

.modal-content .popup-form { padding: 15px; }

.main-blog-post { padding: 5px 0 25px; }

.main-blog-post-head { text-align: center; }
.main-blog-post-head h1 { font-weight: bold; padding-bottom: 10px;}
.main-blog-post-head .main-blog-post-nav { text-align: left; border: 0; }

.blog-post-dummy-outer { padding: 0; }

.blog-post-dummy { text-align: center; color: #fff; background: #000 url(../images/blog-post-dummy-bg.jpg) repeat-x 0 0; position: relative; height: 470px; }
.blog-post-dummy p { font-size: 27px; font-weight: 300; padding-top: 35%;}

.blog-post-dummy-socials { padding-top: 10px; }
.blog-post-dummy-socials ul { list-style: none; font-size: 0; line-height: 0; text-align: center; }
.blog-post-dummy-socials li { display: inline-block; margin: 0 5px;}
.blog-post-dummy-socials a { display: block; width: 42px; height: 42px; border-radius: 5px; border: 1px solid #fff; text-indent: -4000px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.blog-post-dummy-socials a:hover { opacity: 0.7; }

.blog-ico-fb { background: url(../images/blog-ico-fb.png) no-repeat center center; }
.blog-ico-gp { background: url(../images/blog-ico-gp.png) no-repeat center center; }
.blog-ico-l { background: url(../images/blog-ico-l.png) no-repeat center center;}

.main-blog-post-image { margin-bottom: 30px; text-align: center; padding: 15px 0; }
.main-blog-post-image img { display: block; width: 100%; height: auto; margin: 0 auto; }

.main-blog-post-nav { padding: 15px 0; border-top: 1px solid #cacaca; }

.btn-back { border: 1px solid #7f7f7f; color: #7f7f7f; border-radius: 5px; display: inline-block; padding: 5px 15px; font-size: 14px; font-weight: 300; text-transform: uppercase; }   
.btn-back:hover { color: #1d83bf; border-color: #1d83bf; }

.main-blog-post-actions { padding: 30px 0 5px; }
.main-blog-post-actions .socials-alt-title { font-size: 14px; font-weight: 300; float: left;}
.main-blog-post-actions .socials-alt { text-align: right; }

.main-blog-post-body-image { text-align: center; padding: 20px 0 45px;}

.socials-alt { font-size: 0; float: right; } 
.socials-alt li { display: inline-block; float: left; line-height: 24px; height: 24px; padding-left: 10px;}
.socials-alt li a { display: block; width: 20px; height: 20px; line-height: 0; font-size: 0; text-indent: -4000px; background-size: 20px 40px; }
.socials-alt li a:hover { background-position: 0 bottom; }
.socials-alt li .linkGooglePlus { width: 24px; height: 24px; background-size: 24px 48px; margin-top: -2px;}

.linkFacebook { background: url(../images/social-facebook.png) no-repeat 0 0; }
.linkInstagram { background: url(../images/social-instagram.png) no-repeat 0 0; }
.linkGooglePlus { background: url(../images/social-googleplus.png) no-repeat 0 0; }
.linkLinkedIn { background: url(../images/social-linkedin.png) no-repeat 0 0; }
.linkTwitter { background: url(../images/social-twitter.png) no-repeat 0 0; }

.main-blog-post-comments { padding-top: 10px; }
.main-blog-post-comments h3 { font-weight: bold; font-size: 20px; text-transform: uppercase; margin-bottom: 15px; }

.comments { list-style: none; padding: 1px 0 15px; border-bottom: 1px solid #cacaca; }
.comment + .comment { padding-top: 25px; }

.comment { position: relative; padding-left: 87px; margin: 15px 0; }

.comment-image { position: absolute; left: 0; } 

.comment-meta { padding-bottom: 10px; }

.comment-author { font-size: 18px; font-weight: bold; } 

.comment-date { color: #7f7f7f; font-weight: 300; font-size: 14px; display: inline-block; padding-left: 5px;}

.comment-entry { font-size: 15px; line-height: 21px; padding-bottom: 10px; font-weight: 300; }

.comment-actions ul { list-style: none; }
.comment-actions li { display: inline-block; font-weight: 300; color: #7f7f7f; font-size: 14px;}
.comment-actions li + li { padding-left: 10px; }
.comment-actions a { color: #7f7f7f; }

.comment-reply { margin-top: 30px; }

.comment-form { padding-bottom: 15px; }
.comment-form h3 { padding-bottom: 15px; }
.comment-form .form-row { padding-bottom: 15px; }
.comment-form .form-control { height: 40px; border: 1px solid #7f7f7f; }
.comment-form textarea.form-control { height: 150px; }
.comment-form .button { border-width: 1px; }

.comment-form .form-control.error { border-color: #d11f1f; }
.comment-form .form-control.valid { border-color: #1d83bf ; }
.comment-form label.error { color: #d11f1f; }
.comment-form .business-phone{
	display: none;
}

.comment-box { background-color: #f6f6f6; border: 1px solid #7f7f7f; padding: 18px 30px 20px; margin-top: 72px; border-radius: 5px;}
.comment-box-title { font-size: 18px; text-transform: uppercase; color: #7f7f7f; font-weight: 600; padding-bottom: 8px; }
.comment-box-content { font-size: 16px; line-height: 1.5em; color: #7f7f7f; font-weight: 300; }

.comment-box-error { border-color: #d11f1f; background-color: #fff; }
.comment-box-error .comment-box-title,
.comment-box-error .comment-box-content{ color: #d11f1f; }

.comment-box-success { border-color: #1d83bf; background-color: #1d83bf ; }
.comment-box-success .comment-box-title,
.comment-box-success .comment-box-content{ color: #fff; }

.modal-body .comment-box { margin: 0; }

.section-release-notes .section-head{
	padding: 20px 0 0;
}
.release-note:nth-child(even){
	background-color: #f6f6f6;
	border-top: solid 1px #ddd;
}
.release-note:nth-child(even) + .release-note{
	border-top: solid 1px #ddd;
}
.release-note .main-blog-post-head{
	padding: 25px 0;
}
.release-note .main-blog-post-head h3{
	margin: 0;
}

/* Cyprus landing page */

.free-features { text-align: center; padding: 20px 15px;}
.free-features h2 { font-size: 36px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding-bottom: 50px; font-weight: bold; } 
.free-features ul { list-style: none; }
.free-features li i { height: 57px; display: block; margin: 0 auto 11px; }
.free-features li p { font-weight: bold; font-size: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

.free-features .section-head { padding-top: 0; }

.free-ico-setup { background: url(../car-rental-websites/images/free-ico-setup.png) no-repeat 0 0; width: 72px; }
.free-ico-transfer { background: url(../car-rental-websites/images/free-ico-transfer.png) no-repeat 0 0; width: 84px; }
.free-ico-design { background: url(../car-rental-websites/images/free-ico-design.png) no-repeat 0 0; width: 58px; }

.test-drive-head .h2 { font-weight: bold; } 
.test-drive-head p { font-weight: 100; font-size: 20px; line-height: 1.4em; } 

.test-drive-heading { text-align: center; font-size: 28px; font-weight: 100; padding-bottom: 20px; }

.text-drive-text { font-size: 16px; line-height: 1.7em; font-weight: 100; text-align: center; padding-bottom: 35px; }

.switch-to { background: #fff; padding: 55px 0 40px; text-align: center;}
.switch-to h2 { font-size: 36px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding-bottom: 25px; font-weight: bold; }
.switch-to p { font-weight: 100; font-size: 19px; line-height: 34px; } 

.features-list .description ul { list-style: none; }
.features-list .description ul li { padding-left: 20px; position: relative; text-align: left; }
.features-list .description ul li + li { margin-top: 11px; }
.features-list .description ul li:after { content: ''; background: url(../car-rental-websites/images/ico-v.png) no-repeat 0 0; width: 12px; height: 11px; position: absolute; top: 8px; left: 0; }

.test-drive-benefit { padding: 20px 15px; min-height: 220px; }

.offer-icon1 { background: url(../car-rental-websites/images/offer-ico1.png) no-repeat 0 0; width: 33px; height: 42px; }
.offer-icon2 { background: url(../car-rental-websites/images/offer-ico2.png) no-repeat 0 0; width: 36px; height: 42px; }
.offer-icon3 { background: url(../car-rental-websites/images/offer-ico3.png) no-repeat 0 0; width: 38px; height: 42px; }
.offer-icon4 { background: url(../car-rental-websites/images/offer-ico4.png) no-repeat 0 0; width: 38px; height: 42px; }

.modal-sub .modal-dialog { margin-top: 87px; }

.section-head-no-cherti p:after, .section-head-no-cherti .h2:after { display: none;  }
.section-head-no-cherti .h2 { padding-bottom: 0; }

/* Extra Services */

.section-extras { padding: 75px 0; background-color: #fff; text-align: center; }
.section-extras h3 { margin: 0; padding-bottom: 30px; font-size: 22px; font-weight: 100; padding-top: 35px; }

.section-extras-secondary { background-color: #f6f6f6; }

.extra-service-image img { display: block; width: 100%; height: auto; border: 1px solid #bfbfbf; }

.extra-service-content { text-align: left; }     
.extra-service-content h2 { font-size: 28px; font-weight: bold; color: #50a0dc; margin: 0; padding-bottom: 10px; }     
.extra-service-content p { font-size: 16px; line-height: 32px; margin-bottom: 5px; }     
.extra-service-content p:last-child { font-size: 14px; padding-top: 21px; }
.extra-service-content .row p { padding-top: 26px; margin-bottom: 0; line-height: 16px; text-align: left; }
.extra-service-content .row .col-md-5 { text-align: right; }

.extra-service-reverse .extra-service-content .row p { text-align: right; }
.extra-service-reverse .extra-service-content .row .col-md-5 { text-align: left; }

.extra-service-reverse .extra-service-image { float: right; } 
.extra-service-reverse .extra-service-content { text-align: right;  } 

/* Useful resources */
.section-resources .vevs-website p{
	font: normal 14px/28px 'Open Sans', sans-serif;
	text-transform: none;
}
.section-resources .section-inner-body-content label{
	color: #434444;
	font: normal 16px/32px 'Open Sans', sans-serif;
}
.section-resources .vevs-website-list{ display: flex; flex-direction: row; flex-wrap: wrap; }


/*blog-post-inline-style*/

.blog-post-inline-style { width: 100%; height: auto!important; }
.blog-post-inline-style ul li { color: #222; font-size: 16px; font-weight: 300; line-height: 1.7em; padding-bottom: 10px; }
.blog-post-inline-style a img { display: block; width: 100%; max-width: none; }

.blog-post-table-customer { width: 100%; border-spacing: 0; border-collapse: collapse;}
.blog-post-table-customer ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } 
.blog-post-table-customer ul:not([style]) li:after { display: none; }
.blog-post-table-customer ul:not([style]) li { padding: 0; margin: 0; }
.blog-post-table-customer li { float: left; width: 50%; background: #fff; border-bottom: 1px solid #1d83bf; margin: 0; padding: 0;}
.blog-post-table-customer li p { padding: 10px; margin: 0; position: relative; border-left: 130px solid #1d83bf;}
.blog-post-table-customer li p strong { color: #fff; }
.blog-post-table-customer li p strong:first-child { position: absolute; top: 0; left: -130px; margin: 0px; padding: 10px; }

.widget { text-align: left; padding: 0 15px 15px; } 
.widget p { font-weight: 400; font-size: 14px; line-height: 1.6em; margin-bottom: 25px;}

.widget-head { border-bottom: 1px solid #d7d7d7; margin-bottom: 12px; padding: 0px 3px 8px; }

.widget-title { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #3d3d3d; }

.widget-body { padding: 3px; }

.widget-socials { overflow: hidden; padding-bottom: 21px; }
.widget-socials a { float: left; }
.widget-socials a img { display: block; }
.widget-socials a + a { margin-left: 8px; } 

.list-csm { list-style: none; overflow: hidden; }
.list-csm li { width: 50%; float: left; text-align: center; }
.list-csm img { width: 100px; height: 100px; display: block; margin: 0 auto 10px; border-radius: 50%; }
.list-csm p { color: #1b82bd; font-size: 15px; padding-left: 20px; padding-right: 20px; line-height: 1.4; }

.contact-info-list { list-style: none; overflow: hidden; margin-bottom: 0; } 
.contact-info-list li { width: 33.3333%; float: left; padding: 0 29px 5px; position: relative; } 
.contact-info-list li i { position: absolute; top: 6px; left: 5px; font-size: 18px; color: #878787;}
.contact-info-list li strong { display: block; font-weight: 600; text-transform: uppercase; color: #3b3b3b; font-size: 18px; padding-bottom: 12px; }
.contact-info-list li span { display: block; color: #4e4e4e; font-size: 16px; font-weight: 300;}

.feature-on-list { list-style: none; text-align: center; font-size: 0; line-height: 0; padding-bottom: 15px; }
.feature-on-list li { display: inline-block; padding: 0 25px 25px; vertical-align: top; }
.feature-on-list a { display: block; }
.feature-on-list img { display: block; width: 100%; height: auto; }

.section-feature-on { background-color: #fff; }
.section-feature-on img { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.section-feature-on a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0);} 

/* New */

.inner-home-bg { background: url(../images/root-home-bg-new.jpg) no-repeat 0 0; height: 360px; padding-top: 3.5%; padding-bottom: 30px; }
.inner-intro:before { display: none; }

/* New 2 */

body.homepage { padding-top: 0; }

.websites-header { background-color: rgba(255,255,255,0.85); padding: 20px 40px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.websites-header.active { background-color: rgba(247,247,247,1); -webkit-box-shadow: 0 1px 0px 0 rgba(0,0,0,0.07); box-shadow: 0 1px 0px 0 rgba(0,0,0,0.07); padding: 15px 30px;}
.websites-header .logo { background: url(../images/websites-logo.png) no-repeat 0 0; width: 145px; height: 43px; margin: 0; }
.websites-header.active .logo { background-size: 121px 36px; width: 121px; height: 36px; }
.websites-header.active .websites-header-primary-nav { padding-top: 5px; }  


.websites-header-primary-nav { padding-top: 8px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; float: right; list-style: none; margin-bottom: 0; }
.websites-header-primary-nav > li { float: left; }
.websites-header-primary-nav > li + li { padding-left: 35px; }
.websites-header-primary-nav > li > .btn-group > a, 
.websites-header-primary-nav > li > a { border: 0; text-transform: none; font-size: 18px; font-family: "Montserrat", sans-serif; color: #1e3d65; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; padding-top: 0; height: auto;} 
.websites-header-primary-nav > li > a.active,
.websites-header-primary-nav > li > .btn-group > a.active, 
.websites-header-primary-nav > li > a:hover { background: transparent; border-top: 0; color: #1d83bf; padding-top: 0; height: auto; }

.websites-header-primary-nav > li > .btn-group:hover > a { background: transparent; border-top: 0; margin: 0; padding-top: 10px; color: #1d83bf; }
.websites-header-primary-nav > li > .btn-group > a:after { content: ''; background: transparent; bottom: -25px; left: 50%; margin-left: -14px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 20px solid #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}

.websites-header-primary-nav .dropdown-menu { min-width: 500px; padding: 45px 10px 20px; background-color: transparent; border: 0; left: -40px; margin: 0; -webkit-transition: all .4s;
-o-transition: all .4s; transition: all .4s; display: block; opacity: 0; visibility: hidden; }
.websites-header-primary-nav .dropdown-menu:after { content: ''; position: absolute; top: 25px; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); }
.websites-header-primary-nav .dropdown-menu li { float: left; width: 50%; z-index: 2; position: relative; }

.websites-header-primary-nav .btn-group:hover .dropdown-menu { opacity: 1; visibility: visible; margin: 0; left: -90px; }

.websites-header-primary .websites-header-primary-nav > li > .btn-group > a, 
.websites-header-primary .websites-header-primary-nav > li > a { font-size: 16px; padding-top: 7px; } 

.websites-header-primary .websites-header-primary-nav .dropdown-menu:after { background-color: #f6f6f6; top: 0; -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,0); box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0); border: 1px solid #dedede; border-top: 0;}
.websites-header-primary .websites-header-primary-nav .dropdown-menu { padding-top: 25px; }

.websites-header-primary-nav > li > a span { display: inline-block; font-size: 12px; margin-left: 3px; color: #1e3d65; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.websites-header-primary-nav > li > a.active span,
.websites-header-primary-nav > li > a:hover span { color: #1d83bf; } 

.websites-header-primary-nav > li > a.active span:before { content: "\e113"; }

.websites-mega-dropdown-menu { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; padding: 30px 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); margin-top: -20px; opacity: 0; visibility: hidden; }
.websites-mega-dropdown-menu.active { padding-top: 30px; margin-top: 0; opacity: 1; visibility: visible; }
.websites-mega-dropdown-menu ul { list-style: none; }
.websites-mega-dropdown-menu li { padding-top: 15px; padding-bottom: 15px; }
.websites-mega-dropdown-menu a { display: inline-block; font-weight: normal; font-size: 16px; font-family: "Montserrat",sans-serif; color: #1e3d65; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.websites-mega-dropdown-menu a strong { display: block; font-weight: 300; font-family: "Open Sans", sans-serif; font-size: 12px; color: #1d83bf; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.websites-mega-dropdown-menu1 li:nth-child(1) .current,
.websites-mega-dropdown-menu1 li:nth-child(1) .active,
.websites-mega-dropdown-menu1 li:nth-child(1) .current,
.websites-mega-dropdown-menu1 li:nth-child(1) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(1) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(1) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(1) a:hover { color: #50a0dc; }

.websites-mega-dropdown-menu1 li:nth-child(2) .active,
.websites-mega-dropdown-menu1 li:nth-child(2) .current,
.websites-mega-dropdown-menu1 li:nth-child(2) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(2) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(2) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(2) a:hover { color: #85a33f; }

.websites-mega-dropdown-menu1 li:nth-child(3) .active,
.websites-mega-dropdown-menu1 li:nth-child(3) .current,
.websites-mega-dropdown-menu1 li:nth-child(3) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(3) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(3) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(3) a:hover { color: #ff5a5f; }

.websites-mega-dropdown-menu1 li:nth-child(4) .active,
.websites-mega-dropdown-menu1 li:nth-child(4) .current,
.websites-mega-dropdown-menu1 li:nth-child(4) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(4) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(4) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(4) a:hover { color: #2da5be; }

.websites-mega-dropdown-menu1 li:nth-child(5) .active,
.websites-mega-dropdown-menu1 li:nth-child(5) .current,
.websites-mega-dropdown-menu1 li:nth-child(5) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(5) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(5) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(5) a:hover { color: #f5a647; }

.websites-mega-dropdown-menu1 li:nth-child(6) .active,
.websites-mega-dropdown-menu1 li:nth-child(6) .current,
.websites-mega-dropdown-menu1 li:nth-child(6) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(6) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(6) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(6) a:hover { color: #a48856; }

.websites-mega-dropdown-menu1 li:nth-child(7) .active,
.websites-mega-dropdown-menu1 li:nth-child(7) .current,
.websites-mega-dropdown-menu1 li:nth-child(7) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(7) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(7) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(7) a:hover { color: #5659a8; }

.websites-mega-dropdown-menu1 li:nth-child(8) .active,
.websites-mega-dropdown-menu1 li:nth-child(8) .current,
.websites-mega-dropdown-menu1 li:nth-child(8) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(8) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(8) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(8) a:hover { color: #33cfcb; }

.websites-mega-dropdown-menu1 li:nth-child(9) .active,
.websites-mega-dropdown-menu1 li:nth-child(9) .current,
.websites-mega-dropdown-menu1 li:nth-child(9) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(9) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(9) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(9) a:hover { color: #e9d600; }

.websites-mega-dropdown-menu1 li:nth-child(10) .active,
.websites-mega-dropdown-menu1 li:nth-child(10) .current,
.websites-mega-dropdown-menu1 li:nth-child(10) .current strong,
.websites-mega-dropdown-menu1 li:nth-child(10) a:hover strong,
.websites-mega-dropdown-menu1 li:nth-child(10) a:focus, 
.websites-mega-dropdown-menu1 li:nth-child(10) a:hover { color: #964e63; }

.websites-header-primary2 .websites-mega-dropdown-menu { top: 40px; }

.ico-websites { width: 32px; height: 32px; background: url(../images/ico-websites.png) no-repeat 0 0; background-size: 134px 134px; margin: 0 auto 7px; display: block; }

.ico-websites-banknote { background-position: -34px 0px; }
.ico-websites-bubble { background-position: 0px -68px; }
.ico-websites-clip { background-position: 0px -34px; }
.ico-websites-diamond { background-position: -34px -34px; }
.ico-websites-eye { background-position: -68px 0px; }
.ico-websites-fire { background-position: -68px -34px; }
.ico-websites-heart { background-position: 0px 0px; }
.ico-websites-params { background-position: -34px -68px; }
.ico-websites-pen { background-position: -68px -68px; }
.ico-websites-phone { background-position: -102px 0px; }
.ico-websites-photo { background-position: -102px -34px; }
.ico-websites-settings { background-position: -102px -68px; }
.ico-websites-star { background-position: 0px -102px; }
.ico-websites-migrate { background-position: -34px -102px; }

.websites-mega-dropdown-menu-discover { text-align: center; }
.websites-mega-dropdown-menu-discover li { padding-top: 0; padding-bottom: 0; }
.websites-mega-dropdown-menu-discover a { display: block; padding: 15px; border-radius: 5px; }
.websites-mega-dropdown-menu-discover a:hover { background-color: #f3f8ff; }

.websites-preview { position: relative; height: 350px; overflow: hidden; border: 1px solid rgba(0,0,0,.1); }
.websites-preview div { height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; background-color: rgba(0,0,0,0.2); }
.websites-preview div.current,
.websites-preview div.active { opacity: 1; }
.websites-preview a { display: block; }
.websites-preview img { width: 100%; height: auto; display: block; }

.websites-slogan { position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #1e3d65; font-size: 21px; z-index: 3; font-weight: bold; font-family: 'Montserrat', sans-serif; }

.shell { width: 93%; margin: 0 auto; }

.websites-slider { background: #18395b url(../images/websites-slider-background.png) no-repeat center center; color: #fff; position: relative; min-height: 613px;} 
.websites-slider .flex-control-nav { margin: 0; position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 4; }
.websites-slider .flex-control-nav li { margin: 0 3px;}

.websites-slider .slide { min-height: 613px; padding-top: 83px; }

.websites-slider .flex-control-nav li a { border: 1px solid rgba(255,255,255,0.5); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background: transparent; }

.websites-slider .flex-control-nav li a:hover,
.websites-slider .flex-control-nav li .flex-active { border-color: rgba(255,255,255,1); }
.websites-slider img { display: block; max-width: 100%; height: auto; }

.websites-slider-image { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 0; left: -200px; padding-top: 14px; }
.websites-slider-image.active { opacity: 1; left: 0px; }

.websites-slider-content { padding-top: 65px; font-family: 'Open Sans', sans-serif; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 0; right: -200px;}
.websites-slider-content.active { opacity: 1; right: 0px; }
.websites-slider-content h2,
.websites-slider-content h1 { font-weight: 300; font-size: 48px; line-height: 1.24; padding-bottom: 10px; margin-top: 0; }
.websites-slider-content p { font-size: 18px; line-height: 1.6; font-weight: 300; padding-bottom: 15px; }
.websites-slider-content .content-expression { font-size: 18px; font-style: italic; }
.websites-slider-content ul { list-style: none; font-weight: 300; font-size: 17px; padding-bottom: 20px; padding-left: 25px; }
.websites-slider-content ul li { position: relative; padding-bottom: 5px;}
.websites-slider-content ul li:after { content: ''; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 12px; left: -15px; background-color: #fff; }
.websites-slider-content .button { height: 52px; font-size: 17px; padding-top: 11px; }
.websites-slider-content .button:hover { color: #fff; border-color: #fff; }

.slide-image-background-3 { background: url(../images/websites-slide-3.png) no-repeat 0 0; background-size: auto 100%; }

.website-logo { display: inline-block; }
.website-logo img { display: block; max-width: 100%; height: auto; }

.website-box-head { min-height: 40px; padding: 0 10px; }  

.website-box { background-color: #444; overflow: hidden; border-radius: 5px; border: 1px solid #1e3d65; position: relative; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.website-box:after { content: ''; width: 10px; height: 10px; position: absolute; top: 10px; right: 10px; background-color: rgba(0,0,0,0.2); }

.website-box:not(.website-box-filler):hover .website-box-content { opacity: 1; visibility: visible }
.website-box:not(.website-box-filler):hover .website-box-image img { filter: blur(2px); }

.websites-box-slider { position: relative; }

.website-box-image { border-top: 30px solid #1e3d65; position: relative; }
.website-box-image:after { content: ""; width: 10px; height: 10px; position: absolute; top: -20px; right: 25px; background-color: rgba(0,0,0,0.2); }
.website-box-image:before { content: ""; width: 10px; height: 10px; position: absolute; top: -20px; right: 40px; background-color: rgba(0,0,0,0.2); }
.website-box-image img { display: block; width: 100%; height: auto; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.website-box-content { position: absolute; top: 30px; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.9); text-align: center; padding: 25px 30px 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; z-index: 2;}
.website-box-content p { font-weight: 300; text-align: center; font-size: 15px; line-height: 30px; }

.website-box-actions { padding-top: 15px; }
.website-box-actions .button { padding-left: 30px; padding-right: 30px; margin: 0 2px; }

.hotel-key-advantage,
.car-rental-key-advantage,
.car-dealer-key-advantage { background-repeat: no-repeat; display: block; height: 38px; margin: 0 auto 10px; width: 40px; }
.hotel-key-advantage { background-image: url(../images/sprite-hotel-key-advantages.png); }
.car-rental-key-advantage { background-image: url(../images/sprite-car-rental-key-advantages.png); }
.car-dealer-key-advantage { background-image: url(../images/sprite-car-dealer-key-advantages.png); }

.all-pages-you-need { background-position: 0px 0px; }
.customizations-and-add-ons { background-position: -42px 0px; }
.intuitive-admin { background-position: 0px -40px; }
.multiple-languages { background-position: -42px -40px; }
.no-booking-fees { background-position: -84px 0px; }
.online-reservations-and-payments { background-position: -84px -40px; }
.responsive-web-design { background-position: 0px -80px; }
.seo-optimization { background-position: -42px -80px; }
.setup-and-launch-support { background-position: -84px -80px; }

.car-dealer-key-advantage.setup-and-launch-support2 { background-position: -42px -120px; }
.car-dealer-key-advantage.seo-optimization { background-position: 0 -160px; }
.car-dealer-key-advantage.user-friendly { background-position: 0 -120px; }
.car-dealer-key-advantage.auto-classifieds-software { background-position: -84px -120px; }

.cr-key-advantage { background-image: url(../images/cr-key-advantages.png); background-repeat: no-repeat; display: block; margin: 0 auto 15px; }

.key-advantage { display: block; text-align: center; margin-bottom: 15px; }

.cr-car-rental-system { width: 40px; height: 38px; background-position: 0px 0px; }
.cr-intuitive-admin { width: 40px; height: 38px; background-position: -42px 0px; }
.cr-mobile-friendly-design { width: 40px; height: 38px; background-position: 0px -40px; }
.cr-no-reservation-fees { width: 40px; height: 38px; background-position: -42px -40px; }
.cr-seo-optimization { width: 40px; height: 38px; background-position: -84px 0px; }
.cr-user-friendly-site { width: 40px; height: 38px; background-position: -84px -40px; }
.cr-visitor-report { width: 40px; height: 38px; background-position: 0px -80px; }

.welcome { text-align: center; background-color: #f3f8ff; padding: 40px 0; position: relative;}
.welcome:after { content: ''; position: absolute; left: 50%; margin-left: -40px; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 30px solid #f3f8ff; bottom: -30px; }
.welcome h3 { font-size: 32px; text-transform: uppercase; font-weight: bold; padding-bottom: 15px; font-family: "Montserrat", sans-serif; }
.welcome p { font-size: 21px; font-weight: 300; line-height: 1.6em; color: #4d5153; }

.websites-section { padding: 80px 0 20px; }

.websites-features {padding: 40px 0 45px; }
.websites-features .benefit { background-color: #f3f8ff; /* -webkit-box-shadow: 0 0px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 0px 2px 0 rgba(0,0,0,0.2); */}
.websites-features .features-list .description { color: #727272; font-weight: 300; }

.feature-on-section { padding: 30px 0 15px; }
.feature-on-section .feature-on-list li { padding: 0 18px 50px; }

.website-col { float: left; width: 25%; padding: 0 25px 80px; }

.website-col:nth-child(1) .button-secondary { color: #1d83bf; }
.website-col:nth-child(1) .button-secondary:hover { background: #1d83bf!important; }

.website-col:nth-child(2) .button { border-color: #85a33f; background: #afc873!important; }
.website-col:nth-child(2) .button:hover { border-color: #85a33f; color: #85a33f; background: transparent!important; }

.website-col:nth-child(2) .button-secondary { color: #85a33f; border-color: #85a33f; background: transparent!important; }
.website-col:nth-child(2) .button-secondary:hover { background: #afc873!important; border-color: #85a33f; }

.website-col:nth-child(3) .button { border-color: #ff5a5f; background: #ff5a5f!important; }
.website-col:nth-child(3) .button:hover { border-color: #ff5a5f; color: #ff5a5f; background: transparent!important; }

.website-col:nth-child(3) .button-secondary { color: #ff5a5f; border-color: #ff5a5f; background: transparent!important; }
.website-col:nth-child(3) .button-secondary:hover { background: #ff5a5f!important; border-color: #ff5a5f; }

.website-col:nth-child(4) .button { border-color: #2da5be; background: #2da5be!important; }
.website-col:nth-child(4) .button:hover { border-color: #2da5be; color: #2da5be; background: transparent!important; }

.website-col:nth-child(4) .button-secondary { color: #2da5be; border-color: #2da5be; background: transparent!important; }
.website-col:nth-child(4) .button-secondary:hover { background: #2da5be!important; border-color: #2da5be; }

.website-col:nth-child(5) .button { border-color: #f5a647; background: #f5a647!important; }
.website-col:nth-child(5) .button:hover { border-color: #f5a647; color: #f5a647; background: transparent!important; }

.website-col:nth-child(5) .button-secondary { color: #f5a647; border-color: #f5a647; background: transparent!important; }
.website-col:nth-child(5) .button-secondary:hover { background: #f5a647!important; border-color: #f5a647; }

.website-col:nth-child(6) .button { border-color: #a48856; background: #a48856!important; }
.website-col:nth-child(6) .button:hover { border-color: #a48856; color: #a48856; background: transparent!important; }

.website-col:nth-child(6) .button-secondary { color: #a48856; border-color: #a48856; background: transparent!important; }
.website-col:nth-child(6) .button-secondary:hover { background: #a48856!important; border-color: #a48856; }

.website-col:nth-child(7) .button { border-color: #5659a8; background: #5659a8!important; }
.website-col:nth-child(7) .button:hover { border-color: #5659a8; color: #5659a8; background: transparent!important; }

.website-col:nth-child(7) .button-secondary { color: #5659a8; border-color: #5659a8; background: transparent!important; }
.website-col:nth-child(7) .button-secondary:hover { background: #5659a8!important; border-color: #5659a8; }

.website-col:nth-child(8) .button { border-color: #33cfcb; background: #33cfcb!important; }
.website-col:nth-child(8) .button:hover { border-color: #33cfcb; color: #33cfcb; background: transparent!important; }

.website-col:nth-child(8) .button-secondary { color: #33cfcb; border-color: #33cfcb; background: transparent!important; }
.website-col:nth-child(8) .button-secondary:hover { background: #33cfcb!important; border-color: #33cfcb; }

.website-col:nth-child(9) .button { border-color: #e9d600; background: #e9d600!important; }
.website-col:nth-child(9) .button:hover { border-color: #e9d600; color: #e9d600; background: transparent!important; }

.website-col:nth-child(9) .button-secondary { color: #e9d600; border-color: #e9d600; background: transparent!important; }
.website-col:nth-child(9) .button-secondary:hover { background: #e9d600!important; border-color: #e9d600; }

.website-col:nth-child(10) .button { border-color: #964e63; background: #964e63!important; }
.website-col:nth-child(10) .button:hover { border-color: #964e63; color: #964e63; background: transparent!important; }

.website-col:nth-child(10) .button-secondary { color: #964e63; border-color: #964e63; background: transparent!important; }
.website-col:nth-child(10) .button-secondary:hover { background: #964e63!important; border-color: #964e63; }

.website-col:nth-child(11) .button-secondary,
.website-col:nth-child(12) .button-secondary { color: #424547; border-color: #424547; background: transparent!important; }
.website-col:nth-child(11) .button-secondary:hover,
.website-col:nth-child(12) .button-secondary:hover { background: #424547!important; border-color: #424547; }

.websites-footer { padding-left: 25px; padding-right: 25px; background: url(../images/root-home-bg.jpg) repeat center center; }
.websites-footer .socials { text-align: center; }
.websites-footer .socials ul {font-size: 0; }
.websites-footer .socials li { float: none; display: inline-block; vertical-align: top; }
.websites-footer .socials li span { font-size: 14px; color: #fff; }

.newsletter { max-width: 660px; margin: 40px auto 15px; }
.newsletter .field { float: left; height: 49px; width: 240px; border-radius: 5px; margin-right: 10px; border: 0; color: #222; padding-left: 20px; padding-right: 20px; font-size: 16px; }
.newsletter .button { float: left; margin: 0; width: 160px; }
.newsletter .form-validation ul { background: transparent; }
.newsletter .form-validation li span { display: block!important; text-align: center; color: #fc5d5d; }
.newsletter input.formError { background-color: #fc5d5d; color: #fff; }

.modal-dialog-websites { width: 760px; margin-top: 82px;  }  
.modal-dialog-websites .popup-form { padding: 0 15px; }
.modal-dialog-websites .close { position: absolute; top: 0; right: 10px; z-index: 4; opacity: 1; color: #fff; font-size: 36px; font-weight: 400; }
.modal-dialog-websites .modal-content { border-radius: 0; }  

.popup-websites-signup-vevs-icon { width: 120px; padding-bottom: 22px; }
.popup-websites-signup-vevs-icon a { display: block; }
.popup-websites-signup-vevs-icon img { display: block; width: 100%; height: auto; }

.popup-websites-support-title { font-size: 18px; padding-bottom: 23px; font-weight: bold;  }  

.popup-websites-support-content { font-size: 17px; line-height: 1.6em; font-weight: 300; color: #6c6c6c; padding-bottom: 35px;  }

.popup-websites-support-person { overflow: hidden; }
.popup-websites-support-person-desc { float: left; padding-left: 20px; padding-top: 5px; }

.popup-websites-support-desc { font-weight: 300; color: #50a0dc; font-size: 15px; padding-bottom: 12px; }

.popup-websites-support-links p { font-size: 13px; margin-bottom: 5px; }
.popup-websites-support-links p a { line-height: 21px; color: #999; font-size: 13px; }
.popup-websites-support-links p a:hover { color: #50a0dc; }

.popup-websites-ico-linkedin { background: url(../images/widget-social-3.png) no-repeat 0 0; background-size: 21px 21px; width: 21px; height: 21px; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 5px; display: inline-block; }
.popup-websites-ico-facebook { background: url(../images/widget-social-1.png) no-repeat 0 0; background-size: 21px 21px; width: 21px; height: 21px; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 5px; display: inline-block; margin-left: 5px; margin-right: 3px; }

.popup-websites-support-name { font-size: 18px; font-weight: 600; }

.popup-websites-support-image { float: left; width: 100px;}
.popup-websites-support-image img { display: block; width: 100%; height: auto;  }

.popup-websites-support { padding: 30px 30px 0; }
.popup-websites-form { padding: 30px; }
.popup-websites-form { background: url(../images/websites-slider-background.png) no-repeat center center; background-size: cover; color: #fff; }
.popup-websites-form .modal-title { font-size: 18px; padding-bottom: 10px;  }
.popup-websites-form p { font-size: 16px; font-weight: 300; margin-bottom: 30px;  }
.popup-websites-form label { font-size: 14px; color: #fff; font-weight: normal; }
.popup-websites-form select.field,
.popup-websites-form .field { border-color: #fff; color: #fff; background: transparent; }
.popup-websites-form select option { background-color: #254464; padding-left: 0; padding-right: 0;  }
.popup-websites-form .popup-form-info { font-size: 12px; padding-top: 20px; margin-bottom: 0; font-weight: normal;  }
.popup-websites-form .submit-button:hover { color: #fff;  }

/* About */

.websites-list-vevs { font-size: 0; margin: 60px -15px 30px; }
.websites-list-vevs li { width: 33.3333%; text-align: center; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 300; padding: 0 15px 30px; }
.websites-list-vevs li .ico-websites { margin-bottom: 15px; }

.section-blue { background-color: #f3f8ff; }

.section-inner-body-test .vevs-website { background-color: #333; }

.websites-list-vevs-item { background-color: #f3f8ff; padding: 30px 15px; border-radius: 5px; }

section.website-builder,
.website-builder { border-bottom: 1px solid rgba(0,0,0,0.07); background-color: #fff; padding: 45px 0; }
.website-builder p { font-size: 18px; font-weight: 300; line-height: 2em; text-align: center; }
.website-builder .section-inner-head { padding: 0 0 30px; }
.website-builder .about-logos { padding-top: 40px; margin-top: 0; }

.website-builder.feature-on-section { padding-bottom: 10px; }

.websites-about-list { padding-top: 45px; }
.websites-about-list .vevs-website { display: block; padding: 0; height: auto; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.websites-about-list .vevs-website img { display: block; width: 100%; height: auto; }
.websites-about-list .vevs-website:hover { opacity: 0.7; }

.websites-header-primary2 { padding-bottom: 9px; }
.websites-header-primary2 .websites-header-primary-nav { padding-right: 20px; }

.website-builder .vevs-website { min-height: 0; }

.form-validation ul { background-color: #FFCFCF; border-radius: 5px; margin: 10px 0 0; padding: 0; }
.form-validation ul li { float: none; padding: 10px 10px 0; position: static; width: auto; }
.form-validation ul li:last-child { padding-bottom: 10px; } 
.form-validation ul:after,
.form-validation ul li:after { display: none; }
.form-validation ul li span { color: #660000; }

.form-alert { border-radius: 5px; display: none; margin: 10px 0 0; padding: 10px; }
.form-alert.form-success { background-color: #CEFFCE; color: #006600; }
.form-alert.form-error { background-color: #FFCFCF; color: #660000; }

.popup-websites-form label.error { color: #fb5858; margin-top: 0; }
.popup-websites-form .field.error { border-color: #fb5858!important; }

.popup-form .details { border: 0; background: transparent; border-radius: 0; padding-right: 0; padding-left: 0;}
.popup-form .details h2 { font-family: "Montserrat", sans-serif; }

.popup-form .container1 > div, 
.popup-form .container2 > div, 
.popup-form .container3 > div { background-color: #1e3d65; }

.popup-websites-form .field.valid { border: 1px solid #fff!important; }

.popup-form #process-error h4 { font-size: 16px; line-height: 1.8; }

.inner-intro8:after { content: ''; background: url(../images/migrate-background.png) no-repeat center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 1; }
.inner-intro8 .container { position: relative; z-index: 2; }

/* Dialogue */

.section-dialogue { padding: 70px 0; position: relative; background: #b3d3fa url(../images/clouds.png) no-repeat right center; background-attachment: fixed; }
.section-dialogue .section-inner-head { padding-top: 0; }
.section-dialogue .section-inner-head h2 { margin-top: 0; color: #1e3d65; }
.section-dialogue .section-inner-body { padding-bottom: 20px; }
.section-dialogue .section-inner-body p { font-size: 18px; color: #1e3d65; font-weight: 300; line-height: 1.6em; text-align: center; }

.dialogue-message { overflow: hidden; margin-top: -15px; }
.dialogue-message:nth-child(2n+1) { margin-top: 55px; }  
.dialogue-message:nth-child(even) .dialogue-message-image { float: right;  }
.dialogue-message:nth-child(even) .dialogue-message-content { float: right; margin-left: 0; margin-right: 30px; margin-top: 25px; background-color: #1e3d65; color: #fff; }
.dialogue-message:nth-child(even) .dialogue-message-content:after {  border-right: 0; border-left: 12px solid #1e3d65; left: auto; right: -12px; }

.dialogue-message-image { float: left; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; padding: 5px; }
.dialogue-message-image img { display: block; width: 100%; height: auto; border-radius: 50%; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); background-color: #fff; }
.dialogue-message-content { float: left; font-size: 18px; background-color: #fff; padding: 10px 20px; border-radius: 5px; max-width: 550px; margin-left: 30px; margin-top: 40px; position: relative; font-weight: 300; } 
.dialogue-message-content p { margin: 0; }
.dialogue-message-content:after { content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-right: 12px solid #fff; border-bottom: 8px solid transparent; position: absolute; top: 50%; left: -12px; margin-top: -8px; }
.dialogue-message-content a { color: #38b9f3; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.dialogue-message-content a:focus,
.dialogue-message-content a:active,
.dialogue-message-content a:hover { color: #fff; }

.move-on { padding: 15px 0 30px; }
.move-on p { font-size: 18px; line-height: 1.6em; font-weight: 300; text-align: center; }

.move-on-inner { position: relative; padding: 40px 0; margin-top: 40px; }
.move-on-inner:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -82px; width: 164px; height: 64px; background: url(../images/arrow.png) no-repeat 0 0; }

.benefit3 { padding: 25px; min-height: 240px; }
.benefit3 .title { text-transform: none; }

.popup-websites-form2 { padding-top: 15px; }

.popup-websites-support2 .popup-websites-support-title { padding-top: 20px; font-size: 24px; padding-bottom: 30px;}
.popup-websites-support2 .popup-websites-support-content { font-size: 18px; padding-bottom: 60px; }

.migrate-icon { background-image: url(../images/migrate-sprite.png); background-repeat: no-repeat; display: block; margin: 0 auto 15px; }

.migrate-icon-1 { width: 44px; height: 45px; background-position: 0px 0px; }
.migrate-icon-2 { width: 44px; height: 40px; background-position: -91px -47px; margin-top: 5px; }
.migrate-icon-3 { width: 43px; height: 45px; background-position: -46px -47px; }
.migrate-icon-4 { width: 44px; height: 45px; background-position: -46px 0px; }
.migrate-icon-5 { width: 44px; height: 45px; background-position: -92px 0px; }
.migrate-icon-6 { width: 44px; height: 45px; background-position: 0px -47px; }

.got-questions { font-size: 28px; font-weight: 600; padding-bottom: 25px; text-align: center; padding-top: 60px; }
.got-questions a { color: #1d3d64; }
.got-questions a:active,
.got-questions a:focus,
.got-questions a:hover { color: #38b9f3; }

.input-group.date .field{
	border-radius: 5px 0 0 5px;
	border-right: none; 
}
.popup-form .input-group.date .field.valid{
	border-right: none !important;
}
.input-group.date .input-group-addon{
	border: 1px solid #252525;
}
.input-group.date .field.valid + .input-group-addon {
	border: 1px solid #1ea30c;
}

.solution p { font-size: 14px; line-height: 26px; padding-bottom: 5px; }

.solution .feature-price { text-align: left; font-size: 16px; font-weight: 300; line-height: 1.3; padding-top: 10px; padding-bottom: 0; }
.solution .feature-price strong { font-size: 21px; line-height: 1.3em; }

/* Clients */

.client { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1; }

.client-media { margin-bottom: 25px;}
.client-media .feature-slideshow .flex-control-nav { display: none; }

.client-image { float: left; padding: 0 15px 30px 0; }

.client-info { overflow: hidden; padding-bottom: 40px; }
.client-info h2 { font-size: 20px; font-weight: 600; margin: 0; padding-bottom: 10px; }
.client-info p { margin-bottom: 2px; color: #807c7c; }
.client-info p strong { color: #333; }
.client-info p a:hover { text-decoration: underline; }
.client-info p i { font-style: normal; display: inline-block; padding: 0 3px; }

.client-profile { padding-bottom: 20px; }
.client-profile h3 { font-size: 17px; font-weight: 600; margin: 0; padding-bottom: 5px; }
.client-profile p { font-size: 14px; line-height: 26px; color: #807c7c; }

.client-modifications { padding-bottom: 25px; }
.client-modifications h4 { font-size: 17px; font-weight: 600; margin: 0; padding-bottom: 15px; }
.client-modifications ul { overflow: hidden; list-style-position: inside; padding-left: 15px; }
.client-modifications li { float: left; width: 50%; font-size: 15px; line-height: 26px; color: #444343; padding-bottom: 5px;}
.client-modifications .full-width li { float: none; width: auto; }

.client-testimonial { overflow: hidden; padding: 15px; background-color: #f6f6f6; }

.client-testimonial-image { float: left; padding-right: 20px; }

.client-testimonial-content p { font-size: 16px; line-height: 30px; font-weight: 300; color: #807c7c; margin-bottom: 0; font-style: italic;	}
.client-testimonial-content p + p { padding-top: 7px; }
.client-testimonial-content p strong { font-style: normal; color: #333; }

/* Set your website */
.section-welcome { text-align: center; background-color: #f6f6f6; padding: 40px 0 30px; color: #444343; }
.section-welcome p { font-size: 18px; line-height: 34px; }

.checklist { padding: 30px 0; }

.checklist-secondary { background-color: #f6f6f6; }
.checklist-secondary .checklist-tip { background-color: #fff; }

.checklist-head { padding-bottom: 30px; }
.checklist-head h2 { text-align: center; font-size: 38px; font-family: "Montserrat"; position: relative; padding-bottom: 20px; margin-bottom: 35px; }
.checklist-head h2:after { content: ""; width: 120px; height: 2px; background: #e5e5e5; position: absolute; bottom: 0; left: 50%; margin-left: -60px; }
.checklist-head p { font-size: 16px; line-height: 30px; font-weight: 300; color: #444343; }

.checklist-item { padding-bottom: 30px; }

.checklist-item-head p { overflow: hidden; font-size: 30px; font-weight: 600; margin-bottom: 25px;}
.checklist-item-head span { float: left; width: 47px; height: 47px; border-radius: 50%; color: #fff; font-size: 24px; font-weight: bold; text-align: center; padding-top: 5px; margin-right: 10px; }
.checklist-item-head small { font-size: 16px; color: #333; display: block; }

.checklist-item-body .lead { font-size: 20px; font-weight: bold; color: #333; font-family: "Montserrat"; }
.checklist-item-body .lead span { display: inline-block; padding-right: 2px; }
.checklist-item-body p { font-size: 16px; line-height: 24px; color: #5a5959; font-weight: 300; }
.checklist-item-body ul { list-style: none; margin-bottom: 0; }
.checklist-item-body li { font-size: 16px; line-height: 24px; color: #5a5959; padding-bottom: 15px; font-weight: 300; padding-left: 20px; background: url(../images/ico-tips-arrow.png) no-repeat 0 5px; background-size: 11px 12px; }

.checklist-tip { background-color: #f6f6f6; border-radius: 5px; padding: 30px; margin-bottom: 30px; }

.checklist-solution { border-radius: 5px; border: 1px solid #d5d2d2; padding: 30px; margin-bottom: 30px; }

.section-actions { padding: 25px 0 15px; }
.section-actions a { display: inline-block; margin: 0 5px; }

.section-unsub { text-align: center; padding-bottom: 30px; }
.section-unsub p { font-size: 16px; font-weight: 300; }
.section-unsub p a { text-decoration: underline; }
.section-unsub p a:hover { text-decoration: none; }

.unsub-box { padding: 15px; border-radius: 5px; background-color: #f3f8ff; margin-bottom: 15px; text-align: left; }
.unsub-box p { margin-bottom: 15px; font-size: 18px; font-weight: 600; }
.unsub-box ul { list-style: none; }
.unsub-box li { padding-bottom: 5px; }
.unsub-box li label { display: block; font-size: 16px; font-weight: 300; margin: 0; cursor: pointer; padding-left: 17px; position: relative; }
.unsub-box li input[type="checkbox"], 
.unsub-box li input[type="radio"] { position: absolute; top: 2px; left: 0;}
.unsub-box li .form-control { margin-top: 5px; }

.unsub-form .form-control.error { border-color: #d11f1f; }
.unsub-form .form-control.valid { border-color: #1d83bf; }
.unsub-form label.error { color: #d11f1f; }
  
.section-unsub-secondary { margin-bottom: 30px; display: none; }
.section-unsub-secondary li { margin-bottom: 10px; }
.section-unsub-secondary li label {font-size: 16px; font-weight: bold; }
.section-unsub-secondary li label small { font-size: 12px; font-weight: 300; display: block; }
.section-unsub-secondary li input[type="checkbox"], 
.section-unsub-secondary li input[type="radio"] { position: absolute; top: 2px; left: 0;}
.section-unsub-secondary .unsub-box p small { font-weight: 300; font-size: 14px;  }

.section-unsub-secondary .unsub-box p:first-child { margin-bottom: 0; }

/* Create Website Form */

.live-demo-content-body2 { background-color: #fff; border: 2px solid #e8e8e8; text-align: center; position: relative; margin-bottom: 30px; overflow: hidden; }
.live-demo-content-body2 .submit-button { margin-top: 0; }
.live-demo-content-body2 .contact-form { margin-bottom: 0; }
.live-demo-content-body2 .contact-form-row + .contact-form-row { margin-top: 20px; }
.live-demo-content-body2 .field { border-radius: 3px; } 
.live-demo-content-body2:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 50%; bottom: 0; background-color: #e8e8e8; }  
.live-demo-content-body2:after { content: 'or'; font-size: 30px; width: 70px; height: 70px; border-radius: 50%; position: absolute; top: 20px; left: 50%; margin-left: -35px; color: #fff; text-transform: uppercase; font-weight: bold; font-family: "Montserrat"; padding-top: 15px; display: block; }

.contact-form-holder { float: left; width: 50%; } 

.live-demo-steps-intro { width: 50%; float: left; padding: 30px; } 
.live-demo-steps-intro p { font-size: 16px; line-height: 1.8em; font-weight: 300; color: #868383; margin-bottom: 15px; }

.live-demo-title { font-size: 22px; font-weight: bold; color: #444343; }
.live-demo-subtitle { color: #737272; font-weight: 300; font-size: 14px; padding-bottom: 30px; }

.icon-time { background: url(../images/icon-time.png) no-repeat 0 0; width: 17px; height: 19px; display: inline-block; }

.text-info { color: #868383; font-size: 14px; font-weight: bold; padding: 15px 0; }
.text-info .icon-time { margin-bottom: -4px; }

.live-demo-steps-count { max-width: 370px; overflow: hidden; list-style: none; margin: 0 auto; position: relative; padding: 20px 0;}
.live-demo-steps-count:after { content: ''; height: 2px; background-color: #e5e5e5; position: absolute; top: 50%; margin-top: -1px; left: 12.5%; right: 12.5%; z-index: 1; }
.live-demo-steps-count li { float: left; width: 25%; text-align: center; position: relative; z-index: 2;}
.live-demo-steps-count span { display: inline-block; width: 34px; height: 34px; border-radius: 50%; border: 2px solid #d8d6d6; background-color: #fff; color: #b7b6b6; font-size: 18px; font-weight: bold; font-family: "Montserrat"; line-height: 32px; }
.live-demo-steps-count strong { display: block; opacity: 0; position: absolute; bottom: 100%; width: 100%; text-align: center; font-size: 22px; text-transform: uppercase;}
.live-demo-steps-count .current strong { opacity: 1; }

.create-website { padding: 0 45px; }

.create-website-head { padding-top: 35px; }
.create-website-head h1 { font-size: 34px; text-transform: uppercase; font-family: "Montserrat"; text-align: center; margin: 0; padding-bottom: 30px; }
.create-website-head .live-demo-steps-count { max-width: none; padding: 60px 0;}
.create-website-head .live-demo-steps-count span { font-size: 24px; width: 44px; height: 44px; line-height: 1.3; padding-top: 4px; }

.create-website-body .form-control { border: 1px solid #c3c5c7; border-radius: 5px; height: 46px; padding-left: 15px; padding-right: 15px; font-size: 14px; }
.create-website-body .control-label { display: block; margin: 0 0 10px; font-size: 16px; color: #444343; }
.create-website-body .control-label small { color: #787777; }
.create-website-body .form-group { margin-bottom: 25px; }
.create-website-body textarea.form-control { padding: 10px 15px; height: 152px; }

.create-website-body .form-control.valid { border-color: #1ea30c; }
.create-website-body .form-control.error { border-color: #e50000; }
.create-website-body label.error { margin-top: 10px; margin-bottom: 0; color: #e50000; font-weight: 600; }

.create-website-entry { padding-bottom: 55px; }   
.create-website-entry .h2 { margin: 0; text-transform: uppercase; font-family: "Montserrat"; color: #333; padding: 20px 0 15px; font-size: 24px; position: relative; }
.create-website-entry .h2:after { content: ''; width: 90px; height: 2px; position: absolute; top: 0; left: 0; } 
.create-website-entry .h3 { font-weight: 600; color: #444343; font-size: 18px; margin: 0; padding-bottom: 15px; padding-top: 10px; }
.create-website-entry .lead { font-size: 15px; line-height: 24px; color: #787777; font-style: italic; margin-bottom: 30px; }
.create-website-entry .checkbox label { font-size: 14px; color: #999; }
.create-website-entry .checkbox input { margin-top: 3px; }
.create-website-entry .checkbox-main { margin: 0; padding: 25px 0; }
.create-website-entry .checkbox-main2 { padding-top: 0; }
.create-website-entry .checkbox-main label { font-size: 16px; color: #444343; margin: 0; }
.create-website-entry .checkbox-main input { margin-top: 4px; }
.create-website-entry p { color: #9b9999; }
.create-website-entry p span { color: #444343; }
.create-website-entry .radio { margin: 10px 0; }
.create-website-entry .radio label { font-size: 15px; color: #6d6a6a; margin: 0; }
.create-website-entry .button-tertiary { padding: 8px 40px; }

.main { padding: 45px 0; }

.button-default { background-color: #9c9898!important; border-color: #9c9898!important; color: #fff!important; }
.button-default:hover { background-color: #fff!important; color: #9c9898!important; }

.button-tertiary { background-color: #f3f3f3!important; border: 1px solid #c3c5c7!important; color: #807d7d!important; height: 46px; padding: 11px 20px 0; }
.button-tertiary:hover { background-color: #c3c5c7!important; color: #fff!important; }

.upload-button { height: 46px; border-radius: 5px; border: 1px solid #c3c5c7; background-color: #f3f3f3; text-align: left; position: relative; overflow: hidden; padding: 12px 35px 0; display: inline-block; cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.upload-button p { color: #807d7d; text-transform: uppercase; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } 
.upload-button input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; text-indent: -4000px; font-size: 0; line-height: 0; cursor: pointer; } 

.upload-button:hover { background-color: #c3c5c7; }  
.upload-button:hover p { color: #fff; } 

.upload-logo-image { width: 170px; height: 62px; border: 1px solid #c3c5c7; overflow: hidden; font-size: 0; text-align: center; vertical-align: middle;}
.upload-logo-image:before {content: ""; display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; }
.upload-logo-image img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }

.upload-logo { overflow: hidden; }  
.upload-logo .upload-logo-image { float: left; margin-right: 10px; }
.upload-logo .upload-button { float: left; }

.form-control-sm { width: 70px; }

.form-group-inline { overflow: hidden; vertical-align: middle; }
.form-group-inline .form-control { display: inline-block; margin-right: 10px; }
.form-group-inline p { display: inline-block; font-size: 15px; color: #6d6a6a; }

.upload-button-holder { overflow: hidden; }
.upload-button-holder .button,
.upload-button-holder .upload-button { float: left; margin-right: 35px;}
.upload-button-holder .upload-list { float: left; }

.upload-list { list-style: none; }
.upload-list li { padding-bottom: 5px; }

.create-website-image { border-radius: 5px; overflow: hidden; border: 1px solid #c3c5c7; cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.create-website-image img { display: block; width: 100%; height: auto; }

.create-website-templates ul { list-style: none; margin: 0 -10px; overflow: hidden; }  
.create-website-templates li { float: left; width: 20%; padding: 0 10px 20px; }  

.online-payments { margin-top: -10px; }
.online-payments img { display: inline-block; margin-right: 35px; }

.flag-list { list-style: none; overflow: hidden;  }
.flag-list li { float: left; background-color: #f6f6f6; margin-right: 10px; padding: 9px 12px; border-radius: 5px; }
.flag-list li img { display: block; }

.create-website-templates { padding-top: 30px; }
.create-website-templates input[type="radio"] { display: none; } 

.create-website-checkbox { overflow: hidden; padding-bottom: 20px; }
.create-website-checkbox span { float: left; font-size: 16px; color: #444343; padding-top: 3px; }
.create-website-checkbox strong { float: right; width: 30px; height: 30px; border-radius: 3px; position: relative; border: 2px solid rgba(0,0,0,0.1); background-color: #fff; cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.create-website-checkbox strong:after { content: "\e013"; font-family: 'Glyphicons Halflings'; font-size: 14px; display: block; font-weight: normal; color: #fff; text-align: center; padding-top: 3px;}

.bg-dark { background: #000 url(../images/bg-dark-car-rental-website.jpg) no-repeat center bottom; background-size: 100% auto; }

.bg-dark .entry { color: #fff; }

.entry { text-align: center; padding-bottom: 30px;}
.entry h1 { font-size: 38px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 400; padding: 20px 0; position: relative; margin-bottom: 55px; }
.entry h1:after { content: ''; width: 120px; height: 2px; background-color: rgba(255,255,255,0.6); position: absolute; bottom: 0; left: 50%; margin-left: -60px; }
.entry p { font-size: 16px; font-weight: 400; padding-bottom: 15px; }
.entry p a:hover { color: #fff; }
.entry-actions { padding-top: 30px; }

.entry-actions .button { background: transparent; }

/* Website Template */

.website-templates-head { margin-top: 83px; background-color: #173358; color: #fff; text-align: center; padding: 25px 0 30px; }
.website-templates-head h1 { font-family: "Montserrat"; font-size: 42px; text-transform: uppercase; font-weight: 600; margin: 0 0 20px; }
.website-templates-head p { font-size: 21px; font-weight: 300; margin-bottom: 0; }

.website-templates-search { max-width: 420px; margin: 0 auto; padding-right: 30px; position: relative; border: 2px solid #fff; border-radius: 5px; }
.website-templates-search .form-control { height: 46px; border-radius: 5px; background: transparent; border: 0; color: #fff;}
.website-templates-search .button-search { position: absolute; top: 15px; right: 15px; width: 16px; height: 16px; border-radius: 50%; border: 0; background-color: #fff; cursor: pointer; font-size: 0; line-height: 0; text-indent: -4000px; }

.website-templates-sidebar { padding: 30px 0; }
.website-templates-sidebar p { font-size: 20px; font-weight: 600; font-family: "Montserrat", sans-serif; margin-bottom: 15px; text-transform: uppercase;}  

.website-templates-sidebar ul { list-style: none; } 
.website-templates-sidebar li { font-size: 16px; font-weight: 300; padding-bottom: 5px;} 
.website-templates-sidebar li a { color: #173358; } 

.website-tags { padding-bottom: 30px; }
.website-tags a { display: inline-block; background-color: #173358; font-size: 13px; font-weight: 600; color: #fff; border-radius: 5px; padding: 5px 13px 6px; }

.website-templates-content { padding: 30px 0; }

.website-template { -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); margin-bottom: 30px; }

.website-template-image { overflow: hidden; position: relative;}
.website-template-image img { display: block; width: 100%; height: auto; }
.website-template-image:hover .website-template-image-overlay { opacity: 1; visibility: visible;   }

.website-template-image-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,0.5); text-align: center; padding-top: 45%; opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.website-template-image-overlay p { font-size: 16px; line-height: 1.3; font-weight: 300; color: #173358; }
.website-template-image-overlay p a { color: #173358; }
.website-template-image-overlay p a:hover { text-decoration: underline; }

.website-template-button { display: block; max-width: 160px; text-align: center; margin: 0 auto 15px; background-color: #173358; height: 42px; border-radius: 5px; font-size: 16px; color: #fff; padding-top: 6px; font-weight: 600; border: 2px solid #173358; }

.website-template-button + .website-template-button  { background-color: transparent; color: #173358; }

.website-template-badge { position: absolute; top: 15px; left: -30px; background-color: #173358; text-align: center; font-size: 12px; font-weight: 600; color: #fff; padding: 2px 0; width: 120px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.website-template-caption { position: relative; overflow: hidden; padding: 10px; }

.website-template-category { background-color: #173358; font-size: 13px; font-weight: 600; color: #fff; border-radius: 5px; padding: 5px 13px 6px; float: right; }

.website-template-price { float: left; font-size: 12px; font-weight: 300; text-transform: uppercase; }
.website-template-price strong { font-size: 21px; color: #173358; }

.website-template-name { font-size: 24px; font-weight: 300; color: #173358; padding-bottom: 10px;}

.website-templates-section { padding: 30px 0; }
.website-templates-section h2 { font-family: "Montserrat"; font-size: 32px; text-transform: uppercase; font-weight: 600; margin: 15px 0 45px; text-align: center; }
.website-templates-section .website-templates-content { padding: 30px 0 0; }
.website-templates-section .website-template-name { text-align: center; padding-bottom: 0; }

.website-templates-section2 { background-color: #f5f5f5; }

.dark-ribbon3 { padding-top: 20px; padding-bottom: 20px; }
.dark-ribbon3 .button { margin-top: 0; }

.template-features { list-style: none; overflow: hidden; }
.template-features li { text-align: right; width: 50%; float: left; padding: 0 15px 30px; }
.template-features li i { float: right; margin: 8px 0 0 15px; }
.template-features li:nth-child(even) { text-align: left; }
.template-features li:nth-child(even) i { float: left; margin: 8px 15px 0 0; }
.template-features p { margin-bottom: 0; font-size: 15px; font-weight: 300; }
.template-features p strong { font-size: 17px; }

.template-feature-content { overflow: hidden; } 

.pricing-list { list-style: none; overflow: hidden; }
.pricing-list li { width: 50%; float: left; padding: 0 15px 15px; font-size: 18px; font-weight: 300; }
.pricing-list li i { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; color: #000; margin-right: 2px; } 
.pricing-list li i:before { content: "\e013"; font-size: 12px; }

.mfp-fade-website img.mfp-img { max-height: none!important; }

/* Signup popup */

.pj-signup-field,
.pj-signup-button,
.pj-signup-trigger-btn,
a.pj-signup-close {-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.pj-signup-overlay{background-color: rgba(0,0,0,0.4); height: 100%; width: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9998; display: none; }

.pj-signup-dialog { font-family: "Open Sans", Arial, sans-serif; font-size: 15px; line-height: 1.4em; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.7); max-width: 920px; z-index: 9999; position: absolute; top: -2000px; left: calc((100% - 920px)/2); -moz-transition: top .6s ease-in-out; -webkit-transition: top .6s ease-in-out; -o-transition: top .6s ease-in-out; -ms-transition: top .6s ease-in-out; transition: top .6s ease-in-out; color: #333; }

.pj-signup-dialog-active { top: 20%; }

.pj-signup-dialog * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

a.pj-signup-close:link,
a.pj-signup-close:active,
a.pj-signup-close:visited {width: 36px; height: 36px; display: inline-block; background-color: #2C3031; border: solid 2px #2C3031; border-radius: 50%; color: #fff; position: absolute; top: -18px; right: -18px; text-align: center; line-height: 24px; text-decoration: none; box-shadow: 0 0 5px rgba(0,0,0,0.5); }

a.pj-signup-close:hover { background-color: #50a0dc; border: solid 2px #50a0dc; color: #fff; text-decoration: none; }

.pj-signup-close:before {content: 'x'; font-size: 22px; line-height: 27px; font-weight: bold; }

.pj-signup-inner { padding: 30px 0 25px; position: relative; z-index: 2;}

.pj-signup-inner,
.pj-signup-support-person { *zoom: 1; }

.pj-signup-support-person:after,
.pj-signup-inner:after { content: ''; clear: both; display: table; }

.pj-signup-col { float: left; width: 50%; padding: 0 15px; }

.pj-signup-support { padding: 0 30px; }

.pj-signup-support-image { float: left; }
.pj-signup-support-image img { width: 110px; height: 110px; display: block; }

.pj-signup-support-person { padding-top: 50px; }
.pj-signup-support-person-desc { float: left; padding-left: 30px; padding-top: 5px; }

.pj-signup-support-desc { font-weight: 300; color: #50a0dc; font-size: 15px; padding-bottom: 12px; }

.pj-signup-support-links p { font-size: 13px; }
.pj-signup-support-links p a { line-height: 21px; color: #999; font-size: 13px; display: inline-block; text-decoration: none; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.pj-signup-support-links p a:hover { color: #50a0dc; }

.pj-ico-linkedin { background: url(../images/pj-icon-linkedin.png) no-repeat 0 0; background-size: 21px 21px; width: 21px; height: 21px; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: 5px; }

.pj-signup-support-name { font-size: 18px; font-weight: 600; } 

.pj-signup-support-words { font-size: 17px; line-height: 1.6em; font-weight: 300; color: #6c6c6c; } 
.pj-signup-support-words strong { font-size: 18px; display: block; padding-bottom: 5px; font-weight: 100; }

.pj-signup-vevs-icon { padding-bottom: 30px; }
.pj-signup-vevs-icon a { display: inline-block; }

.pj-signup-details-title,
.pj-signup-waiting-title,
.pj-signup-form-title { font-size: 20px; font-weight: 600; text-align: center; line-height: 1.4em; margin-bottom: 30px; color: #fff;}

.pj-signup-field { height: 48px; border: solid 2px #fff; background: transparent; color: #fff; width: 100%; outline: none; padding: 0 15px; font-size: 16px; font-family: 'Open Sans'; border-radius: 5px; }
.pj-signup-field:focus { border-color: #50a0dc; }

.pj-signup-button { border: solid 2px #50a0dc; background-color: transparent; border-radius: 5px; color: #fff; outline: none; height: 48px; font-size: 16px; text-transform: uppercase; padding: 0 40px; text-align: center; vertical-align: middle; font-weight: 600; font-family: 'Open Sans'; cursor: pointer; }

.pj-signup-button:hover { background-color: transparent; border: solid 2px #fff; color: #50a0dc; }

.pj-signup-button:active{ position: relative; top: 1px; }

.pj-signup-button[disabled],
.pj-signup-button[disabled]:hover { border: solid 2px #ccc; color: #ccc; cursor: default; }

.pj-signup-form-row { padding: 0 0 30px; position: relative; }

.pj-signup-form-action { text-align: center; padding-bottom: 15px;}

.pj-signup-field-error { border-color: #e42d2d; }

.pj-signup-error { position: absolute; bottom: 7px; left: 5px; display: none; font-size: 14px; font-weight: normal; color: #e42d2d; font-size: 10px; text-transform: uppercase; padding: 0 5px; font-weight: 600; line-height: 15px; }

.pj-signup-form-info { font-size: 12px; text-align: center; color: #fff; }

.pj-signup-details { text-align: center; }
.pj-signup-details ul { list-style: none; font-size: 16px; line-height: 24px; padding-top: 15px; color: #fff;}
.pj-signup-details li { position: relative; font-weight: 300; padding-bottom: 15px;}
.pj-signup-details li strong { font-weight: 600; display: block; font-size: 14px; line-height: 16px;}
.pj-signup-details li a { color: #50a0dc; text-decoration: none; }
.pj-signup-details li a:hover { color: #fff; }
.pj-signup-details p { color: #fff; }
.pj-signup-details p strong { color: #333; font-weight: 600; display: block; }
.pj-signup-details p.pj-signup-details-sent { font-size: 11px; }

.pj-signup-details-title { font-weight: 600; text-transform: uppercase; }

.pj-signup-details-title-error { padding-top: 105px; }

.pj-signup-details-created { padding-bottom: 25px; font-size: 18px; font-weight: 300; line-height: 1.6em; text-align: center; color: #fff; }
.pj-signup-details-created a { color: #50a0dc; font-weight: 600; text-decoration: none; }
.pj-signup-details-created a:hover { color: #fff; }

.pj-signup-dialog:after { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: url(../images/pj-signup-bg.jpg) no-repeat center center; z-index: 1; background-size: cover; }


@media (max-width: 1919px){
	.websites-slider,
	.websites-slider .slide { min-height: 0; }

	.websites-slider { background-size: cover; background-position: center center;  }
	.websites-slider .slide { padding-bottom: 0; }
	.websites-slider .flex-control-nav { bottom: 2%; font-size: 0; }

	.websites-slider-content { padding: 3% 0; }

	.websites-mega-dropdown-menu a strong { margin-right: -12px; }

	.website-box-content { padding: 15px 15px 0; }
	.website-box-content p { font-size: 14px; }

	.website-box-actions { padding-top: 10px; } 
}

@media (max-width: 1680px){
	.website-col { width: 33.3333%; }
}

@media (max-width: 1600px){
	.inner-intro4 { padding-top: 7%; }

	.websites-footer .copyright { font-size: 12px; padding-top: 10px; }
}

@media (max-width: 1440px){
	.website-box-content { padding: 15px 15px 0; }
	.website-box-content p { font-size: 14px; }

	.website-box-actions { padding-top: 10px; } 

	.websites-slider-image { padding-top: 3%; }

	.websites-footer { padding-left: 15px; padding-right: 15px; }
	.websites-footer .copyright { font-size: 12px; padding-top: 3px; }
}

@media (max-width: 1299px){
	.website-col { width: 50%; }
}

@media (max-width: 1200px){
	.v-portfolio5-project-hover {padding:45px 10px 15px } 
	.v-portfolio5-project-hover strong {font-size:1.5em; padding-bottom: 35px; }

	.v-about3-category>a .v-about3-caption-holder {padding-top:65px }

	.developer-license {  padding: 30px 0 40px 270px; }
	.developer-license { background: #f6f6f6 url(../images/developer-license.png) no-repeat 0px 30px; }

	.developer-license-vrw { background: #f6f6f6 url(../images/developer-license-vrw.png) no-repeat 0px 30px; }
	.developer-license-jrw { background: #f6f6f6 url(../images/developer-license-jrw.png) no-repeat 0px 30px; }
	.developer-license-crw { background: #f6f6f6 url(../images/developer-license-crw.png) no-repeat 0px 30px; }
	.developer-license-ybw { background: #f6f6f6 url(../images/developer-license-ybw.png) no-repeat 0px 30px; }
	.developer-license-rew { background: #f6f6f6 url(../images/developer-license-rew.png) no-repeat 0px 30px; }
	.developer-license-hpw { background: #f6f6f6 url(../images/developer-license-hpw.png) no-repeat 0px 30px; }
	.developer-license-cpw { background: #f6f6f6 url(../images/developer-license-cpw.png) no-repeat 0px 30px; }
  .developer-license-stw { background: #f6f6f6 url(../images/developer-license-stw.png) no-repeat 0px 30px; }
	.developer-license-hsw { background: #f6f6f6 url(../images/developer-license-hsw.png) no-repeat 0px 30px; }
}

@media (max-width: 1199px) {
	.websites-slider-content { padding-top: 30px; }
	.websites-slider-content h2, 
	.websites-slider-content h1 { font-size: 42px; }
	.websites-slider-content p { font-size: 16px; line-height: 1.8; padding-bottom: 10px; }
	.websites-slider-content p br { display: none; }
	.websites-slider-content ul { font-size: 16px; }

	.websites-slider-content .content-expression { font-size: 17px; }

	.v-faq-tabs-head a { padding-left: 12px; padding-right: 12px; font-size: 13px; }
	.v-faq-tabs-head a .i { margin-right: 5px; }  

	.yt-video-body iframe { height: 250px; }

	.root-intro-content { top: 100px}
	.root-intro-content h1 { font-size: 42px; padding-bottom: 60px;}
	.root-intro-content p { font-size: 23px; line-height: 1.6em; }
	
	.dark-ribbon ul li { padding: 0; }
	.dark-ribbon ul li:first-child img { margin-right: 15px; }
	.dark-ribbon ul li:nth-child(2) img { margin-left: 0; }
	.dark-ribbon ul li:nth-child(3) { padding-right: 0; }
	.dark-ribbon ul li:nth-child(3) img { margin-left: 0; }
	.dark-ribbon ul li + li:after { display: none; }

	.white-ribbon-inner { padding: 0; }

	.white-ribbon .col-1of4 { width: 250px; }
	.white-ribbon .col-2of4 { margin-left: 15px; }

	.v-features6-feature h4, 
	.v-features6-feature .h4 { font-size: 24px; }

	.features-row { margin-bottom: 50px; }
	
	.intro { padding: 20px 0; }
	.intro-content { padding: 0px; }
	.intro-content h1 { font-size: 36px; min-height: 0; line-height: 1.2em; }
	.intro-content h1 small { font-size: 24px; }
	.intro-content p { font-size: 18px; }

	.live-demo-content-body .details h2 { font-size: 24px; }
	.live-demo-content-body .details h4 { font-size: 16px; }

	.section-inner-body .panel-heading .logo-design-update { font-size: 13px; height: 43px; }

	.inner-intro4 {padding-top: 8%; }

	.generated-logos2 .generated-logo2 { width: 213px; height: 213px; }
	
	.blog-post:before { right: -97px; }
	.blog-posts-right .blog-post:before { left: -97px; right: 0; }

	.sticker-holder { top: auto; bottom: 10px; left: 50%; margin-left: -6%; padding: 0px; width: 12%; }
	.sticker-holder img { display: block; width: 100%; height: auto; }

	.live-demo-content-body-park #frmTrial > p { white-space: normal; }

	.websites-preview { display: none; }

	.websites-mega-dropdown-menu li { padding-bottom: 10px; padding-top: 10px; }

	.move-on-inner:after { margin: -24px 0 0 -61px; width: 123px; height: 48px; background-size: 123px 48px; }

  .create-website { padding: 0 15px; }
}

@media (max-width: 1024px) {
	.da-img img { width: 70%; margin-top: 40px;}

	.da-slider .heading h2, 
	.da-slider .heading h1 { font-size: 42px; padding-top: 15px;}

	.websites-slider-content { padding-bottom: 40px; }
}

@media (max-width: 992px) {
	.v-features6-feature {padding:20px 0 }
	
	.mobile-solution,
	.v-features6-feature,
	.v-features6-feature-reverse { text-align: center; }
	
	.dark-ribbon ul { padding: 0; }
	.dark-ribbon ul li { float: none; display: block; width: 100% }
	.dark-ribbon ul li + li { padding-top: 25px; }
	.dark-ribbon ul li:nth-child(2) img,
	.dark-ribbon ul li:nth-child(3) img,
	.dark-ribbon ul li:first-child img,
	.dark-ribbon ul li img { margin: 0 auto 10px; display: block; float: none; }
	.dark-ribbon ul li p { text-align: center; }
	.dark-ribbon ul li br { display: none; }

	.v-faq-panel { padding-left: 50px; }
	.v-faq-panel .v-faq-panel-heading > .glyphicon { left: -65px; }
	
	.v-portfolio5-project-hover {padding:25px 5px 5px }
	.v-portfolio5-project-hover strong {font-size:14px; padding-bottom:25px }
	.v-portfolio5-project-hover .button { font-size: 14px; padding-left: 10px; padding-right: 10px; }

	.v-portfolio5-project-hover p {font-size:.9em; padding:0 } 

	.v-about3-category>a .v-about3-caption-holder {padding-top:115px }
	
	.slide-content { font-size: 20px; }
	.da-slider .heading h2, .da-slider .heading h1 { font-size: 40px; }
	#features .get-over-here { float: none; }

	.root-intro-content h1 { font-size: 32px; padding-bottom: 20px; }
	.root-intro-content h2 { margin-top: -10px; }
	.popup-form .h4 br,
	.root-intro-content p br { display: none; }

	.tableLicenses td { padding: 5px } 
	.tableLicenses .licensePrice span {font-size: 24px }

	.developer-license {  padding: 10px 0 20px 300px; }
	.developer-license { background: #f6f6f6 url(../images/developer-license.png) no-repeat 0px 30px; }

	.developer-license-vrw { background: #f6f6f6 url(../images/developer-license-vrw.png) no-repeat 0px 30px; }
	.developer-license-jrw { background: #f6f6f6 url(../images/developer-license-jrw.png) no-repeat 0px 30px; }
	.developer-license-crw { background: #f6f6f6 url(../images/developer-license-crw.png) no-repeat 0px 30px; }
	.developer-license-ybw { background: #f6f6f6 url(../images/developer-license-ybw.png) no-repeat 0px 30px; }
	.developer-license-rew { background: #f6f6f6 url(../images/developer-license-rew.png) no-repeat 0px 30px; }
	.developer-license-hpw { background: #f6f6f6 url(../images/developer-license-hpw.png) no-repeat 0px 30px; }
	.developer-license-cpw { background: #f6f6f6 url(../images/developer-license-cpw.png) no-repeat 0px 30px; }
  .developer-license-stw { background: #f6f6f6 url(../images/developer-license-stw.png) no-repeat 0px 30px; }
	.developer-license-hsw { background: #f6f6f6 url(../images/developer-license-hsw.png) no-repeat 0px 30px; }

	.header-secondary-nav { padding-top: 3px; }
	.header-secondary-nav li { padding: 0 8px; }

	.v-faq-tabs-head a .i { display: none; }
	.v-faq-tabs-head a { padding-left: 12px; padding-right: 12px; font-size: 12px;}

	.da-slider .heading h2, .da-slider .heading h1 { font-size: 40px; padding-top: 15px; }
	.da-slider .heading small { font-size: 24px; line-height: 1.4em;}

	.benefit3 { padding: 20px; }

  .tableLicenses { width: 100%; margin-bottom: 15px; padding-bottom: 15px; overflow-y: hidden; min-height: .01%; overflow-x: auto;}
  .tableLicenses table { width: 768px; }
}

@media (max-width: 991px) {
	.v-faq-panel { padding-top: 0; padding-bottom: 0; }  

	.v-faq-panel-body { padding-bottom: 15px; font-size: 15px; }
	.v-faq-panel-heading p { font-size: 21px; }

	.v-faq-tabs-content { padding: 15px; }

	.v-faq-panel .v-faq-panel-heading > .glyphicon { left: -50px; top: 10px;}

	.dark-ribbon .h4 small { font-size: 21px; }
	
	.section-head .h2,
	.section-head h2 { font-size: 34px; }

	.section-head .p,
	.section-head p { font-size: 16px; line-height: 24px;}

	.get-over-here { float: none; }

	.header-secondary { padding: 15px 0; }
	.header-secondary .container { position: relative; }
	
	.hpnav-mobile { display: block; position: absolute; right: 15px; top: 25px; background: url(../images/hsnav-mobile.png) no-repeat 0 0; width: 32px; height: 32px; }
	.hsnav-mobile { display: block; position: absolute; right: 15px; top: -2px; background: url(../images/hsnav-mobile.png) no-repeat 0 0; width: 32px; height: 32px; }
	
	.websites-header-primary2 .hpnav-mobile,
	.websites-header .hpnav-mobile { display: none; right: 15px; top: 18px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } 

	.websites-header-primary2 .container { position: relative; }
	.websites-header-primary2 { padding-bottom: 0; }
	.websites-header-primary2 .websites-header-primary-nav { padding-right: 0; }
	.websites-header-primary2 .websites-mega-dropdown-menu { z-index: 10; }

	.header-secondary-nav { float: none; position: absolute; top: 100%; right: 0; text-align: right; background: #fff; padding: 10px 15px 5px; margin-top: 15px; border: 1px solid #dedede; border-top: 0;}
	.header-secondary-nav li { display: block; padding: 0 0 5px;}

	.header-primary-nav { float: none; position: absolute; top: 100%; right: 0; background-color: #f6f6f6; padding: 0; margin-top: -1px; display: none;}
	.header-primary-nav li { float: none; }

	.header-primary .logo { margin-bottom: 10px; }

	.header-primary .header-primary-nav > li > .btn-group > a,
	.header-primary .header-primary-nav > li > a { height: auto; padding: 15px; border: 0; }

	.header-primary .header-primary-nav > li > a:hover { border: 0; }

	.header-primary .header-primary-nav > li > a:hover, 
	.header-primary .header-primary-nav > li > .btn-group > a:hover, 
	.header-primary .header-primary-nav > li > .btn-group:hover > a, 
	.header-primary .header-primary-nav > li > .btn-group > .active, 
	.header-primary .header-primary-nav > li > .active { border: 0; height: auto; padding: 15px; }

	.header-primary-nav .dropdown-menu { right: 100%; left: auto; top: -1px; padding: 0; border: 1px solid #dedede;}

	body { overflow-x: hidden; margin-bottom: 0; }
    body > .intro { margin-top: 43px; } 
    body > #faq,
    body > #features,
    body > #pricing { margin-top: 44px; } 

	body .section-secondary .section-head,
    body > .container > .section-head { padding-top: 80px; }

    body > .header + .section { margin-top: 44px; }

    .white-ribbon .col-1of4 { width: 100%; text-align: center; padding-bottom: 15px;}
    .white-ribbon .col-2of4 { margin-right: 15px; margin-left: 0; }

    .header-no-menu { height: 60px; padding-top: 15px; }

    .about-logos { margin-top: 0!important; }
	
	.section-head .p br,
    .section-head p br { display: none; }

    .tab-entry p { text-align: justify; }

	.image-align-right,
    .image-align-left { float: none; margin: 0 0px 20px 0; max-width: 500px;}

	.section-inner-head h2 { font-size: 28px; }
	.section-inner-head p { font-size: 17px; }

	.inner-intro { padding-top: 12%; }
	.inner-intro h1 { font-size: 34px; padding-bottom: 20px; }
	.inner-intro p { font-size: 21px; }

	.section-inner-body .h3 { font-size: 34px; }

	.copyright { padding-top: 0; }

	.footer-inner { text-align: center; float: none; overflow: hidden; }
	
	footer .socials { margin-top: 0; }

	.footer-logo { float: none; display: block; margin: 22px auto 0; }

	.inner-intro {padding-top: 15%; }
	.inner-intro3 { padding-top: 4%; }
	.inner-intro3 p { font-size: 18px; }
	.inner-intro3 p br { display: none;}

	.section-inner-body .panel-heading .logo-design-update { font-size: 15px; }
		
	.section-entries,
	.section-benefits,
	.section-content { padding: 30px 0; }
	.section-content p { font-size: 20px; }

	.dark-ribbon2 p { font-size: 24px; }

	.section-entry-content.text-right { text-align: left; }

	.generated-logos2 .generated-logo2 { width: 220px; height: 220px; }

	.scroll-to-top { bottom: 5px; }

	footer { height: 120px; padding-top: 20px; }

	.dear-customer { width: 100%; }
	
	.blog-post { padding: 15px; }
	.blog-post-content h2 { font-size: 22px; }

	.blog-post:before { right: -16px; width: 50px;}
	.blog-posts-right .blog-post:before { left: -16px; right: 0; }

	.sticker-holder {margin-left: -6%; width: 12%; }
	
	.blog-post-dummy-outer { padding: 0; }
	.blog-post-dummy { height: 320px; }
	.blog-post-dummy p { font-size: 21px; padding-top: 30%;}

	.extra-service .extra-service-image { margin-bottom: 30px; } 
	.extra-service-reverse .extra-service-image { float: none;  } 
	.extra-service-reverse .extra-service-content { text-align: left;  } 

	.vevs-list li, .section-dark ul li { width: 50%; }

	.section-extras { padding: 50px 0; }

	.stivasoft-ceo { padding-left: 0; padding-right: 0; }
	.stivasoft-ceo-image { float: none; margin: 0 auto 30px; }

	.stivasoft-ceo-content { text-align: center; } 
	.stivasoft-ceo-content p { padding-bottom: 15px; }
	
	.website-box-content { background: #1e3d65; bottom: auto; left: auto; opacity: 1; padding: 15px; position: relative; right: auto; top: auto; visibility: visible; }
	.website-box-content p { color: #fff; }

	.website-box-content-inner { height: 125px; overflow: auto; }

	.website-box:hover:not(.website-box-filler) .website-box-image img { filter: blur(0px); }

	.website-box-actions .button-secondary { margin-bottom: 10px; }
	.website-box-actions .button { min-width: 185px; }

	.website-col:nth-child(11) .button-secondary,
	.website-col:nth-child(12) .button-secondary { color: #fff; border-color: #fff; background: transparent!important; }
	.website-col:nth-child(11) .button-secondary:hover,
	.website-col:nth-child(12) .button-secondary:hover { background: #fff!important; border-color: #fff; color: #333;}

	.websites-mega-dropdown-menu,
	.websites-mega-dropdown-menu.active { padding: 15px 0; }

	.websites-header .logo { background-size: 121px 36px; width: 121px; height: 36px; }
		
	.websites-footer { position: relative; bottom: auto; left: auto; height: auto; }
	.websites-footer .footer-inner .copyright { text-align: center; padding-bottom: 15px; float: none; }

	body.homepage { margin-bottom: 0; }

	.websites-mega-dropdown-menu .ico-websites { display: none; }
	.websites-mega-dropdown-menu-discover a { padding: 0; }
	.websites-mega-dropdown-menu-discover a:hover { background: transparent; } 

	.header-secondary-nav { opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; margin-top: -5px; width: 100%; }
	.header-secondary-nav.active { opacity: 1; visibility: visible; margin-top: 15px; }

	.websites-list-vevs li { width: 50%; }

	section.website-builder,
	.website-builder { padding: 30px 0; }

	.website-builder .section-inner-head { padding: 0 0 15px; }
	.website-builder p { font-size: 16px; }
	.website-builder p br { display: none; }

	.websites-about-list { padding-top: 30px; }

	.move-on-inner-image { margin-bottom: 30px; }
	.move-on-inner-image img { margin: 0 auto; } 

	.section-inner-body p br,
	.move-on p br,
	.inner-intro8:after,
	.move-on-inner:after { display: none; }


	.section-dialogue .section-inner-body { padding-bottom: 0; }  

	.dialogue-message { margin-top: 15px; }

	.dialogue-message-image { height: 90px; width: 90px; }

	.dialogue-message-content { float: none; font-size: 16px; margin: 13px 120px 0; }

	.dialogue-message:nth-child(2n) .dialogue-message-content { float: none; margin: 0 120px; }
	.dialogue-message:nth-child(2n+1) { margin-top: 30px; }
	
	.section-dialogue .section-inner-body p,
	.move-on p { font-size: 16px; }

	.got-questions { font-size: 21px; }

	.section-dialogue { padding: 50px 0; }

	.solution .feature-price { text-align: center; }

	.client-modifications li { float: none; width: auto; }

  .create-website { padding: 0; }

  .create-website-head { padding-top: 15px; }
  .create-website-head h1 { font-size: 28px; padding-bottom: 20px;}
  .create-website-head .live-demo-steps-count { padding: 45px 0; margin-bottom: 15px; }
  
  .create-website-entry { padding-bottom: 30px; }
  .create-website-entry .h2 { padding-bottom: 20px; }

  .pj-signup-dialog { max-width: none; left: 18px; right: 18px; }

  .pj-signup-support { padding: 0 15px; }

  .tableLicensesSecondary .licensePrice { font-size: 32px; }
  
  .tableLicenses th { padding-bottom: 15px; }

  .tableLicenses th,
  .tableLicenses td { width: 240px; }

  .selected-plan { padding: 0; }

  .tableLicensesSecondary p { font-size: 15px; }
}

@media (max-width:768px) {
	.v-about3-category>a .v-about3-caption-holder {padding-top:60px }

	.v-about3-category-image {margin-bottom:10px } 

	.v-about3-contact a {display:inline-block; margin-top:20px }

	.v-about3-close {float:left; margin-right:20px; margin-top:20px } 

	.get-over-here { float: none; }
	.v-features6-feature-reverse ul {padding:10px 0 0 35px; }
	.v-features6-feature-reverse ul .glyphicon {top:0; left:-35px; right: auto; } 
	.dark-ribbon { padding: 15px 0; }
	.dark-ribbon .h4 .button { margin-top: 15px;  }
	
	.da-slider .heading,
	.da-slider .slide-content { padding-left: 9%; }

	.guy { margin-bottom: 100px; }

	.tableLicenses .desktopHidden {display:block }
	.tableLicenses .mobileHidden {display:none }
	.tableLicenses td.desktopHidden {display:table-cell }
	.tableLicenses tr.desktopHidden {display:table-row }
	.articleDetails .articleAside,.articleTutorialPost .articleAside,.formComment .formAside,.sectionPricing .sectionSubsectionImage {display:none }
	.tableLicenses .btnBordered {padding:0 10px }
	.tableLicenses .btnBordered .ico {margin-left:5px }

	.testimonial-slider .flex-direction-nav { text-align: center; width: 100%; }

	.about-section .h3,
	.about-section h3 {  font-size: 26px; }
	
	.benefit3,
	.benefit { padding: 20px; }
	
	.about-category .h3,
	.about-category h3 { text-overflow: ellipsis; position: relative; white-space: nowrap; overflow: hidden; }

	.inner-intro { padding-top: 15%; }
	.inner-intro h1 { font-size: 30px; padding-bottom: 20px; }
	.inner-intro p { font-size: 18px; }

	.inner-intro-image3 {padding-top: 23%;}

	.inner-intro-secondary { padding-top: 12%;} 

	.inner-intro3 { padding-top: 9%; }
	.inner-intro3 h1 { padding-bottom: 15px; }
	.inner-intro3 p br { display: none; font-size: 18px; }

	.hiw-steps { padding: 0; }
	
	.slide-image-background-3 { background: transparent; text-align: center;}
	.slide-image-background-3 .websites-slider-image { display: none; }
	.slide-image-background-3 .websites-slider-content { width: 100%; }  

	.websites-slider-content { padding: 30px 0 50px; } 

	.websites-list-vevs { margin-top: 40px; }

  .tableLicensesSecondary p { font-size: 15px; }
}

@media (max-width:767px){
	.v-portfolio5-project-hover {padding:15px 5px 5px }
	.v-portfolio5-project-hover strong {font-size:1.5em; padding-bottom:10px }
	.v-portfolio5-project-hover p {padding: 0 5px }

	.guy { margin-bottom: 70px; }

	.mobile-menu { display: block; float: right; width: 38px; height: 38px; background: url(../images/mobile-menu.png) no-repeat 0 0; background-size: 38px 38px; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 14px;}
	.popup-form .h4 { padding-bottom: 20px; font-size: 1.2em; margin: 0; }
	.popup-form .h4 br { display: none; }  
	.popup-form .row + .row {margin-top: 0px; } 
	.popup-form .submit-button { margin-top: 20px; }

	.root-intro { height: 320px; }
	.root-intro-content { top: 50px; }
	.root-intro-content h1 { font-size: 24px;padding-bottom: 30px;}
	.root-intro-content h2 { font-size: 21px; }
	.root-intro-content p { font-size: 16px; line-height: 28px; }
	.root-intro-content br { display: none; }
	
	.da-slider2 .da-slide .slide-content,
	.da-slider2 .da-slide .heading { padding-left: 0; }
	
	.benefit3,
	.benefit { min-height: 0; }

	.hpnav-mobile { top: 12px;}

	.header-tertiary .logo { background: rgba(0, 0, 0, 0) url("../images/logo-tertiary.png") no-repeat scroll 0 0; background-size: 120px 35px; height: 35px; margin: 10px 0; width: 120px; }

	.header-tertiary .header-primary-nav > li > .btn-group > a, 
	.header-tertiary .header-primary-nav > li > a { font-size: 14px;}

	.features-row { margin-bottom: 30px; }
	
  body { padding-top: 66px; }
  body .section-secondary { margin-top: 0!important; padding-top: 0;}

  .v-about3-sub-title h2 { font-size: 26px; }

  .v-faq-tabs-head { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
  .v-faq-tabs-head li { float: none; display: block; border-top: 1px solid #ccc; }
  .v-faq-tabs-head a { display: block; padding: 8px; text-align: center;} 

  .v-faq-panel { padding-left: 0 } 
  .v-faq-panel .icon-question-circle {display:none } 
  .v-faq-panel .v-faq-panel-heading > .glyphicon { display: none; }

  .v-faq-panel-heading p { font-size: 17px; line-height: 21px; }

  .v-faq-panel-body { font-size: 14px; line-height: 21px; }
  .v-faq-panel-media {margin:0 0 15px; float:none } 

  .v-faq-tabs-content { border-color: #ccc; }

  .copyright { font-size: 12px; }

  .section-head { padding-bottom: 20px; } 

  .v-portfolio5-projects li { width: 50%; } 
  .v-portfolio5-projects-2-cols li { margin-left: 0; }
  .v-portfolio5-project-hover { padding-top: 50px; }

  .header-tertiary .header-primary-nav > li > .btn-group > a > span, 
  .header-tertiary .header-primary-nav > li > a > span { display: inline-block; }

	.v-timeline-holder { margin: 0; padding: 0!important;}
    .v-timeline-holder:nth-child(odd) .v-timeline-timeline-col,
	.v-timeline-holder .v-timeline-timeline-col {padding:0; border:0; text-align: center; padding-bottom:35px }
	.v-timeline-holder:nth-child(odd) .v-timeline-timeline-col .v-timeline-date,
	.v-timeline-holder .v-timeline-timeline-col .v-timeline-date {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin: 10px 0 0  }
	.v-timeline-icon { display: none;}

	.yt-video-body iframe { height: 400px; }
		
	.intro { padding-bottom: 0; }
	.intro-content { text-align: center; padding-left: 0;}
	.intro-content br { display: none; }
	
	.white-ribbon { text-align: center; }
	.white-ribbon .col-1of4,
	.white-ribbon .col-3of4,
	.white-ribbon .col-2of4 { float: none; display: inline-block; }
	.white-ribbon .col-2of4 { margin-bottom: 15px; }
	
	.blog-post:before,
	.intro-image br { display: none; }

	.intro2 .intro-content h1 { margin-bottom: 15px; }
	
	.section-entry-content,
	.section-entry .section-entry-content.text-right { text-align: center; }

	.tableLicensesHeading td { font-size: 16px; }

	.section-inner-head h2 { font-size: 24px; }
	.section-inner-head p { font-size: 16px; }

	.inner-intro { padding-top: 20%; }
	.inner-intro h1 { font-size: 28px; padding-bottom: 20px; }
	.inner-intro p { font-size: 17px; }

	.inner-intro:before {bottom: -15px; margin-left: -15px; border-top: 15px solid #193d61; border-left: 14px solid transparent; border-right: 14px solid transparent; }
	.inner-intro-image2:before {bottom: -15px; margin-left: -15px; border-top: 15px solid #5d5c5e; border-left: 14px solid transparent; border-right: 14px solid transparent; }
	.inner-intro6:before {bottom: -15px; margin-left: -15px; border-top: 15px solid #130610; border-left: 14px solid transparent; border-right: 14px solid transparent; }

	.inner-intro-secondary { padding-top: 15%; }

	.promo-features p { font-size: 16px; }

	.section-inner-body .h3 { font-size: 28px; }

	.inner-intro3 { padding-top: 5%; }

	.list-vevs li,
	.section-inner-body-content p { font-size: 16px; }

	.vevs-website-list li { width: 50%; }

	.dark-ribbon2 p { font-size: 21px; } 

	.section-dark ul li { width: 50%; }

	.generated-logos2 .col-md-3.col-sm-4.col-xs-6 { text-align: center; }

	.dashboard-column { text-align: center!important; }
	.dashboard-column + .dashboard-column { padding-top: 10px; }

	.switch-to h2,
	.free-features h2 { font-size: 21px; }

	.free-features li p { font-size: 16px; }

	.switch-to p { font-size: 16px; } 
	.switch-to p br { display: none; }
	
	.features-list .description ul li { padding-left: 0; text-align: center; }
	.features-list .description li:after { display: none; }
	
	.sticker-holder { margin-left: -15%; width: 30%; }

	.comment-form .form-row { padding-bottom: 0; }
	.comment-form .form-control { margin-bottom: 15px; }

	.main-blog-post-head h1 { font-size: 30px; }

	.main-blog-post-nav .col-sm-6 { text-align: center; } 
	.main-blog-post-nav .col-sm-6 + .col-sm-6 { padding-top: 15px; }

	.modal-sub .modal-dialog { margin-top: 30px; }

	.blog-posts .blog-posts-single { width: auto; margin: 0 15px; }

	.blog-post-dummy { height: 225px; }
	.blog-post-dummy p { font-size: 21px; padding-top: 50px;}

	.section-extras { padding: 30px 0; }

	.inner-intro-image5 { padding-top: 15%; }

	.blog-post-table-customer li { width: 100%; }

	.contact-info-list li { float: none; width: auto; padding-bottom: 10px; }

	.widget { padding: 0 0 15px; }

	.tableLicensesSecondary th:first-child,
	.tableLicensesSecondary td:first-child { display: none; }

	.tableLicensesSecondary .licenseTitle { letter-spacing: 0; }
	.tableLicensesSecondary .licenseTitle:after { margin-left: -35px; width: 70px; }

	.websites-mega-dropdown-menu .container { max-height: 312px; overflow: auto; }
	
	.websites-header,
	.websites-header.active { padding: 15px; }
	
	.websites-header-primary2 .hpnav-mobile,
	.websites-header .hpnav-mobile { display: block; }  

	.websites-header-primary2 .hpnav-mobile { top: 5px; }

	.websites-header-primary-nav { position: absolute; top: 100%; right: 0; float: none; background-color: #fff; width: 100%; padding: 8px 15px; margin-top: -15px; opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); }
	.websites-header-primary-nav.active { margin-top: 0; opacity: 1; visibility: visible; }

	.newsletter { margin-top: 15px; }
	.newsletter .field,
	.newsletter .button { width: 280px; float: none; margin: 15px auto 0; display: block; }

	.modal-dialog-websites { width: auto; }

	.popup-websites-support-content { padding-bottom: 15px; }  

	.popup-websites-form,
	.popup-websites-support { padding: 15px; }

	.popup-websites-form p { margin-bottom: 15px; }

	.popup-form .submit-button { margin-top: 10px; }
		
	.websites-slider-content ul li:after,
	.websites-slider-image.active,
	.websites-slider-image { display: none; }

	.websites-slider-content { text-align: center; }

	.slide-image-background-3 { background: transparent; }

	.websites-slider .slide { padding-top: 66px; }

	.websites-header-primary2 .websites-header-primary-nav { z-index: 5; }

	.website-builder .about-logos { padding-top: 30px; }
	.website-builder .about-logos p { padding-bottom: 15px; }

	.websites-header-primary-nav.active { padding-bottom: 17px; padding-top: 17px; }

	.websites-header-primary2 .websites-mega-dropdown-menu { top: 57px; }

	.form-alert { width: 280px; margin: 15px auto 0; }

  .contact-form-holder { float: none; width: auto; } 

  .live-demo-steps-intro { width: auto; float: none; padding: 15px; } 

  .live-demo-content-body2 .contact-form { padding: 15px; }

  .live-demo-content-body2:before,
  .live-demo-content-body2:after { display: none; }

  .create-website-entry { padding-bottom: 15px; }
  .create-website-body .form-group { margin-bottom: 15px; }

  .create-website-templates li { width: 33.3333%; }

  .pj-signup-col { float: none; width: auto; padding-bottom: 30px;}

  .pj-signup-support-image { text-align: center; }

  .pj-signup-dialog { text-align: center; top: 5%;}

  .pj-signup-details li { padding-left: 0; }
  .pj-signup-details li i { display: none; }

  .pj-signup-inner { padding-bottom: 0;}  

  .pj-signup-details-title-error { padding-top: 0; }

  .pj-signup-dialog:after { display: none; }

  .pj-signup-waiting,
  .pj-signup-action,
  .pj-signup-details { background: url(../images/pj-signup-bg.jpg) no-repeat center center; background-size: cover; }
  
  .pj-signup-details,
  .pj-signup-action { padding-top: 30px; }

  .pj-signup-support-person { width: 322px; margin: 0 auto; }

  .pj-signup-details-created { padding-bottom: 0; }

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

@media (max-width: 650px) {
	.da-slider .heading h2, .da-slider .heading h1 { font-size: 38px!important; }

	.heading h1, .heading h2  { font-size: 24px; }

	.button-arrow { margin-top: -7px; }

	.tableLicenses .licenseTitle,.tableLicenses p strong {font-size:14px }
	.tableLicenses th {height:44px }
	.tableLicenses .btnBordered {height:40px; font-size:14px; line-height:38px }
	.tableLicenses .licensePrice {font-size:18px } 
	.tableLicenses .licensePrice del,.tableLicenses .licensePrice strong {font-size:12px }
	.tableLicenses .licensePrice span {font-size:16px }
	.tableLicenses .tableLicensesActions .button { padding-left: 0; padding-right: 0; display: block;}
	.tableLicenses td.mobileForShow {display:none }
	.tableLicenses td.notHidden {display:table-cell }

	.developer-license { padding: 180px 0 20px 0px; }
	.developer-license { background: #f6f6f6 url(../images/developer-license.png) no-repeat center 0px; }

	.developer-license-vrw { background: #f6f6f6 url(../images/developer-license-vrw.png) no-repeat center 0px; }
	.developer-license-jrw { background: #f6f6f6 url(../images/developer-license-jrw.png) no-repeat center 0px; }
	.developer-license-crw { background: #f6f6f6 url(../images/developer-license-crw.png) no-repeat center 0px; }
	.developer-license-ybw { background: #f6f6f6 url(../images/developer-license-ybw.png) no-repeat center 0px; }
	.developer-license-rew { background: #f6f6f6 url(../images/developer-license-rew.png) no-repeat center 0px; }
	.developer-license-hpw { background: #f6f6f6 url(../images/developer-license-hpw.png) no-repeat center 0px; }
	.developer-license-cpw { background: #f6f6f6 url(../images/developer-license-cpw.png) no-repeat center 0px; }
  .developer-license-stw { background: #f6f6f6 url(../images/developer-license-stw.png) no-repeat center 0px; }
	.developer-license-hsw { background: #f6f6f6 url(../images/developer-license-hsw.png) no-repeat center 0px; }

	.header-tertiary .header-primary-nav > li > .btn-group > a, 
	.header-tertiary .header-primary-nav > li > a { font-size: 13px; }

	footer { height: 100px; padding-bottom: 0; }

	.copyright { float: none; text-align: center; padding-top: 0; padding-bottom: 18px;}

	.footer-logo { display: block; margin: 0 auto; float: none; }

	.v-features6-feature { padding-bottom: 0; }
	.v-features6-feature h4, .v-features6-feature .h4 { font-size: 26px; }

	.dark-ribbon .h4 { font-size: 21px; margin: 0;}
	.dark-ribbon .h4 small { display: block; font-size: 18px; line-height: 30px;}
	
	.v-about3-sub-title h2,
	.developer-license h4,
	.developer-license .h4,
	.section-head .h2,
	.section-head h2 { font-size: 24px; }

	.section-head .p,
	.section-head p { font-size: 16px; line-height: 24px;}
	
	.benefit3,
	.benefit { margin-bottom: 15px; }
	
	.header-primary-nav > li > .btn-group > a, 
	.header-primary-nav > li > a { padding-left: 10px; padding-right: 10px; }

	.dropdown-menu > li > a { padding: 10px;}

	.da-slider .heading h2 small, .da-slider .heading h1 small { font-size: 22px; }
 	
 	.panels-inline .panel { float: none; width: auto; }

 	.testimonial-slider .h4, 
 	.testimonial-slider .author,
 	.testimonial-media-slider .h4 { text-align: center; }

 	.testimonial-slider .quote { text-align: justify; }

 	.dark-ribbon .button { margin-top: 0; }  

 	.about-section .h3,
	.about-section h3 {  font-size: 24px; }

	.about-section h2 { text-align: center; }

	.list-bullet li em, 
	.list-vevs li em, 
	.about-section p em { font-size: 16px; }
	
	.list-bullet li,
	.list-vevs li,
	.about-section p { font-size: 14px; }

	.questions-answers-head h3 { font-size: 21px; }
	.questions-answers-body dt { font-size: 20px; }
	.questions-answers-body dt:before { width: 24px; height: 24px; font-size: 24px; line-height: 24px;}

	.promo-features li {display: block; width: auto; }

	.footer-inner .copyright { float: none; text-align: center; padding-bottom: 5px;}
	.footer-inner .socials { float: none; width: 148px; margin: 15px auto 10px; padding-left: 0;}

	.footer-logo { float: none; display: block; margin: 10px auto 0; }

	footer { height: 140px; padding-top: 20px; }

	.dear-customer { padding: 15px;}

	.main-blog-post-head h1 { font-size: 24px; }

	.main-blog-post-image { padding: 0; }

	.main-blog-post-body-image { padding: 0 0 20px; }

	.inner-intro-image5 { padding-top: 15%; }

	.root-intro-secondary .root-intro-content-sms-not { top: 60px; }

	.website-col { width: 100%; }

	.website-box-content-inner { height: auto; overflow: auto; }

	.websites-mega-dropdown-menu .container { max-height: 190px; overflow: auto; }

	.welcome { padding: 15px 0; }
	.welcome:after {border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #f3f8ff; bottom: -20px; margin-left: -30px; }
	.welcome h3 { font-size: 24px; }
	.welcome p { font-size: 16px; }
	
	.feature-on-section .section-head,
	.websites-features .section-head { padding-top: 0; }

	.dark-ribbon.root-main br { display: none; }
	.dark-ribbon.root-main a { margin-left: 0; }

	.website-col { padding-bottom: 50px; }

	.feature-on-section .feature-on-list li { padding-bottom: 30px; }

	.websites-footer { padding-bottom: 20px; padding-left: 0; padding-right: 0; }
	.websites-footer .socials { padding-left: 0; padding-bottom: 10px; }

	.websites-slider-content h2, 
	.websites-slider-content h1 { font-size: 32px; }

	.website-builder .websites-about-list > div { width: 100%; } 
	
	.newsletter { margin-bottom: 10px; margin-top: 0; }
	.newsletter .button { margin-top: 15px; }
	
	.client { text-align: center; }

	.client-image { float: none; padding-right: 0; padding-bottom: 15px; }
	.client-info { padding-bottom: 15px; }

	.client-testimonial-image { float: none; padding-right: 0px; padding-bottom: 10px; }

  .create-website-templates li { width: 50%; }

  .create-website-templates { padding-top: 0px; }  

  .flag-list li { margin-right: 8px; }
}

@media (max-width: 560px) {
	.popup-form2 .list-about { padding-left: 0px; padding-bottom: 0;}

	.root-intro-content .container > .button { display: none; }

	.section-body p:first-child { font-size: 18px; }
	.section-body p:first-child a {font-size: 16px; }
	
	.questions-answers-head { padding-bottom: 0; }
	.questions-answers-head h3 {font-size: 18px; }

	.questions-answers-body dt { padding-left: 0; font-size: 16px; margin-bottom: 0;}
	.questions-answers-body dt:before { display: none;}
	.questions-answers-body dd { padding: 0; }
	.questions-answers-body dd p { font-size: 14px; }

	.section-inner .licenseTitle img { width: 100%; height: auto; display: block; }

	.section-inner .tableLicensesHead th { padding-left: 5px; padding-right: 5px; }

	.tableLicensesHeading td { font-size: 14px; }

	.section-inner-head { padding: 15px 0; }
	.section-inner-head h2 { font-size: 22px; }
	.section-inner-head p { font-size: 15px; }

	.inner-intro { padding-top: 30%; }
	.inner-intro h1 { font-size: 24px; padding-bottom: 20px; }
	.inner-intro p { font-size: 16px; }

	.promo-features p { font-size: 15px; }

	.inner-intro-secondary { padding-top: 20%; }

	.section-inner-body .h3 { font-size: 21px; }

	.inner-intro3 { padding-top: 7%; }

	.comment { padding-left: 0; }

	.comment-image { display: none; }

	.hpnav-mobile { top: 4px; }

	.inner-intro-image5 { padding-top: 15%; }

	.websites-header-primary-nav > li > a { font-size: 16px; }
	.websites-header-primary-nav > li + li { padding-left: 20px; }
	.websites-header-primary-nav > li > a span { font-size: 10px; }

	.websites-mega-dropdown-menu a { font-size: 14px; }
	.websites-mega-dropdown-menu li { padding-top: 5px; padding-bottom: 5px; }

	.websites-mega-dropdown-menu .container { max-height: 155px; }

	.websites-list-vevs li { display: block; width: auto; }

	.dialogue-message-image { height: 60px; width: 60px;}

	.dialogue-message:nth-child(2n) .dialogue-message-content,
	.dialogue-message-content { margin: 0 0 0 70px; }

	.dialogue-message:nth-child(2n) .dialogue-message-image { float: left; }

	.dialogue-message-content:after { top: 25px; margin-top: 0; }

	.dialogue-message:nth-child(2n) .dialogue-message-content:after {  border-right: 12px solid #1e3d65; border-left: 0 none; right: auto; left: -12px; }

	.section-dialogue { padding: 30px 0; } 

  .selected-plan .col-xs-6.col-xs-offset-3 { margin: 0; width: 100%; }
}

@media (max-width: 480px) {
	.v-about3-category > a .v-about3-caption-holder {padding-top:95px } 

	.button-arrow { display: none; }

	#features br,
	.v-about3-caption-holder span { display: none; }
	.heading h1, .heading h2 { font-size: 21px!important; }
		
	.posted-reply,
	.posted-box { width: 100%; }
	
	.mobile-block { display: block; margin-top: 15px; }

	.da-slider .heading h2, .da-slider .heading h1 { font-size: 28px!important; text-align: center;}
	
	.da-slide .slide-content { bottom: 80px!important; }
	
	.da-slider .heading, .da-slider .slide-content { padding-left: 0; width: 85%!important; text-align: center;}
	
	.root-intro { height: 280px; }
	.root-intro-content { top: 35px; }
	.root-intro-content h1 { font-size: 21px; line-height: 32px; padding-bottom: 15px!important; margin-bottom: 0; margin-top: 10px;}
	.root-intro-content h2 { font-size: 18px; }
	.root-intro-content p { font-size: 15px; line-height: 28px; }

	.root-main br,
	.root-intro-content br,
	.da-slider .heading br, 
	.da-slider .slide-content br,
	.da-arrows { display: none; }
	.root-main .dark-ribbon .button { display: block; max-width: 240px; margin: 15px auto 2px; }

	.heading.text-center { font-size: 18px; }

	.v-about3-category { min-height: 260px; padding-bottom: 0; }

	.guy { margin-bottom: 40px; }

	body { overflow-x: hidden; }
	.root-main { overflow: hidden; }

	.v-portfolio5-projects li { width: 100%; display: block; } 
    .v-portfolio5-project-hover { padding-top: 75px; }
	
	.yt-video-body iframe { height: 180px; }

	.about-section .h3,
	.about-section h3 {  font-size: 21px; }

	.section-inner .tableLicensesHead th, 
	.section-inner .tableLicenses td { width: 60px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;}
	
	.inner-intro { padding-top: 35%; } 

	.inner-intro-secondary { padding-top: 30%; }

	.promo-features p { font-size: 14px; }

	.inner-intro3 { padding-top: 6%; }

	.vevs-website-list li { margin: 0 0 15px; width: 100%; }
	
	body { margin-bottom: 0; }

	footer { height: 160px; position: relative; bottom: auto; left: auto; }

	.vevs-list li, 
	.section-dark ul li { width: 100%; }

	.inner-intro-image4 { padding-top: 26%; }
} 

@media (max-width:479px) {
	.v-faq-tabs-head a .i {margin:-2px 5px 2px 0; width:16px; height:16px } 
	.v-faq-tabs-head a {padding:7px 8px 5px; font-size:14px } 

	.v-faq-tabs-content {padding:10px 15px } 

	.v-faq-panel {padding-top:5px; padding-bottom:5px } 

	.header-primary-nav span { display: none; }
	
	.header-primary-nav > li { border: 0; }
	.header-primary-nav > li > .btn-group > a, 
	.header-primary-nav > li > a { font-size: 13px; padding-left: 7px; padding-right: 7px; text-transform: none; }

	.header-tertiary .header-primary-nav > li > .btn-group > a, .header-tertiary .header-primary-nav > li > a { text-transform: none; }

	.logo { margin-left: -8px; }

	.header-primary-nav { margin-right: -8px;}

	.copyright { padding-bottom: 15px; }
	
	.header-primary-nav .dropdown-menu > li > a span,
	.header-tertiary .header-primary-nav span { display: none; }
	.header-tertiary .logo { background: rgba(0, 0, 0, 0) url("../images/vevs-logo.png") no-repeat scroll 0 0; height: 21px; margin-top: 9px; width: 75px; margin-left: -8px; }

	body .section-secondary .section-head,
	body > .container > .section-head { padding-top: 25px; }
    body > #faq,
    body > #features,
    body > #pricing { margin-top: 53px; } 

    body > .container > .section-head2 { padding-top: 80px; }

    .mobile-solution-image img { max-width: 100%; height: auto; }

    .details {padding: 10px; }
    .details ul { padding: 0; }
    .details li { padding-left: 0; }
    .details li i { display: none; }
    .details a { text-overflow: ellipsis; display: inline-block; position: relative; }

    .section-body p:first-child { font-size: 16px; }
	.section-body p:first-child a {font-size: 14px; }

	.section-inner-head h2 { font-size: 21px; }
	.section-inner-head p { font-size: 14px; }

	.hiw-step:nth-child(1),
	.hiw-step:nth-child(2),
	.hiw-step:nth-child(3),
	.hiw-step { padding: 0 0 20px; text-align: center;} 
	.hiw-step:nth-child(2) {background: transparent; }

	.hiw-step-image { position: relative; width: auto; left: auto; top: auto; }
	.hiw-step-image img { display: none; }
	
	.section-hiw h2,
	.section-dark h2,
	.section-entries h2,
	.section-benefits h2 { font-size: 28px; }

	.generated-logos2 .col-md-3.col-sm-4.col-xs-6 { width: 100%!important; }

	.generated-logos2 .generated-logo2 {height: 290px; width: 290px; }

	.header-tertiary .header-primary-nav > li > .btn-group > a, 
	.header-tertiary .header-primary-nav > li > a { min-width: 90px; }

	.header-primary-nav { right: 15px; }

	.extra-service-content h2 { font-size: 21px; }

	.inner-intro-image5 { padding-top: 15%; }

	.websites-mega-dropdown-menu li { width: 100%; }

  .create-website-templates li { width: 100%; }

  .pj-signup-inner { padding-left: 0; padding-right: 0; }

  .pj-signup-support-words { font-size: 16px; }

  .pj-signup-support-image { float: none; }
  .pj-signup-support-image img { margin: 0 auto; }

  .pj-signup-support-person-desc { padding-left: 0; float: none; }  

  .pj-signup-support-person { width: auto; padding-top: 30px;}
  
  .pj-signup-details-created,
  .pj-signup-details-title, .pj-signup-waiting-title, .pj-signup-form-title { font-size: 17px; }

  .pj-signup-waiting-title { padding-top: 0; }

  .pj-signup-details-created { padding-bottom: 30px; }
  .pj-signup-details-created br { display: none;  }
} 

@media (max-width: 450px){
	.v-portfolio5-project-hover strong { font-size: 18px; }

	.popup-form { padding-left: 0; padding-right: 0; padding-bottom: 30px; }

	.faq-tabs-nav { padding: 20px 0; }
	.faq-tabs-nav li { padding: 0; display: block; }
	.faq-tabs-nav li + li { margin-top: 10px; }

	.faq-tabs-nav a { width: 100%; }
		
	.questions-answers .answer:after,
	.questions-answers .question,
	.questions-answers .question:after { font-size: 18px; }
	.questions-answers li { padding-bottom: 20px; }  

	.inner-intro .tac {padding-top: 80px; }

	.inner-intro-image5 { padding-top: 15%; }

	.root-intro-secondary .root-intro-content-sms-not { top: 40px; }

	.website-col { padding: 0 0 50px; }
	
	.websites-header-primary-nav { padding-bottom: 0; }
	.websites-header-primary-nav > li + li { padding-left: 0px; }
	.websites-header-primary-nav > li { padding-right: 20px; padding-bottom: 10px; }
}
@media (max-width: 394px) {
	.btn-spinner-result { width: 100%; border-right: 1px solid #c3c5c7; border-radius: 5px 5px 0 0; }
	.btn-spinner-down { width: 50%; border-top: 0; border-radius: 0 0 0 4px !important; }
	.btn-spinner-up { width: 50%; border-top: 0; border-radius: 0 0 4px 0; }
}
@media (max-width: 370px) {
	.da-slide .slide-content { bottom: 70px!important; }
	.slide-content .da-buttons { margin-bottom: 0; }  
	.slide-content .da-buttons .button { width: 47%; padding-left: 0; padding-right: 0;}  

	.root-intro-content h1 { font-size: 18px;}
	.root-intro-content h2 { font-size: 16px; margin-bottom: 8px; }
	.root-intro-content p { font-size: 14px; }
	.root-intro-content br { display: none; }

	.v-about3-category { min-height: 220px; padding-bottom: 0;  }

	.v-about3-sub-title h2 { font-size: 24px!important; }

	.v-faq-tabs-head a { padding-top: 4px; padding-bottom: 4px; }
	.v-faq-tabs-head a .i { margin: 5px 5px -5px 0; width: 22px; height: 22px; }
	.v-faq-tabs-head a .i img { width: 100%; height: auto; }

	.v-portfolio5-project-hover strong { font-size: 16px; }

	.header-tertiary .header-primary-nav > li > .btn-group > a > span, 
	.header-tertiary .header-primary-nav > li > a > span { display: none; }
	
	.contact-us-form .message-box,
	.contact-us-form .message-box-success { padding: 5px 8px; }
	.contact-us-form .message-box-success:after { display: none; }

	.footer-inner .socials { margin-top: 12px; }

	.inner-intro-image3 { padding-top: 49%; }

	.main-blog-post-body ul { padding-left: 0; }

	.da-slide .heading.heading-slide3 { top: 10px!important; }
	.da-slide .heading.heading-slide2 { top: 40px!important; }
} 

@media (max-width: 320px) {
	
	.v-portfolio5-project-hover strong { font-size: 14px; }

	.v-about3-sub-title h2 { font-size: 21px!important; }

	.v-features6-feature h4,
	.v-features6-feature .h4 { font-size: 20px; }
	.v-faq-panel-heading p { font-size: 18px; line-height: 1.3em;  }

	.dark-ribbon .h4 { font-size: 24px;}
	.dark-ribbon .h4 small { font-size: 18px; }

	.da-slider2 .da-slide .heading { top: 50px!important; }
	.da-slider .da-slide2 .heading h1 small, .da-slider .da-slide2 .heading h2 small,
	.da-slider .heading h2 small, .da-slider .heading h1 small { font-size: 21px!important; }

	.logo-secondary { margin-left: -5px; }

	.hsnav-mobile { right: 10px; }

	.inner-intro-image4 { padding-top: 32%; }

	.root-intro-secondary .root-intro-content-sms-not { top: 20px; }

	.websites-header-primary2 .hpnav-mobile { right: 10px; } 
}