/* GLOBAL STYLES ===================================================================*//* @import url('reset.css');@import url('font-awesome.min.css');@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,200italic,300italic,400italic,600italic);@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700);@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300); */ body { background-color: #ffffff; width:100%; height:100%; } /* ELEMENTS=======================================*/ p { margin-top:25px; margin-bottom:10px; font-family: Georgia, serif; font-size:1.25em; color:#4e3522; text-align:justify; line-height:23px; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100% !important; } p.content { clear:both; margin-top:25px; margin-bottom:10px; font-family: Georgia, serif; font-size:1.2em; color:#4e3522; text-align:left; line-height:23px; } p.contentnj { clear:both; margin-top:25px; margin-bottom:8px; font-family: Georgia, serif; font-size:1.25em; color:#4e3522; text-align:left; line-height:23px; } p.pts { margin-top:8px; margin-bottom:8px; font-family: Georgia, serif; font-size:1.25em; color:#4e3522; text-align:justify; line-height:23px; text-indent:35px; } p.st { font-family:"Trebuchet MS"; font-size:11px; color:#4e3522; line-height:11.75px; } p.meet{ /*background: url(../images/meet_arrow.png) no-repeat 98% 50%;*/ float: right; font-family: Georgia, serif; font-size:18px; color:#003f87; font-style:italic; } p.featured { clear:both; margin-top:25px; margin-bottom:10px; font-family: Georgia, serif; font-size:1.11em; color:#4e3522; text-align:justify; line-height:23px; font-style:italic; } p.map { clear:both; margin-top:3px; margin-bottom:1px; font-family: Georgia, serif; font-size:.85em; color:#4e3522; text-align:left; line-height:10px; } p.contactusctr{ clear:both; margin-top:14px; font-family: Georgia, serif; font-size:1.2em; color:#4e3522; text-align:center; line-height:23px; } p.seminar { clear:both; margin-top:0px; margin-bottom:8px; font-family: 'Lato', sans-serif; font-size:1em; color:#4e3522; text-align:left; line-height:18px; } a.contactus{ font-style:italic; color:#003f87; } a.contactus:hover{ color:#e2c275; } a.no{ color:#3471da;/*003f87*/ font-size:18px; text-decoration:none; } a.no:hover{ color:#e2c275; } h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; text-align:left; color:#4e3522; } h1.title-block { padding: 0px; line-height: 8px; margin-top: 0px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:2.3em; font-weight:200; line-height:30px; margin-bottom:15px; letter-spacing:-1px; text-align:left; color:#4e3522; } h2.title-block { padding: 0px; line-height: 20px; margin-bottom: 10px; margin-top: 0px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:24px; font-weight: 470; letter-spacing:-.35px; text-align:left; color:#4e3522; } h3.title-block { padding: 0px; line-height: 24px; margin-bottom: 12px; margin-top: 0px; font-family:Georgia, serif; font-size:1.375em; font-weight: 700; font-style:italic; text-align:left; color:#4e3522; } h3.title-block2 { padding: 0px; line-height: 8px; margin-bottom: 12px; margin-top: 0px; font-family:Georgia, serif; font-size:1.25em; font-weight: 700; font-style:italic; text-align:left; color:#4e3522; } h3.title-blockC { padding: 0px; line-height: 8px; margin-bottom: 20px; margin-top: 15px; font-weight: bold; text-align:left; color:#4e3522; } h4.title-block { padding: 0px; line-height: 20px; margin-bottom: 5px; margin-top: 5px; font-family:Georgia, serif; font-size:1.275em; font-weight: 700; font-style:italic; color:#4e3522; } a.bodyheading{ color:#4e3522; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:22px; /*font-variant:small-caps;*/ text-align:right; text-decoration:none;} a.bodyheading:hover{ color:#e2c275; /*font-weight:normal;*/} h4.22{color:#4e3522; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:22px;text-justify:none;} a.goldh4{ color:#4e3522; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:22px; text-decoration:underline;} a.goldh4:hover{ color:#ad8646; font-weight:bold;} a.goldnuh4{ color:#4e3522; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:22px; text-align:right; pointer:none; text-decoration:none;} a.goldnuh4:hover{ color:#e2c275; font-weight:normal;} a.goldnuh2{ color:#4e3522; font-family: Georgia, serif; font-size:20px; font-variant:small-caps; text-align:right; text-decoration:none;} a.goldnuh2:hover{ color:#e2c275; /*font-weight:normal;*/} a.no{decoration:none;} .bold { font-weight:bold;} ::selection{ color: white; background-color: #ad8646; /* background-color: #1bbc9b; #ad8646;*/} ::-moz-selection { color: white; background-color: #ad8646; /* background-color: #1bbc9b; */} .bw-wrapper canvas { /* cursor:pointer; */} .jcarousel iframe { display:block;} sup { vertical-align: super; line-height:0;} /* END ELEMENTS=======================================*/ /* IMAGES================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img, video { max-width: 100%; height: auto; } .alignright { float: right; clear:right;} .alignleft {float: left;} img.aligncenter {display: block; margin-left:auto; margin-right:auto;} /* END IMAGES================================================== */ /* HEADER================================================== */ header {display:inline-block; background: #4e3522; width: 100%; min-width:960px; min-height: 90px; top: 0; left: 0; border-bottom: 4px solid #e2c275; z-index: 100;} #logo{ margin-top: 18px;float: left;width: 400px;height: 100px;background: url(../images/SrLifeLogoWH250x52.png) no-repeat;display: block;} /* END HEADER================================================== */ /* MAIN MENU================================================== */ #cssmenu { float:right; /*padding: 10px 10px 10px 25px; */ height:60px; margin: 0px 0px 0px 0px;} #cssmenu ul { list-style: none;} #cssmenu li { display: inline-block; float:left; padding: 0px; margin: 0px 0px 0px 10px;} #cssmenu li a{ font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #fff; /* main link text color */ font-size: 1em; font-variant:small-caps; line-height: 90px; padding: 30px 5px 30px 5px; text-decoration:none;} #cssmenu > ul > li > a:hover { color: #8c562a; background-color:#fff; padding: 33px 5px 32px 5px;} #menu-icon { display: hidden; width: 40px; height: 40px; background: url(../images/menu-icon.png);} a:hover#menu-icon { background-color: #4e3522; border-radius: 4px 4px 0 0;} /* END MAIN MENU================================================== */ /* TL================================================== */tl { background: #fff; width: 100%; } /* END HEADER================================================== */ /* CENTER A DIV */ .ctrdiv { width:100%; margin:auto 0; text-align:center;} /*END CENTER A DIV */ /**********LEFTNAV************/ .leftnav {width:255px;margin-left:0px;margin-top:-3px; /*height:21em;*/background-color:#4e3522;border-top: none;/*solid 1px #e2c275;*/} .leftnav ul { width: 255px; margin-bottom:.5em; margin-top:.5em;} .leftnav ul li { list-style: none; background-color: #4e3522; border: none; text-align: left;} .leftnav li a { /*font-family: 'Source Sans Pro', sans-serif;*/ font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color:#fff; font-size: 1.25em; /*font-variant:small-caps;*/ display: block; text-decoration: none; padding: 12px 0px 12px 30px;} .first{padding-top:20px;} .last{padding-bottom:70px;} .gc{margin-left:-1px;margin-top:-96px;margin-bottom:15px;} .fc{margin-left:-1px;margin-top:-40px;margin-bottom:15px;} .cu{margin-left:-1px;margin-top:-40px;margin-bottom:15px;} .gq{margin-left:-1px;margin-top:-87px;margin-bottom:15px;} .leftnav li a:hover{margin-left:-18px; background-color:#e2c275; color:#4e3522; } .leftnav li a.here{margin-left:-18px; background-color:#e2c275; color:#4e3522; } /**********END LEFTNAV************/ /***********NEW BLOCKS 1*************************/ .ca-icon{ background-color:#f4f4f4; text-align: center; border:none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;} .ca-icon img{background-color:#f4f4f4; padding:1px; border: 1px solid #4e3522; width:280px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .ca-main{ /*text under image*/ color:#4e3522; /* #535961; */ font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 3px; margin-top: 10px; text-align: center; border:none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;} .ca-main16{ /*text under image*/ color:#4e3522; /* #535961; */ font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 3px; margin-top: 10px; text-align: center; border:none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;} .ca-sub{ padding-left: 20px; padding-right: 20px; padding-bottom: 17px; margin-bottom:0; color:#535961; /* #7E8082; */ font-size: 12px; line-height: 18px; text-align:center; border:none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .ca-menu:hover .ca-icon { background-color:#f4f4f4; border:none;} .ca-menu:hover .ca-icon img{ padding:4px; /* border: 2px solid #764f32; border:1px solid #ad8646; #d2d1cf; */ -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .ca-menu:hover .ca-main{border:none; -webkit-animation: smallToBig 300ms ease-in-out; -moz-animation: smallToBig 300ms ease-in-out; -ms-animation: smallToBig 300ms ease-in-out;} .ca-menu:hover .ca-sub{ -webkit-animation: moveFromBottom 100ms ease-in-out; -moz-animation: moveFromBottom 100 ease-in-out; -ms-animation: moveFromBottom 100ms ease-in-out;} @-webkit-keyframes smallToBig{ from { -webkit-transform: scale(0.1); } to { -webkit-transform: scale(1); }}@-moz-keyframes smallToBig{ from { -moz-transform: scale(0.1); } to { -moz-transform: scale(1); }}@-ms-keyframes smallToBig{ from { -ms-transform: scale(0.1); } to { -ms-transform: scale(1); }}@-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(50%); opacity:0; } to { -webkit-transform: translateY(0%); opacity:1; }}@-moz-keyframes moveFromBottom { from { -moz-transform: translateY(50%); opacity:0; } to { -moz-transform: translateY(0%); opacity:1; }}@-ms-keyframes moveFromBottom { from { -ms-transform: translateY(50%); opacity:0; } to { -ms-transform: translateY(0%); opacity:1; }} /* 3 BLOCKS (1 ver)================================================== */ .block1-a { display:block;} .block1-a:hover .box1-img-container { background-color:#535961; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;} .block1-a:hover .box1-img-container img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 1.3s; -ms-transition: all 0.3s; } .box1-img-container, .box1-img-container-inv { background-color:#ad8646; /*#1bbc9b;*/ text-align:center; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; } .box1-img-container img, .box1-img-container-inv img { height: 56px; padding:0 !important; margin:0 !important;} .box1-text-container { text-align:center;} .box1-text-container h3 { color: #535961; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22px;} .block1-a:hover h3 { opacity: 1; -webkit-animation: moveFromBottom 300ms ease-in-out; -moz-animation: moveFromBottom 300ms ease-in-out; -ms-animation: moveFromBottom 300ms ease-in-out;} /* 3 BLOCKS (2 ver)================================================== */ .block2-a { display:block;} .block2-a:hover .box2-img-container { background-color:#535961; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;} .box2-img-container { float:left; background-color:#ad8646; /*#1bbc9b;*/ transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;} .box2-img-container img { height: 30px; width:40px; padding-top: 33px; padding-right: 27px; padding-bottom: 33px; padding-left: 27px;} .box2-text-container h3 { color: #000; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22px; padding: 37px 20px 0px 115px;} .box2-text-container h5 { color:#000; font-size:12px; line-height:18px;} .block2-a:hover .box2-img-container-inv { background-color:#ad8646; /*#1bbc9b;*/ transition: all 0.3s !important; -webkit-transition: all 0.3s !important; -o-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important;} .box2-img-container-inv { background-color:#535961; transition: all 0.3s !important; -webkit-transition: all 0.3s !important; -o-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important;} /* 3 BLOCKS (3 ver)================================================== */ .block3-a { display:block;} .block3-a:hover .box3-img-container { background-color:#535961; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;} .box3-img-container { float:left; background-color:#ad8646; /*#1bbc9b;*/ transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;} .box3-img-container img { height: 30px; width:40px; padding-top: 33px; padding-right: 27px; padding-bottom: 33px; padding-left: 27px;} .box3-text-container h3 { color: #535961; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22px; padding: 37px 20px 0px 115px;} .box3-text-container h5 { color:#000; font-size:12px; line-height:18px;} .block3-a:hover .box3-img-container-inv { background-color:#ad8646; /*#1bbc9b;*/ transition: all 0.3s !important; -webkit-transition: all 0.3s !important; -o-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important;} .box3-img-container-inv { background-color:#535961; transition: all 0.3s !important; -webkit-transition: all 0.3s !important; -o-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important;} .box3-description-container { border-bottom:3px solid #ad8646; /*#1BBC9B;*/} .box3-description { margin:18px 20px 18px 20px; color:#808080;} /* 3 BLOCKS (5 ver)================================================== */ .block5-a { display:block;} .block5-a:hover .box5-img-container { background-color:#535961; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;} .box5-img-container, .box5-img-container-inv { float:left; background-color:#ad8646; /*#1bbc9b;*/ transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;} .box5-img-container img, .box5-img-container-inv img { height: 40px; padding-top: 33px; padding-right: 27px; padding-bottom: 33px; padding-left: 27px;} .box5-text-container { padding: 20px 20px 20px 128px;} .box5-text-container h3 { color: #535961; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22px;} .box5-text-container h5 { color:#000; font-size:12px; line-height:18px;} .block5-a:hover .box5-img-container-inv { background-color:#ad8646; /*#1bbc9b;*/ transition: all 0.3s !important; -webkit-transition: all 0.3s !important; -o-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important;} .box5-img-container-inv { background-color:#535961; transition: all 0.3s !important; -webkit-transition: all 0.3s !important; -o-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important;}/*CLAIMS*/.claim img{margin:3px 0px 5px 20px;display:inline;vertical-align:middle;} .claim p{font-size:18px;font-weight:bold;} .claim ul { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:15px; list-style-type: square; list-style-position:outside; margin-top:-12px; margin-bottom:5px; margin-left:80px;} .claim ul > li{color:#8c0000; margin-top:3px; } .claim ul > li > span{ color:#4e3522; margin-left:1px; padding-left: -3px; display:block;} .claim a{ color:#4e3522; text-decoration:underline; } .claim a:hover{ color:#8c0000; font-weight:bold; } /* LISTS */ .prodlist ul { font-family: Georgia, serif; font-size:17px; list-style-type: square; list-style-position:outside; margin-bottom:15px; padding-left:18px;} .prodlist ul > li{ color:#ad8646; margin-top:5px; line-height:23px; text-align:left; } .prodlist ul > li > span{ color:#4e3522; margin-left:3px; font-size:1.23em; padding-left: -3px;padding-bottom:3px; line-height:23px; display:block } .prodlist ol { font-family: Georgia, serif; font-size:20px; list-style-position:outside; margin-bottom:15px; padding-left:18px;} .prodlist ol > li{ color:#ad8646; margin-top:5px; line-height:23px; text-align:left; } .prodlist ol > li > span{ color:#4e3522; margin-left:3px; font-size:18px; padding-left: -3px;padding-bottom:3px; line-height:23px; display:block } .prodlist a{ font-style:italic; color:#003f87; } .prodlist a:hover{ color:#e2c275;} .content-container-white.padding-l-r-15 p { margin:0; padding-top:12px; padding-bottom:12px; background-color:#fff;}*/ /* NEWSLETTER================================================== */ .nl-img-container { float:left; background-color:#535961; height: 80px;} .nl-img-container img{ height: 29px; padding: 25px 25px 21px;} .nl-button { margin:0 !important; padding:0; display: block; float:right; background-color: #ad8646; /*#1bbc9b;*/ color: #fff; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 30px; padding-right: 30px; padding-left: 30px; padding-bottom: 25px; padding-top: 23px; height:80px; border:none; box-sizing:border-box; -moz-box-sizing:border-box;} .nl-button:hover { background-color: #2f2015; /*#2F343A;*/}/*.nl-form-part-container { float: left; padding: 15px; background-color: #FFFFFF; border: 1px solid #D1D1D1; border-left:none;}*/ .nl-text { float:left; padding-top: 32px; padding-left: 20px;} .nl-text-container .caption { float:left; padding-top: 31px !important; padding-left: 20px !important;}.nl-form-container { float:right;} .newsletterform input{ width:180px; box-sizing:border-box; -moz-box-sizing:border-box;} .caption { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #535961; font-size: 16px; line-height:18px; padding-bottom: 7px; padding-top: 6px; font-weight:lighter;} /*input, textarea { color: #9fa0a2; font-family: 'Lato', sans-serif; font-size:13px; padding: 10px 10px 10px 10px; border:1px solid #006; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/ /*margin: 0; outline: medium none; border:none; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.09); padding: 10px 10px 10px 10px; }.nl-form-container input { border: 1px solid #dddddd; box-shadow:none; padding: 7px 9px; margin-right: 22px; margin-top: 23px}*/ /* END NEWSLETTER================================================== */ /* CAPTION================================================== */ .caption-text-container { position:absolute; bottom:0px; z-index:9; float:left; font-size:16px; color:#fff; font-weight:lighter; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; background-color:#535961; padding:20px;}.caption-bg { position:absolute; width:100%; height:38px; bottom:0px; }.caption-container { position:relative; height:58px;}.carousel-navi { position:absolute; bottom:0px; right:0;} /* TESTIMONIALS================================================== */ .quote-content { border:1px solid #fff;} .quote-content:before, .quote-content:after{ content:''; position:absolute;}.t1{ background:#fff;} .testimonials-jc li { position: relative;} .quote-content { background-image: url(../images/quote.png); background-repeat: no-repeat; background-position: 15px 15px;} .quote-content p{ margin: 20px 20px 20px 56px; font-style: italic;} .quote-author { background-color: #fff; display: inline-block; margin-bottom: 1px; margin-top: -1px; float: right; font-style: italic; padding-top: 0px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px;} .quote-author-description { color: #b6babf;} .author-testimonial { font-size: 12px; color:/*#2f343a;*/#ffffff;} /* PAGE TITLE================================================== .page-title-container { background-color:#fff; margin-top:13px; /*border-bottom: 1px solid #ad8646;*/} /*.page-title { float: left; color:#4e3522; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:2.3em; font-weight:200; line-height:30px; margin-bottom:5px; padding:15px 0px 20px 0px; letter-spacing:-1px; text-align:left; clear:both;} .page-title .sub-title{ color:#fff; background-color:#fff;} .page-title a { color:#2f2015; /*#2F343A;*/} /*.page-title a:hover { color:#fff;} */ /* CONTACT================================================== */ .google-map { padding-bottom:60%;} .google-map-container img { max-width: none !important; margin-right:20px;} .content-container-caption { font-family: 'Lato', sans-serif; margin: 0px; font-size: 16px; color: #535961; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px;}.contact-content { font-family: 'Lato', sans-serif; margin: 5px 0px; padding: 20px 5px; } .contact-content h3 { font-family: 'Lato', sans-serif; font-size: 15px; color: #4e3522; text-align:center; } .contact-content p { font-family: 'Lato', sans-serif; font-size: 13px; color: #4e3522; text-align:center; } .padding-cont-15{ padding-bottom: 15px; padding-left: 15px; padding-right: 15px;}.padding-all-15 { padding: 15px;}.padding-l-t-15 { padding: 15px 0 0 15px;}.padding-l-r-15 { padding: 0 15px 0 15px;}.padding-cont-15 p{ margin-bottom:0;}.title-block, .title-widget { color:#4e3522; font-size:1.25em; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; margin-bottom: 0; padding-bottom: 0px;}.title-widget { line-height:18px; margin:12px; padding:0;} /* CONTACT FORM================================================== */ .formBlock { display: block; width: 270px; float: left; } .formBlock2 { display: block; width: 540px; float: left; } .formBlock3 { display: block; width: 165px; float: left; } .formBlock80 { display: block; width: 80px; float: left; } .formBlock100 { display: block; width: 100px; float: left; } .formBlock150 { display: block; width: 150px; float: left; } .formBlock220 { display: block; width: 220px; float: left; } .formBlock440 { display: block; width: 440px; float: left; } .formBlockctr { clear:both; width:570px; margin:auto 0; text-align:center; } label{color:#4e3522; font-weight:bold; font-family:'Lato', sans-serif; display: block; margin-top:12px; } label.s{color:#4e3522; font-weight:bold; font-family:'Lato', sans-serif; display:block; margin-top:16px; margin-bottom:4px; } input { width:250px; height:25px; background:#efefef; border:1px solid #dedede; padding:2px; margin-top:1px; font-size:0.9em; font-family:'Lato', sans-serif; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } textarea{ width:520px; height:25px; background:#fff; border:1px solid #dedede; padding:2px; margin-top:1px; font-size:0.9em; font-family:'Lato', sans-serif; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } div.radio_container{ display:inline-block; width:200px; } div.dropdown_container { display:block; width:200px; } div.dropdown_container440 { display:block; width:440px; } select.form_dropdown { width:auto; } /*IE FIX */ select#form_dropdown { width:100%; } select:focus#form_dropdown { width:auto\9; } select { width:250px; height:30px; background:#efefef; border:1px solid #dedede; padding:3px; margin-top:1px; font-size:0.9em; font-family:'Lato', sans-serif; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } select.st{ width:125x; height:30px; background:#efefef; border:1px solid #dedede; padding:3px; margin-top:1px; font-size:0.9em; font-family:'Lato', sans-serif; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } input.full { width:520px; height:25px; background:#efefef; border:1px solid #dedede; padding:2px; margin-top:1px; font-size:0.9em; font-family:'Lato', sans-serif; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .resized80{width:80px;height:25px;padding:1px;} .resized135{width:135px;height:25px;padding:1px;} .resized200{width:200px;height:25px;padding:1px;} .resized420{width:420px;height:25px;padding:1px;} textarea { height:80px; background:#efefef; } input:focus, textarea:focus { border:1px solid #003f87; background:#f4f4f4; } .button.submit { margin-top:10px; width:70px; height:40px; font-size:13px; line-height:16px; padding: 6px 6px 6px 6px; text-decoration:none; display:inline; } .button.careers { margin-top:10px; margin-bottom:100px; width:140px; height:40px; font-size:13px; line-height:16px; padding: 6px 6px 6px 6px; text-decoration:none; display:inline; float: right; position:relative; left: -42%; background: #D9b958; cursor:pointer; } /* input, textarea { color: #000; font-family: Arial, sans-serif; font-size:13px; margin-left:2px; padding: 10px 10px 10px 10px; border:1px solid #006; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; /*margin: 0; outline: medium none; border:none; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.09); padding: 10px 10px 10px 10px;}*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #contact-form .field-1-1 textarea { margin-bottom:-4px; } .leave-comment-container .field-1-1-comment textarea { margin-bottom:-4px; }} field-1 textarea{ border: solid 1px #ad8646; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .field-1-3 input{ /* width:220px; */ margin-right:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; color:#4e3522; border:solid 1px #ad8646; padding:3px;} .field-1-3:nth-of-type(3n) input{ margin-right:0;} form.formular, .validationEngineContainer { font-family: Arial, sans-serif; font-size: 12px; padding: 20px; border: 1px solid #4e3522; width: 430px; margin: 0 auto; float:right;} .formfieldt *{vertical-align:top;} .formfieldb *{vertical-align:bottom;} /*.formular fieldset { margin-top: 20px; padding: 15px; border: 1px solid #B5B8C8;} .formular legend { font-size: 12px; color: #15428B; font-weight: 900;} .formular fieldset label { float: none; text-align: inherit; display:block; width: auto;} .formular label { font-size:14px;} .formular input,.formular select,.formular textarea { /*display: inline; block breaks relative positioning */ margin-bottom: 0px;} /*.formular .text-input { /*width: 250px;*/ /*color: #000; padding: 2px 0px 0px 0px; border: 1px solid #4e3522; font-size: 14px; margin-top: 2px; margin-left: 4px; font-family: Arial, sans-serif; /*background: #FFF repeat-x;*//*} .formular .text-input:focus { /*width: 250px;*/ /*color: #000; padding: 2px 0px 0px 0px; border: 1px solid #4e3522; font-size: 14px; margin-top: 2px; margin-left: 4px; font-family: Arial, sans-serif; background: #ecf4f8;} .formular textarea { width: 303px; height: 40px; color: #000; padding: 4px; border: 1px solid #4e3522; font-size: 14px; margin-top: 4px; margin-left: 4px; resize:none; font-family: Arial, sans-serif; } .formular textarea:focus { width: 303px; height: 40px; color: #000; padding: 4px; border: 1px solid #4e3522; font-size: 14px; margin-top: 4px; margin-left: 4px; resize:none; font-family: Arial, sans-serif; background-color:#ecf4f8; } .formular .infos { background: #FFF; color: #333; font-size: 12px; padding: 10px; margin-bottom: 10px;} .formular span.checkbox, .formular .checkbox, .formular .radio { display: inline;} .formular .submit { border: 1px solid #4e3522; background-color:#4e3522; padding: 4px; margin-top: 20px; text-align: center; text-decoration: none; cursor: pointer; color: #ffffff; font-size:14px; font-weight:bold; font-family: Arial, sans-serif;} .formular .submit:hover { border: 1px solid #4e3522; background-color:#4e3522;; padding: 4px; margin-top: 20px; text-align: center; text-decoration: none; cursor: pointer; color: #8c562a; font-size:15px; font-weight:bold;} .formular hr { clear: both; visibility: hidden;} .formular .fc-error { width: 350px; color: #555; padding: 4px; border: 1px solid #B5B8C8; font-size: 12px; margin-bottom: 15px; background: #FFEAEA;} .formular input[data-prompt-position="inline"] { display: inline;} .footnote { font-size: 11px; color: #666; font-style: italic;} .prompt-target { border: 1px dotted #666; min-height: 21px;} .inline-prompts label>span{ display: inline-block; width: 250px;} .inline-prompts .text-input+.formError{ margin-left: 10px;} .prompt-summary .inline { display: block;}*/ /* ALERT BOXES ================================================== .iconed-box.error:before { background-position: -36px center;}.iconed-box.success:before { background-position: 0 center;}.iconed-box.info:before { background-position: -72px center;}.iconed-box.notice:before { background-position: -108px center;}.iconed-box:before { height: 100%; left: -43px; max-height: 80px; top: 0; width: 36px; background-attachment: scroll; background-color: transparent; background-image: url(../images/box-icons.png); background-repeat: no-repeat; background-position: 0 0;}.iconed-box:before { content: ""; position: absolute;}.styled-box.success { background: none repeat scroll 0 0 #EDFFD7; border-color: #80c080;; color:#32a432;}.styled-box.error { background: none repeat scroll 0 0 #fdebeb; border-color: /* #ffa7a1; *//*#ff0000; color:/* #e17585; *//*#ff0000; padding:3px;}.styled-box.info { background: none repeat scroll 0 0 #E2F1FF; border-color: #73bfe4; color:#4ac2f3;}.styled-box.notice { background: none repeat scroll 0 0 #FFFFEE; border-color: #fbc778; color:#ff9900;}.styled-box { background: none repeat scroll 0 0 #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 50px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #D6D6D6; border-right-color: #D6D6D6; border-bottom-color: #D6D6D6; border-left-color: #D6D6D6; }.styled-box { margin-bottom: 15px; position: relative; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px;}.demo .styled-box { padding-top: 20px; padding-bottom: 20px; }#contact-form .iconed-box { padding-left: 20px; width:220px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}*/ /******PAGINATION==================================== .pagination-1 { margin:0; padding:0;}.pagination-1 li{ float: left; margin:0; padding:0;}.pagination-1 li a{ display: block; padding: 9px 14px; background-color:#535961;}.pagination-1 a { color:#fff;}.pagination-1 a:hover { background-color:#1bbc9b; color:#fff;}.pagination-1 a.pag-current { background:#1bbc9b; color:#fff;}.pagination-1 .pag-next { padding-bottom: 9px !important; padding-top: 10px !important; background-image: url(../images/next-small.png); background-position: center center; background-repeat: no-repeat; display: block; height: 17px; width: 7px; background-color:#7c8187;}.pagination-1 .pag-prev { padding-bottom: 9px !important; padding-top: 10px !important; background-image: url(../images/prev-small.png); background-position: center center; background-repeat: no-repeat; display: block; height: 17px; width: 7px; background-color:#7c8187;}*/ /*****SIDEBAR==================================== .blog-categories { margin:0; padding:0;}.blog-categories-container { padding:15px;}.blog-categories li{ margin-top:5px;}.blog-categories li:first-child{ margin-top:0;}.blog-categories li.active a{ color:#535961;}.blog-categories li a{ color:#7E8082; line-height:36px; display:block;}.blog-categories li a:hover{ color:#1bbc9b;}.blog-cat-icon { display:block; float:left; margin-right: 10px; height:36px; width:36px; background-color:#7c8187; background-image: url(../images/next-small.png); background-repeat: no-repeat; background-position: center center; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}.blog-categories li a:hover .blog-cat-icon{ background-color:#1bbc9b; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}.blog-categories li.active .blog-cat-icon{ background-color:#1bbc9b;}*/ /******TABS BLOG==================================== .latest-post-container { margin:0; padding:0;}.latest-post-sidebar { padding-left: 15px;}.latest-post-sidebar img { background: none repeat scroll 0 0 #FFFFFF; float: left; height: 62px; margin: 15px 14px 15px 0; padding: 5px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; width: 62px;}.latest-post-sidebar img:hover { border-color: #1bbc9b; background: none repeat scroll 0 0 #1bbc9b;}.latest-post-sidebar p.latest-post-sidebar-title { line-height: 15px; padding-top: 5px; font-size:14px; margin-bottom:0;}.latest-post-sidebar p.latest-post-sidebar-date { color: #7e8082; padding-bottom: 0px; margin-top: 0px; margin-bottom: 3px;}.latest-post-sidebar p.latest-post-sidebar-comm { color: #b7b7b7; margin-top: 0px; margin-bottom: 0px; font-size:11px;}.latest-post-container li:first-child { border-top: medium none;}.latest-post-container li { border-top: 1px solid #e4e5e4;}*/ /* PROGRESS BAR==================================== .skill-bar { height: 36px; position: relative; background: #f6f6f6; margin: 0 0 5px 0; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05);}.skill-bar-content[data-percentage] { text-indent: -9999px; }.skill-bar-content { background: #1BBC9B; height: 36px; width: 0%; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.12);}.skill-bar .skill-title { color: #fff; top: 9px; left: 15px; position: absolute;}.skill-bar .percentage { color: #666; position: absolute; top: 9px; left: 90%; background-color:#0C0;}*/ /* ACCORDION================================================== */ h3.ui-accordion-header { margin:0; margin-top:5px; cursor:pointer;}h3.ui-accordion-header:first-child { margin:0;}.ui-accordion-header { font-size:15px; line-height:36px; color:#4e3522; margin:0; margin-top:5px;}.ui-accordion-content p{ margin:0; padding-top:8px; padding-bottom:8px; font-size:14.5px; color:#4e3522;}.ui-accordion-content{ margin-left:50px;}.ui-accordion-content a{ color:#003f87; text-decoration:underline;}.ui-accordion-content a:hover{ color:#ad8646; font-weight:bold; text-decoration:none;}h3.ui-accordion-header a{ color:#4e3522;}h3.ui-accordion-header a:hover{ color:#ad8646;}.ui-accordion-header-active a{ color:#535961;}.ui-accordion-header span{ background-color: /*#7c8187*/#ad8646; background-image: url(../images/plus.png); background-position: center center; background-repeat: no-repeat; display: block; float: left; height: 36px; width: 35px; margin-right: 15px; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; }.ui-accordion-header:hover span{ background-color: #1bbc9b; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}.ui-accordion-header-active span { background-color: #1bbc9b; background-image: url(../images/minus.png); background-position: center center; background-repeat: no-repeat;} /* .ui-accordion-content p { padding-top:0px;} */ /* TAGS ================================================== .tag-cloud ul { list-style-type: none; padding: 0; margin:0;}.tag-cloud li { margin: 0px 5px 5px 0px; float: left;}.tag-cloud a { display: inline-block; color: #fff; text-align: center; background-color: #7c8187; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px;}.tag-cloud a:hover { color: #fff; background-color:#1bbc9b;}*/ /* PORTFOLIO============================================ ul#portfolio { margin:0 ; padding:0 ; transition:none !important;}.filter-portfolio ul { margin:0 ; padding:0 ;}ul#filter { margin:0; padding:0; float:right;}ul#filter li{ float:left; margin:0; padding:0;}ul#filter li a{ padding:15px; margin: 0; color:#fff; background-color:#535961; font-size:12px; line-height:18px; font-weight:normal; display:block;}ul#filter li a:hover{ color: #fff ; background-color: #2f2015; /*#2F343A;*//*}.filter-portfolio .content-under-container-white { margin-bottom: 25px;}ul#filter li.current a{ position: relative; background-color: #2f2015; /*#2F343A;*//* color: #fff ;}*/ /******PORTFOLIO SINGLE==================================== ul.project-details { margin:15px 0 15px 0; padding:0;}.project-details li{ height:30px; margin-top:10px; line-height:30px;}.project-details li:first-child{ margin-top:0;}.port-cat-icon { display:block; float:left; margin-right: 10px; height:30px; width:31px; background-color:#d1d1d1; background-image: url(../images/next-small.png); background-repeat: no-repeat; background-position: center center;}.portfolio-pagination { float: right; display: inline-block; margin: 0; padding: 0;}.portfolio-pagination li { float: left;}.portfolio-pagination .pag-next { background-color:#535961; background-image: url(../images/next-small.png); background-position: center center; background-repeat: no-repeat; display: block; height: 48px; width: 30px;}.portfolio-pagination .pag-prev { background-color:#535961; background-image: url(../images/prev-small.png); background-position: center center; background-repeat: no-repeat; display: block; height: 48px; width: 30px;}.portfolio-pagination .pag-prev:hover, .portfolio-pagination .pag-next:hover{ background-color:#2f2015; /*#2F343A;}*/ /*.portfolio-check-list { list-style: none outside none; margin: 0; padding: 0; padding-top:10px; padding-bottom:10px; }.portfolio-check-list > li:before { background-attachment: scroll; background-color: transparent; background-image: url(../images/features-check-iconR.png); background-position: 0 center; background-repeat: no-repeat; height: 40px; left: 0; width: 40px; }.portfolio-check-list > li:before { content: ""; position: absolute;}.portfolio-check-list > li { padding-left: 35px; position: relative; line-height:40px;}.sidebar-item /******STYLED LIST******/ .styled-list { list-style: none outside none; margin: 0; padding:0;}.styled-list.style-1 > li:before { background-position: 0 -30px;}.styled-list.style-2 > li:before { background-position: 0 -60px;}.styled-list.style-3 > li:before { background-position: 0 -14px;}.styled-list.style-4 > li:before { background-position: 0 0;}.styled-list.style-5 > li:before { background-position: 0 -45px;}.styled-list.style-6 > li:before { background-position: 0 -75px;}.styled-list > li:before { height: 15px; left: 0; top: 1.5px; width: 15px; background-attachment: scroll; background-color: transparent; background-image: url(../images/list-icons.png); background-repeat: no-repeat; background-position: 0 0;}.styled-list > li:before { content: ""; position: absolute;}.styled-list > li { padding-left: 19px; position: relative;}.demo-list-styles ul { margin-bottom:10px;} /* Toggle=========================================================*/ #toggle-view { margin:0; padding:0;}#toggle-view li { cursor:pointer; margin-top:1px;}#toggle-view li:first-child { margin-top:0px;}#toggle-view .ui-accordion-header-active { color:#535961;}#toggle-view .ui-accordion-header:hover { color:#1bbc9b;}#toggle-view .panel { display:none; margin-left:50px;}#toggle-view .panel p { margin-top:0;} /*******FOR ICONS********/.the-icons { margin:0; padding:0;}.the-icons li i { font-size: 21px; margin: 0 3px 0 0;}#toggle-view h3.ui-accordion-header{ margin-top:5px;} /*FEATURES================================================== */ .features-check-list { list-style: none outside none; margin: 0; padding: 0; padding-left:5px; margin-top:20px; margin-bottom:20px;}.features-check-list > li:before { background-attachment: scroll; background-color: transparent; background-image: url(../images/features-check-icon.png); background-position: 0 center; background-repeat: no-repeat; height: 40px; left: 0; width: 40px;}.features-check-list > li:before { content: ""; position: absolute;}.features-check-list > li { padding-left: 35px; position: relative; line-height:40px;}.box-icon { margin-top: 15px;}.box-icon:first-child { margin-top:20px;}.box-icon i { -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color:#1bbc9b; float: left; font-size: 18px; margin: 0; text-align:center; height: 44px; width: 44px; padding-top: 12px; margin-right: 15px; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}.box-icon:hover i { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); background-color:#535961;}.box-icon-container p { margin: 0;}.box-icon p, .box-icon h3 { margin:0; padding:0;}.box-icon h3 { color:#535961; font-size:16px; line-height:25px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;} /* ================================================== */ .footer {clear:both;margin-top: 10px;background-color:#f4f4f4;width:100%;} .right { float:right; } .left { float:left;} .right-text { text-align:right; } .center-text { text-align:center; } .footer-content-bg {background-color: #f4f4f4;} footer h3, footer h4 { font-weight:normal;} .footer-copyright-bg { background-color: #f4f4f4; margin-bottom:0px; } .footer-center-container { width:320px; text-align:center; padding: 5px 0px 0px 0px; font-family:'Lato', sans-serif; font-size:12px; } .footer-address-container { width:310px; padding: 5px 0px 0px 0px; font-family:'Lato', sans-serif; font-size:12px; color:#4e3522; text-align:right; line-height:18px; } .footer-copyright-container {width:320px;padding: 15px 0px 10px 0px; font-family:'Lato', sans-serif; font-size:10px; color:#cfcfd0;/*#e7e7e8;*/ text-align:right; line-height:18px;} .footer-copyright-container a { font-family:'Lato', sans-serif; font-size:12px; color:#3c1c00;text-align:left; } .footer-copyright-container a:hover { font-family:'Lato', sans-serif; font-size:13px; color:#e2c275; font-weight: bold; } .footer-menu-container { width:320px; margin-left:-9px; padding-top: 5px; float:left; } .footer-menu { padding: 0px; margin:0px; list-style: none; } p img { margin: 0px; padding:0px; } #footer-nav ul li { background: none repeat scroll 0 0 transparent; display: inline-block; list-style: none outside none; margin: 10px 3px 0 0; } #footer-nav li:first-child a { padding-left: 0; } #footer-nav ul li a { font-family:'Lato', sans-serif; display: block; padding: 0 14px; color:#3c1c00; font-variant: small-caps; font-size:.95em; } #footer-nav ul li a:hover { color:#8c562a; /*font-size:1.02em;*/ font-weight:bold; font-variant: small-caps; font-family:'Lato', sans-serif; } #footer-nav li:first-child a:hover { padding-left:0; } #footer-nav li:last-child a { padding-right: 0;} /* PRICING TABLE=========================================*/ .first-column { width: 210px; height: auto; float: left;} .first-column ul { margin: 141px 0 0 0;} .first-column ul li { width: 100%; height: 40px; background: #f5f5f5; margin: 0; display: block; color: #6b6b6b; font-size: 12px; line-height: 40px; text-indent: 20px;} .first-column ul li.alt { background: #fafafa;} .price-col-gray { float: left; width: 229px; height: auto; text-align: center; margin: 10px 0 0 0px;} .m-left-0 { margin-left:0 !important;} .price-col-gray h1 { margin: 0; padding-bottom: 5px; padding-top: 5px; height: 40px; display: block; background-color: #535961; color: #fcfcfc; text-transform: uppercase; font-size: 24px; line-height: 40px; font-weight: normal; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;} .month { color:#808080; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:14px; background-color:#fff; padding:14px 0 14px 0; margin:0;} .price-col-gray ul { margin: 0; padding:0;} .price-col-gray ul li { height: 40px; background: #f5f5f5; margin: 0; display: block; color: /*#6b6b6b;*/ #4e3522; font-size: 12px; line-height: 40px; text-align: center;} .price-col-gray ul li:nth-child(2n) { background: #fff;} .price-button-container { background-color:#ecf4f8;/*f5f5f5;*/ padding-bottom: 11px; padding-top: 11px;} .price-marginleft-20 { margin-left: -20px;} .price-col-main { float: left; width: 234px; height: auto; text-align: center; margin: 0 0 0 2px; position: relative; z-index: 20; left: -10px;}.price-col-main h1 { margin: 0; padding-bottom: 10px; padding-top: 10px; height: 49px; display: block; background-color: #535961; color: #fff; text-transform: uppercase; font-size: 24px; line-height: 49px; font-weight: normal; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;} .price-col-main p.white { height: 30px; font-size: 12px; font-weight: normal; display: block; background: #ffbe11; color: #fff; margin: 0;} .price-col-main ul { margin: 0; padding:0;} .price-col-main ul li { height: 40px; background: #f5f5f5; margin: 0; display: block; color: /*#6b6b6b;*/ #4e3522; font-size: 12px; line-height: 40px; text-align: center;} .price-col-main ul li:nth-child(2n) { background: #fff;} .col-border { border:1px solid #4e3522;} .price-col-main .col-border { box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2);} .plan, .price, .cents { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; display:inline-block; color:#fff;} .price-col-main .plan, .price-col-main .price, .price-col-main .cents { color:#fff;} .planIB { font-size:14px; line-height:40px;color:#fff; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-weight: bold;} .planLB { font-size:18px; color:#fff; line-height:40px;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;} .planTerm { font-size:18px; line-height:40px;color:#fff; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;} .planFAQ { font-size:18px; color:#fff; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;} .plan { font-size:25px;} .price { font-size:60px; line-height:50px;} .cents { font-size:30px; position:absolute; top:19px} .price-container { position:relative; padding-bottom: 10px; padding-top: 15px; background-color:#4e3522;} .cents-cont { width:5px;} .place { display:inline-block; height:10px; width:25px;} .price-col-main .price-container { background-color:#1bbc9b;} /* IB Table=========================================*/ .price-col-grayIB { float: left; width: 131px; height: auto; text-align: center; margin: 0px 0 0 2px; } .price-col-grayIB h1 { margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; height: 70px; display: block; background-color: #fff; color: #4e3522; text-transform: uppercase; font-size: 20px; line-height: 40px; font-weight: normal; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; } .price-col-grayIB ul { margin: 0; padding:0; } .price-col-grayIB ul li { height: 70px; background: #ecf4f8;/*#f5f5f5;*/ margin: 0; display: block; color: /* #6b6b6b; */ #4e3522; font-size: 10.5px; line-height: 12px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: center; } .price-col-grayIB ul li:nth-child(2n) { background: #fff; } .price-containerIB { background-color: #4e3522; padding-top: 15px 0px 10px 0px; position: relative; } .col-borderIB { border: 1px solid #C2D4DE;/*#D1D1D1;*/ margin-bottom:0px; } .pt-col-main { background-color:#1bbc9b; } h1.pt-col-main { background-color:#1bbc9b; color:#fff; } .pt-col-main .plan, .pt-col-main .price, .pt-col-main .cents, .pt-col-main .place2 { color:#fff; } /* LB Table=========================================*/ .placeLB { /* display:inline-block; */ text-align:right; height:11px; width:100%; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:14px; color:/*#bcbcbc;*/ #4e3522; margin-top:-4px; } .price-col-grayLB { float: left; width: 175px; height: auto; text-align: center; margin: 0px 0 0 2px; } .price-col-grayLB h1 { margin: 0; padding-bottom: 0px; padding-top: 30px; height: 70px; display: block; background-color: #fff; color: #4e3522; text-transform: uppercase; font-size: 20px; line-height: 40px; font-weight: normal; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; } .price-col-grayLB ul { margin: 0; padding:0; } .price-col-grayLB ul li { height: 60px; background: #ecf4f8;/*#f5f5f5;*/ margin: 0; display: block; color: /* #6b6b6b; */ #4e3522; font-size: 12px; line-height: 12px; padding-top:5px; text-align: center; } .price-col-grayLB ul li:nth-child(2n) { background: #fff; } .price-containerLB { background-color: #4e3522; padding-bottom: 10px; padding-top: 15px; position: relative; } .col-borderLB { border: 1px solid #C2D4DE;/*#D1D1D1;*/ margin-bottom:1px; } .pt-col-main { background-color:#1bbc9b; } h1.pt-col-main { background-color:#1bbc9b; color:#fff; } .pt-col-main .plan, .pt-col-main .price, .pt-col-main .cents, .pt-col-main .place2 { color:#fff; } /* Term Table=========================================*/ .placeTerm { /* display:inline-block; */ text-align:right; height:11px; width:100%; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:14px; color:/*#bcbcbc;*/ #4e3522; margin-top:-4px; } .price-col-grayTerm { float: left; width: 350px; height: auto; text-align: center; margin: 0px 0px 0px 2px; } .price-col-grayTerm h1 { margin: 0; padding-bottom: 0px; padding-top: 30px; height: 70px; display: block; background-color: #fff; color: #4e3522; text-transform: uppercase; font-size: 20px; line-height: 40px; font-weight: normal; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; } .price-col-grayTerm ul { margin: 0; padding:0; } .price-col-grayTerm ul li { height: 50px; background: #ecf4f8;/*#f5f5f5;*/ margin: 0; display: block; color: /* #6b6b6b; */ #4e3522; font-size: 12px; line-height: 12px; padding-top:5px; text-align: center; } .price-col-grayTerm ul li:nth-child(2n) { background: #fff; } .price-containerTerm { background-color: #4e3522; padding-bottom: 10px; padding-top: 15px; position: relative; } .col-borderTerm { border: 1px solid #C2D4DE;/*#D1D1D1;*/ margin-bottom:1px; } .pt-col-main { background-color:#1bbc9b; } h1.pt-col-main { background-color:#1bbc9b; color:#fff; } .pt-col-main .plan, .pt-col-main .price, .pt-col-main .cents, .pt-col-main .place2 { color:#fff; } /* FAQ Table=========================================*/ .placeFAQ { /* display:inline-block; */ text-align:right; height:11px; width:100%; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:14px; color:/*#bcbcbc;*/ #4e3522; margin-top:-4px; } .price-col-grayFAQ { float: left; width: 460px; height: auto; text-align: center; margin: 0px 0px 0px 0px; } .price-col-grayFAQ h1 { margin: 0; padding-bottom: 0px; padding-top: 30px; height: 70px; display: block; background-color: #fff; color: #4e3522; text-transform: uppercase; font-size: 20px; line-height: 40px; font-weight: normal; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; } .price-col-grayFAQ ul { margin: 0; } .price-col-grayFAQ ul li { height: 130px; background: #ecf4f8;/*#f5f5f5;*/ margin: 0; display: block; color: /* #6b6b6b; */ #4e3522; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 17px; padding-top:10px; padding-bottom:8px; padding-left:4px; padding-right:4px; text-align: left; } .price-col-grayFAQ ul li:nth-child(2n) { background: #fff; } .price-containerFAQ { background-color: #4e3522; padding-bottom: 10px; padding-top: 15px; position: relative; } .col-borderFAQ { border: 1px solid #C2D4DE;/*#D1D1D1;*/ margin-bottom:1px; } .pt-col-main { background-color:#1bbc9b; } h1.pt-col-main { background-color:#1bbc9b; color:#fff; } .pt-col-main .plan, .pt-col-main .price, .pt-col-main .cents, .pt-col-main .place2 { color:#fff; } /* END FAQ Table=========================================*/ /* PRICING TABLE 2=========================================*/ .place2 { /* display:inline-block; */ text-align:right; height:11px; width:100%; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:14px; color:/*#bcbcbc;*/ #4e3522; margin-top:-4px;}.price-col-gray2 { float: left; width: 225px; height: auto; text-align: center; margin: 0px 0 0 2px;}.price-col-gray2 h1 { margin: 0; padding-bottom: 0px; padding-top: 30px; height: 70px; display: block; background-color: #fff; color: #4e3522; text-transform: uppercase; font-size: 34px; line-height: 40px; font-weight: normal; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}.price-col-gray2 ul { margin: 0; padding:0;}.price-col-gray2 ul li { height: 50px; background: #ecf4f8;/*#f5f5f5;*/ margin: 0; display: block; color: /* #6b6b6b; */ #4e3522; font-size: 12px; line-height: 12px; padding-top:5px; text-align: center;}.price-col-gray2 ul li:nth-child(2n) { background: #fff;}.price-container2 { background-color: #4e3522; padding-bottom: 10px; padding-top: 15px; position: relative;}.col-border2 { border: 1px solid #C2D4DE;/*#D1D1D1;*/ margin-bottom:1px;}.pt-col-main { background-color:#1bbc9b;}h1.pt-col-main { background-color:#1bbc9b; color:#fff;}.pt-col-main .plan, .pt-col-main .price, .pt-col-main .cents, .pt-col-main .place2 { color:#fff;} /***********ICONS*****************/ li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; text-align: center; width: 1.25em;} /* ABOUT US================================================== */ .img-about { margin-left: 5px; margin-right: 5px; margin-top: 20px;}.team-name h5 { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}.team-name span { color: #888888; display: block; font-weight: 400;} /* A, BUTTONS, A-BUTTONS================================================== */ /**********BUTTONS*************/ button { border:none; cursor:pointer; text-decoration: none; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;} .button { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; background-color:/*#1bbc9b;#2f2015; */#4e3522; color:#fff; border:none;} .button:hover { background-color:#e8ca7f; color:/*#ad8646;*/#fff; font-weight:bold; } .button.medium { font-size:14px; line-height:36px; height:36px; padding:0px 20px 0px 20px; display:inline-block;} .button.large { font-size:20px; line-height:20px; padding:15px 39px 15px 39px; display:inline-block;} .button.small { font-size:12px; line-height:16px; padding: 6px 10px 7px 10px; display:inline-block; text-decoration:none;} .readmore { color:#3598db; font-size:14px; font-style:italic; background-color:#ffffff; float:right; margin-top:-25px; } .readmoreL { color:#3598db; font-size:14px; font-style:italic; background-color:#ffffff; float:left; } /* .button.blue:hover { color:#ad8646; font-weight:bold;}.button.aqua { background-color:#1bbc9b; color:#ffffff;}.button.aqua:hover { background-color:#535961;}.button.gray { color:#fff; background-color:#4e3522; border:none;}.button.gray:hover { background-color:#ad8646; cursor:pointer;}.button.orange { color:#fff; background-color:#e77e23; border:none;}.button.orange:hover { background-color:#535961; cursor:pointer;}.button.green { color:#fff; background-color:#2dcc70; border:none;}.button.green:hover { background-color:#535961; cursor:pointer;}.demo-buttons a{ margin-bottom:5px;}.button i { margin: 0 5px 0 -1px;}.button.medium i, .button.medium-border i { margin: 0 6px 0 -4px;}.button.large i, .button.large-border i { margin: 0 10px 0 -15px;}.button.black { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color:#ffffff; font-style:normal; background-color:#4d4d4d;}.button.black:hover { background-color:#575757;}a { color: #1BBC9B; text-decoration: none; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}a:hover { color: #ffffff; transition: all 0.3s ease 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}.a-invert{ color: #535961;}.a-invert:hover{ color: #1bbc9b;}*//* MARGINS bottom================================================== */ .m-bot--25 { margin-bottom:-25px !important;} .m-bot-3 { margin-bottom:3px !important;} .m-bot-5 { margin-bottom:5px !important;} .m-bot-8 { margin-bottom:8px !important;} .m-bot-10 { margin-bottom:10px !important;} .m-bot-15 { margin-bottom:15px !important;} .m-bot-20 { margin-bottom:20px !important;} .m-bot-25 { margin-bottom:25px !important;} .m-bot-30 { margin-bottom:30px !important;} .m-bot-35 { margin-bottom:35px !important;} .m-bot-40 { margin-bottom:40px !important;} .m-bot-45 { margin-bottom:45px !important;} .m-bot-50 { margin-bottom:50px !important;} .m-bot-135 { margin-bottom:135px !important;} /* MARGINS top================================================== */ .m-top--5 { margin-top:-5px !important;} .m-top--10 { margin-top:-10px !important;} .m-top-5 { margin-top:5px !important;} .m-top-7 { margin-top:7px !important;} .m-top-10 { margin-top:10px !important;} .m-top-15 { margin-top:15px !important;} .m-top-17 { margin-top:17px !important;} .m-top-19 {margin-top:19px !important;} .m-top-20 { margin-top:20px !important;} .m-top-22 { margin-top:22px !important;} .m-top-24 { margin-top:24px !important;} .m-top-25 { margin-top:25px !important;} .m-top-26 { margin-top:26px !important;} .m-top-30 { margin-top:30px !important;} .m-top-35 { margin-top:35px !important;} .m-top-40 { margin-top:40px !important;} .m-top-40min { margin-top:-40px !important;} .m-top-45 { margin-top:45px !important;} .m-top-50 { margin-top:50px !important;} .m-top-70 { margin-top:70px !important;} .m-top-75 { margin-top:75px !important;} .m-top-80 { margin-top:80px !important;} .m-top-85 { margin-top:85px !important;} .m-top-90 { margin-top:90px !important;} .m-top-92 { margin-top:92px !important;} .m-top-93 { margin-top:93px !important;} .m-top-94 { margin-top:94px !important;} .m-top-95 { margin-top:95px !important;} .m-top-100 { margin-top:100px !important;} .m-top-110 { margin-top:110px !important;} .m-top-115 { margin-top:115px !important;} .m-top-120 { margin-top:120px !important;} .m-top-125 { margin-top:125px !important;} .m-top-130 { margin-top:130px !important;} .m-top-135 { margin-top:135px !important;} /* MARGINS right================================================== */ .m-right-0 { margin-right:0px !important;} .m-right-2 { margin-right:2px !important;} .m-right-5 { margin-right:5px !important;} .m-right-10 { margin-right:10px !important;} .m-right-15 { margin-right:15px !important;} /* MARGINS right================================================== */ .m-left-2 { margin-left:2px !important;} .m-left-5 { margin-left:5px !important;} .m-left-10 { margin-left:10px !important;} .m-left-12 { margin-left:12px !important;} .m-left-15 { margin-left:15px !important;} .m-left-17 { margin-left:17px !important;} .m-left-20 { margin-left:20px !important;} .m-left-30 { margin-left:30px !important;} .m-left-35 { margin-left:35px !important;} .m-left-38 { margin-left:38px !important;} .m-left-40 { margin-left:40px !important;} .m-left-50 { margin-left:50px !important;} .m-left-60 { margin-left:60px !important;} .m-left-70 { margin-left:70px !important;} .m-left-80 { margin-left:80px !important;} .m-left-90 { margin-left:90px !important;} .m-left-95 { margin-left:95px !important;} .m-none { margin:0 !important;} .m-minus, .m-minus-main { margin-top:-58px !important;} .m-t-b-10 { margin-top:10px; margin-bottom:10px;} .m-b-20 { margin-bottom:20px;} /* PADDING================================================== */ .pad-b-0 { padding-bottom:0px !important;} .pad-t-15 { padding-top:15px !important;} .p-l-5{ padding-left: 5px;} .p-l-6{ padding-left: 6px;} .p-l-8{ padding-left: 8px;} .p-l-10{ padding-left: 10px;} .p-l-15{ padding-left: 15px;} .p-r-5{ padding-right: 5px;} .p-r-8{ padding-right: 8px;} .p-r-10{ padding-right: 10px;} .p-r-15{ padding-right: 15px;} /* HOVER EFFECT================================================== */ .view .mask,.view .content { position: absolute; overflow: hidden; top: 0; left: 0; text-align:center;}.view img { display: block; position: relative;}.view a.link { padding:0; margin:0; height:44px; width:44px; display: block;/**/ float:left; text-decoration: none; /*padding: 10px;*/ background-color: #1bbc9b; background-image: url(../images/link-icon.png); background-repeat: no-repeat; background-position: center center;}.view a.zoom { padding:0; margin:0; height:44px; width:44px; display: block;/**/ float:left; text-decoration: none; background-color: #1bbc9b; background-image: url(../images/zoom-icon.png); background-repeat: no-repeat; background-position: center center;}.view a.zoom:hover, .view a.link:hover { background-color: #2f2015; /*#2f343a;*/}.hover-item img { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;}.hover-item .abs { position:absolute; bottom:-47px; left:0px; transition:all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}.hover-item:hover .abs { bottom:0px; left:0px; transition:all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}.portfolio-item .hover-item .abs { position:absolute; bottom:-47px; left:0px; transition:all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}.portfolio-item .hover-item:hover .abs { bottom:0px; left:0px; transition:all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}.hover-item:hover { background-color:#535961; color:#fff !important; transition:all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;}.hover-item:hover .item-caption, .hover-item:hover .lw-item-caption-container a { color:#fff !important; transition:all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}.hover-item:hover .lw-item-caption-container a:hover { color:#1bbc9b !important; transition:all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}.view-first a.info { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.hover-item:hover img{ -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transform: scale(1.2);}body.safari .jcarousel .hover-item:hover img{ transform: scale(1) !important; -webkit-transform: scale(1) !important;}body.safari .jcarousel .hover-item img { -webkit-transition: none !important; transition: none !important;} /******COLUMNS******/ .center { margin: 0 auto; max-width: 960px; width: 100%;} /* 404================================================== */ .error404-text { text-align:left; color:#7e8082; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:72px; line-height:72px; margin-left: 50px; margin-top: 25px;}.error404-numb { color:#c2c7cd; text-align:right; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:230px; line-height:230px; margin-bottom: 0; margin-right: 50px; margin-top: 15px;}.error404-main-text h2 { text-align:right; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:30px; line-height:30px; padding-bottom: 15px; padding-top: 20px; padding-left: 15px; padding-right: 15px; text-transform:uppercase; color:#7e8082;}.error404-main-text { margin-bottom: 70px; margin-right: 35px; margin-top: 20px;}.error404-container { margin-top:80px;} /*MEDIA QUERY*/ @media only screen and (max-width : 640px) {#menu-icon { display:block; margin-top:15px; margin-right:-85px; } /* #cssmenu ul, #cssmenu:active ul { display: none; position: absolute;padding: 0px;background: #4e3522;border: 1px solid #e2c275; right: -62px; top: 50px; width: 25%; border-radius: 0px 0px 4px 4px; } #cssmenu li { text-align: center; width: 100%;padding: 0px;margin: 0;border-bottom:1px solid #fff;background-color:#e2c275;} #cssmenu li a{ color:#4e3522; font-size:.9em; line-height:35px; text-decoration:none; padding:0px;} #cssmenu ul li a:hover{ color:#4e3522; font-size:1em; background-color:#e2c275;padding:0px 0px 0px 0px;}*/ #cssmenu { float:right; /*padding: 10px 10px 10px 25px; */ height:60px; margin: 0px 0px 0px 0px;} #cssmenu ul { list-style: none;} #cssmenu li { display: inline-block; float:left; padding: 0px; margin: 0px 0px 0px 10px;} #cssmenu li a{ font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #fff; /* main link text color */ font-size: 1em; font-variant:small-caps; line-height: 90px; padding: 30px 5px 30px 5px; text-decoration:none;} #cssmenu > ul > li > a:hover { color: #8c562a; background-color:#fff; padding: 33px 5px 32px 5px;}