/* Theme Name: YO Theme Theme URL: ----------------------- Description: YO theme. Author: Kai Kamegaya Version: 1.00 */ /*RESET STYLE*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;} /*General Styles*/ html {font-family:'Maven Pro', sans-serif;} p {font-size:1em; line-height:1.52em; letter-spacing:0.01em;font-family:'Maven Pro', sans-serif;} h1,h2,h3,h4,h5 {font-weight:700;font-family:'Roboto Slab', serif; text-transform: uppercase;} a:link, a:visited {text-decoration:underline;color:#333;} strong {font-weight:bold;} h1 .put-color {color:#064b5f;} h2 .put-color {color:#064b5f;font-weight:bold;} .page-header span {font-size:1.5em;color:#064b5f;line-height:1em;text-align:left;font-weight:bold;} strong {font-weight:bold;} .the-text a:link, .the-text a:visited {font-weight:bold;color:#064b5f;} img {image-rendering: -webkit-optimize-contrast;} /*Main container--------------------------------------------------------------*/ #outerWrapper {margin:0 auto;width:100%;background-color:#FFF;overflow:hidden;} .page #content {width: 100%;overflow:hidden;} /*Header----------------------------------------------------------------------*/ header {background-color:#000;width:100%;} header .header-top {background-color:#333;width:100%;} header .header-top .header-top-content {width:70%;height:auto;overflow:auto;margin:0 auto;color:#fff;overflow:auto;padding:10px 0;line-height:0.9em;} header a:hover {opacity:0.8;} .mobile-space {height:0px;height:auto;} .top-header-left {font-size:1em;letter-spacing:0.05em;display:inline-block;float:left;line-height: 1.2em;width:60%;margin-bottom:0px;} .top-header-left .fa {margin-right:5px;font-size:1.2em;} .top-header-left span, .top-header-right .fa {vertical-align:-webkit-baseline-middle;} .top-header-left a:link, .top-header-left a:visited {color:#fff;text-decoration:underline;font-weight:bold;} .top-header-right {font-size:1.8em;letter-spacing:0.05em;display:inline-block;float:right;} .top-header-right .fa {color:#fff;margin:0 5px;} header .logo-container {width:250px;height:auto;overflow:hidden;display:inline-block;float:left;} header .logo-container img {width:100%;height:auto;padding:10px 0;} header .logo-container a:hover {opacity:1;} .nav-holder {background-color:#064b5f;width:100%;} nav {width:70%;height:auto;overflow:auto;margin:0 auto;color:#fff;display:block;} nav .menu {width:auto;overflow:auto;float:right;} header nav .menu li {display:inline-block;list-style:none;float:right;vertical-align:-webkit-baseline-middle;} header nav .menu li a:link, header nav .menu li a:visited {display:inline-block;padding:24px 10px;color:#fff;font-size:0.8em;line-height:0.9em;font-weight:500;letter-spacing:0.075em;text-decoration:none;} header nav .menu li.current-menu-item a:link,header nav .menu li.current-menu-item a:visited {opacity:0.8;} #shiftnav-toggle-main {background:#064b5f !important;} .shiftnav-inner {background:#333 !important;} .shiftnav-inner ul li a:link, .shiftnav-inner ul li a:visited {color:#fff !important;} .shiftnav-inner ul li a:hover {background:#064b5f !important;} #shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {padding:10px 12px !important;} #shiftnav-toggle-main.shiftnav-toggle-main-align-center .shiftnav-main-toggle-content {display:none !important;} /*Content-General--------------------------------------------------------------------*/ .clearfix {width:100%;height:100px;} #contentWrap {width:100%;overflow:auto;margin:0 auto;background-color:#eee;} #content {width:100%;} /*Content-Index--------------------------------------------------------------------*/ #websites {width:100%;background-image:url(images/bg1.jpg);background-position:left;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} #websites .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #websites .page-content img {display:none;margin:50px auto 0px;width:100%;height:auto;} #websites .page-content-left, #websites .page-content-right {width:50%;height:100%;float:left;} #websites .page-content-left .h1-pc {font-size:4em;margin:100px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;} #websites .page-content-left .h1-mob {font-size:2.5em;margin:30px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;text-align:center;display:none;} #websites .page-content-left h2 {font-size:1.25em;line-height:1.5em;display:inline-block;width:100%;font-weight:400;margin:1em 0 2em;color:#666;text-align:left;} #websites .page-content-left a:link,#websites .page-content-left a:visited {text-decoration:none;background-color: #064b5f;color:#fff;display:inline-block;border-radius:5px;padding:20px 50px;box-shadow:1px 1px 5px #000;margin-bottom:100px;font-size:1em;width:100px;text-align:center;font-family:'Roboto Slab', serif;} #websites .page-content-left a:hover {background-color: #00a9a2;;} #websites .page-content-right .usp-circle {width:300px;height:200px;padding:50px 0;border-radius:900px;background-color:#064b5f;color:#fff;display:block;text-align:center;box-shadow:1px 1px 5px #000;position:relative;margin-top:60%;float:right;} #websites .page-content-right .usp-circle span {vertical-align:-webkit-baseline-middle;} #websites .page-content-right .first-line {font-size:5em;line-height:1em;font-family:'Halant',serif;font-weight:700;} #websites .page-content-right .second-line {font-size:2.8em;line-height:1.5em;font-family:'Halant',serif;font-weight:700;} #websites .page-content-right .third-line {font-size:1.5em;line-height:1.1em; font-family: 'Roboto Slab', serif;font-weight:500;} #websites .page-content-right .forth-line {font-size:1.5em;font-family: 'Roboto Slab', serif;font-weight:500;} #three-benefits {background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} #three-benefits .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #three-benefits .page-content h1 {font-size:2em;line-height:1.5em;text-align:center;margin-top:50px;margin-bottom:0px;font-family:'Maven Pro', sans-serif;} #three-benefits .benefits {width:27.333%;height:auto;margin:0px 1%;float:left;padding:2%;} #three-benefits .benefits img {width:100px;height:auto;margin:0 auto;display:block;} #three-benefits .benefits h2 {text-align:center;font-size:1.35em;color:#064b5f;line-height: 1.25em;margin:1em 0;} #three-benefits .benefits p {text-align:center;width:80%;margin:0 auto;} .benefits a:link, .benefits a:visited {text-decoration:none;font-weight:bold;} #blogs {width:100%;background-image:url(images/bg2.jpg);background-position:right;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} #blogs .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #blogs .page-content img {display:none;margin:50px auto 0px;width:100%;height:auto;} #blogs .page-content-left, #blogs .page-content-right {width:50%;height:100%;float:left;} #blogs .page-content-left .usp-circle {width:300px;height:200px;padding:50px 0;border-radius:900px;background-color:#064b5f;color:#fff;display:block;text-align:center;box-shadow:1px 1px 5px #000;position:relative;margin-top:60%;} #blogs .page-content-left .usp-circle span {vertical-align:-webkit-baseline-middle;} #blogs .page-content-left .first-line {font-size:5em;line-height:1em;font-family:'Halant',serif;font-weight:700;} #blogs .page-content-left .second-line {font-size:2.5em;line-height:1.5em;font-family:'Halant',serif;font-weight:700;} #blogs .page-content-left .third-line {font-size:1.5em;line-height:1.1em; font-family: 'Roboto Slab', serif;font-weight:500;} #blogs .page-content-left .forth-line {font-size:1.5em;font-family: 'Roboto Slab', serif;font-weight:500;} #blogs .page-content-right .h1-pc {font-size:4em;margin:100px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;text-align:right;} #blogs .page-content-right .h1-mob {font-size:2.5em;margin:30px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;text-align:center;display:none;} #blogs .page-content-right h2 {font-size:1.25em;line-height:1.5em;display:inline-block;width:100%;font-weight:400;margin:1em 0 2em;color:#666;text-align:right;} #blogs .page-content-right a:link,#blogs .page-content-right a:visited {text-decoration:none;background-color: #064b5f;color:#fff;display:inline-block;border-radius:5px;padding:20px 50px;box-shadow:1px 1px 5px #000;margin-bottom:100px;font-size:1em;width:100px;text-align:center;float:right;font-family:'Roboto Slab', serif;} #blogs .page-content-right a:hover {background-color: #00a9a2;} #blogs .page-content-extra-left {width:100%;height:100%;float:left;display:none;} #blogs .page-content-extra-left .usp-circle {width:300px;height:200px;padding:50px 0;border-radius:900px;background-color:#064b5f;color:#fff;display:block;text-align:center;box-shadow:1px 1px 5px #000;position:relative;margin-top:60%;float:right;} #blogs .page-content-extra-left .usp-circle span {vertical-align:-webkit-baseline-middle;} #blogs .page-content-extra-left .first-line {font-size:5em;line-height:1em;font-family:'Halant',serif;font-weight:700;} #blogs .page-content-extra-left .second-line {font-size:2.8em;line-height:1.5em;font-family:'Halant',serif;font-weight:700;} #blogs .page-content-extra-left .third-line {font-size:1.5em;line-height:1.1em; font-family:'Maven Pro', sans-serif;font-weight:500;} #blogs .page-content-extra-left .forth-line {font-size:1.5em;font-family:'Maven Pro', sans-serif;font-weight:500;} #top-features {background: #fff; /* Old browsers */} #top-features .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #top-features .page-content h1 {font-size:2em;line-height:1.5em;text-align:center;margin-top:100px;margin-bottom:0px;font-family:'Maven Pro', sans-serif;} #top-features .benefits {width:27.333%;height:auto;margin:0px 1%;float:left;padding:2%;} #top-features .benefits img {width:100px;height:auto;margin:0 auto;display:block;} #top-features .benefits h2 {text-align:center;font-size:1.2em;color:#064b5f;line-height: 1.25em;margin:1em 0;} #top-features .benefits p {text-align:center;width:80%;margin:0 auto;} .clearBoth {clear: both;height: 0;} #other-services {background: #ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 99%);background:-webkit-linear-gradient(top, #ffffff 0%,#eeeeee 99%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 99%);/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 );} #other-services .page-content {width:80%;height:auto;margin:0 auto;overflow:hidden;} #other-services .page-content h1 {font-size:2em;line-height:1.5em;text-align:center;margin-top:100px;font-family:'Maven Pro', sans-serif;} #other-services .other-service {width:27.333%;height:auto;margin:0px 1% 30px;float:left;padding:2%;} #other-services .other-service img {display:block;margin:0 auto;} #other-services .other-service h2 {font-size:1.2em;text-align: center;margin-top:20px;color:#064b5f;} #other-services a:link,#other-services a:visited {text-decoration:none;} #other-services .img-box {overflow: hidden;height:200px;} #other-services .img-box img {margin-top: 8%;width:100%;height:auto;} #other-services a:hover img {margin-top: -3%;} #testimonials {background-color: #fff;} #testimonials .page-content {width:80%;height:auto;margin:0 auto;overflow:hidden;} #testimonials .page-content h1 {font-size:2em;line-height:1.5em;text-align:center;margin-top:100px;font-family:'Maven Pro', sans-serif;} #testimonials .comment-open,#testimonials .comment-close {width:100%;height:75px;} #testimonials .comment-open img {float:left;margin-top:30px;} #testimonials .comment-close img {float:right;margin-bottom:30px;} #testimonials h4 {display:none;} #testimonials .the-text {margin: 20px 0px !important;;font-size: 1.1em !important;line-height: 1.5em !important;} #testimonials .clients-name {font-weight:700;line-height:1.2em !important;} .frs-wrapper .frs-caption .frs-caption-content {min-width:250px !important;} .frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption .frs-caption-content {margin-left:-20%;padding:0px !important;} .frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption {padding: 0px 40px !important;} .frs-caption-inner {display:block !important;} .frs-caption-button {display:none;} #wonderplugincarousel-3 blockquote {font: normal 1em 'Maven Pro', serif !important;} #wonderplugincarousel-3 blockquote strong {font-weight:bold !important;} #wonderplugincarousel-3 cite {font: normal 1.2em 'Roboto Slab', serif !important;color:#064b5f !important;font-weight:700 !important;} /*Content-Single-Pages-------------------------------------------------------------------*/ .sub-navigation {background-color:#eee;} #websites-page {width:100%;background-image:url(images/websites-bg1.jpg);background-position:left;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} #websites-page .page-content, #websites-page-three .page-content, #blogs-page .page-content, #blogs-page-three .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #websites-page .page-content img, #websites-page-three .page-content img, #blogs-page .page-content img, #blogs-page-three .page-content img {display:none;margin:50px auto 0px;width:100%;height:auto;} #websites-page .page-content-left, #websites-page .page-content-right, #websites-page-three .page-content-left, #websites-page-three .page-content-right, #blogs-page .page-content-left, #blogs-page .page-content-right, #blogs-page-three .page-content-left, #blogs-page-three .page-content-right {width:50%;height:100%;float:left;} #websites-page .page-content-left .h1-pc, #websites-page-three .page-content-left .h1-pc, #blogs-page .page-content-left .h1-pc, #blogs-page-three .page-content-left .h1-pc {font-size:4em;margin:100px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;} #websites-page .page-content-left .h1-mob, #websites-page-three .page-content-left .h1-mob, #blogs-page .page-content-left .h1-mob, #blogs-page-three .page-content-left .h1-mob {font-size:2.5em;margin:30px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;text-align:center;display:none;} #websites-page .page-content-left .the-text, #websites-page-three .page-content-left .the-text, #blogs-page .page-content-left .the-text, #blogs-page-three .page-content-left .the-text {font-size:1em;line-height:1.25em;padding:1% 20% 1% 0%;margin: 20px 0;width:80%;font-family:'Maven Pro', sans-serif;} #websites-page .page-content-left a:link,#websites-page .page-content-left a:visited,#websites-page-three .page-content-left a:link,#websites-page-three .page-content-left a:visited, #blogs-page .page-content-left a:link,#blogs-page .page-content-left a:visited,#blogs-page-three .page-content-left a:link,#blogs-page-three .page-content-left a:visited {text-decoration:none;background-color: #064b5f;color:#fff;display:inline-block;border-radius:5px;padding:15px 20px;margin:20px 20px 20px 0px;box-shadow:1px 1px 5px #000;font-size:1.2em;width:100px;text-align:center;font-family:'Roboto Slab', serif;} #websites-page .page-content-left a:hover,#websites-page-three .page-content-left a:hover, #blogs-page .page-content-left a:hover,#blogs-page-three .page-content-left a:hover {background-color: #00a9a2;;} #websites-page .page-content-right .usp-circle,#websites-page-three .page-content-right .usp-circle,#blogs-page .page-content-right .usp-circle,#blogs-page-three .page-content-right .usp-circle {width:300px;height:200px;padding:50px 0;border-radius:900px;background-color:#064b5f;color:#fff;display:block;text-align:center;box-shadow:1px 1px 5px #000;position:relative;margin-top:60%;margin-bottom:50px;float:right;} #websites-page .page-content-right .usp-circle span,#websites-page-three .page-content-right .usp-circle span, #blogs-page .page-content-right .usp-circle span,#blogs-page-three .page-content-right .usp-circle span {vertical-align:-webkit-baseline-middle;} #websites-page .page-content-right .first-line,#websites-page-three .page-content-right .first-line, #blogs-page .page-content-right .first-line,#blogs-page-three .page-content-right .first-line {font-size:5em;line-height:1em;font-family:'Halant',serif;font-weight:700;} #websites-page .page-content-right .second-line,#websites-page-three .page-content-right .second-line, #blogs-page .page-content-right .second-line,#blogs-page-three .page-content-right .second-line {font-size:2.8em;line-height:1.5em;font-family:'Halant',serif;font-weight:700;} #websites-page .page-content-right .third-line,#websites-page-three .page-content-right .third-line, #blogs-page .page-content-right .third-line,#blogs-page-three .page-content-right .third-line {font-size:1.5em;line-height:1.1em; font-family: 'Roboto Slab', serif;font-weight:500;} #websites-page .page-content-right .forth-line,#websites-page-three .page-content-right .forth-line, #blogs-page .page-content-right .forth-line,#bloges-page-three .page-content-right .forth-line {font-size:1.5em;font-family: 'Roboto Slab', serif;font-weight:500;} .plus-gst {font-size: 1em;color: #999;line-height: 1.5em;} #websites-page-two {width:100%;background-image:url(images/blogs-bg2.jpg);background-position:right;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} #websites-page-two .page-content, #blogs-page-two .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #websites-page-two .page-content img, #blogs-page-two .page-content img {display:none;margin:50px auto 0px;width:100%;height:auto;} #websites-page-two .page-content-left, #websites-page-two .page-content-right, #blogs-page-two .page-content-left, #blogs-page-two .page-content-right {width:50%;height:100%;float:left;} #websites-page-two .page-content-left .usp-circle, #blogs-page-two .page-content-left .usp-circle {width:300px;height:200px;padding:50px 0;margin-bottom:50px;border-radius:900px;background-color:#064b5f;color:#fff;display:block;text-align:center;box-shadow:1px 1px 5px #000;position:relative;margin-top:60%;} #websites-page-two .page-content-left .usp-circle span, #blogs-page-two .page-content-left .usp-circle span {vertical-align:-webkit-baseline-middle;} #websites-page-two .page-content-left .first-line, #blogs-page-two .page-content-left .first-line {font-size:3em;line-height:1em;font-family:'Halant',serif;font-weight:700;} #websites-page-two .page-content-left .second-line, #blogs-page-two .page-content-left .second-line {font-size:2.5em;line-height:1.25em;font-family:'Halant',serif;font-weight:700;} #websites-page-two .page-content-left .third-line, #blogs-page-two .page-content-left .third-line {font-size:1.5em;line-height:1.1em; font-family: 'Roboto Slab', serif;font-weight:500;} #websites-page-two .page-content-left .forth-line, #blogs-page-two .page-content-left .forth-line {font-size:1.5em;font-family: 'Roboto Slab', serif;font-weight:500;} #websites-page-two .page-content-right .h1-pc, #blogs-page-two .page-content-right .h1-pc {font-size:4em;margin:100px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;text-align:right;} #websites-page-two .page-content-right .h1-mob, #blogs-page-two .page-content-right .h1-mob {font-size:2.5em;margin:30px 0px 0px;line-height:1.2em;font-family:'Maven Pro',sans-serif;display:inline-block;width: 100%;text-align:center;display:none;} #websites-page-two .page-content-right .the-text, #blogs-page-two .page-content-right .the-text {font-size:1em;line-height:1.25em;padding:1% 0% 1% 20%;margin: 20px 0;width:80%;font-family:'Maven Pro', sans-serif;text-align:right;} #websites-page-two .page-content-right .button-pc,#websites-page-two .page-content-right .button-pc:visited, #blogs-page-two .page-content-right .button-pc,#blogs-page-two .page-content-right .button-pc:visited {text-decoration:none;background-color: #064b5f;color:#fff;display:inline-block;border-radius:5px;padding:15px 20px;margin:20px 0px 20px 20px;box-shadow:1px 1px 5px #000;font-size:1.2em;width:100px;text-align:center;float:right;font-family:'Roboto Slab', serif;} #websites-page-two .page-content-right .button-mob:link,#websites-page-two .page-content-right .button-mob:visited, #blogs-page-two .page-content-right .button-mob:link,#blogs-page-two .page-content-right .button-mob:visited {padding:5px;text-decoration:none;background-color: #064b5f;color:#fff;display:inline-block;border-radius:5px;padding:15px 20px;margin:20px 0px 20px 20px;box-shadow:1px 1px 5px #000;font-size:1.2em;width:100px;text-align:center;float:left;display:none;} #websites-page-two .page-content-right a:hover, #blogs-page-two .page-content-right a:hover {background-color: #00a9a2 !important;} #websites-page-two .page-content-right .asterisc, #blogs-page-two .page-content-right .asterisc {font-size:0.7em;line-height:1.8em;padding:1% 0% 1% 20%;margin:20px 0 50px 0;width:80%;font-family:'Halant', serif;text-align:right;color:#555;font-family:'Maven Pro', sans-serif;display:inline-block;} #websites-page-two .page-content-extra-left, #blogs-page-two .page-content-extra-left {width:100%;height:100%;float:left;display:none;} #websites-page-two .page-content-extra-left .usp-circle, #blogs-page-two .page-content-extra-left .usp-circle {width:300px;height:200px;padding:50px 0;border-radius:900px;background-color:#064b5f;color:#fff;display:block;text-align:center;box-shadow:1px 1px 5px #000;position:relative;margin-top:60%;float:right;} #blogs .page-content-extra-left .usp-circle span {vertical-align:-webkit-baseline-middle;} #websites-page-two .page-content-extra-left .first-line, #blogs-page-two .page-content-extra-left .first-line {font-size:5em;line-height:1em;font-family:'Halant',serif;font-weight:700;} #websites-page-two .page-content-extra-left .second-line, #blogs-page-two .page-content-extra-left .second-line {font-size:2.8em;line-height:1.5em;font-family:'Halant',serif;font-weight:700;} #websites-page-two .page-content-extra-left .third-line, #blogs-page-two .page-content-extra-left .third-line {font-size:1.5em;line-height:1.1em; font-family:'Maven Pro', sans-serif;font-weight:500;} #websites-page-two .page-content-extra-left .forth-line, #blogs-page-two .page-content-extra-left .forth-line {font-size:1.5em;font-family:'Maven Pro', sans-serif;font-weight:500;} #websites-page-two .page-content-extra-left .asterisc, #blogs-page-two .page-content-extra-left .asterisc {display:none;} #websites-page-three {width:100%;background-image:url(images/websites-bg3.jpg);background-position:left;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} #websites-page-other-features, #blogs-page-other-features {background: #ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 99%);background:-webkit-linear-gradient(top, #ffffff 0%,#eeeeee 99%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 99%);/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 );} #websites-page-other-features .page-content, #blogs-page-other-features .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #websites-page-other-features .page-content h1, #blogs-page-other-features .page-content h1 {font-size:4em;line-height:1.5em;text-align:center;margin-top:100px;font-family:'Maven Pro', sans-serif;} #websites-page-other-features h2, #blogs-page-other-features h2 {font-size:1.5em;text-align: center;margin-top:20px;color:#555;font-family:'Maven Pro', sans-serif;font-weight:normal;} #websites-page-other-features .features-table, #blogs-page-other-features .features-table {background: #eeeeee;background:-moz-linear-gradient(top, #eeeeee 0%, #ffffff 99%);background:-webkit-linear-gradient(top, #eeeeee 0%,#ffffff 99%);background:linear-gradient(to bottom, #eeeeee 0%,#ffffff 99%);/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0 );width:30%;padding:5% 10%;margin:50px auto;} #websites-page-other-features .features-table-cell, #blogs-page-other-features .features-table-cell {width:100%;padding:5% 0;border-bottom:1px #ccc solid;text-align:center;font-size:1.2em;} #websites-page-other-features .features-table-cell strong, #blogs-page-other-features .features-table-cell strong {color:#064b5f;} #websites-page-other-features .features-table-cell-last, #blogs-page-other-features .features-table-cell-last {width:100%;padding:5% 0;text-align:center;font-size:1.2em;} #websites-page-other-features .features-table-cell-last span, #blogs-page-other-features .features-table-cell-last span {font-size:0.8em;color:#555;padding:5% 0;display:block;} #websites-page-other-features .features-table-cell-last h3, #blogs-page-other-features .features-table-cell-last h3 {font-size:1.5em;text-align: center;margin:50px 0;color:#000;font-family:'Maven Pro', sans-serif;font-weight:bold;} #websites-page-other-features .features-table-cell-last a:link,#websites-page-other-features .features-table-cell-last a:visited, #blogs-page-other-features .features-table-cell-last a:link,#blogs-page-other-features .features-table-cell-last a:visited {text-decoration:none;background-color:#064b5f;color:#fff;display:inline-block;border-radius:5px;padding:10px 10px;margin:20px 5px;box-shadow:1px 1px 5px #000;font-size:0.9em;width:90px;text-align:center;float:none;} #websites-page-other-features .features-table-cell-last a:hover, #blogs-page-other-features .features-table-cell-last a:hover {background-color: #00a9a2;;} /*Websites-Page-Block-Payment-Plans---------------------------------------------------------------------*/ #payment-plans {background: #fff;padding: 5em 0;overflow:auto;} #payment-plans .page-content {width: 70%;margin: 0 auto;} #payment-plans .page-content h1 {font-size: 2em;line-height: 1.5em;text-align: center;margin-bottom: 1em;font-family: 'Maven Pro', sans-serif;} #payment-plans .plan-cell {width: 44%;padding: 2%;margin:0 1%;float: left;background: #eee;border-radius: 1em;text-align: center;} #payment-plans .plan-cell h2 {text-align: center;margin-bottom: 1em;line-height: 2em;color: #064b5f;} #payment-plans .plan-cell .the-text {width: 90%;margin: 0 auto;} #payment-plans .plan-cell a:link, #payment-plans .plan-cell a:visited {text-decoration: none;text-align: center;background: #064b5f;color: #fff;padding: 0.5em 1.5em;display: inline-block;margin: 1em 0;border-radius: 0.35em;box-shadow: 1px 1px 3px #333;font-family:'Roboto Slab', serif;} #payment-plans .plan-cell a:hover {background-color: #00a9a2;;} /*Websites-Page-Packages----------------------------------------------------------------------*/ #weblite-details {width:100%;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);} #weblite-details .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #weblite-details .page-header {width:100%;padding:60px 0 30px 0;border-bottom:1px #064b5f solid;margin-bottom:50px;display:inline-block;} #weblite-details .page-header span {font-size:1.5em;color:#064b5f;line-height:1em;text-align:left;} #weblite-details .page-header a:link,#weblite-details .page-header a:visited {padding:7px 10px;text-decoration:none;background-color:#064b5f;color:#fff;display:block;border-radius:5px;box-shadow:1px 1px 3px #333;font-size:1em;width:100px;text-align:center;float:right;font-family:'Roboto Slab', serif;} #weblite-details .page-header a:hover {background-color: #00a9a2;;} #weblite-details .page-content-left {width:50%;height:100%;float:left;display:inline-block;margin-bottom:50px;} #weblite-details .page-content-left img {width:100%;height:auto;box-shadow:1px 1px 5px #333;} #weblite-details .page-content-right {width:40%;padding:0% 5% 5% 5%;height:90%;float:left;display:inline-block;} #weblite-details .web-details-top {border-bottom:1px #555 solid;padding-bottom:30px;} #weblite-details .web-details-top h3 {font-size:1.5em;;line-height:1.5em;font-weight:700;font-family:'Maven Pro', sans-serif;} #weblite-details .web-details-top h1 {font-size:3em;;line-height:1.2em;font-weight:700;font-family:'Roboto Slab', serif;color:#064b5f;} #weblite-details .web-details-top h2 {font-size:1.2em;;line-height:1.5em;font-weight:500;font-family:'Roboto Slab', serif;} #weblite-details .web-details-top .the-text {font-size: 0.9em;line-height: 1.2em;} #weblite-details .web-details-middle {padding:30px 0 0;} #weblite-details .web-details-middle h1 {font-size:1.1em;;line-height:1.5em;font-weight:700;font-family:'Roboto Slab', serif;color:#064b5f;} #weblite-details .web-details-middle .the-text {font-size:0.9em;;line-height:1.2em;font-weight:300;font-family:'Maven Pro', sans-serif;padding-bottom:30px;width:100%;} #weblite-details .web-details-middle h2 {font-size:1.2em;;line-height:1.5em;font-weight:500;font-family:'Maven Pro', sans-serif;font-style:italic;color:#064b5f;padding-left:5%;} #weblite-details .web-details-middle .sub-text {font-size:0.9em;;line-height:1.2em;font-weight:300;font-family:'Maven Pro', sans-serif;padding-bottom:20px;padding-left:5%;width:95%;} #weblite-details .page-footer {width:100%;padding:0;margin-bottom:50px;text-align:center;clear:both;} #weblite-details .page-footer a:link, #weblite-details .page-footer a:visited {text-decoration:none;background-color:#064b5f;color:#fff;display:inline-block;border-radius:5px;padding:15px 40px;margin:0 1em 1em;box-shadow:1px 1px 5px #000;font-size:1.2em;width:auto;height:20px;text-align:center;font-family:'Roboto Slab', serif;} #weblite-details .page-footer a:hover {background-color: #00a9a2;;} /*Websites-Page-Add-Ons----------------------------------------------------------------------*/ #websites-add-ons {width:100%;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);} #websites-add-ons .page-content, #blog-add-ons .page-content {width:90%;height:auto;margin:0 auto;overflow:hidden;} #websites-add-ons .page-header {width:100%;padding:60px 0 30px 0;border-bottom:1px #064b5f solid;margin-bottom:50px;display:inline-block;} #websites-add-ons .page-header span {font-size:1.5em;color:#064b5f;line-height:1em;text-align:left;} #websites-add-ons .page-header a:link,#websites-add-ons .page-header a:visited {padding:7px 10px;text-decoration:none;background-color:#064b5f;color:#fff;display:block;border-radius:5px;box-shadow:1px 1px 3px #333;font-size:1em;width:100px;text-align:center;float:right;} #websites-add-ons .page-header a:hover {background-color: #00a9a2;;} #websites-add-ons .page-content h1, #blog-add-ons .page-content h1 {font-size:2em;line-height:1.5em;text-align:center;margin-top:30px;font-family:'Maven Pro', sans-serif;} #websites-add-ons .page-content .the-text, #blog-add-ons .page-content .the-text {width:80%;text-align:left;margin:20px auto;} #websites-add-ons h2, #blog-add-ons h2 {font-size:1.5em;text-align: center;margin-top:20px;color:#555;font-family:'Maven Pro', sans-serif;font-weight:normal;} #websites-add-ons .addons-table, #blog-add-ons .addons-table {background: #eeeeee;background:-moz-linear-gradient(top, #eeeeee 0%, #ffffff 99%);background:-webkit-linear-gradient(top, #eeeeee 0%,#ffffff 99%);background:linear-gradient(to bottom, #eeeeee 0%,#ffffff 99%);/filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0 );width:60%;padding:2.5% 5%;margin:3rem auto;} #websites-add-ons .addons-table-cell, #blogs-add-ons .addons-table-cell {width:100%;padding:5% 0;border-bottom:1px #ccc solid;text-align:center;font-size:1.2em;} #websites-add-ons .addons-table-cell img {width:100%;height:auto;} #websites-add-ons .addons-table-cell span {width:100%;text-align:left;line-height:2em;display:inline-block;font-weight:bold;color:#064b5f;font-family:'Roboto Slab', serif;} #websites-add-ons .addons-table-cell .the-text, #blogs-add-ons .addons-table-cell .the-text {width:95%;text-align:left;margin:20px auto;font-size:0.8em;} #websites-add-ons .addons-table-cell strong, #blog-add-ons .addons-table-cell strong {color:#064b5f;} #websites-add-ons .addons-table-cell-last, #blog-add-ons .addons-table-cell-last {width:100%;padding:5% 0;text-align:center;font-size:1.2em;} #websites-add-ons .addons-table-cell-last span, #blog-add-ons .addons-table-cell-last span {font-size:0.8em;color:#555;padding:5% 0;display:block;} #websites-add-ons .addons-table-cell-last h3, #blog-add-ons .addons-table-cell-last h3 {font-size:1.5em;text-align: center;margin:50px 0;color:#000;font-family:'Maven Pro', sans-serif;font-weight:bold;} #websites-add-ons .addons-table-cell-last a:link,#websites-add-ons .addons-table-cell-last a:visited, #blog-add-ons .addons-table-cell-last a:link,#blog-add-ons .addons-table-cell-last a:visited {text-decoration:none;background-color:#064b5f;color:#fff;display:inline-block;border-radius:5px;padding:5px 20px;margin:20px 10px;box-shadow:1px 1px 5px #000;font-size:0.8em;width:auto;text-align:center;float:none;font-family:'Roboto Slab', serif;} #websites-add-ons .addons-table-cell-last a:hover, #blog-add-ons .addons-table-cell-last a:hover {background-color: #00a9a2;;} #wonderplugincarousel-5 .amazingcarousel-image img {-webkit-box-shadow:none !important;box-shadow:none !important;} /*Websites-Page-Compare----------------------------------------------------------------------*/ #compare-websites {width:100%;background-color:#f4f4f4;} #compare-websites .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #compare-websites h1 {font-size:2em;line-height:1.5em;text-align:center;margin-top:100px;margin-bottom:50px;font-family:'Maven Pro', sans-serif;color:#064b5f;} #compare-websites a:link, #compare-websites a:visited {text-decoration:none;background-color:#064b5f;color:#fff;display:block;border-radius:5px;padding:15px 20px;margin:0 auto;box-shadow:1px 1px 5px #000;font-size:0.9em;line-height:1.2em;width:40%;height:auto;text-align:center;margin-bottom:30px;font-family:'Roboto Slab', serif;} #compare-websites a:hover {background-color: #00a9a2;;} #compare-websites img {width:80%;height:auto;margin:0 auto;display:block;} #compare-packages {width:100%;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);} #compare-packages .page-content {width:70%;height:auto;margin:0 auto;overflow:hidden;} #compare-packages .page-header {width:100%;padding:3em 0 1em 0;border-bottom:1px #064b5f solid;margin-bottom:1em;display:inline-block;} #compare-packages .page-header span {font-size:1.5em;color:#064b5f;line-height:1em;text-align:left;} #compare-packages .page-header .button:link,#compare-packages .page-header .button:visited {padding:7px 10px;text-decoration:none;background-color:#064b5f;color:#fff;display:block;border-radius:5px;box-shadow:1px 1px 3px #333;font-size:1em;width:100px;text-align:center;float:right;} #compare-packages .page-header .button:hover {background-color: #00a9a2;;} .compare-table {width:100%;line-height:1.2em;margin:0 auto;border-bottom:1px #555 solid;margin-bottom:30px;} .compare-table .tr-th-1 {text-align:left;padding:2%;font-weight:bold;color:#064b5f;font-family:'Roboto Slab', serif;} .compare-table .tr-td-1 {text-align:left;padding:2%;color:#064b5f;} .compare-table .tr-th-2 {font-family:'Roboto Slab', serif;} .compare-table .tr-th-2,.compare-table .tr-td-2 {text-align:center;padding:2%;} .compare-table .tr-td-1 a:link, .compare-table .tr-td-1 a:visited {text-decoration:underline;color:#064b5f;} .compare-table .tr-td-2 a:link, .compare-table .tr-td-2 a:visited {text-decoration:underline;color:#000;} .compare-table .tr-td-3 {padding:0px 20px 20px 20px;} .compare-table .tr-td-3 .button:link,.compare-table .tr-td-3 .button:visited {font-size:0.8em;color:#fff;text-align:center;text-decoration:none;padding:10px 10%;background:#064b5f;width:60%;display:block;margin:0 auto;box-shadow:1px 1px 3px #333;border-radius:5px;font-family:'Roboto Slab', serif;} .compare-table-th {font-family:'Roboto Slab', serif;} .fa-check-circle-o:before {color: green;} .fa-remove:before, .fa-close:before, .fa-times:before {color: red;} .conditions-table {width:100%;line-height:2em;margin:0 auto;margin-bottom:30px;} .conditions-table td {padding: 2%;line-height: 1.2em;font-size: 0.7em;} .conditions-table .tr-td-1 {width:16%;} .conditions-table .tr-td-2 {width:76%;} .in-page-nav {text-align: center;padding-bottom:1em;background:#fff;} .in-page-nav a:link,.in-page-nav a:visited {display:inline-block;background:none;padding:0 1em;color:#000;margin-top:2em;font-size:1vw;} /*Blogs-Page----------------------------------------------------------------------------------------------*/ #blogs-page {width:100%;background-image:url(images/blogs-bg1.jpg);background-position:left;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} #blogs-page-two {width:100%;background-image:url(images/blogs-bg2.jpg);background-position:right;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} #blogs-page-three {width:100%;background-image:url(images/blogs-bg3.jpg);background-position:left;background-size:cover;overflow:auto;image-rendering: -webkit-optimize-contrast;} /*Bnefits-Page----------------------------------------------------------------------------------------------*/ #benefits-list {background: #fff;} #benefits-list .page-content {width:70%;height:auto;margin:0 auto;padding:0 0 5em;overflow:hidden;} #benefits-list .page-header {width:100%;padding:60px 0 30px 0;border-bottom:1px #064b5f solid;margin-bottom:50px;display:inline-block;} #benefits-list .page-header span {font-size:1.5em;color:#064b5f;line-height:1em;text-align:left;} #benefits-list .page-content h1 {font-size:2em;line-height:1.5em;text-align:center;margin-top:100px;margin-bottom:0px;font-family:'Maven Pro', sans-serif;} #benefits-list .benefits {width:27.333%;height:auto;margin:0px 1%;float:left;padding:1% 2%;} #benefits-list .benefits img {width:100px;height:auto;margin:0 auto;display:block;} #benefits-list .benefits h2 {text-align:center;font-size:1.2em;color:#064b5f;line-height: 1.25em;} #benefits-list .benefits p {text-align:center;width:80%;margin:0 auto;} /*Single-Page----------------------------------------------------------------------------------------------*/ #single-page-content {width:100%;background-color:#f4f4f4;} #single-page-content .page-content {width:60%;height:auto;margin:0 auto;overflow:hidden;} #single-page-content .page-header {width:100%;padding:60px 0 30px 0;border-bottom:1px #064b5f solid;margin-bottom:50px;display:inline-block;} #single-page-content .page-header span {font-size:1.5em;color:#064b5f;line-height:1em;text-align:left;font-weight:bold;} #single-page-content .contact-section {width:96%;height:auto;padding:20px 1%;margin:10px 1% 5px;float:left;} #single-page-content .contact-section-large {width:57%;height:auto;padding:50px 5%;margin:0px 0.5% 0px;float:left;background-color:#fff;box-shadow:0px 0px 5px #555;} #single-page-content .contact-section-divider {width:29%;float:left;margin-left:2%;} #single-page-content .contact-section h2 {padding:10px 30px;border-bottom:1px #999 solid;margin-bottom:20px;text-align:left;color:#064b5f;font-family:'Roboto Slab', serif;} #single-page-content .contact-section-large h2 {font-size:1.5em;padding:10px;margin-bottom:20px;text-align:center;color:#064b5f;font-family:'Maven Pro', sans-serif;} #single-page-content .contact-section span {font-family:'Maven Pro', sans-serif;font-size:1em;line-height:1.5em;padding:0 30px;display:block;} #single-page-content .contact-section a:link, #single-page-content .contact-section a:visited {padding:5%;background-color:#064b5f;color:#fff;text-decoration:none;font-family:'Roboto Slab', serif;margin:0 auto;display:block;text-align:center;border-radius:5px;box-shadow:1px 1px 5px #555;} #single-page-content .contact-section a:hover {background-color: #00a9a2;;} #single-page-content iframe {width:100%;height:300px;} .sticky-off {width:100%;height:1px;float:left;margin-bottom:50px;} #single-page-content h1 {font-size:1.5em;padding:100px 10px 30px;border-bottom:1px #999 solid;margin-bottom:20px;text-align:left;color:#064b5f;font-family:'Maven Pro', sans-serif;} #single-page-content h2 {padding:2% 2% 0;text-align:left;color:#064b5f;font-family:'Maven Pro', sans-serif;width:96%;margin:0 auto;font-family: 'Roboto Slab', serif;} #single-page-content .the-text {padding:2%;line-height:1.8em;width:96%;margin:0 auto;} #single-page-content .space {width:100%;height:100px;} .back-to-home:link, .back-to-home:visited, #single-page-content button {text-decoration:none;color:#fff;background-color:#064b5f;padding:10px 20px;width:150px;margin:0 auto;display:block;text-align:center;margin-top:30px;margin-bottom:100px;box-shadow:1px 1px 5px #555;border-radius:0.5em;border:none;font-family: 'Roboto Slab', serif;} .back-to-home:hover, #single-page-content button:hover {background-color: #00a9a2;} #single-page-content ul {list-style-type: disc;padding: 2%;} #single-page-content ul li {list-style-position: inside;line-height:2em;} /*Why-Choose-Us-Page----------------------------------------------------------------------------------------------*/ #single-page-content .why-choose-us {border-bottom: none;padding: 1em 10px 0;font-family: 'Roboto Slab', serif;} /*Our-Clients-Page----------------------------------------------------------------------------------------------*/ #single-page-content .qualities {width:27.333%;height:auto;margin:20px 1%;float:left;padding:2%;} #single-page-content .qualities img {width:100px;height:auto;margin:0 auto;display:block;} #single-page-content .qualities h3 {text-align:center;font-size:1.2em;color:#064b5f;line-height: 1em;} #single-page-content .qualities p {text-align:center;width:80%;margin:20px auto 0;} /*Events-Page------------------------------------------------------------------------------------------------------*/ #tribe-events {width: 70%;padding: 5% 15%;} .tribe-events-single-event-title {padding-top:1em !important;} #tribe-events-content-wrapper h2 {padding:0;width:100%;font-family: 'Maven Pro', sans-serif;font-weight: bold;margin-bottom:0.5em;} .tribe-events-list-separator-month {background-color:#ddd;} .tribe-events-schedule h2 {text-align:center !important;} .tribe-events-list .tribe-events-loop .tribe-events-event-image {width:47% !important;} .tribe-events-list .tribe-events-loop .tribe-events-event-image img {width:100% !important;} .tribe-events-read-more {font-weight:bold;color:#064b5f !important;} .tribe-events-single-event-title {text-align:center !important;} .tribe-bar-filters, .tribe-events-button, .tribe-events-cal-links, .tribe-events-nav-next, .tribe-events-nav-previous, #tribe-bar-collapse-toggle {display:none !important;} .tribe-events-content{ width:49%!important; float:left!important; padding-right:0px!important; } #whatsupint h1{ font-family: "Maven Pro",sans-serif!important; font-size: 2em!important; line-height: 1.5em!important; text-align: center!important; } #whatsupint h4{ margin-bottom:10px; margin-top:20px; } #whatsupint{ padding-top: 100px; padding-bottom: 100px; width:80%; margin:0 auto; } .tribe-events-event-image img{ width:100%!important; } /*Category-Page----------------------------------------------------------------------------------------------*/ #category-page-content {width:100%;background-color:#f4f4f4;} #category-page-content .page-content {width:50%;margin:0 auto;padding:50px 5%;} #category-page-content .post-edit-link, #category-page-content .date, #category-page-content .author, #category-page-content .comments {display:none;} #category-page-content h1 {font-size:1.5em;padding:50px 10px 30px;border-bottom:1px #999 solid;margin-bottom:20px;text-align:left;color:#064b5f;font-family:'Maven Pro', sans-serif;} #category-page-content h2 {font-size: 1em;line-height: 1.5em;text-align:left;font-family: 'Maven Pro', sans-serif;margin-top:30px;color:#064b5f;} #category-page-content a:link, #category-page-content a:visited {text-decoration:none;} #category-page-content p {line-height:1.5em;} /*Footer----------------------------------------------------------------------*/ footer {width:100%;background-color:#ccc;} .footer-social {width:98%;padding:1%;background-color:#064b5f;overflow:auto;color:#fff;text-align:center;} .footer-social h1 {padding:20px; 0;font-family:'Maven Pro', sans-serif;font-size:2em;} .footer-social i {color:#fff;font-size:2em;margin:0 10px;margin-bottom:20px;} footer .footer-top {width:78%;padding:1% 11%;background-color:#eee;overflow:auto;} .footer-top-cell {width:21%;height:auto;padding:2%;float: left;overflow:auto;color:#333;} .footer-top-cell span {font-weight: bold;line-height:2.5em;text-align:left;width:100%;display:inline-block;font-family:'Roboto Slab', serif;} .footer-top-cell ul {list-style: none;} .footer-top-cell a:link, .footer-top-cell a:visited {text-decoration: none;color:#333;} .footer-top-cell ul li {width:100%;line-height:1.5em;text-align:left;} .footer-top-cell ul li:before {margin-right: 5px;} footer .footer-bottom {background-color:#064b5f;color:#fff;width:100%;} footer .footer-bottom p {text-align:center;} footer .footer-bottom a:link, footer .footer-bottom a:visited {color:#fff;} .footer-bottom-cell {width:70%;overflow: auto;margin: 0 auto;padding: 10px 0;} /*Gravity-Forms---------------------------------------------------------------------------------------------*/ #single-page-content .qualities .gform_body .gfield_select, .gform_body input, .gform_body textarea {margin-left:3% !important; padding:1.5% !important;width:94% !important;border:none !important;background-color:#f4f4f4;} .gform_body label, .gform_wrapper .validation_message {margin-left:3% !important; padding:1.5% !important;width:94% !important;border:none !important;} .gform_body label {margin-top: 5px !important;} #field_1_8 .gfield_label, #field_1_1 .gfield_label {display:none;} #gform_submit_button_1 {margin-left:3%;padding: 10px 30px !important;border: none !important;box-shadow: 1px 1px 5px #555 !important;color: #fff !important;background-color:#064b5f;border-radius:5px;display:inline-block;width:50%;} #gform_submit_button_1:hover {background-color: #00a9a2;;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper div.validation_error {border:none !important;background-color:#f49090 !important;} .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message, .gform_wrapper div.validation_error {color:#fff !important;} .gform_wrapper .gform_footer {text-align: center;} .gform_wrapper .top_label .gfield_label, #gform_submit_button_1 {font-family: 'Roboto Slab', serif;} /*Wonder-Plugin-Carousel----------------------------------------------------------------------*/ .amazingcarousel-list-container {width:100% !important;} #wonderplugincarousel-2 .amazingcarousel-list-container, #wonderplugincarousel-4 .amazingcarousel-list-container {padding: 0!important;} #wonderplugincarousel-2 blockquote, #wonderplugincarousel-4 blockquote {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif !important;font-size:11px !important;font-style:normal !important;margin:0 !important;padding:0 !important;} #wonderplugincarousel-2 .amazingcarousel-prev, #wonderplugincarousel-2 .amazingcarousel-next, #wonderplugincarousel-4 .amazingcarousel-prev, #wonderplugincarousel-4 .amazingcarousel-next {top: 0% !important;margin: 0 !important;} .sub-navigation li:hover blockquote {color:#3c9cba !important;cursor:default;} .amazingcarousel-image > div {display:none !important;visibility:hidden !important;} .sub-navigation .amazingcarousel-list {text-align:center !important;left:50%;} .sub-navigation .amazingcarousel-item {display:inline-block !important;right:50%;} /*Wonder-Plugin-Tabs----------------------------------------------------------------------*/ #wonderplugintabs-1 > .wonderplugintabs-panel-wrap {width:95%!important;} .wonderplugintabs-header-title {font-family:'roboto slab'!important;font-size: 1em !important;color:#fff !important;} .wonderplugintabs-header-li, .wonderplugintabs-panel-wrap {border:none !important;} .wonderplugintabs-panel-wrap {background:transparent !important;} .wonderplugintabs-header-li {background:transparent !important;} .wonderplugintabs-header-li-active {background:transparent !important;} .wonderplugintabs-header-caption {background:#999 !important;} .wonderplugintabs-header-li-active>.wonderplugintabs-header-caption {background:#064b5f !important;} .wonderplugintabs-panel {padding:24px 0 !important;} .page-content-left .amazingcarousel-title {font-family: 'roboto slab' !important;color: #064b5f !important;font-weight: bold !important;} @media only screen and (max-width : 640px) { header .mobile-space {height:35px !important;height:auto;} nav .menu {display:none;} nav .menu li {width:50%;overflow:auto;text-align:center;} header .header-top .header-top-content {width:90%;height:auto;overflow:auto;margin:0 auto;color:#fff;overflow:auto;padding:10px 0;line-height:0.9em;} .top-header-left {font-size:0.8em;letter-spacing:0.05em;display:inline-block;float:right;line-height: 1.2em;width:100%;margin-bottom:20px;} #single-page-content .contact-section, #single-page-content .contact-section-large {width:80%;height:auto;padding:20px 5%;margin:20px 5%;float:left;} .footer-top-cell {width:78%;height:auto;padding:2%;float:none;margin:0 auto;overflow:auto;color:#333;} .footer-top-cell span {text-align:center;} .footer-top-cell ul li {text-align:center;} .usp-circle {width:250px !important;height:150px !important;padding:50px 0;border-radius:900px;background-color:#064b5f;color:#fff;display:block;text-align:center;box-shadow:1px 1px 5px #000;position:relative;margin-top:60%;float:right;} .usp-circle span {vertical-align:-webkit-baseline-middle;} .usp-circle .first-line {font-size:3em !important;;line-height:1em;font-family:'Halant',serif;font-weight:700;} .usp-circle .second-line {font-size:2em !important;;line-height:1.5em;font-family:'Halant',serif;font-weight:700;} .usp-circle .third-line {font-size:1.2em !important;;line-height:1.1em; font-family:'Maven Pro', sans-serif;font-weight:500;} .usp-circle .forth-line {font-size:1.2em !important;;font-family:'Maven Pro', sans-serif;font-weight:500;} #websites {width:100%;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );} #websites .page-content img {display:block;} #websites .page-content-left, #websites .page-content-right {width:100%;height:100%;float:left;} #websites .page-content-left .h1-pc {display: none;} #websites .page-content-left .h1-mob {display: block;} #websites .page-content-left h2 {text-align:center;} #websites .page-content-left a:link,#websites .page-content-left a:visited {margin: 0 auto;display:block;} #websites .page-content-right .usp-circle {float:none;margin:10% auto 50px;} #websites-page-other-features .page-content h1, #blogs-page-other-features .page-content h1 {font-size: 2em;line-height: 1.5em;} #three-benefits .benefits, #benefits-list .benefits, #top-features .benefits {width:100%;height:auto;margin:0px auto 30px;float:none;padding:2%;min-height:0px;} #three-benefits .page-content h1, #benefits-list .page-content h1 {margin-bottom:50px;} #blogs {width:100%;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );} #blogs .page-content img {display:block;} #blogs .page-content-left, #blogs .page-content-right {width:100%;height:100%;float:left;} #blogs .page-content-right .h1-pc {display: none;} #blogs .page-content-right .h1-mob {display: block;} #blogs .page-content-right h2 {text-align:center;} #blogs .page-content-right a:link,#blogs .page-content-right a:visited {margin: 0 auto;display:block;float:none;margin-bottom:50px;} #blogs .page-content-left {display:none;} #blogs .page-content-extra-left {display:block;} #blogs .page-content-extra-left .usp-circle {float:none;margin:10% auto 50px;} #other-services .other-service {width:74%;height:auto;margin:0px auto 30px;float:none;padding:2%;} #other-services .img-box {height:230px;} #other-services .img-box img {margin-top: 15%;width:100%;height:auto;} #other-services a:hover img {margin-top: 10%;} #websites-page, #websites-page-three, #blogs-page, #blogs-page-three {width:100%;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);} #websites-page .page-content img,#websites-page-three .page-content img, #blogs-page .page-content img,#blogs-page-three .page-content img {display:block;} #websites-page .page-content-left, #websites-page .page-content-right,#websites-page-three .page-content-left, #websites-page-three .page-content-right, #blogs-page .page-content-left, #blogs-page .page-content-right,#blogs-page-three .page-content-left, #blogs-page-three .page-content-right {width:100%;height:100%;float:left;} #websites-page .page-content-left .h1-pc,#websites-page-three .page-content-left .h1-pc, #blogs-page .page-content-left .h1-pc,#blogs-page-three .page-content-left .h1-pc {display: none;} #websites-page .page-content-left .h1-mob,#websites-page-three .page-content-left .h1-mob, #blogs-page .page-content-left .h1-mob,#blogs-page-three .page-content-left .h1-mob {display: block;} #websites-page .page-content-left .the-text,#websites-page-three .page-content-left .the-text, #blogs-page .page-content-left .the-text,#blogs-page-three .page-content-left .the-text {width:100%;text-align:center;padding-right:0%;} #websites-page .page-content-left a:link,#websites-page .page-content-left a:visited,#websites-page-three .page-content-left a:link,#websites-page-three .page-content-left a:visited, #blogs-page .page-content-left a:link,#blogs-page .page-content-left a:visited,#blogs-page-three .page-content-left a:link,#blogs-page-three .page-content-left a:visited {margin: 20px auto;display:block;} #websites-page .page-content-right .usp-circle,#websites-page-three .page-content-right .usp-circle, #blogs-page .page-content-right .usp-circle,#blogs-page-three .page-content-right .usp-circle {float:none;margin:10% auto 50px;} #websites-page-two, #blogs-page-two {width:100%;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );} #websites-page-two .page-content img, #blogs-page-two .page-content img {display:block;} #websites-page-two .page-content-left, #websites-page-two .page-content-right, #blogs-page-two .page-content-left, #blogs-page-two .page-content-right {width:100%;height:100%;float:left;} #websites-page-two .page-content-right .h1-pc, #blogs-page-two .page-content-right .h1-pc {display: none;} #websites-page-two .page-content-right .h1-mob, #blogs-page-two .page-content-right .h1-mob {display: block;} #websites-page-two .page-content-right .the-text, #blogs-page-two .page-content-right .the-text {width:100%;text-align:center;padding-left:0%;} #websites-page-two .page-content-right .button-pc:link,#websites-page-two .page-content-right .button-pc:visited, #blogs-page-two .page-content-right .button-pc:link,#blogs-page-two .page-content-right .button-pc:visited {display:none;} #websites-page-two .page-content-right .button-mob:link,#websites-page-two .page-content-right .button-mob:visited, #blogs-page-two .page-content-right .button-mob:link,#blogs-page-two .page-content-right .button-mob:visited {margin: 20px auto;display:block;float:none;} #websites-page-two .page-content-right .asterisc, #blogs-page-two .page-content-right .asterisc {display:none;} #websites-page-two .page-content-left, #blogs-page-two .page-content-left {display:none;} #websites-page-two .page-content-extra-left, #blogs-page-two .page-content-extra-left {display:block;} #websites-page-two .page-content-extra-left .usp-circle, #blogs-page-two .page-content-extra-left .usp-circle {float:none;margin:10% auto 50px;} #websites-page-two .page-content-extra-left .asterisc, #blogs-page-two .page-content-extra-left .asterisc {width:100%;text-align:center;padding-left:0%;margin-bottom:50px;display:block;} #payment-plans .plan-cell {width: 70%;padding: 10%;margin:1em 5%;} #websites-page-other-features .features-table, #blogs-page-other-features .features-table {width:80%;} #websites-page-other-features .features-table-cell, #blogs-page-other-features .features-table-cell {padding:10% 0;} #websites-page-other-features .features-table-cell-last, #blogs-page-other-features .features-table-cell-last {padding:10% 0;} #weblite-details .page-content-left {display:none;} #weblite-details .page-content-right {width:100%;} #compare-websites a:link, #compare-websites a:visited {width:70%;} #compare-websites img {width:100%;} #websites-add-ons .addons-table, #blog-add-ons .addons-table {width:80%;} #single-page-content .qualities {width:74%;height:auto;margin:0px auto 30px;float:none;padding:2%;} .page-content, #compare-packages .page-content {width:90%;} #single-page-content .contact-section {width:88%;padding:20px 5%;margin:20px 1%;float:left;} #single-page-content .contact-section-large {width:96%;height:auto;padding:20px 1%;margin:20px 1%;float:left;background-color:#fff;overflow:auto;} #single-page-content .contact-section-divider {width: 98%;margin: 0 1%;} .compare-table {font-size:0.8em;} .compare-table .tr-td-3 a:link,.compare-table .tr-td-3 a:visited {width:100%;padding:5px;} .in-page-nav {display:none;} #category-page-content .page-content {width:70%;} } @media only screen and (min-width : 641px) and (max-width : 970px) { .mobile-space {height:0px;height:auto;} nav .menu {width:100%;overflow:auto;} #websites {width:100%;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );} #websites .page-content img {display:block;} #websites .page-content-left, #websites .page-content-right {width:100%;height:100%;float:left;} #websites .page-content-left .h1-pc {display: none;} #websites .page-content-left .h1-mob {display: block;} #websites .page-content-left h2 {text-align:center;} #websites .page-content-left a:link,#websites .page-content-left a:visited {margin: 0 auto;display:block;} #websites .page-content-right .usp-circle {float:none;margin:10% auto 50px;} #websites-page-other-features .page-content h1, #blogs-page-other-features .page-content h1 {font-size: 2em;line-height: 1.5em;} #three-benefits .benefits, #benefits-list .benefits, #top-features .benefits {width:74%;height:auto;margin:0px auto 0px;float:none;padding:2%;} #three-benefits .page-content h1, #benefits-list .page-content h1 {margin-bottom:50px;} #blogs {width:100%;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );} #blogs .page-content img {display:block;} #blogs .page-content-left, #blogs .page-content-right {width:100%;height:100%;float:left;} #blogs .page-content-right .h1-pc {display: none;} #blogs .page-content-right .h1-mob {display: block;} #blogs .page-content-right h2 {text-align:center;} #blogs .page-content-right a:link,#blogs .page-content-right a:visited {margin: 0 auto;display:block;float:none;margin-bottom:50px;} #blogs .page-content-left {display:none;} #blogs .page-content-extra-left {display:block;} #blogs .page-content-extra-left .usp-circle {float:none;margin:10% auto 50px;} #other-services .other-service {width:74%;height:auto;margin:0px auto 30px;float:none;padding:2%;} #other-services .img-box {height:230px;} #other-services .img-box img {margin-top: 15%;width:100%;height:auto;} #other-services a:hover img {margin-top: 10%;} #websites-page, #websites-page-three, #blogs-page, #blogs-page-three {width:100%;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);} #websites-page .page-content img,#websites-page-three .page-content img, #blogs-page .page-content img,#blogs-page-three .page-content img {display:block;} #websites-page .page-content-left, #websites-page .page-content-right,#websites-page-three .page-content-left, #websites-page-three .page-content-right, #blogs-page .page-content-left, #blogs-page .page-content-right,#blogs-page-three .page-content-left, #blogs-page-three .page-content-right {width:100%;height:100%;float:left;} #websites-page .page-content-left .h1-pc,#websites-page-three .page-content-left .h1-pc, #blogs-page .page-content-left .h1-pc,#blogs-page-three .page-content-left .h1-pc {display: none;} #websites-page .page-content-left .h1-mob,#websites-page-three .page-content-left .h1-mob, #blogs-page .page-content-left .h1-mob,#blogs-page-three .page-content-left .h1-mob {display: block;} #websites-page .page-content-left .the-text,#websites-page-three .page-content-left .the-text, #blogs-page .page-content-left .the-text,#blogs-page-three .page-content-left .the-text {width:100%;text-align:center;padding-right:0%;} #websites-page .page-content-left a:link,#websites-page .page-content-left a:visited,#websites-page-three .page-content-left a:link,#websites-page-three .page-content-left a:visited, #blogs-page .page-content-left a:link,#blogs-page .page-content-left a:visited,#blogs-page-three .page-content-left a:link,#blogs-page-three .page-content-left a:visited {margin: 20px auto;display:block;} #websites-page .page-content-right .usp-circle,#websites-page-three .page-content-right .usp-circle, #blogs-page .page-content-right .usp-circle,#blogs-page-three .page-content-right .usp-circle {float:none;margin:10% auto 50px;} #websites-page-two, #blogs-page-two {width:100%;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );} #websites-page-two .page-content img, #blogs-page-two .page-content img {display:block;} #websites-page-two .page-content-left, #websites-page-two .page-content-right, #blogs-page-two .page-content-left, #blogs-page-two .page-content-right {width:100%;height:100%;float:left;} #websites-page-two .page-content-right .h1-pc, #blogs-page-two .page-content-right .h1-pc {display: none;} #websites-page-two .page-content-right .h1-mob, #blogs-page-two .page-content-right .h1-mob {display: block;} #websites-page-two .page-content-right .the-text, #blogs-page-two .page-content-right .the-text {width:100%;text-align:center;padding-left:0%;} #websites-page-two .page-content-right .button-pc:link,#websites-page-two .page-content-right .button-pc:visited, #blogs-page-two .page-content-right .button-pc:link,#blogs-page-two .page-content-right .button-pc:visited {display:none;} #websites-page-two .page-content-right .button-mob:link,#websites-page-two .page-content-right .button-mob:visited, #blogs-page-two .page-content-right .button-mob:link,#blogs-page-two .page-content-right .button-mob:visited {margin: 20px auto;display:block;float:none;} #websites-page-two .page-content-right .asterisc, #blogs-page-two .page-content-right .asterisc {display:none;} #websites-page-two .page-content-left, #blogs-page-two .page-content-left {display:none;} #websites-page-two .page-content-extra-left, #blogs-page-two .page-content-extra-left {display:block;} #websites-page-two .page-content-extra-left .usp-circle, #blogs-page-two .page-content-extra-left .usp-circle {float:none;margin:10% auto 50px;} #websites-page-two .page-content-extra-left .asterisc, #blogs-page-two .page-content-extra-left .asterisc {width:100%;text-align:center;padding-left:0%;margin-bottom:50px;display:block;} #websites-page-other-features .features-table, #blogs-page-other-features .features-table {width:80%;} #websites-page-other-features .features-table-cell, #blogs-page-other-features .features-table-cell {padding:10% 0;} #websites-page-other-features .features-table-cell-last, #blogs-page-other-features .features-table-cell-last {padding:10% 0;} #websites-add-ons .addons-table, #blog-add-ons .addons-table {width:80%;} #weblite-details .page-content-left {display:none;} #weblite-details .page-content-right {width:100%;} #compare-websites a:link, #compare-websites a:visited {width:70%;} #compare-websites img {width:100%;} .compare-table {font-size:0.8em;} .compare-table .tr-td-3 a:link,.compare-table .tr-td-3 a:visited {width:100%;padding:5px;} .in-page-nav {display:block;} #single-page-content .qualities {width:74%;height:auto;margin:0px auto 30px;float:none;padding:2%;} .page-content, #compare-packages .page-content {width:80%;} #single-page-content .contact-section {width:88%;padding:20px 5%;margin:20px 1%;float:left;background-color:#fff;} #single-page-content .contact-section-large {width:96%;height:auto;padding:20px 1%;margin:20px 1%;float:left;background-color:#fff;overflow:auto;} #single-page-content .contact-section-divider {width: 98%;margin: 0 1%;} #category-page-content .page-content {width:70%;} .footer-top-cell {width:78%;height:auto;padding:2%;float:none;margin:0 auto;overflow:auto;color:#333;} .footer-top-cell span {text-align:center;} .footer-top-cell ul li {text-align:center;} }