@import url(bootstrap-select.min.css);







body {







    font-family:Arial, Helvetica, sans-serif;







    font-size: 13px;







    line-height: 1.25em;







    color: #535353;







    background-color: #f5f5f5;







}







h1, h2, h3, h4, h5, h6, div.pp_kalypso .ppt {







    font-family: 'OptimaLTPro-Bold';







}







/* Several elements using other font */







div.pp_kalypso .ppt, .flex-caption, .nivo-caption, .info_pop .text, .playVideo, .textpop-style .texts > span, .ud_counter ul li, .video-container .captions .line, .newsletter-signup input[type=submit], .page-title, .subtitle, #sidebar .title, .shop-latest .tabbable .nav li a, .topnav > li > a, nav#main_menu > ul > li > a, .pricing_table .tb_header h4, .pricing_table .price, .process_box .number span, .shop-features .shop-feature, .shop-features .shop-feature > h4, .shop-features .shop-feature > h5 {







    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;







}







a {







    color: #000;







}







a:hover {







    color: #2575a6;







    text-decoration: none;







}







/* Use fixclear class on parent to clear nested columns */







.fixclear:before, .fixclear:after {







    content: '\0020';







    display: block;







    overflow: hidden;







    visibility: hidden;







    width: 0;







    height: 0;







}







.fixclear:after {







    clear: both;







}







.fixclear {







    zoom: 1;







}







.clear {







    clear: both;







    display: block;







    overflow: hidden;







    visibility: hidden;







    width: 0;







    height: 0;







}







.align-center {







    text-align: center;







}







.align-right {







    text-align: right;







}







.row {







    margin-bottom: 35px;







}







ul.list-style1, ul.list-style2 {







    margin-left: 0;







}







ul.list-style1 li, ul.list-style2 li {







    list-style: none;







    background: url(../../img/list-style1.png) no-repeat 2px 8px;







    padding-left: 15px;







    margin-bottom: 4px;







}







ul.list-style2 li {







    background: url(../../img/list-style2.png) no-repeat 2px 5px;







    padding-left: 25px;







}







#logo {







    float: left;







    margin: 0;







}







#logo a {







    padding: 0;







    display: block;







    position: relative;







}







header {







    width: 100%;







    z-index: 1;







    background-image: url(../../img/header-bg.jpg);







    background-repeat: repeat;







}







header.style1 {







    border-bottom: 2px solid #000;







    border-bottom: 2px solid rgba(0,0,0,0.7);







    border-top: 3px solid #2575a6;







}







header.style1:after {







    content: "";







    position: absolute;







    left: 50%;







    bottom: -10px;







    margin-left: -2px;







    border: 5px solid transparent;







    border-top-width: 5px;







    border-top-color: #000;







    border-top-color: rgba(0,0,0,0.7);







}







header.style2 #logo a {/*background:rgba(0,0,0,0.3); padding:25px; border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top: 3px solid #2575a6;*/







}







header.style2 #logo a:after {/*content:""; position:absolute; left:50%; bottom:-11px; margin-left: -3px;







border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7);*/







}







header.style2 .topnav.navLeft {







    float: left;







}







header.style3 {







    background: none;







}







header.style3 #logo a {







    background: rgba(0,0,0,0.3);







    padding: 25px;







    border-bottom: 2px solid #000;







    border-bottom: 2px solid rgba(0,0,0,0.7);







    border-top: 3px solid #2575a6;







}







header.style3 #logo a:after {







    content: "";







    position: absolute;







    left: 50%;







    bottom: -11px;







    margin-left: -3px;







    border: 5px solid transparent;







    border-top-width: 5px;







    border-top-color: #000;







    border-top-color: rgba(0,0,0,0.7);







}







header.style3 .topnav.navLeft {







    float: left;







}







/* TOP NAVIGATION */







.topnav {







    float: right;







    margin: 10px 0;







    padding: 0;







    list-style: none;







    position: relative;







    z-index: 1;







}







.topnav > li {







    float: left;







    margin-left: 25px;







    position: relative;







}







.topnav > li > a {







    font-size: 11px;







    font-weight: 700;







    color: #fff;







    line-height: 24px;







    display: block;







    padding: 0;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    opacity: .8;







    filter: alpha(opacity=80);







}







.topnav > li:hover > a, .topnav > li > a:hover {







    opacity: 1;







    filter: alpha(opacity=100);







}







.topnav > li > a > span {







    margin-right: 3px;







    margin-top: 0;







}







.topnav li.drop .pPanel {







    position: absolute;







    left: 0;







    width: auto;







    min-width: 120px;







    height: 0;







    opacity: 0;







    filter: alpha(opacity=0);







    overflow: hidden;







    margin-left: -11px;







}







.topnav li.drop .inner {







    margin: 4px;







    list-style: none;







    background: #f5f5f5;







    padding: 4px 0;







    margin-top: 5px;







    position: relative;







    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4);







    -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4);







    box-shadow: 0px 0px 5px rgba(0,0,0, 0.4);







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.topnav li.drop .inner:after {







    content: "";







    top: -8px;







    position: absolute;







    left: 9px;







    border: 5px solid transparent;







    border-bottom-width: 4px;







    border-bottom-color: #f5f5f5;







}







.topnav li.drop:hover .pPanel {







    opacity: 1;







    filter: alpha(opacity=100);







    height: auto;







}







.topnav li.drop li a {







    font-size: 10px;







    color: #222;







    padding: 0 5px 0 10px;







    display: block;







    text-transform: uppercase;







    margin-top: 1px;







}







.topnav li.drop li.active a, .topnav li.drop li a:hover {







    background: rgba(0, 0, 0, 0.1);







}







.topnav li.drop li a span {







    float: right;







    opacity: .3;







    filter: alpha(opacity=30);







    margin-top: 2px;







}







.cart_details {







    display: block;







    min-width: 250px;







    padding: 0 10px;







    font-size: 11px;







}







.cart_details .checkout {







    border-left: 1px solid #CCC;







    margin-left: 15px;







    padding-left: 15px;







    display: inline-block;







    color: #2575a6;







    font-size: 12px;







    text-transform: uppercase;







    float: right;







}







.cart_details .checkout:hover {







    color: #333;







}







.cart_details .checkout span {







    margin-top: 1px;







    opacity: 0.2;







    filter: alpha(opacity=20);







}







/* MAIN NAVIGATION - SUPERFISH */







nav#main_menu {







    float: right;







    margin-top: 20px;







}







nav#main_menu > ul {







    margin: 15px 0;







    padding: 0;







    list-style: none;







}







nav#main_menu > ul > li {







    float: left;







    margin-top: 3px;







    margin-left: 2px;







}







nav#main_menu > ul > li:first-child {







    margin-left: 0;







}







nav#main_menu > ul > li > a {







    font-size: 14px;







    font-weight: 700;







    color: #fff;







    padding: 0 12px 0;







    margin: 0;







    display: block;







    border: 0;







    position: relative;







    height: 25px;







    font-family: 'OptimaLTPro-Medium';







}







nav#main_menu > ul > li.active > a, nav#main_menu > ul > li > a:hover, nav#main_menu > ul > li:hover > a {







    background-color: #8cd0f3;







    padding: 6px 12px 5px;







    margin: -6px 0 0 0;







    color:#3c2a1c;















}







/*2nd lev */







nav#main_menu > ul > li:hover > ul, nav#main_menu > ul > li.sfHover > ul {







    top: 28px;







}







nav#main_menu > ul ul {







    background: #f5f5f5;







    padding: 6px 0;







    border: 1px solid #fff;







    border: 1px solid rgba(255, 255, 255, 0.8);







    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4);







    -moz-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4);







    box-shadow: 0px 0px 4px rgba(0,0,0, 0.4);







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    position: absolute;







}







nav#main_menu > ul > li > a.sf-with-ul .sf-sub-indicator {







    background: #CCC;







    background: rgba(255, 255, 255, 0.4);







    height: 1px;







    display: none;







    width: 7px;







    left: 17px;







    top: auto;







    bottom: -3px;







}







nav#main_menu > ul > li.sfHover > a.sf-with-ul .sf-sub-indicator {







    display: none;







}







nav#main_menu > ul ul li {







    line-height: 27px;







}







nav#main_menu > ul > li > ul:after {







    content: "";







    top: -10px;







    position: absolute;







    left: 14px;







    border: 6px solid transparent;







    border-bottom-width: 5px;







    border-bottom-color: #f5f5f5;







}







/*3rd lev */







nav#main_menu > ul ul ul {







    margin-left: 10px;







}







nav#main_menu > ul ul ul.reversed {







    margin-right: 10px;







    margin-left: 0;







}







nav#main_menu > ul > li > ul ul:after {







    content: "";







    top: 6px;







    position: absolute;







    left: -10px;







    border: 5px solid transparent;







    border-right-color: #f5f5f5;







}







nav#main_menu > ul > li > ul ul.reversed:after {







    right: -10px;







    left: auto;







    border-left-color: #f5f5f5;







    border-right-color: transparent;







}







nav#main_menu > ul ul li a {







    color: #535353;







    line-height: 27px;







    font-size: 12px;







    padding: 0 12px;







}







nav#main_menu > ul ul li.active > a, nav#main_menu > ul ul li.sfHover > a, nav#main_menu > ul ul li a:hover {







    color: #323232;







    background: rgba(0,0,0,0.04);







    padding-left: 14px







}







nav#main_menu > ul ul .sf-sub-indicator {







    background: #ccc;







    height: 1px;







    width: 7px;







    top: 50%;







    margin-top: -1px;







}







/*2nd lev */







nav#main_menu > ul.dark_nav ul {







    background: #0A0A0A;







    border: 1px solid #000;







    border: 1px solid rgba(0, 0, 0, 0.8);







}







nav#main_menu > ul.dark_nav > li > ul:after {







    border: 6px solid transparent;







    border-bottom-width: 5px;







    border-bottom-color: #0A0A0A;







}







/*3rd lev */







nav#main_menu > ul.dark_nav > li > ul ul:after {







    border: 6px solid transparent;







    border-right-width: 5px;







    border-right-color: #0A0A0A;







}







nav#main_menu > ul.dark_nav ul li a {







    color: #ACACAC;







}







nav#main_menu > ul.dark_nav ul li.active > a, nav#main_menu > ul.dark_nav ul li.sfHover > a, nav#main_menu > ul.dark_nav ul li a:hover {







    color: #ACACAC;







    background: rgba(255,255,255,0.04);







}







nav#main_menu > ul.dark_nav ul .sf-sub-indicator {







    background: #333;







}







/* SEARCH PANEL */







#search {







    float: right;







    clear: right;







    position: relative;







    margin-top: 20px;







}







#search .search {







    display: none;







    position: absolute;







    right: -10px;







    padding: 30px;







    background: #f4f4f4;







    width: 180px;







    border-bottom: 1px solid #fff;







    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);







    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);







    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);







}







#search .searchBtn {







    margin: 10px 0 0 10px;







    padding: 8px;







    line-height: 1;







    display: inline-block;







    position: relative;







    z-index: 1;







}







#search .searchBtn:hover {







    background: rgba(0, 0, 0, 0.7);







}







#search .searchBtn.active {







    background: #f4f4f4;







}







#search form {







    margin: 0;







    border-bottom: 1px solid #ccc;







}







#search form:hover {







    border-bottom: 1px solid #b5b5b5;







}







#search form input[type=text] {







    background: none;







    border: none;







    font-size: 12px;







    font-style: italic;







    color: #999;







    width: 155px;







    padding: 5px 0;







    margin: 0;







    display: inline-block;







    -webkit-box-shadow: none;







    -moz-box-shadow: none;







    box-shadow: none;







}







#search form input[type=text]:focus {







    font-style: normal;







    color: #565656;







}







#search form input[type=submit] {







    width: 20px;







    background-color: transparent;







    border: none;







    text-indent: -9999px;







    padding: 0;







    display: inline-block;







}







#page_wrapper {







    position: relative;







}







section#content {/* margin-top:50px; */







}







#page_header.gradient, #slideshow.gradient {







    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */







    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5))); /* Chrome,Safari4+ */







    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */







    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */







    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* IE10+ */







    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000', GradientType=0 ); /* IE6-9 */







    background-color: #345370;







}







#page_header, #slideshow {







    position: relative;







    top: 0;







    z-index: 0;







}







#page_header.nobg, #slideshow.nobg {







    background: none;







}







#page_header.hasMargin, #slideshow.hasMargin {







    margin-bottom: 40px;







}







#page_header:after, #slideshow:after {







    content: "";







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    z-index: -1;







    background-image: url(../../img/glare-effect.png);







    background-repeat: no-repeat;







    background-position: center top;







}







#page_header.noGlare:after, #slideshow.noGlare:after {







    background-image: none;







}







#slideshow .container {







    padding: 130px 0 45px;







}







#sparkles {







    width: 100%;







    height: 100%;







    position: absolute;







    left: 0;







    top: 0;







    z-index: 1;







    overflow: hidden;







}







#page_header {







    min-height: 300px;







    border-bottom: 6px solid #fff;







}







#page_header .container {







    padding: 130px 0 0;







}







#page_header:before {







    content: '';







    position: absolute;







    bottom: -26px;







    left: 0;







    width: 100%;







    height: 20px;







    background: url(../../img/shadow-down.png) no-repeat center top;







    opacity: .6;







    filter: alpha(opacity=60);







}







#page_header .container {







    z-index: 1;







    position: relative;







}







#page_header > .shadowUP:after {







    content: '';







    position: absolute;







    bottom: -18px;







    left: 50%;







    border: 6px solid transparent;







    border-top-color: #fff;







    margin-left: -6px;







}







#page_header .bgback {







    position: absolute;







    left: 0;







    top: 0;







    right: 0;







    bottom: 0;







    z-index: 0;







    -webkit-background-size: cover;







    -moz-background-size: cover;







    -o-background-size: cover;







    background-size: cover;







}







#page_header .bgback.bg1 {







    background: url(../../img/bredcum-bg.jpg) no-repeat center top;







}







#page_header .bgback.bg2 {







    background: url(../../img/page-headers/xbg2.jpg) no-repeat center top;







}







#page_header .bgback.bg3 {







    background: url(../../img/page-headers/xbg3.jpg) no-repeat center top;







}







#page_header .bgback.bg4 {







    background: url(../../img/page-headers/xbg4.jpg) no-repeat center top;







}







/* HOLIDAY HEADERS */







.christmas-header #page_header {







    min-height: 400px;







}







.christmas-header #page_header .bgback {







    background: url(../../img/holiday_headers/christmas.jpg) no-repeat center top;







}







.christmas-header #logo {







    position: relative;







}







body.christmas-header #logo a {







    padding: 35px 25px 15px;







}







.christmas-header #logo:after {







    content: '';







    width: 50px;







    height: 43px;







    position: absolute;







    top: 12px;







    left: 50%;







    margin-left: 25px;







    z-index: 99999;







    background: url(../../img/holiday_headers/christmas_hat.png) no-repeat;







}







.easter-header #page_header {







    min-height: 400px;







}







.easter-header #page_header .bgback {







    background: url(../../img/holiday_headers/easter.jpg) no-repeat center top;







}







.oldie #page_header .bgback {







filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/page-headers/bg1.jpg', sizingMethod='scale');







    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/page-headers/bg1.jpg', sizingMethod='scale')";







}







#page_header .row {







    margin-bottom: 0;







}







#current-date {







    color: #383838;







    font: 10px Arial, Helvetica, sans-serif;







    float: left;







    padding: 3px 10px;







    line-height: 1;







    background: rgba(255, 255, 255, 0.5);







    clear: left;







}







.breadcrumbs {







    margin: 40px 0 8px;







    padding: 0 10px;







    list-style: none;







    background: #2477ab;







    float: left;







}







.breadcrumbs li {







    float: left;







    padding-left: 10px;







    background: url(../../img/breadcrumbs-arr.png) no-repeat left center;







    margin-left: 10px;







    color: #eee;







    line-height: 1.9;







    font-size: 13px;







    font-weight: 700;







}







.breadcrumbs li:first-child {







    padding-left: 0;







    background: none;







    margin-left: 0;







}







.breadcrumbs li a {







    color: #fff;







}







.header-titles {







    text-align: right;







}







.header-titles h2 {







    color: #fff;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);







    line-height: 1.3;







    margin-top: 20px







}







.header-titles h4 {







    color: #fff;







    background: rgba(0,0,0,0.2);







    display: inline-block;







    line-height: 1.8;







    padding: 0 10px;







    margin: 0;







    font-weight: 500;







}







.shadowUP {







    position: absolute;







    bottom: 0;







    left: 0;







    width: 100%;







    height: 20px;







    background: url(../../img/shadow-up.png) no-repeat center bottom;







    z-index: 2;







}







.shadowDown {







    position: absolute;







    bottom: 0;







    left: 0;







    width: 100%;







    height: 20px;







    background: url(../../img/shadow-down.png) no-repeat center bottom;







    z-index: 2;







}







/* fixed slideshow */







.slider_fixed #slideshow {







    position: fixed;







    padding: 0;







    height: auto;







}







.slider_fixed .inner-page {







    position: relative;







}







#page-loading {







    position: fixed;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    background: url(../../img/loader_light.gif) no-repeat center center #333;







    z-index: 999999;







}







#slideshow ul {







    list-style: none;







    margin: 0;







    padding: 0;







}







/* Slideshow background skins */







#slideshow.dark-blue, #page_header.dark-blue {







    background-color: #345370;







} /* also default */







#slideshow.normal-blue, #page_header.normal-blue {







    background-color: #2A8FBD;







}







#slideshow.light-blue, #page_header.light-blue {







    background-color: #00B4FF;







}







#slideshow.dark-red, #page_header.dark-red {







    background-color: #A40802;







}







#slideshow.normal-red, #page_header.normal-red {







    background-color: #F02311;







}







#slideshow.light-red, #page_header.light-red {







    background-color: #FF4040;







}







#slideshow.dark-green, #page_header.dark-green {







    background-color: #2A6400;







}







#slideshow.normal-green, #page_header.normal-green {







    background-color: #7FAF1B;







}







#slideshow.light-green, #page_header.light-green {







    background-color: #72DB27;







}







#slideshow.dark-gray, #page_header.dark-gray {







    background-color: #333;







}







#slideshow.normal-gray, #page_header.normal-gray {







    background-color: #777;







}







#slideshow.light-gray, #page_header.light-gray {







    background-color: #aaa;







}







#slideshow.yellow, #page_header.yellow {







    background-color: #FFFF00;







}







#slideshow.purple, #page_header.purple {







    background-color: #47092E;







}







#slideshow.orange, #page_header.orange {







    background-color: #FF7213;







}







#slideshow.black, #page_header.black {







    background-color: #0C0C0C;







}







#slideshow.white, #page_header.white {







    background-color: #f5f5f5;







}







/* static content in slideshow */







#slideshow .bg-wrapper-image {







    width: 100%;







    height: 100%;







    min-height: 500px;







    background: url(../../img/sliders/static/bg1.jpg) no-repeat center center;







    -webkit-background-size: cover;







    -moz-background-size: cover;







    -o-background-size: cover;







    background-size: cover;







}







.oldie #slideshow .bg-wrapper-image {







filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/sliders/static/bg1.jpg', sizingMethod='scale');







    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sliders/static/bg1.jpg', sizingMethod='scale')";







}







#slideshow #bottom_mask {







    position: absolute;







    bottom: 0;







    left: 0;







    width: 100%;







    height: 27px;







    z-index: 99;







    background: url(../../img/bottom_mask.png) no-repeat center top;







}







#slideshow #bottom_mask.mask2 {







    height: 33px;







    background: url(../../img/bottom_mask2.png) no-repeat center top;







    display:none;







}







#slideshow .bg-wrapper-png {







    width: 100%;







    height: 100%;







    min-height: 500px;







    background: url(../../img/sliders/static/rayoflight.png) no-repeat center center;







}







/* STATIC CONTENT- default */







.static-content {







    color: #fff;







    padding-top: 20px;







}







.static-content h2 {







    font-size: 64px;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);







    line-height: 1.3;







}







.static-content h2.centered {







    text-align: center;







}







.static-content h3 {







    font-size: 32px;







    font-weight: 500;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);







    line-height: 1.4;







}







.static-content h3 .stronger {







    font-weight: 900;







    border-bottom: 1px dotted rgba(255,255,255,0.5);







    padding-bottom: 2px;







    cursor: help;







}







.static-content h3.centered {







    max-width: 940px;







    margin: 0 auto;







    text-align: center;







}







.info_pop {







    width: 290px;







    margin: 50px auto 0;







    padding: 10px 20px;







    position: relative;







    color: #343434;







    -webkit-border-radius: 8px;







    -moz-border-radius: 8px;







    border-radius: 8px;







    -moz-background-clip: padding;







    -webkit-background-clip: padding-box;







    background-clip: padding-box;







    background: #fefefe; /* Old browsers */







    background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* FF3.6+ */







    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d1d1d1)); /* Chrome,Safari4+ */







    background: -webkit-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* Chrome10+,Safari5.1+ */







    background: -o-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* Opera 11.10+ */







    background: -ms-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* IE10+ */







    background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d1d1', GradientType=0 ); /* IE6-9 */







    -webkit-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8);







    -moz-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8);







    box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8);







}







.info_pop.left {







    margin-left: 0;







}







.info_pop.right {







    margin-right: 0;







}







.info_pop:after {







    content: "";







    position: absolute;







    border: 7px solid transparent;







}







.info_pop[data-arrow=top]:after {







    top: -14px;







    left: 50%;







    margin-left: -7px;







    border-bottom-width: 7px;







    border-bottom-color: #fefefe;







}







.info_pop[data-arrow=bottom]:after {







    bottom: -14px;







    left: 50%;







    margin-left: -7px;







    border-top-width: 7px;







    border-top-color: #fefefe;







}







.info_pop[data-arrow=left]:after {







    left: -14px;







    top: 50%;







    margin-top: -7px;







    border-right-width: 7px;







    border-right-color: #fefefe;







}







.info_pop[data-arrow=right]:after {







    right: -14px;







    top: 50%;







    margin-top: -7px;







    border-left-width: 7px;







    border-left-color: #fefefe;







}







.info_pop .text {







    color: #939393;







    font-size: 24px;







    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);







    font-weight: 500;







    line-height: 1.2;







    margin: 5px 0;







}







.info_pop .buyit {







    float: right;







    text-align: center;







    line-height: 20px;







    font-weight: 900;







    color: #2575a6;







    padding: 10px 15px 10px;







    border: 0;







    margin: 13px -20px 0 0;







    font-size: 18px;







    background: rgba(0, 0, 0, 0.1);







    -webkit-border-top-left-radius: 3px;







    -webkit-border-bottom-left-radius: 3px;







    -moz-border-radius-topleft: 3px;







    -moz-border-radius-bottomleft: 3px;







    border-top-left-radius: 3px;







    border-bottom-left-radius: 3px;







}







.info_pop:hover .buyit {







    padding: 10px 30px 10px 15px;







}







.info_pop .buyit:hover {







    color: #222;







    background: rgba(0, 0, 0, 0.2);







}







.animated {







    -webkit-animation-fill-mode: backwards;







    -moz-animation-fill-mode: backwards;







    -ms-animation-fill-mode: backwards;







    -o-animation-fill-mode: backwards;







    animation-fill-mode: backwards;







    -webkit-animation-duration: 1s;







    -moz-animation-duration: 1s;







    -ms-animation-duration: 1s;







    -o-animation-duration: 1s;







    animation-duration: 1s;







    animation-delay: 1.5s;







    -moz-animation-delay: 1.5s;







    -webkit-animation-delay: 1.5s;







    -o-animation-delay: 1.5s;







}







@-webkit-keyframes fadeBoxIn {







0% {







-webkit-transform: scale(1);







opacity:0;







}







50% {







-webkit-transform: scale(1.05);







opacity:0.9;







}







100% {







-webkit-transform: scale(1);







opacity:1







}







}







@-moz-keyframes fadeBoxIn {







0% {







-moz-transform: scale(1);







opacity:0;







}







50% {







-moz-transform: scale(1.05);







opacity:0.9;







}







100% {







-moz-transform: scale(1);







opacity:1







}







}







@-o-keyframes fadeBoxIn {







0% {







-o-transform: scale(1);







opacity:0;







}







50% {







-o-transform: scale(1.05);







opacity:0.9;







}







100% {







-o-transform: scale(1);







opacity:1







}







}







@keyframes fadeBoxIn {







0% {







transform: scale(1);







opacity:0;







}







50% {







transform: scale(1.05);







opacity:0.9;







}







100% {







transform: scale(1);







opacity:1







}







}







.fadeBoxIn {







    -webkit-animation-name: fadeBoxIn;







    -moz-animation-name: fadeBoxIn;







    -o-animation-name: fadeBoxIn;







    animation-name: fadeBoxIn;







}







/* STATIC CONTENT- boxes */







.boxes {







    margin-top: 70px;







}







.boxes .info_pop {







    width: auto;







    margin: 0 35px;







}







.boxes .info_pop .title {







    margin-bottom: 10px;







}







.boxes .info_pop img {







    margin-right: 15px;







    float: left;







}







/* STATIC CONTENT - play video */







.video_trigger_container {







    color: white;







    font-size: 11px;







    font-weight: 900;







    width: 150px;







    margin: 50px auto 0;







    display: block;







    text-align: center;







}







.playVideo {







    display: block;







    width: 57px;







    height: 57px;







    background-image: url(../../img/icons/ico-playvideo.png);







    background-repeat: no-repeat;







    background-position: center center;







    background-color: #000;







    background-color: rgba(0,0,0,0.4);







    border: 4px solid #fff;







    -webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







    margin: 0 auto 20px;







    cursor: pointer;







    -webkit-box-shadow: 0 0 5px black;







    -moz-box-shadow: 0 0 5px black;







    box-shadow: 0 0 5px black;







}







.playVideo:hover {







    background-color: #000;







}







.video-container {







    max-height: 600px;







    overflow: hidden;







    height: 100%;







}







.video-container #the-video, .video-container #the-video img {







    width: 100% !important;







    height: auto;







}







.video-container #the-video.extplayer {







    height: 600px;







}







.video-container .captions {







    position: absolute;







    bottom: 20%;







    z-index: 1;







    left: 50%;







    width: 960px;







    margin-left: -480px;







}







.video-container .captions .line {







    margin-top: 1px;







    display: inline-block;







    padding: 5px 10px;







    background: rgba(0,0,0,0.3);







    font-size: 36px;







    color: #fff;







    line-height: 1.4;







}







/* STATIC CONTENT- maps */







.static-content.maps-style {







    padding: 0;







    background: url(../../img/loader_light.gif) no-repeat center center;







}







.maps-style .info_pop {







    position: absolute;







    z-index: 1;







    right: 15px;







    bottom: 50px;







}







/* STATIC CONTENT- textpop */







.textpop-style {







    padding-top: 0;







    margin-bottom: 30px;







}







.textpop-style .texts > span {







    display: block;







    color: #eee;







    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);







    line-height: 1;







    text-align: center;







    text-transform: uppercase;







    padding: 7px 0;







    cursor: default;







    position: relative;







    -webkit-transform-origin: center bottom;







    -moz-transform-origin: center bottom;







    -o-transform-origin: center bottom;







    transform-origin: center bottom;







    -webkit-transition: all 0.2s ease-out;







    -moz-transition: all 0.2s ease-out;







    -o-transition: all 0.2s ease-out;







    transition: all 0.2s ease-out;







}







.textpop-style .texts .line1 {







    font-size: 20px;







    letter-spacing: 10px;







    word-spacing: 5px;







}







.textpop-style .texts .line2 {







    font-size: 60px;







    font-weight: 700;







    letter-spacing: 5px;







    word-spacing: 5px;







}







.textpop-style .texts .line3 {







    font-size: 40px;







}







.textpop-style .texts .line4 {







    font-size: 30px;







    letter-spacing: 3px;







    word-spacing: 5px;







    margin-top: 5px;







}







.textpop-style .texts .stronger {







    font-weight: 900;







    border-bottom: 1px dotted rgba(255,255,255,0.5);







    padding-bottom: 2px;







}







.textpop-style .texts > span:hover {







    color: #fff;







    text-shadow: 0 4px 1px rgba(0, 0, 0, 0.6);







    -webkit-transform: scale(1.15);







    -moz-transform: scale(1.15);







    -o-transform: scale(1.15);







    transform: scale(1.15);







}







/* STATIC CONTENT- event style */







.static-content.event-style h3 {







    text-align: left;







    font-size: 28px;







    margin-bottom: 50px;







}







.ud_counter {







    margin: 0 0 50px;







}







.ud_counter ul {







    display: inline-block;







    margin: 0;







    padding: 0;







    list-style: none







}







.ud_counter ul li {







    display: inline-block;







    margin: 0 0 0 20px;







    font-size: 28px;







    font-weight: 700;







    padding: 15px 10px;







    width: 60px;







    text-align: center;







    background: rgba(0,0,0,0.2);







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.ud_counter ul li:first-child {







    margin-left: 0;







}







.ud_counter ul li span {







    display: block;







    font-size: 13px;







    margin-top: 17px;







    line-height: 1;







}







.ud_counter ul li.till_lauch {







    height: 80px;







    width: 80px;







    padding: 0;







    vertical-align: top;







}







#mail_when_ready {







    float: left;







    margin: 0;







}







#mail_when_ready input[type=submit] {







    vertical-align: top;







}







.static-content .or {







    line-height: 30px;







    margin: 0 20px;







}







.static-content.event-style .or {







    float: left;







}







.static-content.event-style .social-icons li {







    margin: 0 0 0 10px;







}







/* social icons */







.social-icons {







    margin: 0 0 20px;







}







.social-icons li {







    display: inline-block;







    margin: 5px;







    vertical-align: middle;







}







.social-icons li a {







    display: inline-block;







    width: 30px;







    height: 30px;







    text-indent: -9999px;







    background-image: url(../../img/social-icons-sprite.png);







    background-repeat: no-repeat;







    position: relative;







    background-color: #111;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    -webkit-transition: all 0.2s ease-out;







    -moz-transition: all 0.2s ease-out;







    -o-transition: all 0.2s ease-out;







    transition: all 0.2s ease-out;







}







.social-icons li a:hover {







    background-color: #2575a6;







    box-shadow: 0 0 6px rgba(0,0,0,0.4)







}







.social-icons.has_gradient li a:after {







    content: '';







    position: absolute;







    left: 0;







    top: 0;







    width: 100%;







    height: 100%;







    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */







    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.2))); /* Chrome,Safari4+ */







    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */







    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */







    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* IE10+ */







    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000', GradientType=0 ); /* IE6-9 */







}







.social-icons li.social-twitter a {







    background-position: 0 0;







}







.social-icons li.social-dribbble a {







    background-position: -30px 0;







}







.social-icons li.social-facebook a {







    background-position: -60px 0;







}







.social-icons li.social-envato a {







    background-position: -90px 0;







}







.social-icons li.social-flickr a {







    background-position: -120px 0;







}







.social-icons li.social-forrst a {







    background-position: -150px 0;







}







.social-icons li.social-gplus a {







    background-position: -180px 0;







}







.social-icons li.social-gplus2 a {







    background-position: -210px 0;







}







.social-icons li.social-icloud a {







    background-position: -240px 0;







}







.social-icons li.social-lastfm a {







    background-position: -270px 0;







}







.social-icons li.social-linkedin a {







    background-position: -300px 0;







}







.social-icons li.social-myspace a {







    background-position: -330px 0;







}







.social-icons li.social-paypal a {







    background-position: 0 -30px;







}







.social-icons li.social-piacasa a {







    background-position: -30px -30px;







}







.social-icons li.social-pinterest a {







    background-position: -60px -30px;







}







.social-icons li.social-reedit a {







    background-position: -90px -30px;







}







.social-icons li.social-rss a {







    background-position: -120px -30px;







}







.social-icons li.social-skype a {







    background-position: -150px -30px;







}







.social-icons li.social-stumbleupon a {







    background-position: -180px -30px;







}







.social-icons li.social-tumblr a {







    background-position: -210px -30px;







}







.social-icons li.social-vimeo a {







    background-position: -240px -30px;







}







.social-icons li.social-wordpress a {







    background-position: -270px -30px;







}







.social-icons li.social-yahoo a {







    background-position: -300px -30px;







}







.social-icons li.social-youtube a {







    background-position: -330px -30px;







}







.social-icons li.social-blogger a {







    background-position: 0px -60px;







}







.social-icons li.social-deviantart a {







    background-position: -30px -60px;







}







.social-icons li.social-digg a {







    background-position: -60px -60px;







}







.social-icons li.social-foursquare a {







    background-position: -90px -60px;







}







.social-icons li.social-friendfeed a {







    background-position: -120px -60px;







}







.social-icons li.social-mail a {







    background-position: -150px -60px;







}







.social-icons li.social-html5 a {







    background-position: -180px -60px;







}







.social-icons li.social-technorati a {







    background-position: -210px -60px;







}







.social-icons li.social-soundcloud a {







    background-position: -240px -60px;







}







.social-icons li.social-quora a {







    background-position: -270px -60px;







}







.social-icons li.social-bebo a {







    background-position: -300px -60px;







}







.social-icons li.social-aim a {







    background-position: -330px -60px;







}







.social-icons li.social-gosquared a {







    background-position: 0 -90px;







}







.social-icons li.social-dropbox a {







    background-position: -30px -90px;







}







.social-icons li.social-github a {







    background-position: -60px -90px;







}







.social-icons li.social-spotify a {







    background-position: -90px -90px;







}







.social-icons li.social-apple a {







    background-position: -120px -90px;







}







/* colored */







.social-icons.colored li.social-twitter a, .social-icons.coloredHov li.social-twitter a:hover {







    background-color: #00bdec;







}







.social-icons.colored li.social-dribbble a, .social-icons.coloredHov li.social-dribbble a:hover {







    background-color: #ef5b92;







}







.social-icons.colored li.social-facebook a, .social-icons.coloredHov li.social-facebook a:hover {







    background-color: #3b5998;







}







.social-icons.colored li.social-envato a, .social-icons.coloredHov li.social-envato a:hover {







    background-color: #8dc050;







}







.social-icons.colored li.social-flickr a, .social-icons.coloredHov li.social-flickr a:hover {







    background-color: #ea2698;







}







.social-icons.colored li.social-forrst a, .social-icons.coloredHov li.social-forrst a:hover {







    background-color: #366725;







}







.social-icons.colored li.social-gplus a, .social-icons.coloredHov li.social-gplus a:hover {







    background-color: #d94a39;







}







.social-icons.colored li.social-gplus2 a, .social-icons.coloredHov li.social-gplus2 a:hover {







    background-color: #d94a39;







}







.social-icons.colored li.social-icloud a, .social-icons.coloredHov li.social-icloud a:hover {







    background-color: #666666;







}







.social-icons.colored li.social-lastfm a, .social-icons.coloredHov li.social-lastfm a:hover {







    background-color: #d2013a;







}







.social-icons.colored li.social-linkedin a, .social-icons.coloredHov li.social-linkedin a:hover {







    background-color: #1b92bd;







}







.social-icons.colored li.social-myspace a, .social-icons.coloredHov li.social-myspace a:hover {







    background-color: #003398;







}







.social-icons.colored li.social-paypal a, .social-icons.coloredHov li.social-paypal a:hover {







    background-color: #32689a;







}







.social-icons.colored li.social-piacasa a, .social-icons.coloredHov li.social-piacasa a:hover {







    background-color: #8e5aa4;







}







.social-icons.colored li.social-pinterest a, .social-icons.coloredHov li.social-pinterest a:hover {







    background-color: #cb2027;







}







.social-icons.colored li.social-reedit a, .social-icons.coloredHov li.social-reedit a:hover {







    background-color: #82a6ce;







}







.social-icons.colored li.social-rss a, .social-icons.coloredHov li.social-rss a:hover {







    background-color: #ff7f00;







}







.social-icons.colored li.social-skype a, .social-icons.coloredHov li.social-skype a:hover {







    background-color: #18b7f1;







}







.social-icons.colored li.social-stumbleupon a, .social-icons.coloredHov li.social-stumbleupon a:hover {







    background-color: #229d3d;







}







.social-icons.colored li.social-tumblr a, .social-icons.coloredHov li.social-tumblr a:hover {







    background-color: #38526d;







}







.social-icons.colored li.social-vimeo a, .social-icons.coloredHov li.social-vimeo a:hover {







    background-color: #01557a;







}







.social-icons.colored li.social-wordpress a, .social-icons.coloredHov li.social-wordpress a:hover {







    background-color: #454545;







}







.social-icons.colored li.social-yahoo a, .social-icons.coloredHov li.social-yahoo a:hover {







    background-color: #ab64bc;







}







.social-icons.colored li.social-youtube a, .social-icons.coloredHov li.social-youtube a:hover {







    background-color: #d20800;







}







.social-icons.colored li.social-blogger a, .social-icons.coloredHov li.social-blogger a:hover {







    background-color: #FF7600;







}







.social-icons.colored li.social-deviantart a, .social-icons.coloredHov li.social-deviantart a:hover {







    background-color: #768C82;







}







.social-icons.colored li.social-digg a, .social-icons.coloredHov li.social-digg a:hover {







    background-color: #195695;







}







.social-icons.colored li.social-foursquare a, .social-icons.coloredHov li.social-foursquare a:hover {







    background-color: #1B6CB4;







}







.social-icons.colored li.social-friendfeed a, .social-icons.coloredHov li.social-friendfeed a:hover {







    background-color: #2F72C4;







}







.social-icons.colored li.social-mail a, .social-icons.coloredHov li.social-mail a:hover {







    background-color: #b5b5b5;







}







.social-icons.colored li.social-html5 a, .social-icons.coloredHov li.social-html5 a:hover {







    background-color: #E44D26;







}







.social-icons.colored li.social-technorati a, .social-icons.coloredHov li.social-technorati a:hover {







    background-color: #55BB00;







}







.social-icons.colored li.social-soundcloud a, .social-icons.coloredHov li.social-soundcloud a:hover {







    background-color: #db5708;







}







.social-icons.colored li.social-quora a, .social-icons.coloredHov li.social-quora a:hover {







    background-color: #852828;







}







.social-icons.colored li.social-bebo a, .social-icons.coloredHov li.social-bebo a:hover {







    background-color: #a03939;







}







.social-icons.colored li.social-aim a, .social-icons.coloredHov li.social-aim a:hover {







    background-color: #cdae2d;







}







.social-icons.colored li.social-gosquared a, .social-icons.coloredHov li.social-gosquared a:hover {







    background-color: #556065;







}







.social-icons.colored li.social-dropbox a, .social-icons.coloredHov li.social-dropbox a:hover {







    background-color: #2d76be;







}







.social-icons.colored li.social-github a, .social-icons.coloredHov li.social-github a:hover {







    background-color: #667F8E;







}







.social-icons.colored li.social-spotify a, .social-icons.coloredHov li.social-spotify a:hover {







    background-color: #62aa29;







}







.social-icons.colored li.social-apple a, .social-icons.coloredHov li.social-apple a:hover {







    background-color: #859dab;







}







.social-icons.colored li a:hover {







    background-color: #121212;







}







.black_border {







    border: 10px solid black;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5);







    -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.5);







    box-shadow: 0 4px 10px rgba(0,0,0,0.5);







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







}







.white_border {







    border: 10px solid white;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5);







    -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.5);







    box-shadow: 0 4px 10px rgba(0,0,0,0.5);







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







}







/* Static content - product zoom */







.productzoom-style h3 {







    font-size: 28px;







}







#screenshot {







    background: url(../../img/sliders/static/screenshot-framed.png) no-repeat center top;







    position: relative;







    padding: 44px 24px 18px;







    width: 620px;







    height: 390px;







}







#screenshot .image {







    position: relative;







}







.loupe {







    cursor: url(../addons/jquery_loupe/blank.png), url(../addons/jquery_loupe/blank.cur), none;







    border: 2px solid white;







    background-repeat: no-repeat;







    background-position: center center;







    background-color: #fff;







    position: absolute;







    display: none;







    width: 150px;







    height: 150px;







    -moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;







    -webkit-box-shadow: 0 0 5px #777;







    box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;







    -moz-border-radius: 50%;







    -webkit-border-radius: 50%;







    border-radius: 50%;







}







#slideshow .static-content .features {







    margin: 30px 0;







}







.static-content .features li {







    font-size: 16px;







    font-weight: 300;







    margin-bottom: 10px;







    padding-bottom: 10px;







    border-bottom: 1px dotted rgba(255,255,255,0.2);







}







.static-content .features li > span {







    margin: 7px 10px 0 0;







}







.static-content .btn > span {







    margin: 4px 8px 0 0;







}







/* static content - text with register form */







.fancy_register_form {







    padding: 25px 30px;







    max-width: 350px;







    background: rgba(255,255,255,0.3);







    color: #272727;







    position: relative;







}







.fancy_register_form form {







    margin: 0;







}







.fancy_register_form > h4 {







    margin: 0 0 25px;







    font-size: 20px;







    font-weight: 500;







}







.fancy_register_form label {







    display: inline-block;







    width: 120px;







    color: #fff;







    font-size: 14px;







    text-shadow: 0 1px 0 rgba(0,0,0,0.5);







}







.fancy_register_form input {







    margin: 0;







}







.fancy_register_form div {







    margin: 0 0 15px 0;







}







.fancy_register_form .btn {







    margin-left: 124px;







}







.fancy_register_form:after {







    content: '';







    position: absolute;







    bottom: -25px;







    left: 100px;







    border-top: 25px solid #fff;







    border-right: 25px solid transparent;







    opacity: .3;







    filter: alpha(opacity=30);







}







/* static content - simple */







.static-content.simple {







    color: #8b8b8b;







    text-shadow: 0 2px 0 #fff;







}







.static-content.simple h2, .static-content.simple h3 {







    text-shadow: 0 2px 0 #fff;







}







.static-content.simple .can_be_used {







    color: #b7b7b7;







    font-weight: 500;







}







.static-content.simple .can_be_used span {







    color: #ff6b6b;







}







.static-content.simple .btn.btn-flat {







    margin-top: 20px;







}







.static-content.simple .btn.btn-flat:hover {







    background: #343434;







}







.static-content.simple .btn.btn-flat:after {







    content: '';







    position: absolute;







    right: -20px;







    top: 0;







    width: 20px;







    height: 40px;







    background: #f5f5f5;







}







.static-content.simple .line {







    float: left;







    width: 100%;







    height: 1px;







    background: #c6c6c6;







    margin-top: -21px;







}







/* Mod Title */







.m_title {







    margin-top: 0;







    color: #3c2a1c;







    text-shadow: 0 1px 0 #fff;







    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);







    text-transform:uppercase;







}







h3.m_title {







    font-size: 17px; /*was 20 */







    line-height: 1.4;







    /* font-family: 'OptimaLTPro-Bold'; */



    font-family: 'OptimaLTPro-Medium';







}







.smallm_title {







    color: #2575a6;







    text-shadow: 0 1px 0 #fff;







    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);







    font-size: 14px;







    font-weight: 700;







    border-bottom: 1px solid #bcbcbc;







    margin: 0 0 20px;







}







.smallm_title span {







    padding-bottom: 9px;







    display: inline-block;







    border-bottom: 1px solid #bcbcbc;







    position: relative;







}







.smallm_title span:before {







    content: '';







    position: absolute;







    left: 50%;







    bottom: 0;







    margin-left: -2px;







    border: 3px solid transparent;







    border-bottom-color: #bcbcbc;







}







.smallm_title.centered {







    text-align: center;







}







.smallm_title.bigger {







    font-size: 18px;







}







.circle_title {







    color: #2575a6;







    text-shadow: 0 1px 0 #fff;







    position: relative;







    margin-top: 0;







}







.circle_title:after {







    content: '';







    position: absolute;







    left: 55px;







    right: 0;







    bottom: 5px;







    border-bottom: 1px dotted #bbb;







}







.circle_title > span {







    font-size: 14px;







    font-weight: 500;







    display: inline-block;







    background: white;







    width: 50px;







    height: 50px;







    line-height: 50px;







    text-align: center;







    position: relative;







    z-index: 1;







    -webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







}







.mb_title {







    font-size: 20px;







    background: white;







    display: inline-block;







    padding: 0 10px;







    color: #595959;







    line-height: 1.5;







}







.mb_title img {







    margin-right: 5px;







    margin-top: -3px;







}







/* page title */







.page-title, .subtitle {







    line-height: 1.4;







    margin-bottom: 25px;







    padding-bottom: 25px;







    border-bottom: 1px solid #cbcbcb;







}




h1.page-title span.small{font-size:18px;}

.page-title {







    font-size: 26px;







    color: #3c2a1c;







    margin-top: 10px;







    font-family: 'OptimaLTPro-Bold';







    margin-left:30px;







}







.page_wrapper div.container .row div.span9 p{















    color:#656565;







    font-family:Arial, Helvetica, sans-serif;







    /*font-weight:bold;







    font-size:16px;*/







}







.subtitle {







    font-size: 36px;







    color: #595959;







    font-weight: 300;







}







/* support panel */







#sliding_panel {







    background: #eee;







    height: 0;







    position: relative;







    overflow: hidden;







    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;







    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;







    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;







}







#sliding_panel.opened {







    margin-top: 0;







}







#sliding_panel .container {







    padding: 15px 0;







}







#open_sliding_panel span {







    display: none;







}







#open_sliding_panel.active span {







    display: inline-block;







}







#close_sliding_panel {







    display: block;







    width: 14px;







    height: 14px;







    position: absolute;







    right: 14px;







    top: 0;







    background: #CCC;







    padding: 40px 10px 10px 10px;







}







#close_sliding_panel:hover {







    background: #ddd;







}







.how_to_shop > .row {







    font-size: 14px;







    margin-bottom: 20px;







}







.how_to_shop > p {







    font-size: 13px;







    margin-top: 15px;







}







.how_to_shop .number {







    display: inline-block;







    width: 28px;







    height: 28px;







    line-height: 28px;







    font-size: 16px;







    color: #fff;







    background: #2575a6;







    text-align: center;







    margin-right: 10px;







    font-weight: 900;







    -webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







}







/** Login Register stuff */







#register_panel, .register-panel {







    width: 400px;







}







.login-panel, .register-panel, .forgot-panel {







    padding: 20px;







}







.login-panel .m_title, .register-panel .m_title, .forgot-panel .m_title {







    font-size: 20px;







    font-weight: 500;







    color: #4a4a4a;







    margin-bottom: 20px;







    line-height: 1;







}







.login-panel .inputbox {







    width: 145px;







    margin: 0 4px 0 0;







    vertical-align: top;







}







.login-panel input[type=submit], .register-panel input[type=submit], .forgot-panel input[type=submit] {







    border: 0;







    vertical-align: top;







    height: 30px;







}







.login-panel .create_account, .login-panel input[type=submit], .register-panel input[type=submit], .forgot-panel input[type=submit], .login-panel .login_facebook {







    display: inline-block;







    line-height: 30px;







    background: #E12121;







    color: white;







    font-size: 14px;







    padding: 0 10px;







    margin-right: 30px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







.login-panel .create_account:hover, .login-panel input[type=submit]:hover, .register-panel input[type=submit]:hover, .forgot-panel input[type=submit]:hover {







    background: #787878;







}







.login-panel .login_facebook {







    background: #3b5998;







    margin-right: 0;







}







.login-panel .links a, .register-panel .links a, .forgot-panel .links a {







    font-size: 10px;







    font-weight: bold;







    color: #898989;







    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);







}







/** Scroll to top button **/







#totop {







    height: 9px;







    opacity: 0;







    filter: alpha(opacity=0);







    position: fixed;







    right: -50px;







    width: 49px;







    z-index: 9999;







    display: block;







    top: 85%;







    background-image: url("../../img/arrow_totop.png");







    background-repeat: no-repeat;







    background-position: center 15px;







    background-color: #404040;







    font-size: 9px;







    font-weight: 900;







    color: #fff;







    text-align: center;







    line-height: 1;







    padding: 28px 0 12px 0;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







#totop.on {







    right: 10px;







    opacity: 0.7;







    filter: alpha(opacity=70);







}







#totop.off {







    right: -59px







}







#totop:hover {







    opacity: 1;







    filter: alpha(opacity=100)







}







/** Action Box **/







#action_box {







    padding: 20px 0;







    color: #fff;







    border-top: 2px solid #fff;







    border-bottom: 1px solid #fff;







    position: relative;







    background: linear-gradient(to bottom, #674D38 0%, #3C2C1E 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000', GradientType=0 ); /* IE6-9 */







    background-color: #2575a6;







}







#action_box .row {







    margin-bottom: 0;







}







#action_box h4.text {







    margin: 5px 0;







    font-size: 28px;







    font-family: 'OptimaLTPro-Medium';







}







#action_box:after, #action_box:before {







    content: "";







    position: absolute;







    left: 50%;







    bottom: -14px;







    margin-left: -25%;







    border-radius: 3px;







    border: 8px solid transparent;







    border-top-width: 7px;







    border-top-color: #3D2C1E;







}







#action_box:after {







    border-top-color: rgba(0,0,0,0.2);







}







#action_box[data-arrowpos=center]:after, #action_box[data-arrowpos=center]:before {







margin-left:;







}







#action_box[data-arrowpos=right]:after, #action_box[data-arrowpos=right]:before {







    margin-left: 25%;







}







/* PORTFOLIO DEVICES SLIDER */







.portfolio-slider-frames {







}







.portfolio-slider-frames h3 {







    font-size: 27x;







    font-weight: 500;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);







    line-height: 1.4;







    max-width: 860px;







    margin: 0 auto;







    color: #fff;







    text-align: center;







}







.portfolio-slider-frames h3 .stronger {







    font-weight: 900;







    border-bottom: 1px dotted rgba(255,255,255,0.5);







    padding-bottom: 2px;







    cursor: help;







}







/* LAPTOP SLIDER */







.laptop-slider-wrapper {







}







.laptop-slider-wrapper h3 {







    font-size: 27px;







    font-weight: 300;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);







    line-height: 1.4;







    max-width: 860px;







    margin: 0 auto;







    color: #fff;







    text-align: center;







}







.laptop-slider-wrapper h3 strong {







    font-weight: 500;







}







.laptop-slider-wrapper h3 .stronger {







    border-bottom: 1px dotted rgba(255,255,255,0.5);







    padding-bottom: 2px;







    cursor: help;







}







/* Site Content */















.hoverBorder {







    position: relative;







    display: inline-block;

    /*width: 47%;*/
    margin-bottom: 20px;





}







.hoverBorder:hover img {







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    opacity: 0.8;







    filter: alpha(opacity=80);







}







.imgboxes_style1 .hoverBorder h6 {







    position: absolute;







    left: -4px; /* was -10 */







    bottom: 11px;







    color: #3c2a1c;







    padding: 6px 10px;







    background: #8cd0f3;







    font-size: 12px;







    font-weight: 500;







    line-height: 1;







    margin: 0;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    width:72px; /*no width */







}







.imgboxes_style1 .hoverBorder:hover h6 {







    left: 15px;







}







.hoverBorderWrapper {







    position: relative;







    display: block;







}







.theHoverBorder {







    position: absolute;







    left: 0;







    top: 0;







    bottom: 0;







    right: 0;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;







    -moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;







    box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;

/*  width:30%; */







}

/*news images */



.hoverBorderWrapper img {

   /* width: 30% !important; */

}







.theHoverBorder:hover {







    -webkit-box-shadow: 0 0 0 5px #8cd0f3 inset;







    -moz-box-shadow: 0 0 0 5px #8cd0f3 inset;







    box-shadow: 0 0 0 5px #8cd0f3 inset;







}







.plus .theHoverBorder {







    background-position: center center;







}







.plus .theHoverBorder:hover {







    background-image: url(../../img/plus01.png);







    background-repeat: no-repeat;







    background-position: center center;







    background-color: rgba(35,35,35,0.5);







}







.image-boxes .hoverBorder {







    margin-bottom: 15px;







}







.image-boxes .box {







    /*margin-bottom: 20px;







    min-height: 330px;*/







     margin-bottom: 15px;







    margin-right: 25px;







    width:275px;/* 241px;*/







    overflow:hidden;







    height:306px !important;







    line-height:17px;







}







.slidingDetails {







    position: relative;







    display: block;







    overflow: hidden;







}







.slidingDetails img {







    position: relative;







}







.slidingDetails .details {







    position: absolute;







    left: 0;







    right: 0;







    bottom: 0;







    top: 100%;







    visibility: hidden;







    padding: 10px;







    font-size: 12px;







    color: #fff;







    background: #232323;







    background: rgba(35,35,35,0.8);







}







.slidingDetails:hover .details {







    visibility: visible;







    top: 0;







}







.slidingDetails:hover {







    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5);







    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5);







    box-shadow: 0 0 7px rgba(0,0,0,0.5);







}







.slidingDetails .details h4 {







    font-size: 14px;







    margin-top: 5px;







}







.slidingDetails .details h6 {







    color: #fff;







    font-size: 12px;







    font-weight: 500;







    line-height: 1.5;







    margin: 0;







}







/* tabs style 1 */







.tabs_style1 {







    background: #fff;







    border: 1px solid #ececec;







}







.tabs_style1 > ul.nav {







    margin-bottom: 0;







    background: rgb(255,255,255);







    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */







    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,249,249,1))); /* Chrome,Safari4+ */







    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */







    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Opera 11.10+ */







    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* IE10+ */







    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-9 */







}







.tabs_style1 > ul.nav > li {







    float: left;







    margin-bottom: -1px;







}







.tabs_style1 > ul.nav > li > a {







    padding: 8px 20px;







    line-height: 18px;







    border: 1px solid transparent;







    border-left: 1px solid #fff;







    border-right: 1px solid #ececec;







    color: #343434;







}







.tabs_style1 > ul.nav > li.active > a, .tabs_style1 > ul.nav > li > a:hover {







    background-color: #fff;







}







.tabs_style1 > ul.nav > li.active > a {







    border-top: 3px solid #2575a6;







    border-left: 0;







    font-weight: 700;







    padding: 6px 20px 10px;







}







.tabs_style1 .tab-content {







    display: table;







    width: 100%;







    padding: 10px 15px 15px;







}







/* tabs style 2 */







.tabs_style2 {







    margin: 10px 0;







}







.tabs_style2 > ul.nav {







    margin-bottom: 10px;







}







.tabs_style2 > ul.nav > li {







    float: left;







    border-left: 1px dotted #ccc;







    line-height: 18px;







}







.tabs_style2 > ul.nav > li:first-child {







    border-left: 0;







}







.tabs_style2 > ul.nav > li:first-child a {







    border-left: 0;







    padding-left: 0;







}







.tabs_style2 > ul.nav > li > a {







    padding: 4px 20px;







    line-height: 18px;







    color: #555;







    font-weight: bold;







}







.tabs_style2 > ul.nav > li.active > a, .tabs_style2 > ul.nav > li > a:hover {







    background: none;







    color: #222;







}







.tabs_style2 .tab-content {







    display: table;







    width: 100%;







    padding: 0;







}







/* tabs style 3 */







.tabs_style3 {







    background: #fff;







    border: 1px solid #ececec;







    border-radius: 5px;







    position: static;







    overflow: hidden;







}







.tabs_style3 > ul.nav {







    margin-bottom: 0;







    background: rgb(255,255,255);







    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */







    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,249,249,1))); /* Chrome,Safari4+ */







    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */







    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* Opera 11.10+ */







    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* IE10+ */







    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-9 */







}







.tabs_style3 > ul.nav > li {







    float: left;







    margin-bottom: -1px;







}







.tabs_style3 > ul.nav > li > a {







    padding: 8px 20px;







    line-height: 18px;







    border: 1px solid transparent;







    border-left: 1px solid #fff;







    border-right: 1px solid #ececec;







    color: #343434;







}







.tabs_style3 > ul.nav > li.active > a, .tabs_style3 > ul.nav > li > a:hover {







    background-color: #fff;







}







.tabs_style3 > ul.nav > li.active > a {







    border-left: 0;







    font-weight: 700;







}







.tabs_style3 .tab-content {







    display: table;







    width: 100%;







    padding: 10px 15px 15px;







}







/* tabs style 4 */







.tabs_style4 {







}







.tabs_style4 > ul.nav {







    margin-bottom: 0;







}







.tabs_style4 > ul.nav > li {







    float: left;







    margin-bottom: -1px;







}







.tabs_style4 > ul.nav > li > a {







    padding: 8px 20px;







    line-height: 18px;







    color: #343434;







}







.tabs_style4 > ul.nav > li.active > a, .tabs_style4 > ul.nav > li > a:hover {







    color: #222;







}







.tabs_style4 > ul.nav > li.active > a {







    background: #fff;







    border: 1px solid #ececec;







    border-bottom: 0;







    -webkit-border-top-left-radius: 5px;







    -webkit-border-top-right-radius: 5px;







    -moz-border-top-left-radius: 5px;







    -moz-border-top-right-radius: 5px;







    border-top-left-radius: 5px;







    border-top-right-radius: 5px;







}







.tabs_style4 .tab-content {







    display: table;







    width: 100%;







    padding: 10px 15px 15px;







    border: 1px solid #ececec;







    background: #fff;







}







/* partners carousel */







.partners_carousel h5.title {







    font-weight: 500;







    margin-top: 0;







    text-shadow: 1px 1px 0 #fff







}







.partners_carousel ul {







    margin: 0;







    padding: 0;







    list-style: none;







}







.partners_carousel li {







    float: left;







    text-align: center;







    margin: 0;







    padding: 0 0 0 10px;







}







.partners_carousel li a {







    display: block;







    padding: 10px 0;







    margin: 0px;







    min-height: 46px;







    line-height: 46px;







    border: 4px solid #f9f9f9;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    background: #ffffff;







}







.partners_carousel li a img {







    opacity: .8;







    filter: alpha(opacity=80);







}







.partners_carousel li a:hover {







    background: #f9f9f9;







    border: 4px solid #eee;







}







.partners_carousel li a:hover img {







    opacity: 1;







    filter: alpha(opacity=100);







}







.partners_carousel .controls {







}







.partners_carousel .controls > a {







    opacity: 0.5;







    filter: alpha(opacity=50);







}







.partners_carousel .controls > a:hover {







    opacity: 1;







    filter: alpha(opacity=100);







}







.infobox1 {







    text-align: center;







    background: #ececec;







    border-bottom: 1px solid rgba(255,255,255,0.9);







    padding: 20px 0 10px;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.infobox1 .m_title {







    font-weight: 700;







    line-height: 1;







    margin: 0 0 10px;







}







.infobox1:hover {







    background: #e9e9e9;







}







.infobox2 {







    background: #ececec;







    border-bottom: 1px solid rgba(255,255,255,0.9);







    padding: 20px 20px 10px;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.infobox2 .m_title {







    font-weight: 700;







    line-height: 1;







    margin: 0 0 10px;







}







.infobox2 .btn {







    float: right;







    font-size: 14px;







    margin-top: 5px;







}







.infobox2:hover {







    background: #e9e9e9;







}







.feature_box .box {







    margin-bottom: 15px







}







.feature_box .title {







    font-size: 14px;







    font-weight: 700;







    color: #2575a6;







    text-shadow: 1px 1px 0 white;







    vertical-align: middle;







}







.feature_box.default_style .title > img {







    margin-right: 10px;







}







.feature_box.style2 .box {







    min-height: 90px







}







.feature_box.style2 span.icon {







    margin-right: 14px;







    display: inline-block;







    padding: 8px;







    background: #646464;







    float: left;







    -webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







}







.feature_box.style2 span.icon img {







    vertical-align: middle;







}







.feature_box.style2 p {







    margin-left: 50px







}







.feature_box.style3 .box {







    min-height: 90px;







    padding: 10px;







    text-align: center;







    position: relative;







}







.feature_box.style3 .box .title {







    margin-bottom: 25px;







}







.feature_box.style3 span.icon {







    display: inline-block;







    margin-bottom: 20px;







    width: 32px;







    height: 32px;







}







.feature_box.style3 .box:hover {







    background: #2575a6;







    color: #fff;







}







.feature_box.style3 .box:hover .title {







    margin-bottom: 25px;







    color: #fff;







    text-shadow: none;







}







.feature_box.style3 .box:hover:after {







    content: '';







    position: absolute;







    top: 0;







    left: 0;







    height: 2px;







    width: 100%;







    background: #fff;







}







.feature_box.style3 .box:hover:before {







    content: '';







    position: absolute;







    top: 2px;







    left: 50%;







    margin-left: -2px;







    border: 4px solid transparent;







    border-top-color: #fff;







}







.feature_box.style3 span.icon.ico1 {







    background: url(../../img/icons/featured_boxes3/ico-01.png) no-repeat center top;







}







.feature_box.style3 span.icon.ico2 {







    background: url(../../img/icons/featured_boxes3/ico-02.png) no-repeat center top;







}







.feature_box.style3 span.icon.ico3 {







    background: url(../../img/icons/featured_boxes3/ico-03.png) no-repeat center top;







}







.feature_box.style3 span.icon.ico4 {







    background: url(../../img/icons/featured_boxes3/ico-04.png) no-repeat center top;







}







.feature_box.style3 .box:hover span.icon {







    background-position: center bottom;







}







.services_box .box {







    margin-bottom: 15px







}







.services_box .title {







    font-size: 14px;







    font-weight: 700;







    color: #2575a6;







    text-shadow: 1px 1px 0 white;







    vertical-align: middle;







}







.services_box .icon {







    float: left;







    width: 80px;







    line-height: 76px;







    background: #646464;







    text-align: center;







    margin-right: 20px;







    vertical-align: middle;







    -webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







    height: 80px;







}







.services_box .box:hover .icon {







    background: #2575a6;







}







.services_box ul {







    float: left;







}







.latest_posts.default-style .hoverBorder {







    margin-bottom: 10px;







}







.latest_posts.default-style .hoverBorder h6 {







    position: absolute;







    left: -10px;







    bottom: 16px;







    color: #fff;







    padding: 6px 10px;







    background: #2575a6;







    font-size: 12px;







    font-weight: 500;







    line-height: 1;







    margin: 0;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.latest_posts.default-style .hoverBorder:hover h6 {







    left: 15px;







    background: #fff;







    color: #2575a6;







}







.latest_posts.default-style a + em {







    font-size: 11px;







    color: #7d7d7d;







}







.latest_posts.default-style .post .m_title {







    font-style: italic;







    font-size: 16px;







    line-height: 1.4;







    margin-top: 10px;







}







.latest_posts.style2 {







    position: relative;







}







.latest_posts.style2 .viewall {







    position: absolute;







    top: 12px;







    right: 0;







    font-size: 10px;







    font-weight: bold;







    color: #757575;







}







.latest_posts.style2 .viewall:hover {







    color: #111;







}







.latest_posts.style2 ul.posts {







    margin: 0;







    padding: 0;







    list-style: none;







}







.latest_posts.style2 ul.posts li {







    margin-top: 20px;







}







.latest_posts.style2 ul.posts li:first-child {







    margin-top: 0px;







}







.latest_posts.style2 ul.posts .title {







    font-size: 14px;







    font-weight: 700;







    color: #2575a6;







    text-shadow: 1px 1px 0 white;







    vertical-align: middle;







}







.latest_posts.style2 ul.posts .details {







    float: left;







    width: 110px;







}







.latest_posts.style2 ul.posts .details > span {







    display: inline-block;







    margin-bottom: 2px;







    font-size: 10px







}







.latest_posts.style2 ul.posts .details span.date {







    background: #a4a4a4;







    color: #fff;







    padding: 0 5px;







    position: relative







}







.latest_posts.style2 ul.posts .details span.date:after {







    content: '';







    position: absolute;







    bottom: -8px;







    left: 10px;







    border: 4px solid transparent;







    border-top-color: #a4a4a4;







}







.latest_posts.style2 ul.posts .text {







    margin-left: 110px;







}







.latest_posts.style3 {







    position: relative;







}







.latest_posts.style3 .hoverBorder {







    margin-right: 20px;







    margin-top: 5px;







}







.latest_posts.style3 .viewall {







    position: absolute;







    top: 12px;







    right: 0;







    font-size: 10px;







    font-weight: bold;







    color: #757575;







}







.latest_posts.style3 .viewall:hover {







    color: #111;







}







.latest_posts.style3 ul.posts {







    margin: 0;







    padding: 0;







    list-style: none;







}







.latest_posts.style3 ul.posts li {







    margin-top: 15px;







}







.latest_posts.style3 ul.posts li:first-child {







    margin-top: 0px;







}







.latest_posts.style3 ul.posts .title {







    font-size: 13px;







    margin: 0 0 5px;







    font-weight: 700;







    color: #2575a6;







    text-shadow: 1px 1px 0 white;







    vertical-align: middle;







}







.latest_posts.style3 ul.posts .text {







}







/* latest posts - accordion style */







.latest_posts.acc-style {







    position: relative;







}







.latest_posts.acc-style h3.m_title {







    position: absolute;







    top: 14px;







    z-index: 1;







    margin: 0;







}







.latest_posts.acc-style .viewall {







    position: absolute;







    top: 12px;







    right: 0;







    font-size: 10px;







    font-weight: bold;







    color: #757575;







    z-index: 1;







}







.latest_posts.acc-style .viewall:hover {







    color: #111;







}







.css3accordion {







    width: 1170px;







    margin: 0 auto 20px;







    overflow: hidden;







    position: relative;







}







/* .css3accordion,







.css3accordion>ul>li .thumb,







.css3accordion>ul>li>.inner-acc,







.css3accordion>ul { height: 202px; } */







.css3accordion>ul {







    list-style: none;







    padding: 0;







    margin: 0;







    width: 2222em;







}







.css3accordion>ul>li {







    width: 272px;







    padding-top: 50px;







    position: relative;







    float: left;







    overflow: hidden;







    margin-right: 20px;







    border-top: 4px solid #E7E7E7;







    transition: width 0.3s ease 0.2s;







    -moz-transition: width 0.3s ease 0.2s;







    -webkit-transition: width 0.3s ease 0.2s;







    -o-transition: width 0.3s ease 0.2s;







}







.css3accordion>ul>li>.inner-acc {







    width: 585px;







}







.css3accordion>ul>li .thumb {







    max-width: 273px;







    display: inline-block;







    float: left;







    margin-right: 20px;







    opacity: .8;







    filter: alpha(opacity=80);







}







.css3accordion>ul>li.last, .css3accordion>ul>li:hover {







    width: 585px;







}







.css3accordion>ul>li:hover .thumb {







    opacity: 1;







    filter: alpha(opacity=100);







}







.css3accordion>ul>li.last {







    margin-right: 0;







}







.css3accordion .content > em {







    font-size: 11px;







    color: #7d7d7d;







}







.css3accordion .content > .m_title {







    font-size: 13px;







    line-height: 1.4;







    margin: 10px 0;







}







.css3accordion .text + a {







    font-size: 10px;







    font-weight: bold;







    color: #888;







    display: inline-block;







    margin-top: 5px;







}







/* process steps */







.process_steps {







    overflow: hidden;







    border-radius: 2px;







    margin-bottom: 15px;







}







.process_steps .step {







    float: left;







    width: 25%;







    padding: 15px;







    color: #fff;







    min-height: 230px;







    position: relative;







    text-align: center;







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    -o-box-sizing: border-box;







    -ms-box-sizing: border-box;







    box-sizing: border-box;







}







.process_steps .step:after {







    content: '';







    position: absolute;







    top: 15px;







    right: -14px;







    border: 7px solid transparent;







    z-index: 1;







}







.process_steps .step.intro {







    background: #2575a6;







    text-align: left;







}







.process_steps .step.intro:after {







    border-left-color: #2575a6;







}







.process_steps .step.step1 {







    background: #5a5a5a;







}







.process_steps .step.step1:after {







    border-left-color: #5a5a5a;







}







.process_steps .step.step2 {







    background: #4a4a4a;







}







.process_steps .step.step2:after {







    border-left-color: #4a4a4a;







}







.process_steps .step.step3 {







    background: #3e3e3e;







}







.process_steps .step.step3:after {







    display: none;







}







.process_steps .step.intro > h3 {







    margin-top: 0;







    line-height: 1.2;







    font-weight: 500;







}







.process_steps .step.intro > h3 strong {







    font-size: 120%;







    display: block;







}







.process_steps .step.intro > a {







    font-size: 11px;







    font-weight: 700;







    color: #eee;







}







.process_steps .step.intro > a:hover {







    color: #fff;







}







.process_steps .step > div + h3 + p {







    margin-bottom: 0;







}







.process_steps .step .icon {







    margin: 20px 0 15px;







    min-height: 50px;







    line-height: 50px;







}







 @-webkit-keyframes pulse {







0% {







-webkit-transform: scale(1);







}







33% {







-webkit-transform: scale(0.9);







}







66% {







-webkit-transform: scale(1.1);







}







100% {







-webkit-transform: scale(1);







}







}







@-moz-keyframes pulse {







0% {







-moz-transform: scale(1);







}







33% {







-moz-transform: scale(0.9);







}







66% {







-moz-transform: scale(1.1);







}







100% {







-moz-transform: scale(1);







}







}







@-ms-keyframes pulse {







0% {







-ms-transform: scale(1);







}







33% {







-ms-transform: scale(0.9);







}







66% {







-ms-transform: scale(1.1);







}







100% {







-ms-transform: scale(1);







}







}







@-o-keyframes pulse {







0% {







-o-transform: scale(1);







}







33% {







-o-transform: scale(0.9);







}







66% {







-o-transform: scale(1.1);







}







100% {







-o-transform: scale(1);







}







}







@keyframes pulse {







0% {







transform: scale(1);







}







33% {







transform: scale(0.9);







}







66% {







transform: scale(1.1);







}







100% {







transform: scale(1);







}







}







.pulse {







    -webkit-animation-name: pulse;







    -moz-animation-name: pulse;







    -ms-animation-name: pulse;







    -o-animation-name: pulse;







    animation-name: pulse;







}







@-webkit-keyframes tada {







0% {







-webkit-transform: scale(1);







}







10%, 20% {







-webkit-transform: scale(0.9) rotate(-3deg);







}







30%, 50%, 70%, 90% {







-webkit-transform: scale(1.1) rotate(3deg);







}







40%, 60%, 80% {







-webkit-transform: scale(1.1) rotate(-3deg);







}







100% {







-webkit-transform: scale(1) rotate(0);







}







}







@-moz-keyframes tada {







0% {







-moz-transform: scale(1);







}







10%, 20% {







-moz-transform: scale(0.9) rotate(-3deg);







}







30%, 50%, 70%, 90% {







-moz-transform: scale(1.1) rotate(3deg);







}







40%, 60%, 80% {







-moz-transform: scale(1.1) rotate(-3deg);







}







100% {







-moz-transform: scale(1) rotate(0);







}







}







@-ms-keyframes tada {







0% {







-ms-transform: scale(1);







}







10%, 20% {







-ms-transform: scale(0.9) rotate(-3deg);







}







30%, 50%, 70%, 90% {







-ms-transform: scale(1.1) rotate(3deg);







}







40%, 60%, 80% {







-ms-transform: scale(1.1) rotate(-3deg);







}







100% {







-ms-transform: scale(1) rotate(0);







}







}







@-o-keyframes tada {







0% {







-o-transform: scale(1);







}







10%, 20% {







-o-transform: scale(0.9) rotate(-3deg);







}







30%, 50%, 70%, 90% {







-o-transform: scale(1.1) rotate(3deg);







}







40%, 60%, 80% {







-o-transform: scale(1.1) rotate(-3deg);







}







100% {







-o-transform: scale(1) rotate(0);







}







}







@keyframes tada {







0% {







transform: scale(1);







}







10%, 20% {







transform: scale(0.9) rotate(-3deg);







}







30%, 50%, 70%, 90% {







transform: scale(1.1) rotate(3deg);







}







40%, 60%, 80% {







transform: scale(1.1) rotate(-3deg);







}







100% {







transform: scale(1) rotate(0);







}







}







.tada {







    -webkit-animation-name: tada;







    -moz-animation-name: tada;







    -ms-animation-name: tada;







    -o-animation-name: tada;







    animation-name: tada;







}







@-webkit-keyframes fadeOutRightBig {







0% {







-webkit-transform: translate(2px, 1px);







}







3% {







-webkit-transform: translate(-1px, -2px);







}







6% {







-webkit-transform: translate(-3px, 0px);







}







8% {







-webkit-transform: translate(0px, 2px);







}







10% {







-webkit-transform: translate(1px, -1px);







}







20% {







-webkit-transform: translate(20px, -20px);







}







100% {







-webkit-transform: translate( 120px, -120px);







}







}







@-moz-keyframes fadeOutRightBig {







0% {







-moz-transform: translate(2px, 1px);







}







3% {







-moz-transform: translate(-1px, -2px);







}







6% {







-moz-transform: translate(-3px, 0px);







}







8% {







-moz-transform: translate(0px, 2px);







}







10% {







-moz-transform: translate(1px, -1px);







}







20% {







-moz-transform: translate(20px, -20px);







}







100% {







-moz-transform: translate( 120px, -120px);







}







}







@-ms-keyframes fadeOutRightBig {







0% {







-ms-transform: translate(2px, 1px);







}







3% {







-ms-transform: translate(-1px, -2px);







}







6% {







-ms-transform: translate(-3px, 0px);







}







8% {







-ms-transform: translate(0px, 2px);







}







10% {







-ms-transform: translate(1px, -1px);







}







20% {







-ms-transform: translate(20px, -20px);







}







100% {







-ms-transform: translate( 120px, -120px);







}







}







@-o-keyframes fadeOutRightBig {







0% {







-o-transform: translate(2px, 1px);







}







3% {







-o-transform: translate(-1px, -2px);







}







6% {







-o-transform: translate(-3px, 0px);







}







8% {







-o-transform: translate(0px, 2px);







}







10% {







-o-transform: translate(1px, -1px);







}







20% {







-o-transform: translate(20px, -20px);







}







100% {







-o-transform: translate( 120px, -120px);







}







}







@keyframes fadeOutRightBig {







0% {







transform: translate(2px, 1px);







}







3% {







transform: translate(-1px, -2px);







}







6% {







transform: translate(-3px, 0px);







}







8% {







transform: translate(0px, 2px);







}







10% {







transform: translate(1px, -1px);







}







20% {







transform: translate(20px, -20px);







}







100% {







transform: translate( 120px, -120px);







}







}







.fadeOutRightBig {







    -webkit-animation-name: fadeOutRightBig;







    -moz-animation-name: fadeOutRightBig;







    -ms-animation-name: fadeOutRightBig;







    -o-animation-name: fadeOutRightBig;







    animation-name: fadeOutRightBig;







}







.process_steps .step:hover .icon[data-animation=tada] img {







    -webkit-animation: tada ease-in-out 1 normal 800ms;







    -moz-animation: tada ease-in-out 1 normal 800ms;







    -ms-animation: tada ease-in-out 1 normal 800ms;







    -o-animation: tada ease-in-out 1 normal 800ms;







    animation: tada ease-in-out 1 normal 500ms;







}







.process_steps .step:hover .icon[data-animation=pulse] img {







    -webkit-animation: pulse ease-in-out 1 normal 500ms;







    -moz-animation: pulse ease-in-out 1 normal 500ms;







    -ms-animation: pulse ease-in-out 1 normal 500ms;







    -o-animation: pulse ease-in-out 1 normal 500ms;







    animation: pulse ease-in-out 1 normal 500ms;







}







.process_steps .step:hover .icon[data-animation=fadeOutRightBig] img {







    -webkit-animation: fadeOutRightBig ease-out 1 normal 1s;







    -moz-animation: fadeOutRightBig ease-out 1 normal 1s;







    -ms-animation: fadeOutRightBig ease-out 1 normal 1s;







    -o-animation: fadeOutRightBig ease-out 1 normal 1s;







    animation: fadeOutRightBig ease-out 1 normal 1s;







}







/* recent work carousel */







.recentwork_carousel li a:hover .details > .bg, .recentwork_carousel li .hover .hov, .recentwork_carousel.style2 li .details {







    -webkit-transition: all 0.2s ease-out;







    -moz-transition: all 0.2s ease-out;







    -o-transition: all 0.2s ease-out;







    transition: all 0.2s ease-out;







}







.recentwork_carousel h5.title {







    font-weight: 500;







    margin-top: 0;







    text-shadow: 1px 1px 0 #fff







}







.recentwork_carousel ul {







    margin: 0;







    padding: 0;







    list-style: none;







    height: auto;







}







.recentwork_carousel li {







    float: left;







    text-align: center;







    margin: 0;







    padding: 0 0 0 20px;







}







.recentwork_carousel li a {







    display: block;







    padding: 0;







    margin: 0px;







}







.recentwork_carousel li .hover {







    display: block;







    position: relative;







    overflow: hidden;







}







.recentwork_carousel li .hover .hov {







    position: absolute;







    left: 0;







    right: 0;







    bottom: 0;







    top: 100%;







    background-image: url(../../img/plus01.png);







    background-repeat: no-repeat;







    background-position: center center;







    background-color: rgba(35,35,35,0.8);







    display: block;







}







.recentwork_carousel li a:hover .hov {







    top: 0;







}







.recentwork_carousel li .details {







    display: block;







    position: relative;







}







.recentwork_carousel li .details > .bg {







    position: absolute;







    top: 0;







    height: 0;







    background: #2575a6;







    width: 100%;







    left: 0;







}







.recentwork_carousel li .details h4 {







    font-size: 14px;







    color: #2575a6;







    padding: 10px 0;







    margin: 0;







    position: relative;







    z-index: 1;







}







.recentwork_carousel li .details h4 + span {







    font-size: 11px;







    display: block;







    color: #343434;







    line-height: 1;







    padding-bottom: 15px;







    position: relative;







    z-index: 1;







}







.recentwork_carousel li a:hover .details > .bg {







    height: 100%;







}







.recentwork_carousel li a:hover .details h4, .recentwork_carousel li a:hover .details h4 + span {







    color: #fff;







}







.recentwork_carousel .controls > a {







    opacity: 0.5;







    filter: alpha(opacity=50);







}







.recentwork_carousel .controls > a:hover {







    opacity: 1;







    filter: alpha(opacity=100);







}







/* recent work carousel - style2 */







.recentwork_carousel.style2 {







    position: relative;







}







.recentwork_carousel.style2 .controls {







    position: absolute;







    right: 20px;







    top: 12px;







}







.recentwork_carousel.style2 li {







    padding: 0 20px 0 0;







}







.recentwork_carousel.style2 li > a {







    position: relative;







    display: inline-block;







    overflow: hidden;







}







.recentwork_carousel.style2 li .details {







    position: absolute;







    left: 0;







    right: 0;







    bottom: 0;







    top: 0;







    opacity: 0;







    filter: alpha(opacity=0);







    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */







    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.25)), color-stop(1%, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0.65))); /* Chrome,Safari4+ */







    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */







    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* Opera 12+ */







    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* IE10+ */







    background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#a6000000', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */







}







.recentwork_carousel.style2 li a:hover .details {







    opacity: 1;







    filter: alpha(opacity=100);







}







.recentwork_carousel.style2 li a .details .plus {







    position: absolute;







    display: block;







    width: 24px;







    height: 24px;







    background: #2575a6;







    font-size: 16px;







    color: #fff;







    top: 50%;







    margin-top: -12px;







    left: 50%;







    margin-left: -12px;







    font-weight: bold;







    line-height: 24px;







    text-align: center;







    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);







    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);







    box-shadow: 0 0 6px rgba(0,0,0,0.3);







}







.recentwork_carousel.style2 li a .details h4 {







    position: absolute;







    font-size: 14px;







    top: 65%;







    left: 0;







    right: 0;







    margin: 0;







    padding: 0;







    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);







    color: #fff;







}







.recentwork_carousel.style2 li a .details h4 + span {







    position: absolute;







    font-size: 11px;







    top: 80%;







    left: 0;







    right: 0;







    padding: 0;







    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);







    color: #fff;







}







/* goboxes */







.gobox {







    background: #797979;







    color: #fff;







    padding: 15px;







    min-height: 100px;







    position: relative;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







.gobox:hover {







    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);







    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);







    box-shadow: 0 0 15px rgba(0,0,0,0.2)







}







.gobox h4 {







    margin-top: 5px;







}







.gobox:after {







    content: '';







    position: absolute;







    top: 50%;







    right: -10px;







    margin-top: -5px;







    border: 5px solid transparent;







    border-left-color: #797979;







}







.gobox.ok {







    background: #2575a6;







    font-size: 13px;







    text-transform: uppercase;







}







.gobox.ok:after {







    display: none;







}







.gobox.ok h4 {







    font-size: 26px;







    margin-top: 20px;







}







.gobox.ok > img {







    float: left;







    margin-right: 25px;







    margin-top: 20px;







}







.gray-area {







    background: #ebebeb;







    padding: 30px 0 0;







    margin-bottom: 30px;







}







.gray-area.noMargin {







    margin-bottom: 0;







    padding-bottom: 20px;







}







/* info text box */







.info-text {







    background: #767676;







    color: #fff;







    font-size: 28px;







    line-height: 1.4;







    padding: 15px 20px;







    position: relative;







    -webkit-box-shadow: 3px 3px 0 white;







    -moz-box-shadow: 3px 3px 0 white;







    box-shadow: 3px 3px 0 white;







}







.info-text:after {







    content: '';







    width: 34px;







    height: 34px;







    background: url(../../img/info-circle.png);







    position: absolute;







    right: 10px;







    bottom: 10px;







}







/* testimonials carousel */







.testimonials-carousel {







    position: relative;







}







.testimonials-carousel .controls {







    position: absolute;







    right: 0;







    top: 14px;







}







.testimonials-carousel .controls > a {







    opacity: 0.5;







    filter: alpha(opacity=50);







}







.testimonials-carousel .controls > a:hover {







    opacity: 1;







    filter: alpha(opacity=100);







}







.testimonials-carousel ul {







    margin: 0;







    padding: 0;







    list-style: none;







}







.testimonials-carousel ul li {







    float: left;







}







.testimonials-carousel blockquote {







    background: #fff;







    border: 4px solid #eee;







    margin: 0 0 10px;







    padding: 15px;







    font-size: 12px;







    font-style: italic;







    color: #474747;







    position: relative;







}







.testimonials-carousel blockquote:after {







    content: '';







    position: absolute;







    bottom: -14px;







    left: 15px;







    border: 7px solid transparent;







    border-top-color: #fff;







}







.testimonials-carousel blockquote + h5 {







    margin-top: 0;







    margin-left: 5px;







    font-size: 13px;







    font-weight: 500;







}







/* FLICKR FEED */







.flickr_feeds {







    margin: 0 0 0 -20px;







    padding: 0;







    list-style: none;







    position: relative;







}







.flickrfeed.loading:after {







    content: 'Loading..';







}







.flickr_feeds li {







    float: left;







    margin: 0 0 20px 20px;







}







.flickr_feeds li a {







    display: block;







    width: 75px;







    position: relative;







}







.flickr_feeds[data-size=small] li a {







    width: 60px;







}







.flickr_feeds li a .hov1 {







    position: absolute;







    top: 0;







    left: 0;







    right: 0;







    bottom: 0;







}







.hover-box {







    display: block;







    padding: 15px;







    background: #969696;







    border: 1px solid rgba(0,0,0,0.4);







    color: #fff;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);







    border-radius: 3px;







}







.hover-box:hover {







    background: #2575a6;







    color: #fff;







}







.hover-box.centered {







    text-align: center;







}







.hover-box > img {







    float: left;







    margin: 15px 15px 8px 10px;







}







.hover-box > h3 {







    line-height: 1.1;







    margin-top: 0;







}







.hover-box > h4 {







    line-height: 1.1;







    margin-top: 0;







}







.hover-box > p {







    margin-bottom: 0;







    line-height: 1.1;







}







/* CIRCLE HOVER */







.circlehover {







    width: 110px;







    height: 110px;







    text-align: center;







    color: white;







    font-size: 18px;







    padding: 10px;







    display: table;







    line-height: 1.4;







    background-color: #2575a6;







    position: relative;







    font-weight: 700;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);







    -webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







    -webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);







    -moz-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);







    box-shadow: 3px 3px 1px rgba(0,0,0,0.5);







}







.circlehover[data-size="small"] {







    width: 80px;







    height: 80px;







    font-size: 14px;







    padding: 8px;







}







.circlehover[data-size="medium"] {







    width: 95px;







    height: 95px;







    font-size: 16px;







    padding: 10px;







}







.circlehover span {







    display: table-cell;







    vertical-align: middle;







    position: relative;







    z-index: 1;







}







.circlehover:before {







    content: '';







    position: absolute;







    top: 7px;







    left: 7px;







    background: #2575a6;







    width: 30px;







    height: 30px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







.circlehover[data-position="top-left"]:before {







    top: 7px;







    left: 7px;







}







.circlehover[data-position="top-right"]:before {







    top: 7px;







    right: 7px;







    left: auto;







}







.circlehover[data-position="bottom-left"]:before {







    bottom: 7px;







    left: 7px;







    top: auto;







}







.circlehover[data-position="bottom-right"]:before {







    bottom: 7px;







    right: 7px;







    left: auto;







    top: auto;







}







.circlehover[data-position="top"]:before, .circlehover[data-position="right"]:before, .circlehover[data-position="left"]:before, .circlehover[data-position="bottom"]:before {







    -webkit-transform: rotate(45deg);







    -moz-transform: rotate(45deg);







    -ms-transform: rotate(45deg);







    -o-transform: rotate(45deg);







    transform: rotate(45deg);







}







.circlehover[data-position="top"]:before {







    top: -10px;







    left: 50%;







    margin-left: -15px;







}







.circlehover[data-position="right"]:before {







    top: 50%;







    right: -10px;







    left: auto;







    margin-top: -15px;







}







.circlehover[data-position="left"]:before {







    top: 50%;







    left: -10px;







    margin-top: -15px;







}







.circlehover[data-position="bottom"]:before {







    bottom: -10px;







    left: 50%;







    margin-left: -15px;







    top: auto;







}







.circlehover[data-position="bottom-right"] {







    -webkit-box-shadow: -3px -3px 1px rgba(0,0,0,0.5);







    -moz-box-shadow: -3px -3px 1px rgba(0,0,0,0.5);







    box-shadow: -3px -3px 1px rgba(0,0,0,0.5);







}







.circlehover:hover {







    color: #fff;







    -webkit-transform: scale(1.1);







    -moz-transform: scale(1.1);







    -o-transform: scale(1.1);







    -ms-transform: scale(1.1);







    transform: scale(1.1);







    -webkit-box-shadow: 5px 5px 1px rgba(0,0,0,0.2);







    -moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.2);







    box-shadow: 5px 5px 1px rgba(0,0,0,0.2);







}







.circlehover[data-position="bottom-right"]:hover {







    -webkit-box-shadow: -5px -5px 1px rgba(0,0,0,0.5);







    -moz-box-shadow: -5px -5px 1px rgba(0,0,0,0.5);







    box-shadow: -5px -5px 1px rgba(0,0,0,0.5);







}







.circlehover[data-align="left"] {







    float: left;







}







.circlehover[data-align="right"] {







    float: right;







}







.circlehover {







    -webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */







    -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);







    -moz-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);







    -ms-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);







    -o-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);







    transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */







    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */







    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);







    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);







    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);







    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);







    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */







}







.circlehover.with-symbol > span.text {







}







.circlehover.with-symbol > span.symbol {







    opacity: 0;







    filter: alpha(opacity=0);







    position: absolute;







    display: block;







    left: 0;







    top: 0;







    bottom: 0;







    right: 0;







    text-align: center;







    line-height: 130px;







}







.circlehover.with-symbol:hover > span.text {







    opacity: 0;







    filter: alpha(opacity=0);







}







.circlehover.with-symbol:hover > span.symbol {







    opacity: 1;







    filter: alpha(opacity=100);







}







/* accordions */







.acc-group.default-style {







    margin-bottom: 3px;







}







.acc-group.default-style > button {







    background: none;







    border: 0;







    padding: 4px 10px;







    color: #2575a6;







    display: block;







    width: 100%;







    text-align: left;







    position: relative;







}







.acc-group.default-style > button:after {







    content: '';







    position: absolute;







    right: 5px;







    top: 5px;







    width: 20px;







    height: 20px;







    background: url(../../img/acc-arr1.png) no-repeat center top;







}







.acc-group.default-style > button:hover {







    background: #dcdcdc;







    color: #111;







}







.acc-group.default-style > button.collapsed:after {







    background-position: center bottom;







}







.acc-group.default-style > button.collapsed {







    color: #003661;







}







.acc-group.default-style .content {







    padding: 10px;







}







.acc-group.default-style.tweaked {







    border-bottom: 1px solid #D5D5D5;







    padding-bottom: 3px;







}







.acc-group.default-style.tweaked > button {







    font-size: 20px;







    line-height: 1.8;







    padding-left: 0;







    font-family: 'OptimaLTPro-Bold';







}







.acc-group.default-style.tweaked > button:after {







    top: 12px;







}







.acc-group.default-style.tweaked .content {







    padding: 10px 0;







}







.acc-group.default-style.tweaked .content > .row {







    margin-bottom: 10px;







}







/* accordions style2 */







.acc-group.style2 {







    margin-bottom: 2px;







    padding: 0;







    border: 1px solid #e5e5e5;







    -webkit-border-radius: 4px;







    -moz-border-radius: 4px;







    border-radius: 4px;







}







.acc-group.style2 > button {







    display: block;







    width: 100%;







    text-align: left;







    position: relative;







    margin: 0;







    padding: 10px;







}







.acc-group.style2 > button:after {







    content: '';







    position: absolute;







    right: 5px;







    top: 10px;







    width: 20px;







    height: 20px;







    background: url(../../img/acc-arr1.png) no-repeat center top;







    opacity: .4;







    filter: alpha(opacity=40);







}







.acc-group.style2 > button:hover {







}







.acc-group.style2 > button.collapsed:after {







    background-position: center bottom;







}







.acc-group.style2 > button.collapsed {







    color: #505050;







}







.acc-group.style2 .content {







    padding: 10px 15px;







    border-top: 1px solid #E5E5E5;







}







.acc-group.style2 .content p:last-child {







    margin-bottom: 0;







}







/* accordions style3 */







.acc-group.style3 {







    margin-bottom: 8px;







    padding-bottom: 8px;







    border-bottom: 1px solid #e5e5e5;







}







.acc-group.style3 > button {







    display: block;







    width: 100%;







    text-align: left;







    position: relative;







    margin: 0;







    padding: 10px 10px 10px 60px;







    background: none;







    border: 0;







    font-size: 16px







}







.acc-group.style3 > button:after {







    content: '-';







    position: absolute;







    left: 0;







    top: 0;







    width: 20px;







    height: 20px;







    font-size: 40px;







    background: #eee;







    color: #2575a6;







    padding: 7px 6px 13px 14px;







    text-shadow: 0 1px 0 #fff;







}







.acc-group.style3 > button:hover {







    color: #2575a6 !important;







}







.acc-group.style3 > button:hover:after {







    color: #2575a6 !important;







    background: #e9e9e9;







}







.acc-group.style3 > button.collapsed:after {







    color: #b5b5b5;







    content: '+';







    padding: 10px;







    font-size: 35px;







}







.acc-group.style3 > button.collapsed {







    color: #505050;







}







.acc-group.style3 .content {







    padding: 10px 15px;







}







.acc-group.style3 .content p:last-child {







    margin-bottom: 0;







}







/* Screenshot-box */







.screenshot-box {







    background: #fff;







    border: 1px solid #b3b3b3;







    position: relative;







    padding: 15px 20px 0 30px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    margin-top: 20px;







}







.screenshot-box .left-side {







    float: left;







    width: 450px;







}







.screenshot-box .left-side h3.title {







    font-size: 19px;







    color: #2575a6;







    line-height: 1.4;







}







.screenshot-box .left-side ul.features {







    margin: 20px 0;







    padding: 0;







    list-style: none;







}







.screenshot-box .left-side ul.features li {







    padding-left: 35px;







    background: url(../../img/ok2.png) no-repeat left center;







    margin-top: 20px;







}







.screenshot-box .left-side ul.features li:first-child {







    margin-top: 0;







}







.screenshot-box .left-side ul.features li h4 {







    font-size: 14px;







    line-height: 1.3;







    margin: 5px 0 0;







}







.screenshot-box .left-side ul.features li h4 + span {







}







.thescreenshot {







    float: right;







    margin-left: 30px;







    width: 580px;







    height: 328px;







    padding: 42px 16px 0 10px;







    position: relative;







    background: url(../../img/screenshotbox-bg.png) no-repeat left top;







    margin-top: -40px;







}







.thescreenshot .controls {







    position: absolute;







    top: 15px;







    left: 17px;







    width: 43px;







    height: 19px;







}







.thescreenshot .controls a {







    display: block;







    width: 21px;







    height: 19px;







    float: left;







}







#screenshot-carousel {







    margin: 0;







    padding: 0;







    list-style: none;







}







#screenshot-carousel li {







    float: left







}







/* keywords box */







.keywordbox {







    border-top: 4px solid #ddd;







    position: relative;







    padding-top: 30px;







    font-size: 23px;







    font-style: italic;







    text-align: center;







    color: #8D8D8D;







}







.keywordbox:after {







    content: '';







    position: absolute;







    top: 0;







    left: 50%;







    margin-left: -3px;







    border: 6px solid transparent;







    border-top-color: #ddd;







}





.footer-home {margin-top:0!important;}

#footer {







    background: #003661;







    padding: 25px 0 0px;







    color: #d5d5d5;







    border-top: 4px solid #fff;







}







#footer a {







    color: #fff;







    font-family: 'OptimaLTPro-Bold';







}







#footer a:hover {







    color: #d5d5d5;







}







#footer .m_title {







    font-size: 14px;







    color: #fff;







    text-shadow: none







    font-family: 'OptimaLTPro-Bold';







}







#footer .menu {







    margin: 0;







    padding: 0;







    list-style: none;







}







#footer .menu li {







    float: left;







    width: 50%;







}







.newsletter-signup form {







    margin-bottom: 10px;







}







.newsletter-signup input {







    vertical-align: top;







    margin-bottom: 0;







}







.newsletter-signup input[type=text] {







    color: #4d4d4d;







    background: #dddddd;







    border: 1px solid #a3a3a3;







    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;







    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;







    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;







}







.newsletter-signup input[type=submit] {







    color: #fff;







    background: #2575a6;







    border: 0;







    font-weight: 700;







    font-size: 13px;







    height: 30px;







    padding: 0 15px;







    margin-left: 5px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







.newsletter-signup input[type=submit]:hover {







    background: #000;







}







.newsletter-signup #result {







    display: inline-block;







    margin-bottom: 10px;







}







.newsletter-signup #result:empty {







    display: inline;







}







.map-link > span {







    margin-top: 2px;







}







#footer .bottom {







    padding-top: 30px;







    border-top: 5px solid #3d5c75;







    color: #8b8c8d;







}







#footer .social-icons {







    float: right;







}







#footer .copyright img {







    float: left;







    margin-right: 20px;







}







#footer .social-icons {







}







#footer .social-icons li.title {







    line-height: 30px;







}







#footer .social-icons li {







    margin: 0 0 0 10px;







}







#footer .social-icons li:first-child {







    margin-left: 0;







}







#footer .contact-details {







    background: url(../../img/say_hi.png) no-repeat right top;







}







/* SOCIAL SHARING */







.social-share {







    margin: 25px 0 0;







    padding: 0;







    list-style: none;







    text-align: center;







}







.social-share li {







    display: inline-block;







    margin-left: 10px;







    width: 90px;







    max-height: 20px;







    vertical-align: top;







}







.social-share li.sc-gplus {







    width: 70px;







}







.social-share li.sc-pinterest > a {







    width: 40px !important;







    margin-left: -40px !important;







    vertical-align: top !important;







}







.social-share.colored {







    margin-top: 15px;







}







.social-share.colored li {







    padding: 10px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







.social-share.colored li.sc-facebook {







    background: #3B5998;







}







.social-share.colored li.sc-twitter {







    background: #3CF;







}







.social-share.colored li.sc-gplus {







    background: #D34836;







    width: 70px;







}







.social-share.colored li.sc-pinterest {







    background: #CB2027;







}







/* TWITTER FEED */







#twitterFeed {







    background: url(../../img/twitter-bird.png) no-repeat 15px center #444;







    font-size: 12px;







    color: #fff;







    padding: 15px 75px 15px 60px;







    position: relative;







    margin-bottom: 15px;







    font-style: italic;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







#twitterFeed:after {







    content: '';







    position: absolute;







    bottom: -10px;







    left: 15px;







    border: 5px solid transparent;







    border-top-color: #444;







}







#twitterFeed ul {







    margin: 0;







    padding: 0;







    list-style: none;







    font-size: 11px;







}







#twitterFeed .twTime {







    display: inline-block;







    color: #9d9d9d;







    padding-left: 10px;







    border-left: 1px solid #707070;







    font-size: 11px;







    position: absolute;







    right: 15px;







    top: 15px;







    bottom: 15px;







    width: 45px;







    vertical-align: middle;







    line-height: 1;







}







/* TESTIMONIALS FADER */







.testimonials_fader ul {







    margin: 0;







    padding: 0;







    list-style: none;







    border-left: 1px solid #e2e2e2;







    position: relative;







}







.testimonials_fader li {







    position: relative;







    padding: 0 0 0 100px







}







.testimonials_fader ul li:after {







    content: '“';







    position: absolute;







    top: -10px;







    left: 30px;







    font-size: 150px;







    color: #e2e2e2;







    line-height: 1;







    font-family: tahoma;







}







.testimonials_fader li blockquote {







    margin: 0;







    padding: 0;







    border: 0;







    font: italic 20px/1.4 Georgia, Arial, sans-serif;







}







.testimonials_fader li blockquote + h6 {







    font-weight: normal;







    font-size: 11px;







    font-style: italic;







}







/* TESTIMONIALS BOX */







.testimonial_box {







    float: left;







    padding: 0 25px;







    margin: 15px 0;







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







    position: relative;







}







.testimonial_box[data-size=small] {







    width: 50%;







}







.testimonial_box[data-size=medium] {







    width: 50%;







}







.testimonial_box[data-size=large] {







    width: 50%;







}







.testimonial_box[data-size=full] {







    width: 100%;







}







.testimonial_box[data-size=onethird] {







    width: 33%;







}







.testimonial_box[data-size=twothirds] {







    width: 66%;







}







.testimonial_box[data-theme=light] blockquote {







    background: #ddd;







    color: #343434;







}







.testimonial_box[data-theme=dark] blockquote {







    background: #707070;







    color: #f5f5f5;







}







.testimonial_box[data-theme=light][data-align=left] blockquote:after {







    border-right-color: #ddd;







}







.testimonial_box[data-theme=dark][data-align=left] blockquote:after {







    border-right-color: #707070;







}







.testimonial_box[data-theme=light][data-align=right] blockquote:after {







    border-left-color: #ddd;







}







.testimonial_box[data-theme=dark][data-align=right] blockquote:after {







    border-left-color: #707070;







}







.testimonial_box[data-theme=light][data-align=top] blockquote:after {







    border-bottom-color: #ddd;







}







.testimonial_box[data-theme=dark][data-align=top] blockquote:after {







    border-bottom-color: #707070;







}







.testimonial_box[data-theme=light][data-align=bottom] blockquote:after {







    border-top-color: #ddd;







}







.testimonial_box[data-theme=dark][data-align=bottom] blockquote:after {







    border-top-color: #707070;







}







.testimonial_box[data-align=left] .details {







    float: left;







    margin-right: 10px;







    width: 90px;







}







.testimonial_box[data-align=left] blockquote {







    margin-left: 90px;







}







.testimonial_box[data-align=left] blockquote:after {







    left: -14px;







    top: 50%;







}







.testimonial_box[data-align=right] .details {







    float: right;







    margin-left: 10px;







    width: 90px;







    text-align: right;







}







.testimonial_box[data-align=right] blockquote {







    margin-right: 90px;







}







.testimonial_box[data-align=right] blockquote:after {







    right: -14px;







    top: 50%;







}







.testimonial_box[data-align=top] .details {







    float: none;







    margin-left: 10px;







    width: 100%;







    position: relative;







    z-index: 1;







}







.testimonial_box[data-align=top] .details img {







    position: absolute;







    top: -5px;







    right: -5px







}







.testimonial_box[data-align=top] .details h6 strong {







    display: block;







}







.testimonial_box[data-align=top] .details h6 {







    margin-top: 0;







}







.testimonial_box[data-align=top] blockquote {







    margin-top: 14px;







    clear: both;







}







.testimonial_box[data-align=top] blockquote:after {







    left: 30px;







    top: -14px;







}







.testimonial_box[data-align=bottom] {







    margin-bottom: 35px







}







.testimonial_box[data-align=bottom] .details {







    position: absolute;







    left: 25px;







    right: 5px;







    top: 100%;







    z-index: 1;







}







.testimonial_box[data-align=bottom] .details img {







    float: right;







    margin-top: -20px;







}







.testimonial_box[data-align=bottom] .details h6 strong {







    display: block;







}







.testimonial_box[data-align=bottom] blockquote {







    margin-bottom: 0;







    float: none;







    position: relative;







    z-index: 0;







}







.testimonial_box[data-align=bottom] blockquote:after {







    left: 30px;







    bottom: -14px;







}







.testimonial_box .details h6 {







    font-size: 10px;







    font-weight: normal;







    margin: 10px 0 0;







    line-height: 1.4;







}







.testimonial_box blockquote {







    margin: 0;







    padding: 15px;







    border: 0;







    font-size: 12px;







    font-style: italic;







    position: relative;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);







    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);







    box-shadow: 0 0 7px rgba(0,0,0,0.1);







}







.testimonial_box blockquote:after {







    content: '';







    position: absolute;







    border-width: 7px;







    border-style: solid;







    border-color: transparent;







}







/* vertical tabs */







.vertical_tabs {







    background: #fff;







    border: 1px solid #c2c2c2;







    overflow: hidden;







    border-radius: 3px;







    width:97.5%







}







.vertical_tabs .tabbable .nav {







    float: left;







    width: 25%;







    border-right: 1px solid #c2c2c2;







    border-bottom: 1px solid #c2c2c2;







    margin: 0 0 -1px 0;







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







}







.vertical_tabs .tabbable .nav>li {







    border-top: 1px solid #c2c2c2;







}







.vertical_tabs .tabbable .nav>li>a {







    line-height: 60px;







    padding-left: 20px;







    font-weight: bold;







    text-transform: uppercase;







    color: #595959;







    background: #ffffff;







    background: -moz-linear-gradient(left, #ffffff 73%, #ededed 100%); /* FF3.6+ */







    background: -webkit-gradient(linear, left top, right top, color-stop(73%, #ffffff), color-stop(100%, #ededed));







    background: -webkit-linear-gradient(left, #ffffff 73%, #ededed 100%); /* Chrome10+,Safari5.1+ */







    background: -o-linear-gradient(left, #ffffff 73%, #ededed 100%); /* Opera 11.10+ */







    background: -ms-linear-gradient(left, #ffffff 73%, #ededed 100%); /* IE10+ */







    background: linear-gradient(to right, #ffffff 73%, #ededed 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );







}







.vertical_tabs .tabbable .nav>li>a>span {







    padding: 6px 7px 7px 7px;







    background: #646464;







    margin-right: 5px;







    line-height: 1;







    display: inline-block;







    vertical-align: middle;







    margin-top: -1px;







    -webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







}







.vertical_tabs .tabbable .nav>li>a>span span {







    margin: 0;







    vertical-align: middle;







}







.vertical_tabs .tabbable .nav>li>a:hover, .vertical_tabs .tabbable .nav>li.active>a {







    color: #2575a6;







}







.vertical_tabs .tabbable .nav>li.active>a {







    background: #fff;







    margin-right: -1px;







}







.vertical_tabs .tabbable .nav>li.active>a>span, .vertical_tabs .tabbable .nav>li>a:hover>span {







    background: #2575a6;







}







.vertical_tabs .tabbable .nav>li:first-child {







    border-top: 0;







}







.vertical_tabs .tabbable .tab-content {







    float: left;







    width: 75%;







    padding: 20px;







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







}







/*stat boxes */







.statbox {







    background: #fff;







    border: 1px solid #c2c2c2;







    padding: 10px;







    margin-top:10px;







}







.statbox img {







    float: left;







    margin-right: 20px;







}







.statbox h4 {







    font-size: 30px;







    color: #2575a6;







    line-height: 35px;







    margin-top: 0;







}







.statbox h6 {







    color: #969696;







    margin-bottom: 0;







}







/* skills diagram */







#skills_diagram {







    float: right;







    width: 600px;







    position: relative;







}







#skills_diagram .legend {







    position: absolute;







    right: -60px;







    top: 40px;







    text-align: right;







}







#skills_diagram #thediagram {







    width: 600px;







    height: 500px;







    margin-top: -50px;







    float: right;







}







#skills_diagram .skills {







    margin: 0;







    padding: 0;







    list-style: none;







}







#skills_diagram .skills li {







    float: right;







    clear: both;







    padding: 0 15px;







    height: 25px;







    line-height: 25px;







    color: white;







    margin-bottom: 1px;







    font-size: 14px;







}







/* PRICING TABLES */







.spacer {







    height: 50px;







}







.no-space {







    margin-left: 0;







}







.no-space [class*="span"] {







    margin-left: 0;







}







.row-fluid.no-space .span1 {







    width: 8.334% !important;







}







.row-fluid.no-space .span2 {







    width: 16.667% !important;







}







.row-fluid.no-space .span3 {







    width: 25% !important;







}







.row-fluid.no-space .span4 {







    width: 33.334% !important;







}







.row-fluid.no-space .span5 {







    width: 41.667% !important;







}







.row-fluid.no-space .span6 {







    width: 50% !important;







}







.row-fluid.no-space .span7 {







    width: 58.333% !important;







}







.row-fluid.no-space .span8 {







    width: 66.666% !important;







}







.row-fluid.no-space .span9 {







    width: 75% !important;







}







.row-fluid.no-space .span10 {







    width: 83.334% !important;







}







.row-fluid.no-space .span11 {







    width: 91.666% !important;







}







.row-fluid.no-space .span12 {







    width: 100% !important;







}








@media (max-width: 767px) {







.row-fluid.no-space [class*="span"] {







    width: auto !important;







}







}







.pricing_table {







    text-align: center;







    margin: 25px 0;







}







.pricing_table .tb_header {







    background-color: #8AB623;







}







.pricing_table .tb_header h4 {







    margin: 0;







    padding: 15px 0px;







    border-bottom: 3px solid #5E852C;







    color: white;







    font-size: 20px;







    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);







    font-weight: 700;







    -webkit-border-top-left-radius: 3px;







    -webkit-border-top-right-radius: 4px;







    -moz-border-top-left-radius: 3px;







    -moz-border-top-right-radius: 4px;







    border-top-left-radius: 3px;







    border-top-right-radius: 4px;







}







.pricing_table .price {







    margin: 0;







    padding: 15px 0px;







    border-bottom: 2px solid white;







    font-size: 46px;







    color: #fff;







    text-shadow: 1px 1px 0 black;







    font-weight: 900;







    letter-spacing: 0px;







    line-height: 1;







}







.pricing_table .price p:first-letter {







    font-weight: 300;







    margin-right: 2px;







    font-size: 26px;







}







.pricing_table .price p {







    margin: 0;







}







.pricing_table .price p span {







    display: block;







    padding: 4px;







    font-size: 14px;







    font-weight: 500;







}







.pricing_table .tb_content {







    margin: 0;







    padding: 0;







    list-style: none;







}







.pricing_table .tb_content li {







    margin: 0;







    padding: 5px 0px;







    font-size: 12px;







    line-height: 2;







}







.pricing_table .tb_content li:nth-child(odd) {







    background-color: rgba(0,0,0,0.1);







}







.pricing_table .tb_content li:first-child {







    border-top: 1px solid white;







}







.pricing_table .tb_content li:last-child {







}







.pricing_table .tb_content li hr {







    margin: 10px 50px;







}







.pricing_table .signin {







    padding: 15px 0 15px;







    background: rgba(0, 0, 0, 0.15);







    border-top: 3px solid #5E852C;







}







.pricing_table .pr_table_col {







    background: #fff;







    position: relative;







    z-index: 0;







    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);







    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);







    box-shadow: 0 0 8px rgba(0,0,0,0.1);







}







.pricing_table [class*="span"]:nth-child(odd) .pr_table_col {







    background-color: #F1F1F1;







}







.pricing_table .pr_table_col.highlight {







    z-index: 1;







}







.pricing_table .pr_table_col:hover {







    z-index: 2;







}







.pricing_table .pr_table_col.highlight, .pricing_table .pr_table_col:hover {







    margin-top: -15px;







    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);







    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);







    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);







}







.pricing_table .pr_table_col.highlight .tb_content li, .pricing_table .pr_table_col:hover .tb_content li {







    padding: 7px 0px;







}







.pricing_table .pr_table_col.highlight .price, .pricing_table .pr_table_col:hover .price {







    padding: 20px 0px;







}







.pricing_table .pr_table_col {







    -webkit-transition: -webkit-box-shadow 0.2s ease-out;







    -moz-transition: -moz-box-shadow 0.2s ease-out;







    -o-transition: -o-box-shadow 0.2s ease-out;







    transition: box-shadow 0.2s ease-out;







}







.pricing_table .pr_table_col.caption_column {







    margin-top: 50px;







    -webkit-box-shadow: none;







    -moz-box-shadow: none;







    box-shadow: none;







}







.pricing_table .pr_table_col.caption_column .tb_header {







    font-size: 18px;







    padding: 41px 0;







    color: #444;







    font-weight: 700;







    border-bottom: 2px solid #fff;







    background: #eee;







    text-shadow: 1px 1px 0 #fff;







}







.pricing_table .pr_table_col.caption_column .tb_content li {







    padding: 5px 0px;







    text-align: left;







    text-indent: 30px;







    background: #eee;







}







/* pricing table skins */







.pr_table_col[data-color=red] .tb_header h4 {







    border-bottom: 3px solid #941414;







}







.pr_table_col[data-color=red] .signin {







    border-top: 3px solid #941414;







}







.pr_table_col[data-color=red] .tb_header {







    background-color: #2575a6;







}







.pr_table_col[data-color=blue] .tb_header h4 {







    border-bottom: 3px solid #345370;







}







.pr_table_col[data-color=blue] .signin {







    border-top: 3px solid #345370;







}







.pr_table_col[data-color=blue] .tb_header {







    background-color: #2A8FBD;







}







.pr_table_col[data-color=green] .tb_header h4 {







    border-bottom: 3px solid #5E852C;







}







.pr_table_col[data-color=green] .signin {







    border-top: 3px solid #5E852C;







}







.pr_table_col[data-color=green] .tb_header {







    background-color: #8AB623;







}







.pr_table_col[data-color=turquoise] .tb_header h4 {







    border-bottom: 3px solid #0A817F;







}







.pr_table_col[data-color=turquoise] .signin {







    border-top: 3px solid #0A817F;







}







.pr_table_col[data-color=turquoise] .tb_header {







    background-color: #12C6C2;







}







.pr_table_col[data-color=orange] .tb_header h4 {







    border-bottom: 3px solid #AF3F08;







}







.pr_table_col[data-color=orange] .signin {







    border-top: 3px solid #AF3F08;







}







.pr_table_col[data-color=orange] .tb_header {







    background-color: #EB540A;







}







.pr_table_col[data-color=purple] .tb_header h4 {







    border-bottom: 3px solid #630C72;







}







.pr_table_col[data-color=purple] .signin {







    border-top: 3px solid #630C72;







}







.pr_table_col[data-color=purple] .tb_header {







    background-color: #8A2D9A;







}







.pr_table_col[data-color=yellow] .tb_header h4 {







    border-bottom: 3px solid #A8A80A;







}







.pr_table_col[data-color=yellow] .signin {







    border-top: 3px solid #A8A80A;







}







.pr_table_col[data-color=yellow] .tb_header {







    background-color: #D6D609;







}







.pr_table_col[data-color=green_lemon] .tb_header h4 {







    border-bottom: 3px solid #708D0B;







}







.pr_table_col[data-color=green_lemon] .signin {







    border-top: 3px solid #708D0B;







}







.pr_table_col[data-color=green_lemon] .tb_header {







    background-color: #9CC607;







}







.pr_table_col[data-color=dark] .tb_header h4 {







    border-bottom: 3px solid #000;







}







.pr_table_col[data-color=dark] .signin {







    border-top: 3px solid #000;







}







.pr_table_col[data-color=dark] .tb_header {







    background-color: #333;







}







.pr_table_col[data-color=light] .tb_header h4 {







    border-bottom: 3px solid #747474;







}







.pr_table_col[data-color=light] .signin {







    border-top: 3px solid #747474;







}







.pr_table_col[data-color=light] .tb_header {







    background-color: #aaa;







}







.pricing_table.rounded-corners [class*="span"]:first-child .tb_header {







    -webkit-border-top-left-radius: 5px;







    -moz-border-top-left-radius: 5px;







    border-top-left-radius: 5px;







}







.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {







    -webkit-border-top-right-radius: 5px;







    -moz-border-top-right-radius: 5px;







    border-top-right-radius: 5px;







}







.pricing_table.rounded-corners .pr_table_col:hover .tb_header, .pricing_table.rounded-corners .highlight .tb_header {







    -webkit-border-top-left-radius: 5px;







    -webkit-border-top-right-radius: 5px;







    -moz-border-top-left-radius: 5px;







    -moz-border-top-right-radius: 5px;







    border-top-left-radius: 5px;







    border-top-right-radius: 5px;







}







.pricing_table.rounded-corners .pr_table_col:hover, .pricing_table.rounded-corners .highlight {







    -webkit-border-radius: 5px;







    -moz-border-radius: 5px;







    border-radius: 5px;







}







.pricing_table.rounded-corners .pr_table_col:hover .signin, .pricing_table.rounded-corners .highlight .signin {







    -webkit-border-bottom-left-radius: 5px;







    -webkit-border-bottom-right-radius: 5px;







    -moz-border-bottom-left-radius: 5px;







    -moz-border-bottom-right-radius: 5px;







    border-bottom-left-radius: 5px;







    border-bottom-right-radius: 5px;







}







.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {







    -webkit-border-top-right-radius: 5px;







    -moz-border-top-right-radius: 5px;







    border-top-right-radius: 5px;







}







.pricing_table.rounded-corners [class*="span"]:first-child .pr_table_col, .pricing_table.rounded-corners [class*="span"]:first-child .signin {







    -webkit-border-bottom-left-radius: 5px;







    -moz-border-bottom-left-radius: 5px;







    border-bottom-left-radius: 5px;







}







.pricing_table.rounded-corners [class*="span"]:last-child .pr_table_col, .pricing_table.rounded-corners [class*="span"]:last-child .signin {







    -webkit-border-bottom-right-radius: 5px;







    -moz-border-bottom-right-radius: 5px;







    border-bottom-right-radius: 5px;







}







/* process boxes */







.process_box {







    position: relative;







    background: #fff;







    border: 2px solid #C5C5C5;







    padding: 0;







    margin-bottom: 40px;







    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2);







    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2);







    box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2);







    -webkit-border-radius: 6px;







    -moz-border-radius: 6px;







    border-radius: 6px;







}







.process_box:hover {







    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3);







    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3);







    box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3);







}







.process_box:after, .process_box:before {







    top: 100%;







    border: solid transparent;







    content: " ";







    height: 0;







    width: 0;







    position: absolute;







    pointer-events: none;







}







.process_box.last:after, .process_box.last:before {







    display: none







}







.process_box:after {







    border-color: transparent;







    border-top-color: #eee;







    border-width: 10px;







    margin-left: -10px;







    left: 10%;







}







.process_box:before {







    border-color: transparent;







    border-top-color: #ccc;







    border-width: 13px;







    margin-left: -13px;







    left: 10%;







}







.process_box[data-align=right]:after, .process_box[data-align=right]:before {







    right: 10%;







    left: auto;







    margin-left: 0;







}







.process_box[data-align=right]:after {







    margin-right: -10px;







}







.process_box[data-align=right]:before {







    margin-right: -13px;







}







.process_box[data-align=center]:after, .process_box[data-align=center]:before {







    left: 50%;







}







.process_box[data-align=center]:after {







    border-top-color: #fff;







}







.process_box .number {







    padding: 0;







    height: 100%;







    position: absolute;







    background: #eee;







    left: 0;







    top: 0;







    bottom: 0;







    border-right: 1px solid #C5C5C5;







    width: 240px;







    text-align: center;







    -webkit-border-radius: 4px 0 0 4px;







    -moz-border-radius: 4px 0 0 4px;







    border-radius: 4px 0 0 4px;







}







.process_box .number span {







    font-size: 150px;







    font-weight: 900;







    color: #fff;







    line-height: 1.2;







    vertical-align: middle;







}







.process_box .content {







    margin-left: 260px;







    padding: 20px 20px 10px 10px;







}







.process_box[data-align=right] .number {







    left: auto;







    right: 0;







    border-right: 0;







    border-left: 1px solid #C5C5C5;







    ;







    -webkit-border-radius: 0 6px 6px 0;







    -moz-border-radius: 0 6px 6px 0;







    border-radius: 0 6px 6px 0;







}







.process_box[data-align=right] .content {







    margin-left: auto;







    margin-right: 260px;







    padding: 20px 10px 10px 20px;







}







/* sidebars */







#sidebar {







    background: white;







    padding: 10px 15px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







#sidebar .widget {







    margin-bottom: 20px;







}







#sidebar .title {







    color: #3C2A1C;







    line-height: 1.4;







    margin-bottom: 15px;







    padding-bottom: 20px;







    position: relative;







    font-size: 18px;







    font-family: 'OptimaLTPro-Bold';







}







#sidebar .title:after {







    content: '';







    position: absolute;







    left: 0;







    bottom: 2px;







    width: 25px;







    height: 0;







    border-bottom: 1px solid #CBCBCB;







}







#sidebar .title:before {







    content: '';







    position: absolute;







    left: 0;







    bottom: 2px;







    width: 100%;







    height: 0;







    border-bottom: 1px solid #f9f9f9;







}







#sidebar ul.menu {







    margin: 0;







    padding: 0;







    list-style: none;







}







#sidebar ul.menu li {







    margin-bottom: 0px;







}







#sidebar ul.menu li a {







    color: #3C2A1C;







    display: block;







    padding: 4px 0 4px 20px;







    position: relative;







    border-radius: 2px;







    font-family:Arial, Helvetica, sans-serif;







    font-weight:bold;







    font-size:12px;







}







#sidebar ul.menu li a:after {







    content: '\203A';







    position: absolute;







    left: 7px;







    top: 6px;







    color: #DDD;







    font-size: 16px;







    line-height: 1;







    width: 4px;







    height: 4px;







    font-family: Arial;







}







#sidebar ul.menu li.active a:after, #sidebar ul.menu li a:hover:after {







    color: white;







    left: 8px;







}







#sidebar ul.menu li.active a, #sidebar ul.menu li a:hover {







    background: #8cd0f3;







    color: white;







}







div.cloudBlock a {







    padding: 4px;







    float: left;







    display: block;







}







/* Historic timeline */







.timeline_bar {







    background: url(../../img/timeline_bar.png) repeat-y center top;







}







.timeline_bar > .row {







    margin-bottom: 0;







}







.timeline_box {







    background: #fff;







    border-radius: 3px;







    margin: 50px 0 70px;







    padding: 15px;







    position: relative;







}







.timeline_box:after {







    content: '';







    position: absolute;







    top: 20px;







    right: -12px;







    border: 6px solid transparent;







    border-left-color: #fff;







}







div[data-align=right] .timeline_box:after {







    left: -12px;







    right: auto;







    border-left-color: transparent;







    border-right-color: #fff;







}







.timeline_box:before {







    content: '';







    position: absolute;







    top: 20px;







    right: -21px;







    background: #999;







    width: 5px;







    height: 5px;







    border: 3px solid #f5f5f5;







    border-radius: 50%;







}







div[data-align=right] .timeline_box:before {







    right: auto;







    left: -20px;







}







.end_timeline {







    text-align: center;







}







.end_timeline > span {







    background: #fff;







    border-radius: 3px;







    padding: 0 10px;







    line-height: 2;







    display: inline-block;







}







.timeline_box:hover .date, .timeline_box:hover {







    box-shadow: 0 0 8px rgba(35,35,35,0.2);







}







.timeline_box:hover:before {







    width: 7px;







    height: 7px;







    border: 2px solid #f5f5f5;







}







.timeline_box .date {







    font-size: 18px;







    font-weight: 700;







    background: #fff;







    display: inline-block;







    padding: 5px 10px;







    border-radius: 2px;







    position: absolute;







    top: 11px;







    right: -100px;







    color: #787878;







}







div[data-align=right] .timeline_box .date {







    left: -100px;







    right: auto;







}







/*offline/comming soon page */







.offline-page #background {







    position: absolute;







    left: 0;







    top: 0;







    right: 0;







    bottom: 0;







    background: #ffffff; /* Old browsers */







    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */







    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */







    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */







    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Opera 12+ */







    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* IE10+ */







    background: radial-gradient(ellipse at center, #ffffff 0%, #e5e5e5 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */







}







.offline-page .containerbox {







    width: 700px;







    margin: 100px auto 0;







    background: #000;







    background: rgba(0,0,0,0.7);







    position: relative;







    z-index: 1;







    padding: 25px;







    box-shadow: 0 10px 20px #CCC;







    border-bottom: 5px solid #2575a6;







    color: #eee;







}







.offline-page #logo {







    float: left;







    text-align: center;







    position: absolute;







    top: 30%;







}







.offline-page .content {







    margin-left: 200px;







    border-left: 1px solid #777;







    padding-left: 20px;







}







.offline-page .containerbox:after {







    content: '';







    position: absolute;







    bottom: -25px;







    left: 100px;







    border-top: 20px solid #2575a6;







    border-right: 20px solid transparent;







    z-index: 2;







}







.offline-page .ud_counter {







    margin: 40px 0;







}







.offline-page .ud_counter ul {







    display: inline-block;







    margin: 0;







    padding: 0;







    list-style: none







}







.offline-page .ud_counter ul li {







    display: inline-block;







    margin: 0 0 0 18px;







    font-size: 22px;







    font-weight: 700;







    padding: 15px 10px;







    width: 60px;







    text-align: center;







    background: rgba(0,0,0,0.2);







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.offline-page .ud_counter ul li:first-child {







    margin-left: 0;







}







.offline-page .ud_counter ul li span {







    display: block;







    font-size: 13px;







    margin-top: 17px;







    line-height: 1;







}







.offline-page .ud_counter ul li.till_lauch {







    height: 80px;







    width: 80px;







    padding: 0;







    vertical-align: top;







}







.offline-page #mail_when_ready {







    float: left;







    margin: 0;







}







.offline-page #mail_when_ready input[type=submit] {







    vertical-align: top;







}







/* testimonial box style 4 */







.testimonial_box4 blockquote {







    background: #fff;







    border: 4px solid #eee;







    margin: 0 0 10px;







    padding: 15px;







    font-size: 12px;







    font-style: italic;







    color: #474747;







    position: relative;







}







.testimonial_box4 blockquote:after {







    content: '';







    position: absolute;







    bottom: -14px;







    left: 15px;







    border: 7px solid transparent;







    border-top-color: #fff;







}







.testimonial_box4 blockquote + h5 {







    margin-top: 0;







    margin-left: 5px;







    font-size: 13px;







    font-weight: 500;







}







/* 404 error page */







.error404-page #page_header {







    height: 200px;







    min-height: 0;







}







.error404 {







    margin: 20px auto;







    text-align: center;







    line-height: 1;







}







.error404 h2 {







    font-weight: bold;







    font-size: 260px;







    line-height: 1;







    text-align: center;







    text-shadow: 0 0 28px rgba(35,35,35,.5);







    text-transform: uppercase;







    margin: 20px 0;







    color: rgba(0,0,0,0)







}







.error404 h3 {







    font-size: 30px;







    text-align: center;







    opacity: 0.2;







    filter: alpha(opacity=20)







}







/* SERVICES STYLE 2 */







.services_box.style2 .box {







    padding: 30px;







    background: #eee;







    height: 300px;







    margin: 0;







    position: relative;







}







.services_box.style2 .box:hover {







    background: #fff;







    box-shadow: 0 0 30px rgba(0,0,0,0.2);







    z-index: 1;







    border-radius: 5px







}







.services_box.style2 .box .title {







    font-size: 22px;







    margin-bottom: 30px;







}







.services_box.style2 .box .icon {







    width: 45px;







    height: 45px;







    line-height: 45px;







    border-radius: 3px;







}







.services_box.style2 .box .icon img {







    vertical-align: middle;







    line-height: 45px;







    display: inline-block;







    margin-top: -2px;







}







.services_box.style2 .box .list {







    margin: 0;







    padding: 0;







    list-style: none;







    display: none;







    float: none







}







.services_box.style2 .box .list li {







    line-height: 1;







    padding: 10px 0px;







    border-top: 1px solid #eee;







    color: #2575a6







}







.services_box.style2 .box .list li:first-child {







    border-top: 0;







}







/* team members */







.team_detail {







    float:left;







    margin-right:20px;







}







.team_member {







    background: #fff;







    padding: 0 0 5px;







    position: relative;







}







.team_member:hover {







    box-shadow: 0 0 20px rgba(0,0,0,0.2);







    border-radius: 4px;







}







.team_member .details {







    padding: 0 20px 0;







    overflow: hidden;







    opacity: 0;







    filter: alpha(opacity=0);







    visibility: hidden;







    position: absolute;







    background: #fff;







    box-shadow: 0 12px 20px rgba(0,0,0,0.2);







    -webkit-transition: all 0.2s ease-out;







    -moz-transition: all 0.2s ease-out;







    -o-transition: all 0.2s ease-out;







    transition: all 0.2s ease-out;







    font-size: 11px;







}







.team_member:hover .details {







    opacity: 1;







    filter: alpha(opacity=100);







    visibility: visible;







}







.team_member:hover {







    z-index: 2;







}







.team_member > h4, .team_member > h6 {







    padding: 0 20px;







}







.team_member .details .social-icons {







    margin: 15px 0;







}







.team_member .details .social-icons li {







    margin: 0 0 0 8px;







}







.team_member .details .social-icons li:first-child {







    margin-left: 0;







}







/* map controls */







#map_controls {







    margin: 0;







    padding: 0;







    list-style: none;







    position: absolute;







    width: auto;







    top: 50%;







    margin-top: -45px;







    right: 20px;







    width: 30px;







    background: #2575a6;







    border-radius: 2px;







    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);







}







#map_controls li a {







    display: block;







    width: 30px;







    height: 30px;







    text-align: center;







    border-top: 1px solid #ccc;







    border-top: 1px solid rgba(0,0,0,0.1);







    cursor: pointer;







}







#map_controls li a:hover {







    background: #111







}







#map_controls li:first-child a {







    border-top: 0;







}







#map_controls li a span {







    margin-top: 6px;







}







/*contact form */







#contact_form .form-horizontal .control-label {







    width: 90px;







    text-align: left;







}







#contact_form .form-horizontal .controls {







    margin-left: 90px;







}







#contact_form textarea {







    height: 100px;







}







/* BLOG */







.eBlog .itemListView {







    margin-bottom: 25px;







}







.eBlog .itemContainer {







    background: #FFF;







    margin-bottom: 35px;







    padding: 15px;







    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7);







    box-shadow: 0 1px 0 #ccc;







    position: relative;







    border-radius: 3px;







}







.eBlog .itemContainer:after {







    position: absolute;







    bottom: 0px;







    left: 50%;







    margin-left: -3px;







    width: 0;







    height: 0;







    border-style: solid;







    border-color: transparent;







    border-width: 5px;







    content: "";







    border-bottom-color: #ccc !important;







}







.eBlog .post_details {

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    font-size: 10px;

    margin-bottom: 25px;


    text-transform: uppercase;


    padding: 10px 0 10px;

    font-weight: bold;


    position: relative;


    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

    filter: alpha(opacity=60);

    opacity: .6;

    -webkit-transition: opacity 150ms ease-in;

    -moz-transition: opacity 150ms ease-in;

    -o-transition: opacity 150ms ease-in;

    transition: opacity 150ms ease-in;
/* display:none; */
}







.eBlog .post_details:hover {







    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";







    filter: alpha(opacity=100);







    opacity: 1;







}







.eBlog .post_details [class^="icon-"], .eBlog .itemLinks li [class^="icon-"], .eBlog .itemTagsBlock [class^="icon-"] {







    margin: 0 5px 0 0;







    padding: 0;







}







.eBlog .post_details:after {







    content: '';







    position: absolute;







    left: 0;







    top: -1px;







    width: 25px;







    height: 0;







    border-bottom: 1px solid #ccc;







}







.eBlog .post_details:before {







    content: '';







    position: absolute;







    left: 0;







    bottom: -1px;







    width: 25px;







    height: 0;







    border-bottom: 1px solid #ccc;







}







.eBlog .post_details .infSep {







    display: inline-block;







    margin: 0 5px;







}







.eBlog .itemReadMore {







    margin-bottom: 15px;







    border-bottom: 1px solid #eee;







    border-bottom: 1px solid rgba(0, 0, 0, 0.1);







    padding-bottom: 25px;







}







.eBlog .readMore {







    font-size: 14px;







    font-weight: bold;







}







.eBlog .itemLinks {







    padding: 0 !important;







    list-style: none !important;







    font-size: 10px;







    color: #AAA;







    text-transform: uppercase;







    font-weight: bold;







    margin-bottom: 10px;







    margin-left: 0;







}







.eBlog .itemLinks li {







    float: left;







    margin-left: 0;







    padding-left: 0;







}







.eBlog .itemLinks li:first-child {







    margin-left: 0;







}







.eBlog .itemCategory {







    padding-left: 0;







}







.eBlog .itemDateCreated {







    padding-left: 0;







}







.eBlog .itemTagsBlock, .eBlog .itemTagsBlock, .eBlog .userItemTagsBlock {







    padding-left: 0;







    font-size: 10px;







    color: #AAA;







    font-weight: bold;







    text-transform: uppercase;







}







.eBlog .itemTagsBlock > span {







    font-weight: bold;







}







.eBlog .itemTagsBlock ul {







    margin: 0 !important;







    padding: 0 !important;







    list-style: none !important;







    display: inline;







}







.eBlog .itemTagsBlock ul li {







    display: inline;







}







.eBlog .itemTagsBlock ul li a {







}







.eBlog .itemTitle {







    font-weight: bold;







}







div.cloudBlock a {







    padding: 4px;







    float: left;







    display: block;







}







.eBlog .itemSocialSharing {







    margin-bottom: 20px;







}







.eBlog div.itemTwitterButton {







    float: left;







    margin: 2px 20px 0 0;







    width: 80px;







}







.eBlog div.itemFacebookButton {







    float: left;







    margin-right: 20px;







    width: 70px;







}







.eBlog div.itemGooglePlusOneButton {







    float: left;







    width: 70px;







}







/* Pagination */



.span9 > img {float: left; margin: 0 20px 10px 0}



.pagination {







    margin: -6px 0;







    padding: 5px 0 10px 0px;







    text-align: center;







    text-align: center;







    text-transform: uppercase;







    font-size: 20px;







    line-height: 1.6;







    color: #ff0011;







}







.pagination ul {







    list-style-type: none;







    margin: 0;







    padding: 0;







    display: inline;







}







.pagination li {







    display: inline;







    margin: 0 5px;







}







.pagination li, .pagination li a, .pagination li span, .pagination p.counter {







    font-size: 10px;







    text-transform: uppercase;







    font-weight: bold;







}







.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev {







    border: 0;







}







.pagination li.pagination-start, .pagination li.pagination-start span {







    padding: 0;







}







/* hoverlink effect */







.hoverLink {







    position: relative;







    display: block;







}







.hoverLink img {







    position: relative;







}







.hoverLink > span {







    position: absolute;







    top: 0;







    left: 0;







    bottom: 0;







    right: 0;







    display: block;







    background: url(../../img/transparent_png/black20.png);







    filter: alpha(opacity=0);







    opacity: 0;







}







.hoverLink:hover > span {







}







.hoverLink > span .icon {







    position: absolute;







    width: 24px;







    height: 24px;







    top: 50%;







    left: 50%;







    margin: -12px 0 0 -12px;







    display: block;







    background-image: url(../../img/hoverLinkSprite.png);







    background-repeat: no-repeat;







}







.hoverLink > span .icon.image {







    background-position: -72px 0;







}







.hoverLink > span .icon.video {







    background-position: -48px 0;







}







.hoverLink > span .icon.link {







    background-position: -24px 0;







}







.hoverLink > span .icon.extlink {







    background-position: 0 0;







}







body.dark .hoverLink > span .icon.image {







    background-position: -72px -24px;







}







body.dark .hoverLink > span .icon.video {







    background-position: -48px -24px;







}







body.dark .hoverLink > span .icon.link {







    background-position: -24px -24px;







}







body.dark .hoverLink > span .icon.extlink {







    background-position: 0 -24px;







}







/* grayhover effect */







a.grayHover {







    overflow: hidden;







    position: relative;







    display: inline-block;







}







a.grayHover img {







    position: relative;







}







a.grayHover img:first-child {







}







/* PORTFOLIO */







.hg-portfolio .img-intro {







    margin-bottom: 20px;







}







.hg-portfolio-item .img-full {







    margin-bottom: 20px;







}







.hg-portfolio-item .other-images {







    margin: 20px 0 0 -20px;







    padding: 0;







    list-style: none;







}







.hg-portfolio-item .other-images li {







    float: left;







    margin: 0 0 20px 20px;







    list-style: none;







}







.hg-portfolio-item .other-images li iframe {







    padding: 4px;







    border: 1px solid #444;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.hg-portfolio-item .itemLinks {







    margin-top: 15px;







}







.hg-portfolio-item .itemSocialSharing > div {







    float: left;







    margin-right: 30px;







}







.hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {







    float: none;







    padding-left: 25px;







    width: auto;







}







.hg-portfolio-item .text ul.clearfix:after {







    clear: none;







    zoom: 0;







}







/* SORTABLE PORTFOLIO */







.hg-portfolio-sortable h1.title, .hg-portfolio-sortable h4.title {







    font-weight: bold;







}







.hg-portfolio-sortable #sorting {







    float: right;







    margin: 0;







    font-size: 10px;







    font-weight: bold;







    text-transform: uppercase;







    padding: 8px 10px;







    background: #eee;







    color: #888;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.hg-portfolio-sortable #sorting ul {







    display: inline-block;







    margin: 0 25px 0 0;







    padding: 0;







    list-style: none;







}







.hg-portfolio-sortable #sort-direction {







    margin-right: 0 !important;







}







.hg-portfolio-sortable #sorting ul li {







    float: left;







    margin-left: 10px;







    line-height: 1;







    margin-bottom: 0;







}







.hg-portfolio-sortable #sorting ul li a {







    color: #595959;







    line-height: 1;







}







.hg-portfolio-sortable #sorting ul li a.selected {







    text-decoration: underline;







}







.hg-portfolio-sortable #sorting .sortTitle {







    line-height: 1;







}







.hg-portfolio-sortable #portfolio-nav {







    margin: 5px 0 20px;







    padding: 0;







    list-style: none;







    float: left;







}







.hg-portfolio-sortable #portfolio-nav li {







    float: left;







    margin-left: 15px;







}







.hg-portfolio-sortable #portfolio-nav li:first-child {







    margin-left: 0;







}







.hg-portfolio-sortable #portfolio-nav li a {







    background: #eee;







    color: #888;







    padding: 8px 10px;







    line-height: 1;







    font-size: 10px;







    font-weight: bold;







    text-transform: uppercase;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    display: inline-block;







    margin-right: 0;







}







.hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a {







    background: #2575a6;







    color: #fff;







}







.hg-portfolio-sortable ul#thumbs {







    margin: 0 0 0 -30px;







    padding: 0;







    list-style: none;







    left: 5px;







}







.hg-portfolio-sortable ul#thumbs li {







    float: left;







    width: 270px;







    margin: 10px 5px 20px 25px;







    position: relative;







}







.hg-portfolio-sortable ul#thumbs li .inner-item {







    padding: 4px;







    border: 1px solid #ddd;







    background: #fff;







    -webkit-transition: all .3s ease;







    -moz-transition: all .3s ease;







    -o-transition: all .3s ease;







    transition: all .3s ease;







    opacity: 0.9;







    filter: alpha(opacity=90);







}







.hg-portfolio-sortable ul#thumbs li .inner-item:hover {







    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);







    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);







    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);







    opacity: 1;







    filter: alpha(opacity=100);







}







.hg-portfolio-sortable ul#thumbs li .inner-item h4 {







    margin-top: 10px;







    display: block;







    line-height: 1;







    border-bottom: 1px dotted #ccc;







    font-size: 14px;







    margin-bottom: 10px;







    font-weight: bold;







    padding: 0 6px 10px;







}







.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc {







    font-size: 12px;







    color: #777;







    padding: 0 6px;







    display: block;







}







.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {







    margin-bottom: 10px;







}







.hg-portfolio-sortable ul#thumbs li.isotope-item {







    z-index: 2;







}







.hg-portfolio-sortable ul#thumbs li.isotope-hidden {







    z-index: 1;







}







/* Portfolio carousels */







.ptcarousel {







    max-width: 570px;







    max-height: 360px;







    position: relative;







    border: 4px solid #fff;







    -webkit-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2);







    -moz-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2);







    box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2);







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







}







.ptcarousel:after {







    content: '';







    position: absolute;







    left: -34px;







    top: 50%;







    margin-top: -15px;







    border: 15px solid transparent;







    border-right: 15px solid #ddd;







    z-index: 1;







}







.ptcarousel:before {







    content: '';







    position: absolute;







    left: -30px;







    top: 50%;







    margin-top: -13px;







    border: 13px solid transparent;







    border-right: 13px solid #fff;







    z-index: 2;







}







.ptcarousel ul {







    margin: 0;







    padding: 0;







    list-style: none;







    overflow: hidden;







    max-height: 360px;







}







.ptcarousel li {







    float: left;







}







.ptcarousel .controls > a {







    position: absolute;







    left: 15px;







    top: 50%;







    z-index: 1;







    background: #000;







    display: inline-block !important;







    margin: 0;







    margin-top: -12px;







    width: 30px;







    height: 31px;







    text-align: center;







    border-radius: 2px;







    opacity: 0;







    filter: alpha(opacity=0);







}







.ptcarousel .controls > a.next {







    left: auto;







    right: 15px;







}







.ptcarousel .controls > a span {







    margin: 8px 0 0;







}







.ptcarousel .controls > a:hover {







    background: #2575a6;







}







.ptcarousel:hover .controls a {







    opacity: 1;







    filter: alpha(opacity=100);







}







.itemLinks {







    margin-top: 20px;







}







.itemLinks span a {







    background: #eee;







    padding: 7px 10px;







    line-height: 1;







    font-size: 10px;







    font-weight: bold;







    text-transform: uppercase;







    color: #888;







    -webkit-border-radius: 2px;







    -moz-border-radius: 2px;







    border-radius: 2px;







    display: inline-block;







    margin-right: 15px;







}







.itemLinks span a:hover {







    background: #2575a6;







    color: #fff;







}







/* sitemaps */







.sitemap ul {







    margin-bottom: 0;







    list-style: none;







    padding: 0;







    margin-left: 0;







}







.sitemap ul li {







    line-height: 25px;







}







.sitemap ul li a {







    background-image: url(../../img/sitemap-arrow.png);







    background-repeat: no-repeat;







}







.sitemap ul li a {







    padding-left: 40px;







    background-position: -270px 7px;







}







.sitemap ul li li a {







    padding-left: 80px;







    background-position: -230px 7px;







}







.sitemap ul li li li a {







    padding-left: 120px;







    background-position: -190px 7px;







}







.sitemap ul li li li li a {







    padding-left: 160px;







    background-position: -150px 7px;







}







.sitemap ul li li li li li a {







    padding-left: 200px;







    background-position: -110px 7px;







}







/* photo gallery */







ul.photo_gallery {







    clear: both;







    list-style: none outside none;







    margin: 8px auto;







    overflow: hidden;







    padding: 8px 0;







}







ul.photo_gallery li {







    background: none !important;







    float: left;







    margin: 5px;







    padding: 0;







    list-style: none;







}







ul.photo_gallery li a img {







}







/* transparent content */







div.pp_kalypso.transparent .pp_content .ppt, div.pp_kalypso.transparent #pp_full_res .pp_inline {







    color: #ccc;







    margin-right: 20px;







    line-height: 1.4;







}







/* offer-banners */







.offer-banners .hoverBorder {







    margin-bottom: 20px;







}







/* SHOP LATEST // BEST SELLING TABS - CAROUSEL */







.shop-latest .tabbable .nav {







    border-bottom: 3px solid #d5d5d5;







    padding-bottom: 15px;







}







.shop-latest .tabbable .nav li {







    float: left;







    margin-left: 30px;







    padding-left: 30px;







    border-left: 2px solid #d5d5d5;







}







.shop-latest .tabbable .nav li:first-child {







    margin-left: 0;







    padding-left: 0;







    border-left: 0;







}







.shop-latest .tabbable .nav li a {







    font-size: 20px;







    font-weight: 900;







    color: #8c8c8c;







    position: relative;







}







.shop-latest .tabbable .nav li a:hover {







    color: #595959;







    background-color: transparent;







}







.shop-latest .tabbable .nav li.active a {







    color: #2575a6;







    background-color: transparent;







}







.shop-latest .tabbable .nav li.active a:after {







    content: '';







    position: absolute;







    bottom: -15px;







    left: 50%;







    margin-left: -8px;







    border: 5px solid transparent;







    border-bottom-color: #d5d5d5;







}







.shop-latest .tabbable .shop-latest-carousel {







    margin-right: 40px;







    position: relative;







}







.shop-latest .tabbable .shop-latest-carousel ul {







    margin: 0;







    padding: 0;







    list-style: none;







    height: 370px;







}







.shop-latest .tabbable .shop-latest-carousel ul li {







    float: left;







    margin-right: 20px;







    width: 270px;







}







.shop-latest .tabbable .shop-latest-carousel .controls {







    position: absolute;







    right: 0;







    top: 0;







    margin-right: -40px;







    height: 100%;







    width: 40px;







}







.shop-latest .tabbable .shop-latest-carousel .controls a {







    width: 40px;







    height: 49.5%;







    background: #f1f1f1;







    display: block !important;







    position: absolute;







}







.shop-latest .tabbable .shop-latest-carousel:hover .controls a {







    background: #eee;







}







.shop-latest .tabbable .shop-latest-carousel .controls a:hover {







    background: #dedede;







}







.shop-latest .tabbable .shop-latest-carousel .controls a.prev {







    top: 50%;







}







.shop-latest .tabbable .shop-latest-carousel .controls a span {







    position: absolute;







    top: 50%;







    left: 50%;







    margin: -7px 0 0 -7px;







}







.shop-latest .tab-content {







    overflow: visible;







}







.shop-latest .tab-content > .tab-pane {







    display: block;







    visibility: hidden;







    height: 0;







    overflow: hidden;







}







.shop-latest .tab-content > .active {







    visibility: visible;







    height: auto;







}







.product-list-item {







    position: relative;







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







    background: #ffffff; /* Old browsers */







    background: -moz-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* FF3.6+ */







    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */







    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* Chrome10+,Safari5.1+ */







    background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* Opera 12+ */







    background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* IE10+ */







    background: radial-gradient(ellipse at center, #ffffff 61%, #ededed 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */







}







.product-list-item.promo-new:after {







    content: 'NEW';







    font-size: 11px;







    color: #fff;







    font-weight: bold;







    background: #12a1c5;







    line-height: 1;







    padding: 4px 6px;







    position: absolute;







    left: 20px;







    top: 20px;







}







.product-list-item.promo-new:before {







    content: '';







    border: 3px solid transparent;







    border-top-color: #12a1c5;







    position: absolute;







    left: 27px;







    top: 39px;







    z-index: 1;







}







.product-list-item.promo-sale:after {







    content: 'SALE';







    font-size: 11px;







    color: #fff;







    font-weight: bold;







    background: #c51212;







    line-height: 1;







    padding: 4px 6px;







    position: absolute;







    left: 20px;







    top: 20px;







}







.product-list-item.promo-sale:before {







    content: '';







    border: 3px solid transparent;







    border-top-color: #c51212;







    position: absolute;







    left: 27px;







    top: 39px;







    z-index: 1;







}







.product-list-item > .hover {







    position: absolute;







    left: 0;







    top: 0;







    right: 0;







    bottom: 0;







    pointer-events: none;







    box-shadow: inset 0 0 0 2px #e8e8e8;







}







.product-list-item .image {







    text-align: center;







    line-height: 251px;







    max-height: 251px;







}







.product-list-item .details {







    background: #f3f3f3;







    padding: 15px;







    border-top: 1px solid #E8E8E8;







}







.product-list-item .details h3 {







    font-size: 14px;







    color: #2f2f2f;







    line-height: 1.3;







    margin: 0 0 10px







}







.product-list-item .details p.desc {







    font-size: 12px;







    font-style: italic;







    color: #939393;







    line-height: 1.3;







}







.product-list-item .details .actions {







    text-align: right;







    position: absolute;







    right: 0px;







    bottom: 10px;







    width: 0;







    overflow: hidden;







    line-height: 1;







}







.product-list-item .details .actions a {







    display: inline-block;







    background: #2575a6;







    color: #fff;







    font-size: 10px;







    line-height: 1;







    padding: 4px 6px;







    white-space: nowrap;







    margin-bottom: 3px;







}







.product-list-item .details .actions a:hover {







    background: #333;







}







.product-list-item .price {







    color: #565656;







    font-size: 20px;







    font-weight: 700;







    line-height: 1







}







.product-list-item .price:first-letter {







    font-size: 12px;







    vertical-align: top;







}







.product-list-item .price small {







    font-size: 13px;







font-weight:;







    position: relative;







    color: #777;







    line-height: 1;







    vertical-align: top;







}







.product-list-item .price small:after {







    content: '';







    width: 34px;







    height: 0px;







    border-top: 1px solid #999;







    position: absolute;







    left: -2px;







    top: 9px;







    opacity: 0.9;







    filter: alpha(opacity=90);







    -webkit-transform: rotate(-25deg);







    -moz-transform: rotate(-25deg);







    -o-transform: rotate(-25deg);







    -ms-transform: rotate(-25deg);







    transform: rotate(-25deg);







}







.product-list-item:hover .details {







    background: #edecec;







}







.product-list-item:hover .details h3 {







    color: #2575a6;







}







.product-list-item:hover .details .actions {







    width: 140px;







    right: 4px;







}







.product-list-item:hover > .hover {







    box-shadow: inset 0 0 0 4px #9c9c9c;







}







.product-list-item .details h3, .product-list-item > .hover, .product-list-item .details, .product-list-item .details .actions, .shop-latest .tabbable .shop-latest-carousel .controls a {







    -webkit-transition: all 0.2s ease-out;







    -moz-transition: all 0.2s ease-out;







    -o-transition: all 0.2s ease-out;







    -ms-transition: all 0.2s ease-out;







    transition: all 0.2s ease-out;







}







/* limited offers carousel */







.limited-offers-carousel {







    position: relative;







    width: 712px;







}







#limited_offers {







    margin: 0;







    padding: 0;







    list-style: none;







    height: 194px;







}







#limited_offers li {







    float: left;







    margin-right: 20px;







    width: 158px;







    position: relative;







    border: 2px solid #e8e8e8;







    text-align: center;







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







    background: #ffffff; /* Old browsers */







    background: -moz-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* FF3.6+ */







    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #f0f0f0 )); /* Chrome,Safari4+ */







    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */







    background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* Opera 12+ */







    background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* IE10+ */







    background: radial-gradient(ellipse at center, #ffffff 61%, #f0f0f0 100%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */







}







#limited_offers li:hover {







    border: 2px solid #bbb;







}







#limited_offers li .image {







    max-height: 120px;







    line-height: 120px;







    margin: 10px;







}







#limited_offers li:after {







    content: attr(data-discount);







    font-size: 11px;







    color: #fff;







    font-weight: bold;







    background: #c51212;







    line-height: 1;







    padding: 4px 6px;







    position: absolute;







    left: 10px;







    top: 10px;







}







#limited_offers li:before {







    content: '';







    border: 3px solid transparent;







    border-top-color: #c51212;







    position: absolute;







    left: 17px;







    top: 29px;







    z-index: 1;







}







#limited_offers li h5 {







    margin: 0 0 10px;







    line-height: 1







}







#limited_offers li h6 {







    margin: 0 0 15px;







    line-height: 1;







    font-size: 11px;







}







#limited_offers li {







    -webkit-transition: all 0.2s ease-out;







    -moz-transition: all 0.2s ease-out;







    -o-transition: all 0.2s ease-out;







    -ms-transition: all 0.2s ease-out;







    transition: all 0.2s ease-out;







}







.limited-offers-carousel .controls {







    width: 58px;







    background: #fff;







    position: absolute;







    border: 2px solid #e8e8e8;







    text-align: center;







    right: -58px;







    top: 0;







    height: 100%;







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box;







}







.limited-offers-carousel .controls:after {







    content: '';







    position: absolute;







    top: 50%;







    width: 44px;







    left: 5px;







    border-top: 1px solid #e8e8e8;







}







.limited-offers-carousel .controls a {







    position: absolute;







    width: 54px;







    height: 50%;







    display: block !important;







    opacity: .5;







    filter: alpha(opacity=50);







}







.limited-offers-carousel .controls a:hover {







    opacity: 1;







    filter: alpha(opacity=100);







}







.limited-offers-carousel .controls a.prev {







    top: 50%;







}







.limited-offers-carousel .controls a span {







    position: absolute;







    top: 50%;







    left: 50%;







    margin: -7px 0 0 -7px;







}







.adbox.video {







    position: relative;







}







.adbox.video:after {







    position: absolute;







    content: '';







    left: 0;







    top: 0;







    right: 0;







    bottom: 0;







    box-shadow: inset 0 0 0 4px rgba(255,255,255,0.4)







}







.adbox.video .video_trigger_container {







    position: absolute;







    z-index: 1;







    top: 0;







    left: 50%;







    margin-left: -75px;







    margin-top: 70px







}







/* shop-features */







.shop-features {







    margin-bottom: 0;







}







.shop-features .title {







    margin: 0;







    line-height: 1.3;







}







.shop-features .shop-feature {







    background: #969696;







    color: #fff;







    padding: 10px;







    border-radius: 3px;







}







.shop-features .shop-feature:hover {







    background: #2575a6;







}







.shop-features .shop-feature > img {







    float: left;







    margin: 0 20px 0 0;







}







.shop-features .shop-feature > h4 {







    line-height: 1;







    margin: 0 0 7px;







    font-size: 18px;







    font-weight: 900;







}







.shop-features .shop-feature > h5 {







    line-height: 1;







    margin: 0;







    font-weight: 700;







}







/* PRODUCT PAGE */







.product-gallery {







    border: 1px solid #EAEAEA;







    background: #fff;







    width: 100%;







    min-height: 300px;







    padding-bottom: 10px;







}







.product-gallery .big_image {







    width: 100%;







    text-align: center;







}







.product-gallery ul.thumbs {







    padding: 10px 0 0 10px;







    list-style: none;







    margin: 0;







}







.product-gallery ul.thumbs li {







    float: left;







    margin-left: 10px;







}







.product-gallery ul.thumbs li:first-child {







    margin-left: 0;







}







.product-gallery ul.thumbs li img {







    border: 1px solid #EAEAEA;







    padding: 2px;







}







.product-gallery ul.thumbs li img:hover {







    border: 1px solid #EEE;







}







.product-page .main-data {







    font-size: 11px;







}







.product-page .main-data .name {







    font-size: 32px;







    line-height: 1.4;







}







.product-page .main-data .regular_price span {







    text-decoration: line-through;







}







.product-page .main-data .price span {







    font-size: 36px;







    font-weight: bold;







    line-height: 1;







}







.product-page .main-data .price .to_wishlist {







    float: right;







    line-height: 3;







    margin-right: 30px;







}







.to_cart .quantitiy {







    float: left;







    width: 50px;







}







.to_cart .quantitiy label {







    font-size: 11px;







    display: block;







}







.to_cart .quantitiy #qty {







    padding: 5px;







    width: 50px;







}







.to_cart .addtocart {







    margin-left: 30px;







    margin-top: 25px;







    font-size: 14px;







}







/* site helpers */







.noBgImage {







    background-image: none;







}







.full_width {







    max-width: 100%;







}







.text_align_left {







    text-align: left !important;







}







.text_align_right {







    text-align: right !important;







}







.text_align_center {







    text-align: center !important;







}







/* custom buttons */







.btn-flat {







    background: #2575a6;







    font-size: 18px;







    font-weight: 700;







    color: #fff;







    text-shadow: 0 1px 0 rgba(0,0,0,.8);







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    -webkit-box-shadow: none;







    -moz-box-shadow: none;







    box-shadow: none;







    position: relative;







    border: 0;







}







.btn-flat:hover {







    background: #343434;







    color: #fff;







}







.redbtn {







    background: #2575a6;







}







/* css transitions - reducing transitions lines */







nav#main_menu li a, .topnav li.drop .pPanel, #totop, .info_pop .buyit, .playVideo span, .theHoverBorder, .hoverBorder h6, .slidingDetails .details, .slidingDetails, .partners_carousel li a, .hoverBorder:hover img, .feature_box.style3 .box, .services_box .icon, .css3accordion>ul>li .thumb, .gobox, .hover-box, .circlehover span, .process_box, #sidebar ul.menu li a, .timeline_box, .timeline_box:hover .date, .services_box.style2 .box, .team_member, .ptcarousel .controls > a, .shop-features .shop-feature {







    -webkit-transition: all 0.2s ease-out;







    -moz-transition: all 0.2s ease-out;







    -o-transition: all 0.2s ease-out;







    -ms-transition: all 0.2s ease-out;







    transition: all 0.2s ease-out;







}







/* Bootstrap code examples







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















/* Base class */







.bs-docs-example {







    position: relative;







    margin: 15px 0;







    padding: 39px 19px 14px;







*padding-top: 19px;







    background-color: #fff;







    border: 1px solid #ddd;







    -webkit-border-radius: 4px;







    -moz-border-radius: 4px;







    border-radius: 4px;







}







/* Echo out a label for the example */







.bs-docs-example:after {







    content: "Example";







    position: absolute;







    top: -1px;







    left: -1px;







    padding: 3px 7px;







    font-size: 12px;







    font-weight: bold;







    background-color: #f5f5f5;







    border: 1px solid #ddd;







    color: #9da0a4;







    -webkit-border-radius: 4px 0 4px 0;







    -moz-border-radius: 4px 0 4px 0;







    border-radius: 4px 0 4px 0;







}







/* Remove spacing between an example and it's code */







.bs-docs-example + .prettyprint {







    margin-top: -20px;







    padding-top: 15px;







}







/* Tweak examples







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







.bs-docs-example > p:last-child {







    margin-bottom: 0;







}







/* Special grid styles







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







.show-grid {







    margin-top: 10px;







    margin-bottom: 20px;







}







.show-grid [class*="span"] {







    background-color: #eee;







    text-align: center;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    min-height: 40px;







    line-height: 40px;







}







.show-grid:hover [class*="span"] {







    background: #ddd;







}







.show-grid .show-grid {







    margin-top: 0;







    margin-bottom: 0;







}







.show-grid .show-grid [class*="span"] {







    background-color: #ccc;







}







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







.ap-btn a.btn {







    background-color: #8bcff2 !important;







    border: none;







    background-image: none;







    font-size: 20px;







    font-family: 'OptimaLTPro-Medium';







}







.choose-us ul {







    margin: 0;







    padding: 0;







}







.choose-us ul li {







    float: none;







    text-align: left;







    background-image: url(../../img/list-arrow.png);







    background-repeat: no-repeat;







    background-position: 0 8px;







    list-style: none;







    padding-left: 15px;







}







.fmenu {







    margin: 0;







    padding: 0;







}







div.footer-info {







    margin: 0;







    padding: 0 0 20px;







}







div.footer-info div.span5 {







    float: left;







    margin: 0;







    width: 400px;







}







.footer-info div.span5 h3 {







    color: #FFFFFF;







    font-size: 14px;







    line-height: 14px;







    text-shadow: none;







}







.footer-info ul {







    margin: 0;







    padding: 0;







}







.footer-info li {







    float: left;







    list-style: none outside none;







}







div.footer-info li a {







    color: #FFFFFF;







}







div.footer-info div.span4 {







    float: left;







    margin: 0;







    padding: 0 15px 0 0;







    width: 300px;







}







div.footer-info h3 {







    color: #FFFFFF;







    font-size: 14px;







    line-height: 14px;







    text-shadow: none;







}







div.footer-info p {







    padding: 0 15px 0 0;







}







.flinks li a {







    color: #919191 !important;







    font-size: 14px;







    text-transform: uppercase;







}







.flinks li span {







    color: #919191;







    margin: 0 5px;







}







.fsocial {







    margin: 0;







    overflow: hidden;







    padding: 0;







    float: right;







}







.fsocial a {

    /*background-image: url(../../img/social-media1.jpg); */


    background-position: 0 0;







    background-repeat: no-repeat;







    float: left;







    height: 24px;







    margin-left: 5px;







    width: 30px;







}







.fsocial a.facebook {







    background-position: 0 0;







}







.fsocial a.rss {







    background-position: -42px 0;







}







.fsocial a.in {







    background-position: -78px 0;







}







.fsocial a.home {







    background-position: -114px 0;







}







.stmap {







    display: inline-block;







    float: right;







}







.stmap {







    margin: 0;







    padding: 0;







    list-style: none;







}







.stmap li {







    float: left;







    padding: 0 5px;







}







.stmap li a {







    text-transform: capitalize;







    color: #919191 !important;







}







h3.lpttl {







    color: #3c2a1c;







    display: block;







    font-size: 19px;







    line-height: normal;







    margin: 0;







    padding: 0 0 5px 17px;







    text-transform: uppercase;







    font-family: 'OptimaLTPro-Bold';







}







.single-colum {







    padding: 140px 0 0 0;







}







.craigslist {







    margin: 0;







    padding: 20px;







    float: right;







}







.craigslist a {







    background-color: #8cd0f3;







    padding: 10px;







    color: #3c2a1c;







    text-transform: uppercase;







    margin: 10px 0 0 0;







    font-size:16px;







    font-family: 'OptimaLTPro-Bold';







}







.site-manager {







    margin: 10px 0 0 0;







    padding: 0;







}







.site-manager h4 {







    margin: 0;







    padding: 0;







    font-size: 18px;







    font-weight: bold;







}







.site-manager p {







    background-color: #65574b;







    color: #fff;







    line-height: 20px;







    font-style: italic;







    padding: 10px;







    font-size: 14px;







    border-radius: 5px;







}







.triangle {







    display: inline-block;







    margin: 0 5px;







    vertical-align: middle;







}







.triangle-4 {







    border-bottom: 12px solid #65574b;







    border-left: 9px solid rgba(0, 0, 0, 0);







    border-right: 9px solid rgba(0, 0, 0, 0);







    height: 3px;







    margin-left: 15px;







}







.site-manager > span {







    display: block;







    overflow: hidden;







    font-size: 10px;







    font-weight: normal;







}







a.rdmore {







    margin: 0;







    padding: 0;







    font-weight: bold;







    color: #000;







}







.tag-icon {







    background-image: url(../../img/tag-icon.png);







    background-repeat: no-repeat;







    width: 13px;







    height: 10px;







    display: inline-block;







    background-position: 0 0;







}







.eBlog {







    background-color: #fff;







    padding: 10px;







    box-shadow: 0 2px 0 #e8e8e8;







    margin-bottom: 20px;







    border: 1px solid #f9f9f9;







}







.disqusForm {







    display: none;







}







h1.blog-title {







    font-size: 20px;







}







.top-sidebar {







    margin-top: 90px;







}







.home-service {







    margin: 30px 0 0 0;







}







.about-us .span9 {







    width: 830px;







}







.status .span3 {







    width: 205px;







    margin-left: 10px;







}







/* search page start */







.search-head {







    text-align: left;







    padding: 0;







    margin:20px 0 20px 0;







    position: relative;







}







.search-head h1{







    padding: 0;







    margin: 0







}







.search-head a.show-hide {







    color: #fff;







    background-color: #00457C;







    font-size: 14px;







    padding: 5px 20px;







    text-transform: uppercase;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    position: absolute;







    right: 0;







    top: 0







}







.map-search {







    padding: 0;







    margin: 0;







    position: relative;







    overflow: hidden;







}







.property-search {







    width: 28%;







    float: left;







    background-color: #8cd0f3;







    padding: 15px;







}







.maps {







    float: right;







    width: 68%;







}







.maps img{







    max-width: inherit;







}







form.form .input {







    padding: 0;







    margin: 0 0 10px 0;







    width: 100%;







}







form.form .input input.form-conrol {







    background-color: #fff;







    border: 1px solid #d1d1d1;







    padding: 10px;







    font-size: 14px;







    color: #666;







    width: 100%;







}







form.form .input input.form-conrol {







    background-color: #fff;







    border: 1px solid #d1d1d1;







    padding: 7px 10px;







    font-size: 14px;







    color: #666;







    width: 83%;







    box-shadow: none;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







form.form .input textarea {







    background-color: #fff;







    border: 1px solid #d1d1d1;







    padding: 10px;







    height: 100px;







    overflow: auto;







    resize: none;







    font-size: 14px;







    color: #666;







    width: 100%;







}







form.form .input.half {







    width: 49%;







    display: inline-block;







    vertical-align: top;







    margin: 0







}







form.form .input.select .ui-multiselect {







    width: 100%;







    background-color: #fff;







    border: 1px solid #d1d1d1;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    padding: 7px;







}







form.form .input.select .ui-multiselect span.ui-icon {







    width: 16px;







    height: 16px;







    background-image: url(../../img/dropdown-arrow.png);







    background-repeat: no-repeat;







    background-position: 0 5px;







    padding: 0







}







form.form .input.select .ui-multiselect.ui-state-active span.ui-icon {







    background-position: 0 -10px;







}







form.form fieldset.step1 {







    padding: 0;







    margin: 0;







}







form.form fieldset.step2 {







    padding: 0;







    margin: 0;







}







form.form fieldset.step3 {







    padding: 0;







    margin: 0;







}







.property-search.full {







    width: 100%;







}







div.property-search.full fieldset.step1 {







    width: 31%;







    float: left;







    padding: 0 15px 0 0







}







div.property-search.full fieldset.step2 {







    width: 31%;







    float: left;







    padding: 0 15px 0 0







}







div.property-search.full fieldset.step3 {







    width: 31%;







    float: left;







    padding: 0 15px 0 0







}







form.form .input-group {







    width: 100%;







    padding: 0;







    margin: 0







}







ul.ui-helper-reset {







    padding: 0;







    margin: 0;







}







.ui-helper-reset li label {







    padding: 5px 10px;







    margin: 0;







}







.ui-helper-reset li input[type="radio"] {







    padding: 0;







    margin: 0;







    display: none







}







.ui-helper-reset li span {







    display: inline-block;







    margin-left: 5px;







    font-size: 12px;







}







.ui-slider-horizontal {







    background-color: #0176B9;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    padding: 5px;







    height: auto







}







.ui-slider-range {







    background-image: url(../../img/red-line.png);







    background-repeat: repeat-x;







    background-position: center center !important;







}







.ui-slider-handle {







    background-image: url(../../img/dot.png);







    background-repeat: no-repeat;







    background-position: center center;







    width: 12px;







    height: 11px;







    display: inline-block;







}







.range-detail {







    padding: 0;







    margin: 10px 0 0 0;







    overflow: hidden;







}







#amount {







    box-shadow: none;







    border: none;







    background-color: transparent;







    font-size: 12px;







    width: auto;







    float: left;







    padding: 0;







    color: #000







}







.amount {







    box-shadow: none;







    border: none;







    background-color: transparent;







    font-size: 12px;







    float: left;







}

form.form .input .checkbox {
    font-size: 12px;
    color: #000;
    display: inline-block;
    vertical-align: top;
}

form.form .input .li_checkbox {
    font-size: 12px;
    color: #000;
    vertical-align: top;
    margin-left: 10px;
    padding-right: 10px;
}

form.form .input .li_checkbox[type='checkbox'] {
    font-size: 24px;
    color: #000;
    vertical-align: top;
    margin-left: 10px;
    padding-right: 10px;
    width: 30px;
}

#Amenity1 {
    font-size: 24px;
    color: #000;
    vertical-align: middle;
    xmargin-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    width: 30px;
}

form.form .input input[type="submit"] {







    background-color: #0167a3;







    padding: 8px 20px;







    color: #fff;







    text-transform: uppercase;







    font-size: 14px;







    line-height: 14px;







    cursor: pointer;







    border: none;







    width: 48%;







    font-weight: normal;







    display: inline-block;







    vertical-align: top;







}







form.form .input input[type="reset"] {







    background-color: #0167a3;







    padding: 8px 20px;







    color: #fff;







    text-transform: uppercase;







    font-size: 14px;







    line-height: 14px;







    cursor: pointer;







    border: none;







    width: 48%;







    font-weight: normal;







    display: inline-block;







    vertical-align: top;







}

.partner_image {
    width: 108px;
    float: left;
}

.partner-links {
    padding: 0;
    margin: 0;
}
.partner-links ul {
    padding: 0;
    margin: 0;
}
.partner-links li {
    background-color: #766D67;
    list-style: none;
    margin-bottom:30px;
}
.partner-links li div.head {
    margin-bottom: 0;
    background-color: #0167A3;
    padding: 10px 15px 10px 10px;
    font-size: 13px;
    color: #fff;
    position: relative;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.partner-links li div.head a {
    color: #fff;
}
.partner-links li div.head span.num {
    position: absolute;
    left: 15px;
    top: -15px;
    background-image: url(../../img/locate.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 32px;
    height: 37px;
    display:none;
    text-align: center;
    line-height: 37px;
}
.partner-links li div.head a.compare {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #fff;
    font-size: 13px;
}
.partner-links li .search-result {
    padding: 15px 0px;
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
}
.partner-links li .search-result div.box {
    float: left;
    width: 25%;
    position:relative;
    left:4px;
}
.partner-links li .search-result div.box span.title {
    display: block;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}
.partner-links li .search-result div.box ul {
    padding: 0;
    margin: 0 0 15px 1em;
}
.partner-links li .search-result div.box li {
    list-style: disc;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    margin:0;
}
.partner-links li .search-result div.box .more {
    font-size: 13px;
    color: #fff;
    text-decoration: underline;
    text-align: left
}
.partner-links li .search-result div.box .more a {
    color: #fff;
}
.partner-links li .search-result div.box a.button {
    font-size: 13px;
    color: #fff;
    background-color: #2C88BE;
    padding: 8px 20px;
    text-transform: uppercase;
    display: inline-block;
    width: 80%;
    margin: 0 0 10px 0;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.partner-links li .search-result div.box img {
    display: block;
    margin: 0 auto;
    border: 5px solid #fff;
    display: block
}





.property-search-result {







    padding: 0;







    margin: 0;







}







.property-search-result ul {







    padding: 0;







    margin: 0;







}







.property-search-result li {







    background-color: #766D67;







    list-style: none;







    margin-bottom:30px;







}







.property-search-result li div.head {







    background-color: #0167A3;







    padding: 10px 15px 10px 10px;







    font-size: 13px;







    color: #fff;







    position: relative;







    -webkit-border-top-left-radius: 5px;







    -webkit-border-top-right-radius: 5px;







    -moz-border-radius-topleft: 5px;







    -moz-border-radius-topright: 5px;







    border-top-left-radius: 5px;







    border-top-right-radius: 5px;







}







.property-search-result li div.head a {







    color: #fff;







}







.property-search-result li div.head span.num {







    position: absolute;







    left: 15px;







    top: -15px;







    background-image: url(../../img/locate.png);







    background-repeat: no-repeat;







    background-position: 0 0;







    width: 32px;







    height: 37px;







    display:none;







    text-align: center;







    line-height: 37px;







}







.property-search-result li div.head a.compare {







    position: absolute;







    right: 15px;







    top: 10px;







    color: #fff;







    font-size: 13px;







}







.property-search-result li .search-result {







    padding: 15px 0px;







    margin: 0;







    overflow: hidden;







    color: #fff;







    font-size: 13px;







}







.property-search-result li .search-result div.box {







    float: left;







    width: 25%;







    position:relative;







    left:4px;







}







.property-search-result li .search-result div.box span.title {







    display: block;







    font-size: 13px;







    color: #fff;







    text-transform: uppercase;







    font-weight: bold;







    margin-bottom: 5px;







}







.property-search-result li .search-result div.box ul {







    padding: 0;







    margin: 0 0 15px 1em;







}







.property-search-result li .search-result div.box li {







    list-style: disc;







    font-size: 13px;







    color: #fff;







    line-height: 18px;







    margin:0;







}







.property-search-result li .search-result div.box .more {







    font-size: 13px;







    color: #fff;







    text-decoration: underline;







    text-align: left







}







.property-search-result li .search-result div.box .more a {







    color: #fff;







}







.property-search-result li .search-result div.box a.button {







    font-size: 13px;







    color: #fff;







    background-color: #2C88BE;







    padding: 8px 20px;







    text-transform: uppercase;







    display: inline-block;







    width: 80%;







    margin: 0 0 10px 0;







    text-align: center;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







}







.property-search-result li .search-result div.box img {







    display: block;







    margin: 0 auto;







    border: 5px solid #fff;







    display: block







}







.property-search-result .view-floor-plan {







    text-align: right;







    width: 100%;







    background-color: #fff;







    display:none;







}







.property-search-result .view-floor-plan a {







    font-size: 13px;







    color: #fff;







    background-color: #2C88BE;







    padding: 8px 20px;







    text-transform: uppercase;







    display: inline-block;







    margin: 0 0 10px 0;







    text-align: center;







    -webkit-border-bottom-right-radius: 5px;







    -webkit-border-bottom-left-radius: 5px;







    -moz-border-radius-bottomright: 5px;







    -moz-border-radius-bottomleft: 5px;







    border-bottom-right-radius: 5px;







    border-bottom-left-radius: 5px;







}







.property-search-result .view-floor-plan-detail {







    padding: 10px 0 0 0;







    margin: 0;







    width: 100%;







    display: none







}







table.view-floor {







    padding: 0;







    margin: 0;







    width: 100%;







    background-color: #009AF3







}







table.view-floor thead {







    padding: 0;







    margin: 0;







}







table.view-floor tr th {







    padding: 5px;







    margin: 0;







    background-color: #0167A3;







    text-align: center;







    font-size: 13px;







    font-weight: normal;







    text-transform: uppercase;







    color: #fff;







}







table.view-floor tbody tr td {







    padding: 8px 5px;







    margin: 0;







    text-align: center;







    font-size: 13px;







    color: #fff;







    border-bottom: 1px solid #DBF2FF







}







table.view-floor tbody tr td a {







    color: #fff;







}







table.view-floor .modal {







    text-align: left;







}







table.view-floor .modal .condition {







    font-size: 14px;







}







table.view-floor .modal .modal-dialog {







    width: 600px;







}







table.view-floor .modal .input {







    padding: 0;







    margin: 10px 0 0 0;







    position: relative;







}







table.view-floor .modal .input-group {







    padding: 0;







    margin: 5px 0 0 0;







}







table.view-floor .modal .input label {







    display: block;







    margin: 0 0 5px 0;







    font-size: 14px;







}







table.view-floor .modal input.form-control {







    padding: 10px;







    font-size: 14px;







    color: #666;







    border: 1px solid #d1d1d1







}







table.view-floor .modal .ui-multiselect {







    width: 91% !important;







    white-space: nowrap







}







table.view-floor .modal .modal-footer {







    text-align: center;







}







table.view-floor .modal .modal-footer .submit {







    width: 150px;







    border: 0px;







    height: 32px;







    cursor: pointer;







    background-image: url(../../img/request-btn.jpg);







    background-repeat: repeat-x;







    background-color: #AB8614;







    color: #fff;







    font-size: 14px;







    text-transform: uppercase;







}







.property-listing {







    padding: 0;







    margin: 0 0 20px 0;







    overflow: hidden;







}







.property-listing .left {







    float: left;







    width:70%;/*70%*/







    overflow: hidden







}







.property-photo {







    float: left;







    width: 35%;







    /* border: 1px solid #d1d1d1; */







    padding: 5px;







    margin-right: 20px;







}







.property-photo span {







    display: block;







    font-size: 14px;







    text-align: center;







    margin-top: 5px;







}







.property-detail {







    padding: 0;







    margin: 0;







}







.property-name-address {







    padding: 0;







    margin: 0;







    border-bottom: 1px solid #d1d1d1;







    display: table-cell;







    overflow: hidden;







}







.property-name-address h2 {







    padding: 0;







    margin: 0 0 5px 0;







    font-size: 18px;







    color: #3C2A1C;







    font-family: 'open_sansbold';







    display: block;







}







.property-name-address h3 {







    padding: 0;







    margin: 0 0 5px 0;







    font-size: 14px;







    color: #3C2A1C;







    font-family: 'open_sanslight';







    display: block







}







.property-name-address p {







    margin-bottom: 5px;







}







.property-time {







    padding: 0;







    margin: 15px 0 0 0;







    overflow: hidden







}







.property-time h2 {







    padding: 0;







    margin: 0 0 5px 0;







    font-size: 16px;







    color: #3C2A1C;







    font-family: 'open_sanssemibold';







    display: block;







    text-transform: uppercase







}







.property-time dl {







    padding: 0;







    margin: 0 0 5px 0;







    overflow: hidden;







    width: 200px;







}







.property-time dt {







    padding: 0;







    margin: 0;







    font-size: 13px;







    float: left;







    width: 70px;







}







.property-time dd {







    padding: 0;







    margin: 0;







    float: left;







    font-size: 13px;







}







.property-listing .right {







    float: right;







    width: 24%;







}



/* Travis Mobile */



@media (max-width: 500px) {



.tabbable.tabs_style1 {



    display: none;



}



}







@media (max-width: 500px) {







    .property-photo {







    border: 1px solid #d1d1d1;







    float: left;







    margin-right: 20px;







    padding: 5px;







    width: 258px;/*157px*/







}







}















@media (max-width: 500px) {







.property-name-address {







    border-bottom: 1px solid #d1d1d1;







    display: block;







    margin: 0;







    overflow: hidden;







    padding: 0;







    width: 200px;







}







}















@media (max-width: 500px) {







.property-listing .right {







    float: right;







    width: 217px;







}







}







@media (max-width:500px) {







.overvidw-data p {







    color: #000;







    font-size: 14px;







    margin: 0;







    padding: 0;







    width: 62%;







}







}























.property-phone-no {







    background-image: url(../../img/property_contact_background.gif);



    background-repeat: no-repeat;



    background-position: 0 0;



    color: #3C2A1C;



    font-family: 'open_sanssemibold';



    font-size: 22px;



    display: block;



    padding: 0;



    margin: 0 0 15px 0;



    height: 50px;



    line-height: 50px;



    padding: 0 0 0 55px;






}

/* iphone */

@media (min-width:320px) {
.property-listing .left { width:100%!important;}
.property-listing .right{float: right; width:250px}
.property-photo{width: 258px; !important;}
/*.maps {width: 90%!important;margin: 0 auto;float: left;}*/
}

@media (min-width:360px) {
.property-search{width: 82%; margin-bottom: 20px;}
.maps {float: left;width:88%!important;}

}

@media (min-width: 480px) {
.property-listing .left {  width:65%!important;}
/*.property-listing .right{float: left; width: 50%!important}*/
.property-phone-no {font-size:15px;}
.maps {float: right;width: 68%!important;}


}







.request-info-btn {







    /*background-image: url(../../img/request-btn.jpg);







    background-repeat: repeat-x;*/







    padding: 8px 0;







    text-align: center;







    font-size: 14px;







    display: block;







    background-color: #8CD0F3;







    color: #3c2a1c;







    -webkit-border-radius: 5px;







    -moz-border-radius: 5px;







    border-radius: 5px;







    margin-bottom: 15px;







}







ul.property-link {







    padding: 0;







    margin: 0







}







ul.property-link li {







    list-style: none;







    padding-left: 15px;







    background-image: url(../../img/bullet-icon.gif);







    background-repeat: no-repeat;







    background-position: left 8px;







}







ul.property-link li a {







    color: #000;







    font-size: 13px







}







.property-discription {







    padding: 0;







    margin: 0 0 20px 0;







    overflow: hidden;







}







.property-discription h2 {







    padding: 0;







    margin: 0 0 5px 0;







    font-size: 16px;







    color: #3C2A1C;







    font-family: 'open_sanssemibold';







    display: block;







    text-transform: uppercase







}







.topspace {







    background-color: #fff;







    padding: 25px;







    margin-top: 25px;







}







/* listing-tab start */







.listing-tab {







    padding: 0;







    margin: 0;







}







.listing-tab .tabs {







    padding: 0;







    margin: 0;







}







.listing-tab .tabs ul.ui-tabs-nav {







    padding: 0;







    margin: 0;







}







.listing-tab .tabs li.ui-state-default {







    float: left







}







.listing-tab .tabs li.ui-state-default a {







    list-style: none;







    background-image: url(../../img/tab_left.png);







    background-repeat: no-repeat;







    background-position: left 0;







    display: inline-block;







    height: 34px;







    line-height: 34px;







    padding-left: 6px;







    font-size: 13px;







    margin-left: -10px;







    -webkit-border-top-left-radius: 3px;







    -webkit-border-bottom-left-radius: 3px;







    -moz-border-radius-topleft: 3px;







    -moz-border-radius-bottomleft: 3px;







    border-top-left-radius: 3px;







    border-bottom-left-radius: 3px;







}







.listing-tab .tabs li.ui-state-default a span {







    list-style: none;







    background-image: url(../../img/tab_right.png);







    background-repeat: no-repeat;







    background-position: right 0;







    display: inline-block;







    height: 34px;







    padding-right: 20px;







    padding-left: 10px;







}







.listing-tab .tabs li.ui-state-active a {







    list-style: none;







    float: left;







    background-position: 0 -70px







}







.listing-tab .tabs li.ui-state-active a span {







    background-position: right -70px;







}







.listing-tab .tabs .ui-tabs-panel {







    padding: 15px;







    margin: 0;







    font-size: 13px;







}







.listing-tab .vtabs {







    padding: 0;







    margin: 0;







    overflow: hidden;







}







.listing-tab .vtabs ul.ui-tabs-nav {







    float: left;







    width: 20%;







}







.listing-tab .vtabs ul.ui-tabs-nav li.ui-state-default {







    float: none;







    display: block;







    margin-bottom: 5px;







}







.listing-tab .vtabs ul.ui-tabs-nav li.ui-state-default a {







    float: none;







    display: block;







    padding: 5px 10px;







    height: auto;







    line-height: normal;







    margin: 0;







    background-color: #E7E8E9;







    background-image: none;







}







.listing-tab .vtabs div.ui-tabs-panel {







    float: left;







    width: 76%;







    padding: 0 15px







}







/* listing-tab close */







table.table-overview {







    padding: 0;







    margin: 0;







    width: 97.5%;







}







table.table-overview thead tr th {







    background-color: #00457C;







    color: #fff;







    font-size: 14px;







    text-transform: uppercase;







    text-align: center;







    padding: 10px 0







}







table.table-overview tbody tr td {







    background-color: #EFEFEF;







    color: #fff;







    font-size: 14px;







    color: #000;







    padding: 10px;







    text-align: center







}







.overvidw-data {







    padding: 15px;







    margin: 0;







    overflow: hidden;







}







.overvidw-data img {







    width: 20%;







    float: left;







    margin-right: 20px;







}







.overvidw-data h2 {







    padding: 0;







    margin: 0;







    font-size: 18px;







    color: #000;







    margin-bottom: 10px;







    display: block;







    font-weight: bold;







}







.overvidw-data p {







    padding: 0;







    margin: 0;







    font-size: 14px;







    color: #000;







}







.floor-plan {







    padding: 0;







    margin: 0;







    overflow: hidden;







    width:97.5%;







}







.floor-plan .left {







    float: left;







    width: 25%;







    padding-right: 20px;







}







.floor-plan .left .accordion {







    width: 100%;







}







.floor-plan .left .accordion h3.ui-accordion-header {







    text-transform: uppercase;







    padding: 10px;







    background-color: #F8F8F8;







    border: 1px solid #EAEAEA;







    font-weight: bold;







    color: #999;







    cursor: pointer







}







.floor-plan .left .accordion div.ui-accordion-content {







    background-color: #EDEDED;







}







.floor-plan .left .accordion .accordion h3.ui-accordion-header {







    text-transform: none;







    padding: 5px;







    background-color: #F8F8F8;







    border: 1px solid #EAEAEA;







    font-weight: normal;







    color: #999;







    cursor: pointer







}







.floor-plan .left .accordion .accordion div.ui-accordion-content {







    padding: 10px;







}







.floor-plan .right {







    float: right;







    width: 72%;







    overflow: hidden;







}







.floor-plan-img {







    float: left;







    padding: 0 15px 0 0;







    width: 57%;







}







.floor-plan-data {







    float: right;







    width: 40%;







}







.floor-area-detail {







    padding: 15px;







    margin: 0;







    background-color: #00457C







}







.floor-area-detail span.title {







    font-size: 14px;







    text-transform: uppercase;







    color: #fff;







    font-weight: bold;







    margin-bottom: 5px;







    display: block







}







.floor-area-detail ul {







    padding: 0;







    margin: 0;







}







.floor-area-detail li {







    list-style: none;







    overflow: hidden;







    margin-bottom: 10px;







}







.floor-area-detail li label {







    display: block;







    font-size: 14px;







    color: #fff;







}







.floor-area-detail li span {







    font-size: 14px;







    color: #fff;







}







.floor-link {







    padding: 0;







    margin: 10px 0 0 0







}







.floor-link li {







    background-image: url(../../img/bullet-icon.gif);







    background-repeat: no-repeat;







    background-position: left 5px;







    padding-left: 15px;







    line-height: 20px;







}







.floor-plan-message {







    width: 100%;







    text-align: right;







    font-size: 14px;







    display: block







}







.aminities {







    padding: 0;







    margin: 0;







}







.aminities h2 {







    color: #3A457C;







    display: block;







    font-family: 'open_sanssemibold';







    font-size: 16px;







    margin: 0 0 5px;







    padding: 0;







    text-transform: uppercase;







}







.aminities ul {







    padding: 0;







    margin: 0 0 20px 0;







    overflow: hidden;







}







.aminities li {







    list-style: none;







    float: left;







    width: 48%;







    background-image: url(../../img/bullet-icon.gif);







    background-repeat: no-repeat;







    background-position: left 10px;







    line-height: 25px;







    padding-left: 15px;







}







.photos {







    padding: 0;







    margin: 0;







}







.photos a {







    width: 120px;







    height: 78px;







    margin: 5px;







    display: block;







    display: inline-block;







    vertical-align: top;







}







.my-map-search{







    padding:0;







    margin:0 0 20px 0;







    height:350px;







    }







.local-search{







    padding:0;







    margin:0;







    overflow:hidden;







    }







.local-search h2{







    color: #3A457C;







    display: block;







    font-family: 'open_sanssemibold';







    font-size: 16px;







    margin: 0 0 5px;







    padding: 0 0 10px 0;







    text-transform: uppercase;







    border-bottom:1px solid #3A457C;







    }







.local-search .left{







    float:left;







    width:50%;







    }







.local-search .right{







    float:left;







    width:50%;







    overflow:hidden;







    }







.local-search .right label{







    float:left;







    width:50%;







    margin-bottom:5px;







    }







.driving-direction{







    padding:0;







    margin:0;







    overflow:hidden;







    }







.driving-direction h2{







    color: #3A457C;







    display: block;







    font-family: 'open_sanssemibold';







    font-size: 16px;







    margin: 0 0 5px;







    padding: 0 0 10px 0;







    text-transform: uppercase;







    border-bottom:1px solid #3A457C;







    }







.driving-direction .input{







    padding:0;







    margin:0 0 10px 0;







    float:left;







    width:50%;







    }







.driving-direction .input input.form-control{







    width:88%;







    border:1px solid #d1d1d1;







    padding:10px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    }







.driving-direction .input.half{







    width:50%;







    }







.driving-direction .input.half .input{







    width:94%;







    }







.driving-direction .input.half .input .ui-multiselect{







    background-color:#fff;







    border:1px solid #d1d1d1;







    padding:7px;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    }







.driving-direction .input.half .input .ui-multiselect span.ui-icon{







    width:16px;







    height:10px;







    padding:0;







    margin-top:4px;







    background-image:url(../../img/dropdown-arrow.png);







    background-repeat:no-repeat;







    background-position:0 0;







    }







.driving-direction .input.half .input .ui-multiselect.ui-state-active span.ui-icon{







    background-position:0 -11px;







    }







.driving-direction .input label{







    width:100%;







    font-size:14px;







    color:#666;







    margin:0 0 5px 0;







    display:block







    }







.driving-direction .input.full{







    width:100%;







    }







.driving-direction .input.full input.submit{







    background-color:#044477;







    padding:10px;







    color:#fff;







    text-transform:uppercase;







    border:none;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    }







.search{







    padding:0;







    margin:0;







    width:90%;







    }







.search input.form-control{







    padding:0;







    margin:0;







    width:60%;







    border: 1px solid #D1D1D1;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    padding: 10px;







    }







.search input.search-btn{







    padding:9px 5px;







    text-transform:uppercase;







    color:#fff;







    margin:0;







    width:30%;







    background-color:#044477;







    border:none;







    -webkit-border-radius: 3px;







    -moz-border-radius: 3px;







    border-radius: 3px;







    cursor:pointer







    }







.wearther{







    padding:0;







    margin:0;







    }







.weather-detail{







    padding:0;







    margin:0;







    }







.weather-detail p{







    padding:0;







    margin:0 0 5px 0;







    }







.weather-detail label{







    display:inline-block;







    vertical-align:top;







    width:100px;







    font-size:14px;







    color:#666;







    }







.weather-detail span{







    display:inline-block;







    vertical-align:top;







    font-size:14px;







    color:#666;







    }







.cloud-temp{







    padding:0;







    margin:0 0 15px 0;







    overflow:hidden;







    }







.cloud-temp .cloud{







    float:left;







    width:150px;







    text-align:center







    }







.cloud-temp .temp{







    float:left;







    width:150px;







    text-align:center;







    font-size:40px;







    font-weight:bold;







    line-height:30px;







    }







.cloud-temp span{







    display:block;







    text-align:center;







    text-transform:uppercase;







    font-weight:bold;







    color:#666;







    font-size:14px;







    }







/* modal start */







.modal-open{







    overflow:hidden







}







.modal{







    display:none;







    overflow:auto;







    overflow-y:scroll;







    position:fixed;







    top:0;







    right:0;







    bottom:0;







    left:0;







    z-index:1050;







    -webkit-overflow-scrolling:touch;







    outline:0;







    color:#000;







    font-size:14px;







    padding-top:120px;







}







.modal.fade .modal-dialog{







    -webkit-transform:translate(0,-25%);







    -ms-transform:translate(0,-25%);







    transform:translate(0,-25%);







    -webkit-transition:-webkit-transform .3s ease-out;







    -moz-transition:-moz-transform .3s ease-out;







    -o-transition:-o-transform .3s ease-out;







    transition:transform .3s ease-out







}







.modal.in .modal-dialog{







    -webkit-transform:translate(0,0);







    -ms-transform:translate(0,0);







    transform:translate(0,0)







}







.modal-dialog{







    position:relative;







    width:auto;







    margin:10px







}







.modal-content{







    position:relative;







    background-color:#fff;







    border:1px solid #999;







    border:1px solid rgba(0,0,0,.2);







    border-radius:6px;







    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);







    box-shadow:0 3px 9px rgba(0,0,0,.5);







    background-clip:padding-box;







    outline:0







}







.modal-backdrop{







    position:fixed;







    top:0;







    right:0;







    bottom:0;







    left:0;







    z-index:1040;







    background-color:#fff







}







.modal-backdrop.fade{







    opacity:0;







    filter:alpha(opacity=0)







}







.modal-backdrop.in{







    opacity:.5;







    filter:alpha(opacity=50)







}







.modal-header{







    padding:15px;







    border-bottom:1px solid #e5e5e5;







    min-height:16.42857143px







}







.modal-header .close{







    margin-top:-2px







}







.modal-title{







    margin:0;







    line-height:1.42857143;







    font-size:18px;







    text-transform:uppercase;







}







.modal-body{







    position:relative;







    padding:20px;







    color:#000;







    font-size:14px;







}







.modal-footer{







    margin-top:15px;







    padding:19px 20px 20px;







    text-align:right;







    border-top:1px solid #e5e5e5







}







.modal-footer .btn+.btn{







    margin-left:5px;







    margin-bottom:0







}







.modal-footer .btn-group .btn+.btn{







    margin-left:-1px







}







.modal-footer .btn-block+.btn-block{







    margin-left:0







}







.close{







    float:right;







    font-size:21px;







    font-weight:700;







    line-height:1;







    color:#000;







    text-shadow:0 1px 0 #fff;







    opacity:.2;







    filter:alpha(opacity=20)







    }







.close:hover,.close:focus{







    color:#000;text-decoration:none;







    cursor:pointer;







    opacity:.5;







    filter:alpha(opacity=50)







    }







button.close{







    padding:0;







    cursor:pointer;







    background:0 0;







    border:0;







    -webkit-appearance:none







    }







.why-post{







    padding: 0;







    margin: 0;







}







.both-panel{







    width: 50%;







float: left;







position:relative;







left:210px;







}







/* Ipad version */







@media (max-width: 960px) {

.property-listing .left {  width:100%;}





.both-panel {







    float: left;







    left: 37px;







    position: relative;







    width: 20%;







}







}







@media (max-width: 1200px) {







.property-search-result li .search-result div.box a.button {







    background-color: #2c88be;







    border-radius: 3px;







    color: #fff;







    display: inline-block;







    font-size: 12px;







    margin: 0 0 10px;







    padding: 8px 10px;







    text-align: center;







    text-transform: uppercase;







    width: 90%;







}







}







/* Mobile */







@media (max-width: 500px) {







.both-panel{







    width: 50%;







float: left;







}







}







#box3 {







    position: relative;







    left: 215px;







}



@media (min-width:768px) {
.property-search{width: 26%; margin-bottom: 20px;}

}



@media (max-width: 767px) {







#box3 {







    position: relative;







    left: 2px;







    display:block;







}







}







.why-post .span10{







    /*padding: 0;







    width: 780px;







    float: left;







    margin-left: 0;*/







     float: left;







    margin-left: 0;







    padding: 0;







    width: 60%;







}







.why-post .span4{







    padding: 0;







    width: 300px;







    float: left;







    margin-left: 0







}







.why-post .span4 .head{







    display: block;







    width: 100%;







    margin-bottom: 10px;







    position: relative;







}







.why-post .span4 .head .controls{







    position: absolute;







    right: 0;







    top: 0;







}







div.page_wrapper section#content.top-padding{







    padding: 100px 0 0 0 !important;







    margin: 100px 0 0 0







}







/* listing-tab start */







.listing-tab {







    padding: 0;







    margin: 0;







}







.listing-tab .tabs {







    padding: 0;







    margin: 0;







}







.listing-tab .tabs ul.ui-tabs-nav {







    padding: 0;







    margin: 0;







}







.listing-tab .tabs li.ui-state-default {







    float: left







}







.listing-tab .tabs li.ui-state-default a {







    list-style: none;







    background-image: url(../images/tab_left.png);







    background-repeat: no-repeat;







    background-position: left 0;







    display: inline-block;







    height: 34px;







    line-height: 34px;







    padding-left: 6px;







    font-size: 13px;







    margin-left: -10px;







    -webkit-border-top-left-radius: 3px;







    -webkit-border-bottom-left-radius: 3px;







    -moz-border-radius-topleft: 3px;







    -moz-border-radius-bottomleft: 3px;







    border-top-left-radius: 3px;







    border-bottom-left-radius: 3px;







}







.listing-tab .tabs li.ui-state-default a span {







    list-style: none;







    background-image: url(../images/tab_right.png);







    background-repeat: no-repeat;







    background-position: right 0;







    display: inline-block;







    height: 34px;







    padding-right: 20px;







    padding-left: 10px;







}







.listing-tab .tabs li.ui-state-active a {







    list-style: none;







    float: left;







    background-position: 0 -70px







}







.listing-tab .tabs li.ui-state-active a span {







    background-position: right -70px;







}







.listing-tab .tabs .ui-tabs-panel {







    padding: 15px;







    margin: 0;







    font-size: 13px;







}







.listing-tab .vtabs {







    padding: 0;







    margin: 0;







    overflow: hidden;







}







.listing-tab .vtabs ul.ui-tabs-nav {







    float: left;







    width: 20%;







}







.listing-tab .vtabs ul.ui-tabs-nav li.ui-state-default {







    float: none;







    display: block;







    margin-bottom:5px;







}







.listing-tab .vtabs ul.ui-tabs-nav li.ui-state-default a {







    float: none;







    display: block;







    padding:5px 10px;







    height: auto;







    line-height: normal;







    margin: 0;







    background-color: #E7E8E9;







    background-image: none;







}







.listing-tab .vtabs div.ui-tabs-panel {







    float: left;







    width: 76%;







    padding: 0 15px







}







.page_wrapper .container .content div.row div.span4 h4{







    color:#3c2a1c;







}







.page_wrapper .container .content div.row div.span5 h4{







    color:#3c2a1c;







}















/* listing-tab close */







.floor-plan .collapse {height:0px !important;}







.floor-plan .in {height:auto !important;}







.vspacer100{







    padding:120px 0;







    display: block;







}







.vspacer150{







    padding:180px 0;







    display: block;







}







.vspacer20{







    padding:50px 0;







    display: block;







}







.vspacer30{







    padding:60px 0;







    display: block;







}







.vspacer250{







    padding:250px 0;







    display: block;







}







.row .span3:nth-child(4n+1)



{



    clear:both



}



/*Travis accordian */



.head, li.boat, h2 { margin-bottom:15px; color: #003661; font-family: 'OptimaLTPro-Bold'; list-style-type:none; font-size:16px; }



    .head { display:block; }



    .content { display:none; }



.travis4 {



    width: 246px;



    float: right;



    font-family: 'OptimaLTPro-Bold';



    color: #3c2a1c;



}



.empl-title {



    color: #3c2a1c;



    font-family: 'OptimaLTPro-Bold';



    font-size: 26px;



    margin-left: 1px;



    margin-top: 10px;



}



.empl-title, .subtitle {



    border-bottom: 1px solid #cbcbcb;



    line-height: 1.4;



    margin-bottom: 25px;



    padding-bottom: 25px;



}



.floor_clr {



    color:#2575A6;



}

/* property new layout */

.fetam {

float:left;

width:150px;

display:block;

height:164px;

overflow:hidden;

border-left:1px solid #FFF;

margin-left:10px;

padding-left:5px;

margin-right:80px;

}

.fetre {

float:left;

display:block;

width:280px;

border-left:1px solid #FFF;

margin-left:10px;

padding-left:5px;

height:164px;

overflow:hidden;

margin-right:14px;

}

.fet_rent li {

margin-bottom:0px !important;

}

.fet_ame li {

    margin-bottom:0px !important;

}



.fetam > h3 {

    font-size: 15px;

    padding: 0px;

    margin: 0px;

}

.fetre > h3 {

    font-size: 15px;

    padding: 0px;

    margin: 0px;

}


.fet_link > span {
    color: #fff
    font-size: 30px;
}


/* IMAGE GALLERY FANCYBOX */

a#lbNextLink:hover {

    background-position-x: 100%;

}

a#lbNextLink {

    right: 0;

    left: auto;

}

a#lbPrevLink:hover {

    background-position-x: 0%;

}
.gm-style{display: inline-block!important;}


.sectionToggle {
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: bold;
}