@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/resources/css/font/open_sans_light.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/resources/css/font/open_sans.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/resources/css/font/open_sans_bold.woff) format('woff'); } /* ----------------------------------------------------------------------------------- Theme Name:Gravity Theme URI:http://themeforest.net/item/gravity-business-theme-for-creative-corporate/4220971 Description:Fully responsive corporate theme for your business Author:ThemeTon Author URI:http://www.themeton.com Version:1.3 Tags:one-column,two-columns,left-sidebar,right-sidebar,fixed-width,flexible-width,custom-background,custom-colors,custom-menu,featured-image-header,featured-images,post-formats,sticky-post,theme-options,translation-ready ----------------------------------------------------------------------------------- 0. CSS Reset & Clearfix 1. Grid System 2. Structure ----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------- 00. Reset CSS - http://meyerweb.com/eric/tools/css/reset/ ----------------------------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block} /* ----------------------------------------------------------------------------------- 03. Base CSS & Typography ----------------------------------------------------------------------------------- */ body{font-family:'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;font-size:13px;line-height:21px;color:#363636;background:transparent url('/resources/images/bg.png') repeat left top;font-weight:400;border-top: 5px solid #5674b9;} a{color:#669900;text-decoration:none} a:hover{color:#336600;text-decoration:underline} a:focus{color:#2ba6cb;outline:none} ::selection{background-color:#cecece} h1,h2,h3,h4,h5,h6{font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;font-weight:bold;padding:0;margin-bottom:15px;text-rendering:optimizeLegibility} h1{font-size:24px;line-height:28px} h2{font-size:20px;line-height:22px} h3{font-size:16px;line-height:20px} h4{font-size:14px;line-height:18px} h5{font-size:12px;line-height:18px} h6{font-size:10px;line-height:16px} address{font-style:italic} abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #666} blockquote{border-left:5px solid #5674B9;padding:0 15px} blockquote p{font-size:16px;font-weight:300;line-height:25px} blockquote small{text-transform:uppercase} blockquote small:before{content:'\2014 \00A0';margin-right:5px} strong{font-weight:bold} em,dfn,cite{font-style:italic} dfn{font-weight:bold} sup{font-size:11px;vertical-align:top} sub{font-size:85%;vertical-align:bottom} small{font-size:11px} del{text-decoration:line-through} ins{text-decoration:underline} code,pre{line-height:18px} var,kbd,samp,code,pre{font:12px/18px Consolas,"Andale Mono",Courier,"Courier New",monospace;background:#fff} kbd{font-weight:bold} samp,var{font-style:italic} pre{white-space:pre;overflow:auto;padding:15px;clear:both} code{padding:3px} hr{margin-bottom:15px;height:0;width:100%;border-bottom:1px solid rgba(0,0,0,.5)} /* List */ ul,ol{margin-left:15px} ul.disc{list-style:disc} ol{list-style:decimal} dt{font-weight:bold} /* Table */ table{width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0} table th,table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #f0f0f0} table th{font-weight:bold} table thead th{vertical-align:bottom} table caption + thead tr:first-child th,table caption + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0} table tbody + tbody{border-top:2px solid #dddddd} /* Form */ form{margin-bottom:5px} legend{display:block;width:100%;font-weight:bold;padding-bottom:15px;border-bottom:1px solid #f0f0f0} textarea,button,#submit,input[type="submit"],input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="url"],input[type="search"]{font:12px/18px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;padding:10px 15px;width:250px;margin:0 0 10px;background-color:#FEFEFE;border:1px solid #e0e0e0;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-sizing:border-box;/* Safari/Chrome,other WebKit */ -moz-box-sizing:border-box;/* Firefox,other Gecko */ box-sizing:border-box;-webkit-transition:all ease-in-out 0.1s;-moz-transition:all ease-in-out 0.1s;-o-transition:all ease-in-out 0.1s;transition:all ease-in-out 0.1s} textarea{width:500px;min-height:200px} textarea:focus,input:focus,input[type="submit"]:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus{background-color:#FFF;border-color:#D0D0D0;outline-offset:-2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.2)} label,.help-text{width:auto;margin-bottom:10px} .help-text{color:#999} .bg_inner button,#submit,input[type="submit"]{cursor:pointer;width:auto;font-weight:bold;border:1px solid #e0e0e0 !important;background:white;background:-webkit-gradient(linear,left top,left bottom,from(white),to(#f0f0f0)) !important;background:-moz-linear-gradient(top,white,#f0f0f0) !important;background-repeat:repeat-x !important;width:auto !important;padding:10px 20px !important} .bg_inner button:hover,#submit:hover,input[type="submit"]:hover{background-color:#f9f9f9;border-color:#d0d0d0;background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f0f0f0));background:-moz-linear-gradient(top,#f9f9f9,#f0f0f0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),0 1px 2px rgba(0,0,0,0.2)} /* ----------------------------------------------------------------------------------- General Classes ----------------------------------------------------------------------------------- */ .align-left{float:left} .align-right{float:right} .align-center{float:none;text-align:center} .hide{display:none} .disabled{color:#000;cursor:default} .lighter{font-weight:lighter} .title{padding-bottom:15px;border-bottom:1px solid #f0f0f0} .lead{font-size:16px;font-weight:lighter} .clear{clear:both;display:block;width:100%;height:0;margin:0;padding:0} /* ----------------------------------------------------------------------------------- WordPress Core ----------------------------------------------------------------------------------- */ .alignright{float:right;margin:5px 0 20px 20px} .alignleft{float:left;margin:5px 20px 20px 0} a img.alignright{float:right;margin:5px 0px 5px 10px} .dark a img.alignright{background:#D7D7D7} a img.alignleft{float:left;margin:5px 10px 0px 0px} a img.aligncenter{display:block;margin-right:auto;margin-bottom:5px;margin-left:auto} img.image-border{padding:5px;background-color:#D7D7D7} .wp-caption{padding:10px 5px 5px;background:#fff;text-align:center} .dark .wp-caption,.dark a img.alignright,.dark a img.alignleft,.dark a img.alignnone,.dark a img.aligncenter{background-color:#292929} .wp-caption.alignright{margin:5px 0 20px 20px} .wp-caption.aligncenter{margin-bottom:20px} .wp-caption img{margin:0;padding:0;max-width:100%;height:auto;border:0 none} .wp-caption p.wp-caption-text{margin:0;padding:5px 0;font-style:italic;font-size:11px;line-height:17px} .alignnone,.wp-caption.alignnone,.wp-caption.alignleft{margin:5px 20px 20px 0} .aligncenter,div.aligncenter,.aligncenter{display:block;margin:5px auto} .row-fluid .home-right{float:right} .glow{background:url()} .commentlist .bypostauthor{} .sticky{} /* gallery */ .gallery{margin:0 auto 18px} .gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%} .gallery-columns-2 .gallery-item{width:50%} .gallery-columns-4 .gallery-item{width:25%} .gallery-columns-2 .attachment-medium{max-width:92%;height:auto} .gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto} .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px} .gallery dl{margin:0 0 10px 0;clear:none} .tt-price-box ul{list-style:none} article ul{list-style:disc outside none} article img{height:auto;max-width:100%} /* ----------------------------------------------------------------------------------- 01. Grid System ----------------------------------------------------------------------------------- */ .wrapper{width:980px;margin:0 auto} .wrapper .container{margin:0} .container{width:940px;margin-right:auto;margin-left:auto;*zoom:1} .container .container:before,.container:after{display:table;line-height:0;content:""} .container:after{clear:both} .start-row{clear:left} .row{margin-left:-2%;*zoom:1} .row:before,.row:after{display:table;line-height:0;content:""} .row:after{clear:both} .col{float:left;min-height:1px;margin-left:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .white_bg .col {margin-left: 1.8%;} .col.twelve{width:98.0%} .col.elven{width:89.667%} .col.ten{width:81.333%} .col.nine{width:73.0%} .col.eight{width:64.667%} .col.seven{width:56.333%} .col.six{width:48.0%} .col.five{width:39.667%} .col.four{width:31.3%} .col.three{width:23.0%} .col.two{width:14.667%} .col.one{width:6.33%} /* With Sidebar Layout */ .with-sidebar .row{margin-left:-3%} .with-sidebar .col{margin-left:3%} .with-sidebar .col.twelve{width:97.0%} .with-sidebar .col.elven{width:88.667%} .with-sidebar .col.ten{width:80.333%} .with-sidebar .col.nine{width:72.0%} .with-sidebar .col.eight{width:63.667%} .with-sidebar .col.seven{width:55.333%} .with-sidebar .col.six{width:46.9%} .with-sidebar .col.five{width:38.667%} .with-sidebar .col.four{width:30.3%} .with-sidebar .col.three{width:22.0%} .with-sidebar .col.two{width:13.667%} .with-sidebar .col.one{width:5.33%} /* Portfolio Layout css fix*/ .tt-portfolio .col.three,.related_portfolios .col.three{width:22.9%} .with-sidebar .tt-portfolio .col.three{width:21.9%} /* IE7 footer col three fix */ .ie7 #footer .col.three{width:22.9%} /* ----------------------------------------------------------------------------------- #Top ----------------------------------------------------------------------------------- */ #top{background-color:#242424;padding:0} ul.top-list{margin:0;padding:0;list-style:none;line-height:11px;font-size:11px;position:relative;top:8px;height:32px} ul.top-list li{float:left;margin-right:15px;line-height:11px;font-size:11px} ul.top-list li span{background:transparent url('/resources/images/images.png') no-repeat left top;height:11px;width:12px;margin-top:0px;display:block;float:left;margin-right:5px} ul.top-list li span.phone{background-position:-216px -26px} ul.top-list li span.mail{background-position:-246px -26px;margin-top:1px} ul.top-list li span.address{background-position:-275px -26px} #top aside{margin-bottom:0} #top aside .sociallinkswidget{float:right} #top aside .sociallinkswidget img{height:16px;width:16px} /* ----------------------------------------------------------------------------------- #Header ----------------------------------------------------------------------------------- */ #header{/* background-color:#1b1b1b; */padding-top:5px; height: 154px; position:relative;/* border-top:5px solid #5674b9;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1); */z-index:999; margin-bottom: 30px;} .homepage #header {margin-bottom: 0;} #header .header-widget{text-align:right;color:#636363} #header .header-widget strong{text-align:right;display: block; margin: 15px 0 10px; color:#363636; font-size: 11px; text-transform: uppercase;} #header aside.widget{margin-bottom:15px} #header aside.widget:last-child{margin-bottom:0px} .logo h1{margin-bottom:0} a.logo img{float:left; margin-top: 20px;} .widget.search_header form#searchform,#menu > ul{/* border-top:1px solid #232323 */} .widget.search_header form#searchform > div{width:100%;margin-top:15px;border-left:1px solid #121212;padding-left:10px;box-shadow:1px 0px 0px #232323 inset} .widget.search_header form#searchform input[type="submit"]{float:left;position:relative;background:url('/resources/images/search_icon.png') no-repeat center !important;border:none !important;box-shadow:none !important;height:20px;width:20px !important;padding:13px 0 !important} .widget.search_header form#searchform input[type="text"]{float:left;color:#636363;width:80% !important;background:transparent;border:none;box-shadow:none;padding:5px 5% !important} .widget.search_header{margin-right:-20px} .widget.search_header ::-webkit-input-placeholder{color:#636363} .widget.search_header ::-moz-placeholder{color:#636363} .widget.search_header :-moz-placeholder{color:#636363} .widget.search_header :-ms-input-placeholder{color:#636363} /* Menu */ #menu ul{margin:0;padding:0;list-style:none;display:block} #menu ul a{display:block;position:relative} #menu ul li{padding:0;float:left;position:relative;border-bottom:3px solid transparent} #menu ul li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */} #menu ul ul{box-shadow:inset 0 0 0 3px #fafafa;-webkit-box-shadow:inset 0 0 0 3px #fafafa;-moz-box-shadow:inset 0 0 0 3px #fafafa;position:absolute;top:-9999em;width:180px;/* left offset of submenus need to match (see below) */} #menu ul ul li{width:100%;padding:0} #menu ul li:hover ul,#menu ul li.sfHover ul{left:-1px;top:48px;/* match top ul list item height */ z-index:99;width:12em !important} #menu ul li:hover li ul,#menu ul li.sfHover li ul,#menu ul li li:hover li ul,#menu ul li li.sfHover li ul,#menu ul li li li:hover li ul,#menu ul li li li.sfHover li ul{top:-9999em} #menu ul li li:hover ul,#menu ul li li.sfHover ul,#menu ul li li li:hover ul,#menu ul li li li.sfHover ul,#menu ul li li li li:hover ul,#menu ul li li li li.sfHover ul{left:180px;/* match .nav ul width */ top:-1px} #menu ul.sub-menu{z-index:101} .ie7 #header .header-widget ul.sociallinkswidget{float:right} /* Mobile Menu */ a.show-mobile-menu{position:relative;top:-25px} a.show-mobile-menu::after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:"\f039";position:absolute;font-size:28px;line-height:28px;right:1px;top:1px} #tt-mobile-menu{margin:0;padding:0px 20px;background:black;position:relative;z-index:10} #tt-mobile-menu a.show-mobile-menu,#tt-mobile-menu a.show-mobile-menu:hover{font-size:20px;font-weight:bolder;height:24px;line-height:20px;color:#FFF;text-decoration:none} #tt-mobile-menu ul{margin:0px auto;padding:10px 0;width:100%} #tt-mobile-menu ul.sub-menu{display:none} #tt-mobile-menu ul li{border-top:1px solid rgba(255,255,255,.1);display:block;position:relative;font-size:14px;font-weight:bold} #tt-mobile-menu ul li:first-child{border-top:none} #tt-mobile-menu ul li a{display:block;color:#999;padding:15px 0;font-weight:300} #tt-mobile-menu ul li a:hover{text-decoration:none;color:#FFF} #tt-mobile-menu ul li.has-children:after{content:'+';position:absolute;right:15px;top:15px;font-size:20px;font-weight:300;height:24px;line-height:20px} #tt-mobile-menu ul li.has-children.tt-open:after{content:'-';position:absolute;right:15px;top:13px;font-size:20px;font-weight:bolder;height:24px;line-height:20px} #tt-mobile-menu ul ul li a:before{content:'-';margin-right:5px} #tt-mobile-menu ul ul ul li a:before{content:'- -';margin-right:5px} #tt-mobile-menu ul ul ul ul li a:before{content:'- - -';margin-right:5px} #tt-mobile-menu ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1)} #tt-mobile-menu ul.children{display:none} /* Menu Styling */ #menu,.search_header{margin-top:5px;border-bottom:3px solid #1b1b1b; background: #363636 url() ;} #menu ul li a{padding:16px 20px;color:#FFF;font-weight:normal;text-decoration:none;text-transform:uppercase;line-height:14px;font-family:"Open Sans";font-weight:700} #menu > ul > li{margin-bottom:-3px} #menu > ul > li > a{font-size:13px;border-right:1px dotted #2d2d2d} #menu > ul > li:last-child > a{border-right:0} #menu > ul > li:hover,#menu > li.current_page_parent,#menu > ul > li.current-menu-ancestor,#menu > ul > li.current_page_item{border-color:#5674b9; } #menu > li.current_page_parent,#menu > ul > li.current-menu-ancestor,#menu > ul > li.current_page_item{background: #1b1b1b url() ;} #menu ul ul li:first-child,#menu ul ul li:first-child > a{border-top:none} #menu ul ul li a:hover{border-color:transparent} #menu ul ul li{border-top:1px solid #101010} #menu ul ul li a{border-top:1px solid #232323} #menu li li.current-menu-parent ul.sub-menu > a::after{content:'+';margin-left:15px} #menu ul li.current-menu-parent > a{padding-right:35px} #menu ul li.current-menu-parent > a::after{content:'';border-bottom:5px solid #fff;border-left:5px solid transparent;position:absolute;top:50%;right:20px;margin-top:-1px;display:inline-block;padding-top:1px} #menu ul li.current_page_item > a::after{border-bottom-color:#fff} #menu li.sfHover li a{padding-left:21px !important} #menu ul li.sfHover > ul{background:white} #menu ul li.sfHover ul li a,#menu ul ul li a{background-color:#1b1b1b;color:#FFF;padding:14px;font-size:13px;text-transform:none;font-weight:normal} #menu ul li.current_page_item ul a,#menu ul li.current_menu_item ul a{background-color:transparent} #menu ul li:hover ul,#menu ul li.sfHover ul{left:0px;width:190px !important} #menu ul li li:hover ul,#menu ul li li.sfHover ul,#menu ul li li li:hover ul,#menu ul li li li.sfHover ul,#menu ul li li li li:hover ul,#menu ul li li li li.sfHover ul{left:189px !important;/* match .nav ul width */top:0;padding-top:0px;margin:0px} /* ----------------------------------------------------------------------------------- #Feature ----------------------------------------------------------------------------------- */ #feature{padding:30px 0;/* background:#FFF;color:#363636;border-bottom:1px solid #eee;box-shadow:0px 1px 0px #FFF */; } #feature .inner {margin: 0 auto; text-align: center;} #feature.with-slider{background:none;padding:0} #feature h1{font-size:24px;line-height:24px;font-weight:bold;margin-bottom:0} .wrapper #feature.with-slider{padding:0} #feature.with-slider .container,#feature.with-slider .container .col.twelve{width:980px} .tt-breadcrumb > span{padding:0 10px} .tt-breadcrumb > span:first-child{padding-left:0px} .tt-breadcrumb,.tt-breadcrumb a,.tt-breadcrumb li a.active{color:#a1a1a1;font-size:12px;line-height:12px;margin-bottom:0px} .page-featured-image{margin:-50px -30px;text-align:center} .page-featured-image img{width:100%} /* Layer Slider */ .ls-darkskin,.ls-defaultskin,.ls-glass,.ls-lightskin{border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important} .ls-bottom-nav-wrapper a,.ls-nav-prev,.ls-nav-next{height:53px;width:53px;display:block;top:50%;margin-top:-26px;background:transparent url('/resources/images/images.png') no-repeat left top;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none} .ls-inner{z-index:1 !important} .ls-borderlessdark .ls-nav-sides {width:12px !important} /* ----------------------------------------------------------------------------------- # Callout ----------------------------------------------------------------------------------- */ .gravity-callout{background-color:#fff;position:relative;padding:40px 0;text-align:center;border-bottom:1px solid #e9e9e9} .gravity-callout h2{font-weight:300;font-size:18px;line-height:30px;letter-spacing:-0.1px;color:#000;padding:0 30px;margin-bottom:20px} .gravity-callout h1,.gravity-callout h3,.gravity-callout h4,.gravity-callout h5,.gravity-callout h6,.gravity-callout p{margin-bottom:0} .gravity-callout a.tt-button{font-weight:bold;text-transform:uppercase} /* ----------------------------------------------------------------------------------- #Main ----------------------------------------------------------------------------------- */ #main{background-color:transparent} .wrapper #main{/* background-color:#f7f7f7; */margin-top:1px} section.content,#sidebar{padding-top:5px;padding-bottom:30px} /* Breadcrumb */ .tt-breadcrumb{list-style:none;margin: 0 0 20px 20px;font-weight:300;display:inline-block;*display:inline; } .tt-breadcrumb span.current{font-weight:300;color:#000} ul.portfolio-meta,.tt-element ul.sociallinkswidget{list-style:none} /* Social Widget */ .widget ul.sociallinkswidget li,.tt-element ul.sociallinkswidget li{float:left;margin:0;padding:0;border:none;background:none} #sidebar .widget ul.sociallinkswidget li{margin:0 5px 5px 0} ul.sociallinkswidget li a{width:31px;height:31px;color:white;text-decoration:none;display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;background-image:url("/resources/images/social/social-retina.png");background-size:auto 96px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;margin-right:2px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px} .ie7 ul.sociallinkswidget li a,.ie8 ul.sociallinkswidget li a{background-image:url("/resources/images/social/social.png");background-size:none} ul.sociallinkswidget li.facebook a{background-position:0px 0px} ul.sociallinkswidget li.flickr a{background-position:-32px 0px} ul.sociallinkswidget li.dribbble a{background-position:-64px 0px} ul.sociallinkswidget li.googleplus a{background-position:-96px 0px} ul.sociallinkswidget li.linkedin a{background-position:-128px 0px} ul.sociallinkswidget li.pinterest a{background-position:-160px 0px} ul.sociallinkswidget li.rss a{background-position:-192px 0px} ul.sociallinkswidget li.skype a{background-position:-224px 0px} ul.sociallinkswidget li.twitter a{background-position:-256px 0px} ul.sociallinkswidget li.vimeo a{background-position:-288px 0px} ul.sociallinkswidget li.youtube a{background-position:-320px 0px} ul.sociallinkswidget li.facebook a:hover,#sidebar ul.sociallinkswidget li.facebook a:hover,#header ul.sociallinkswidget li.facebook a:hover{background-position:0px -32px} ul.sociallinkswidget li.flickr a:hover,#sidebar ul.sociallinkswidget li.flickr a:hover,#header ul.sociallinkswidget li.flickr a:hover{background-position:-32px -32px} ul.sociallinkswidget li.dribbble a:hover,#sidebar ul.sociallinkswidget li.dribbble a:hover,#header ul.sociallinkswidget li.dribbble a:hover{background-position:-64px -32px} ul.sociallinkswidget li.googleplus a:hover,#sidebar ul.sociallinkswidget li.googleplus a:hover,#header ul.sociallinkswidget li.googleplus a:hover{background-position:-96px -32px} ul.sociallinkswidget li.linkedin a:hover,#sidebar ul.sociallinkswidget li.linkedin a:hover,#header ul.sociallinkswidget li.linkedin a:hover{background-position:-128px -32px} ul.sociallinkswidget li.pinterest a:hover,#sidebar ul.sociallinkswidget li.pinterest a:hover,#header ul.sociallinkswidget li.pinterest a:hover{background-position:-160px -32px} ul.sociallinkswidget li.rss a:hover,#sidebar ul.sociallinkswidget li.rss a:hover,#header ul.sociallinkswidget li.rss a:hover{background-position:-192px -32px} ul.sociallinkswidget li.skype a:hover,#sidebar ul.sociallinkswidget li.skype a:hover,#header ul.sociallinkswidget li.skype a:hover{background-position:-224px -32px} ul.sociallinkswidget li.twitter a:hover,#sidebar ul.sociallinkswidget li.twitter a:hover,#header ul.sociallinkswidget li.twitter a:hover{background-position:-256px -32px} ul.sociallinkswidget li.vimeo a:hover,#sidebar ul.sociallinkswidget li.vimeo a:hover,#header ul.sociallinkswidget li.vimeo a:hover{background-position:-288px -32px} ul.sociallinkswidget li.youtube a:hover,#sidebar ul.sociallinkswidget li.youtube a:hover,#header ul.sociallinkswidget li.youtube a:hover{background-position:-320px -32px} #sidebar ul.sociallinkswidget li.facebook a,#header ul.sociallinkswidget li.facebook a{background-position:0px -65px} #sidebar ul.sociallinkswidget li.flickr a,#header ul.sociallinkswidget li.flickr a{background-position:-32px -65px} #sidebar ul.sociallinkswidget li.dribbble a,#header ul.sociallinkswidget li.dribbble a{background-position:-64px -65px} #sidebar ul.sociallinkswidget li.googleplus a,#header ul.sociallinkswidget li.googleplus a{background-position:-96px -65px} #sidebar ul.sociallinkswidget li.linkedin a,#header ul.sociallinkswidget li.linkedin a{background-position:-128px -65px} #sidebar ul.sociallinkswidget li.pinterest a,#header ul.sociallinkswidget li.pinterest a{background-position:-160px -65px} #sidebar ul.sociallinkswidget li.rss a,#header ul.sociallinkswidget li.rss a{background-position:-192px -65px} #sidebar ul.sociallinkswidget li.skype a,#header ul.sociallinkswidget li.skype a{background-position:-224px -65px} #sidebar ul.sociallinkswidget li.twitter a,#header ul.sociallinkswidget li.twitter a{background-position:-256px -65px} #sidebar ul.sociallinkswidget li.vimeo a,#header ul.sociallinkswidget li.vimeo a{background-position:-288px -65px} #sidebar ul.sociallinkswidget li.youtube a,#header ul.sociallinkswidget li.youtube a{background-position:-320px -65px} /* Twitter */ .twitter-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ebebeb;color:#000} .twitter-item i.icon-twitter{padding-left:5px;padding-right:5px} /* Twitter for footer */ #footer .twitter-item{color:#888;border-bottom:none} #footer .twitter-item a{color:#00bef2} /* Our Team */ article.team-member{margin-bottom:30px;background-color:#f9f9f9;padding-bottom:15px;text-align:center;margin-bottom:20px} article.team-member:hover,#main article.team-member:hover h2.member-name{color:#FFF} article.team-member img{width:100%;height:auto} /* Pagination */ .tt-pager-pagination{width:100%;height:auto;text-align:center} .tt-pagination ul,.tt-pager ul{list-style:none;margin-left:0;margin-bottom:24px} .tt-pagination ul li,.tt-pager ul li{float:left} .tt-pagination ul li a,.tt-pager ul li a,.tt-pagination span{float:left;text-align:center;padding:5px;width:20px;height:20px;line-height:20px;font-weight:bold;margin-right:3px;color:#FFF;background-color:#363636;border-radius:50%} .tt-pagination span,.tt-pagination ul li a:hover{background-color:#5674b9} /* Portfolio Filter */ .tt-pagination ul.filters li a{width:auto;padding:5px 15px;color:#363636;background-color:#FFF;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)} .tt-pagination ul.filters li a.selected,.tt-pagination ul.filters li a:hover{background-color:#5674b9;color:#FFF} /* ----------------------------------------------------------------------------------- Blog ----------------------------------------------------------------------------------- */ article.entry{width:100%;margin-bottom:30px;background-color:#FFF;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)} article.entry .content-block{padding:20px 20px 30px} .entry-media img{float:left} .entry-media img,.entry-media a{width:100%;height:auto} .entry-media iframe{width:100%} #page img{height:auto;max-width:100%} h2.entry-title{margin-bottom:10px} .meta-border{width:100px;height:1px;background-color:#ebebeb;margin:15px 0} ul.entry-meta{margin-left:0px;width:100%;margin-bottom:15px} ul.entry-meta,ul.entry-meta a{color:#a1a1a1} ul.entry-meta a:hover{color:#363636} ul.entry-meta span{font-weight:bold} .entry-media{position:relative;width:100%} h2.entry-title{font-size:22px;line-height:30px;margin-bottom:20px;font-weight:normal} h2.entry-title a{color:#363636} h2.entry-title a:hover{color:#000} ul.entry-meta li.meta-author,ul.entry-meta li.meta-date,ul.entry-meta li.meta-category,ul.entry-meta li.meta-comments,ul.entry-meta li.meta-tag{width:auto;display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid #DFDFDF;line-height:12px;font-size:12px} ul.entry-meta.horizontal li{line-height:18px;border-right:none} ul.entry-meta li.meta-comments{border-right:none} .layout-one .entry-content,.layout-one h2.entry-title{margin-left:130px} .entry-content iframe,.entry-content embed,#page iframe{max-width:100%;width:100%} a.more-link:hover{color:#fff} /* Blog Layout Two */ .blog-layout-two .entry-format-icon{position:absolute;width:42px;float:none;bottom:0;left:20px} /* Blog Layout Three */ article.entry.blog-layout-three{background:none;border-radius:0;box-shadow:none} article.entry.blog-layout-three .content-block{background-color:#FFF;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)} /* Entry Formats */ .entry-media p{margin-bottom:0} .entry-image img{width:100%;height:auto} .entry-format-icon{margin-right:20px;height:42px;text-align:right;float:left;margin-bottom:20px;margin-top:5px} .entry-format-icon span{background-repeat:no-repeat;background-position:center;height:50px;width:50px !important;display:block;float:right;border-radius:50%;-webkit-border-radius:50%;-moz-appearancemoz-border-radius:50%} .entry-format-icon span{background-image:url(/resources/images/format-standard.png)} .format-quote .entry-format-icon span{background-image:url(/resources/images/format-quote.png)} .format-audio .entry-format-icon span{background-image:url(/resources/images/format-audio.png)} .format-gallery .entry-format-icon span{background-image:url(/resources/images/format-gallery.png)} .format-video .entry-format-icon span{background-image:url(/resources/images/format-video.png)} .format-link .entry-format-icon span{background-image:url(/resources/images/format-link.png)} .instagram-post .entry-format-icon span{background-position:-58px -152px} .twitter-post .entry-format-icon span{background-position:-58px -104px} /* Status */ .entry .twitter-tweet-rendered{margin:20px auto 0px auto !important;width:95%!important} .entry .twt-border{max-width:100%!important} /* Link */ .format-link .entry-media .link-content{border-left:5px solid #5674b9;padding:40px;padding-left:80px;color:#000;background-color:#ebebeb;width:auto} .format-link .entry-media .link-content h2::before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:"\f0c1";position:absolute;left:40px} .format-link .entry-media h2{text-transform:uppercase;font-size:12px;line-height:18px;margin-bottom:5px} .format-link .entry-media a{text-transform:uppercase;font-size:9px;font-weight:300} /* Gallery */ .entry-gallery{position:relative} .entry-gallery.tt-post-carousel{margin-left:0 !important;margin-right:0 !important} .entry-gallery .carousel-arrow{width:52px;top:auto;bottom:5px;right:5px} .entry-gallery.tt-post-carousel li{margin:0px} .entry-gallery.tt-post-carousel a{background-color:#ebebeb;color:#999;margin:0} .entry-gallery.tt-post-carousel a:hover{color:#000;background-color:#FFF} /* Blockquote */ .format-quote .entry-media .quote-content{padding:40px;background-color:#363636} .format-quote .quote-content blockquote{border-left:3px solid #5674b9;padding:0;padding-left:40px;margin-bottom:0} .format-quote .quote-content blockquote p{font-size:22px;line-height:34px;margin-bottom:5px;font-style:italic;color:#FFF;text-shadow:1px 0px 0px rgba(0,0,0,.6)} .format-quote .quote-content blockquote a{font-size:12px;font-weight:300;color:#959595} /* Audio & JPLAYER SKIN */ div.jp-jplayer.jp-jplayer-video,div.jp-jplayer.jp-player-video{background-color:#292a2b} div.jp-interface{width:100%;background:url(/resources/images/jplayer-bg.png) repeat-x;z-index:100;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.4);box-shadow:0px 1px 1px rgba(0,0,0,0.4);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .jp-interface{height:30px} .jp-controls{list-style-type:none;padding:0;margin:0} .jp-controls li{display:inline} .jp-controls a{border-bottom:none;position:absolute;overflow:hidden;text-indent:-9999px} a.jp-play,a.jp-pause{width:33px;height:30px;z-index:1;outline:none;top:0;left:0} a.jp-play{background:url(/resources/images/jplayer-skin.png) 0 0 no-repeat} a.jp-play:hover{background-position:-33px 0} a.jp-pause{background:url(/resources/images/jplayer-skin.png) 0 -30px no-repeat;display:none} a.jp-pause:hover{background-position:-33px -30px} .jp-progress-container{position:absolute;top:0;left:34px;width:720px;max-width:90%;height:6px;padding:12px 10px} .jp-progress{position:absolute;width:720px;max-width:100%;height:7px;padding:1px;background:url(/resources/images/jplayer-skin.png) 0 -192px repeat-x} .twelve .jp-progress-container,.twelve .jp-progress{width:1020px} .six .jp-progress-container,.six .jp-progress{width:420px} .jp-seek-bar{width:0px;height:5px;cursor:pointer;background:url(/resources/images/jplayer-skin.png) 0 -163px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .jp-play-bar{width:0px;height:5px;background:url(/resources/images/jplayer-skin.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .jp-volume-bar-container{position:absolute;top:0;right:20px;width:40px;height:6px;padding:12px 10px} .jp-volume-bar{position:relative;overflow:hidden;background:url(/resources/images/jplayer-skin.png) 0 -192px repeat-x;width:40px;height:9px;cursor:pointer;top:0;left:18px} .jp-volume-bar-value{width:0px;height:5px;margin:1px;background:url(/resources/images/jplayer-skin.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} a.jp-mute,a.jp-unmute{width:17px;height:13px;z-index:1;outline:none;top:9px;right:60px} a.jp-mute{background:url(/resources/images/jplayer-skin.png) -10px -68px no-repeat} a.jp-mute:hover{background-position:-43px -68px} a.jp-unmute{background:url(/resources/images/jplayer-skin.png) -10px -98px no-repeat} a.jp-unmute:hover{background-position:-43px -98px} .seperator-first,.seperator-second{background:url(/resources/images/jplayer-seperator.png) no-repeat left;height:30px;width:2px;position:absolute;left:32px} .seperator-second{left:auto;right:90px} /* Blog Single */ .single-post article ul.entry-meta.category-list li{border-right:none} .single-post article ul.entry-meta.category-list li a:first-child{padding-left:10px} .single-post article ul.entry-meta.category-list li a:last-child:after{content:'';padding:0} .item-author{width:100%;margin:30px -20px;padding:20px;background-color:#f9f9f9;-webkit-box-shadow:0 1px #ebebeb,inset 0 1px #ebebeb;-moz-box-shadow:0 1px #ebebeb,inset 0 1px #ebebeb;box-shadow:0 1px #ebebeb,inset 0 1px #ebebeb} .item-author-container{padding:0px 20px} .item-author img{-webkit-box-shadow:inset 0 2px #fff;-moz-box-shadow:inset 0 2px #fff;box-shadow:inset 0 2px #fff;height:60px;width:60px;margin-right:20px;float:left;padding:4px;border:1px solid #ebebeb;background:#f5f5f5} .item-author h3{margin:0} .item-author .author-title-line{height:1px;width:50px;margin:10px 90px;background:#ebebeb} /* Comments */ #comments h4.comment-title,#comments h4#reply-title,#comments h4#reply-title-to{font-size:14px;line-height:18px;text-transform:uppercase;color:#363636;padding-bottom:10px;margin-bottom:10px;margin-top:10px;border-bottom:1px solid #ebebeb;position:relative} #comments h4#reply-title,#comments h4#reply-title-to{margin-bottom:40px} .comment-block{padding-top:20px} .comment-author{position:relative} .comment-author img{height:60px;width:60px;margin-right:20px;float:left;padding:4px;border:1px solid #ebebeb;background:#f5f5f5;-webkit-box-shadow:inset 0 2px #fff;-moz-box-shadow:inset 0 2px #fff;box-shadow:inset 0 2px #fff} .comment-meta{text-transform:uppercase;font-size:10px;line-height:10px;margin-left:80px} .comment-date:after{content:'-';padding:0 5px} .comment-body{margin-left:80px;position:relative} .comment-body p{padding:20px;border:1px solid #ebebeb} .comment-body p:before{position:absolute;top:-11px;left:20px;z-index:999;display:inline-block;border-right:0px solid transparent;border-bottom:12px solid #ebebeb;border-bottom-color:#ebebeb;border-left:12px solid transparent;content:''} .comment-body p:after{position:absolute;top:-9px;left:21px;z-index:1000;display:inline-block;border-right:0px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content:''} .comment-block .comment-block{margin-left:29px;border-left:1px solid #ebebeb;padding-left:50px} .reply-line{height:1px;width:30px;top:30px;position:absolute;left:-50px;background-color:#ebebeb;display:none} .comment-block .comment-block .reply-line{display:block} /* Hover Content */ .hover-content{width:100%;overflow:hidden;position:relative} .hover-content img{float:left;width:100%;height:auto} .image-overlay{background-color:rgba(0,0,0,.7);height:100%;width:100%;float:left;display:none;position:absolute;left:0;top:0;text-align:center} .hover-links{width:80px;height:52px;position:absolute;top:50%;left:50%;margin-top:-17px;margin-left:-17px} a.hover-permalink,a.hover-zoom{height:36px;width:36px;display:block;float:left;background-image:url('/resources/images/images.png');background-repeat:no-repeat;cursor:pointer} a.hover-zoom{background-position:-376px -43px;opacity:0;-webkit-transform:translate(-20px,20px);-moz-transform:translate(-20px,20px);-o-transform:translate(-20px,20px);-ms-transform:translate(-20px,20px);transform:translate(-20px,20px);-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} a.hover-permalink{background-position:-438px -43px;margin-right:5px;opacity:0;-webkit-transform:translate(20px,-20px);-moz-transform:translate(20px,-20px);-o-transform:translate(20px,-20px);-ms-transform:translate(20px,-20px);transform:translate(20px,-20px);-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.1s ease-out} .image-overlay:hover a.hover-permalink{opacity:1;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s} .image-overlay:hover a.hover-zoom{opacity:1;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s} /* Comment Form */ form#commentform p.comment-form-author,form#commentform p.comment-form-email{float:left;width:32%;margin-right:1%;margin-bottom:1%} form#commentform p.comment-form-url{float:left;width:34%;margin-bottom:1%} form#commentform p > label,form#commentform .comment-form-comment > label{display:none} form#commentform p > input[type="text"]{width:90%;padding:10px 5%;margin-bottom:0px} form#commentform .comment-form-comment{width:100%} form#commentform .comment-form-comment textarea{width:96%;padding:10px 2%} /* ----------------------------------------------------------------------------------- Portfolio ----------------------------------------------------------------------------------- */ article.portfolio{background-color:#fff;padding-bottom:15px;margin-bottom:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)} article.portfolio .entry-image img{float:left;width:100%;height:auto} article.portfolio h2.portfolio-title{border-bottom:none;padding:5px;margin:0;position:relative} article.portfolio h2.portfolio-title a{font-size:11px;line-height:18px;color:#363636;text-transform:uppercase} article.portfolio .portfolio-content{margin-top:-5px;padding:0 15px} article.portfolio .portfolio-content .tt-element-title-border{left:5px} article.portfolio .portfolio-content a{font-size:10px;line-height:10px;text-decoration:none} /**** Isotope CSS3 transitions ****/ .isotope,.col,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s} .isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width} .isotope .isotope-item,.col{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s} /* End:Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;transition:none} /* Portfolio Single */ .single-portfolio #main .entry-image{margin-bottom:20px} ul.portfolio-meta{margin:0;font-size:12px;line-height:24px;text-transform:uppercase} ul.portfolio-meta li{margin-bottom:10px} a.live-preview{margin-left:0} .single-portfolio article{margin-bottom:40px} /* ----------------------------------------------------------------------------------- Shortcodes & Pagebuilder Elements ----------------------------------------------------------------------------------- */ h1.tt-element-title{font-size:21px;text-transform:uppercase;font-weight:300;line-height:21px;padding-bottom:15px;position:relative} h2.tt-element-title{padding-bottom:15px;border-bottom:4px double #ebebeb;font-weight:300;position:relative;font-size:20px;line-height:20px} h2.tt-element-title span{height:4px;bottom:-4px} h3.tt-element-title,h3.widget-title{font-size:16px;line-height:16px;font-weight:bold;position:relative;color:#363636;padding-bottom:10px;margin-bottom:30px;/* text-transform:uppercase; letter-spacing:-1px*/} h4.tt-element-title{position:relative;font-size:16px;line-height:16px;text-transform:uppercase;font-weight:800;padding-bottom:15px;border-bottom:5px ridge #999} h4.tt-element-title span{height:3px;bottom:-3px} h5.tt-element-title{padding-bottom:15px;font-size:12px;line-height:12px;position:relative;font-weight:300;border-bottom:1px dashed #ebebeb;text-transform:uppercase} h5.tt-element-title span{background-color:#666} h6.tt-element-title{padding-bottom:15px;font-size:14px;line-height:14px;position:relative;font-weight:300;border-bottom:1px solid #666;text-transform:uppercase;font-weight:800} .tt-element-title-border{width:50px;height:1px;position:absolute;left:0;bottom:-1px} .tt-element > .tt-content > .row{margin-left:0 !important} a.see-more{font-size:9px;line-height:9px;color:#888;text-decoration:none;text-transform:uppercase} a.see-more:after{content:"→";margin-left:5px} a.see-more:hover{color:#333} ul{list-style:square outside} ul.unstyled{list-style:none} ul.unstyled li i{margin-left:-15px;margin-right:5px} /* Buttons */ .tt-button,.tt-button:visited{background:#bbbbbb url(/resources/images/button.png) repeat-x;display:inline-block;padding:5px 10px 5px 10px;margin-right:3px;margin-bottom:1.5em;color:#ffffff;font-weight:bold;text-decoration:none;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2);text-shadow:0 -1px 1px rgba(0,0,0,0.3);border-bottom:2px solid rgba(0,0,0,0.2);position:relative;cursor:pointer} .tt-button:hover{background-color:#111111;color:#ffffff} .tt-button:active{top:1px} .small.tt-button,.small.tt-button:visited{font-size:11px} .medium.tt-button,.medium.tt-button:visited{font-size:13px;padding:11px 18px;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.3)} .large.tt-button,.large.tt-button:visited{font-size:16px;padding:15px 20px} .semilarge.tt-button,.semilarge.tt-button:visited{font-size:16px;padding:10px 25px; } .rounded.tt-button{border-radius:25px} .flat.tt-button{border-bottom:none;box-shadow:none} /* Pink */ .pink.tt-button,.pink.tt-button:visited{background-color:#fe57a1} .pink.tt-button:hover{background-color:#d74b8a} /* Green */ .green.tt-button,.green.tt-button:visited{background-color:#91bd09} .green.tt-button:hover{background-color:#749a02} /* Blue */ .blue.tt-button,.blue.tt-button:visited{background-color:#516dae; border: 1px #516dae solid; background-image: linear-gradient(bottom, #5c7cbe 0%, #516dae 100%);background-image: -o-linear-gradient(bottom, #5c7cbe 0%, #516dae 100%);background-image: -moz-linear-gradient(bottom, #5c7cbe 0%, #516dae 100%);background-image: -webkit-linear-gradient(bottom, #5c7cbe 0%, #516dae 100%);background-image: -ms-linear-gradient(bottom, #5c7cbe 0%, #516dae 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #5c7cbe),color-stop(1, #516dae)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#516dae', endColorstr='#5c7cbe'); } .blue.tt-button:hover{background-color:#516dae; background-image: linear-gradient(bottom, #516dae 0%, #516dae 100%);background-image: -o-linear-gradient(bottom, #516dae 0%, #516dae 100%);background-image: -moz-linear-gradient(bottom, #516dae 0%, #516dae 100%);background-image: -webkit-linear-gradient(bottom, #516dae 0%, #516dae 100%);background-image: -ms-linear-gradient(bottom, #516dae 0%, #516dae 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #516dae),color-stop(1, #516dae)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#516dae', endColorstr='#516dae'); } /* Red */ .red.tt-button,.red.tt-button:visited{background-color:#ff2b25} .red.tt-button:hover{background-color:#ba1f1b} .red {color:#e41414} /* Magenta */ .magenta.tt-button,.magenta.tt-button:visited{background-color:#a9014b} .magenta.tt-button:hover{background-color:#630030} /* Orange */ .orange.tt-button,.orange.tt-button:visited{background-color:#ff5c00} .orange.tt-button:hover{background-color:#d45500} .orange {color:#7B8A00} /* Yellow */ .yellow.tt-button,.yellow.tt-button:visited{background-color:#ffb515} .yellow.tt-button:hover{background-color:#fc9200} /* @end Buttons */ /* Tabs */ .tt-tabs.ui-tabs .ui-tabs-hide{position:absolute;left:-10000px} .tt-tabs{margin-bottom:15px;display:block} .tt-tabs ul.tab-header{list-style:none;margin:0;padding:0;border:0;float:none;display:block} .tt-tabs ul.tab-header li{float:left;position:relative;margin:0 0px -1px -1px;z-index:1;list-style:none;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;padding:0px 20px;background:#fff;width:150px} .tt-tabs ul.tab-header li:first-child{margin:0 0px -1px 0} .tt-tabs ul.tab-header li a{font-size:12px;font-weight:600;color:#666666;border-bottom:none;display:block;overflow:hidden;margin:0!important;text-decoration:none;padding-left:0;padding-top:8px;padding-bottom:8px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none} .tt-tabs ul.tab-header li a.active{background:#fff;color: #5674B9;padding-left:0;padding-top:8px;padding-bottom:8px;border-top: 2px solid rgb(81, 109, 174);} .tt-tabs .tab-content{height: 400px; padding-top:15px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;display:block;background:white;padding:20px} /* Vertical Tab*/ .tt-tabs.tab-vertical ul.tab-header{height: 442px; display:block;float:left;padding-right:20px} .tt-tabs.tab-vertical ul.tab-header li a.active{padding-left:17px;border-left: 2px solid rgb(81, 109, 174);border-top:none;} .tt-tabs.tab-vertical ul.tab-header li{float:none;display:block;margin:0;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;padding:10px 20px 10px 0px} .tt-tabs.tab-vertical ul.tab-header li.active{border-right:none} .tt-tabs.tab-vertical ul.tab-header li a{padding-top:12.58px;padding-bottom:12.58px;padding-left:20px} .tt-tabs.tab-vertical.en_tabs ul.tab-header li a{padding-top:14.8px;padding-bottom:14.8px;} .tt-tabs.tab-vertical .tab-content{margin-left:171px} /* Recent Post*/ .tt-recent-posts ul.recent-posts{margin-left:0} .tt-recent-posts ul.recent-posts li{list-style:none;display:inline-block;*display:inline;margin-bottom:25px} .tt-recent-posts ul.recent-posts li .thumb-image{float:left;width:65px;height:65px;margin-right:15px} .tt-recent-posts ul.recent-posts li .thumb-image img.recent-post-format{background:#5674b9;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;padding:15px} .tt-recent-posts ul.recent-posts li h2{font-weight:bold;font-size:14px;margin-bottom:7px;padding-bottom:5px;position:relative;margin-top:-4px} .tt-recent-posts ul.recent-posts li h2 span{width:50px;height:1px;position:absolute;left:0;bottom:-1px;background-color:#d7d7d7} .tt-recent-posts ul.recent-posts li .rp-content{margin-left:80px} .tt-recent-posts ul.recent-posts li .rp-content a{color:#363636} .news_list .tt-recent-posts ul.recent-posts li .thumb-image{width: 290px; height: 176px;} .news_list .tt-recent-posts ul.recent-posts li .rp-content{margin-left:310px} .news_list .tt-recent-posts ul.recent-posts li h2{font-size: 20px; margin-top: 5px;} .icon_date {padding-left: 22px; background: url(/resources/images/icon_cal.png) left center no-repeat;} .news_date {padding: 2px 7px ; display: inline-block; background:#5674b9; color:#fff; margin: 15px 0;} /* Accordion & Toggle */ .tt-accordion,.tt-toggle{margin-bottom:15px} .tt-accordion .accordion-title,.tt-toggle .tt-toggle-title{cursor:pointer;position:relative;margin:0;font-size:12px;background-color:#FBFBFB;border:1px solid #dfdfdf;border-top:none;zoom:1} .tt-accordion .accordion-title:hover,.tt-accordion .accordion-title.current,.tt-toggle .tt-toggle-title:hover,.tt-toggle .tt-toggle-title.current{background-color:#FFF} .tt-accordion .accordion-title:first-child,.tt-toggle .tt-toggle-title:first-child{border-top:1px solid #dfdfdf} .tt-accordion .accordion-content,.tt-toggle .tt-toggle-inner{padding:15px;border:1px solid #dfdfdf;border-top:0;overflow:auto;zoom:1} .accordion-title a,.accordion-title a:hover,.tt-toggle-title a,.tt-toggle-title a:hover{color:#000;text-decoration:none;padding:10px 15px;display:block} .tt-toggle-title h3{margin-bottom:0;font-size:12px;padding-right:30px} .ui-icon{position:absolute;right:15px;font-weight:normal} .ui-icon.ui-icon-triangle-1-s:after{content:'-'} .ui-icon.ui-icon-triangle-1-e:after{content:'+'} /* Blocks */ .tt-blocks{padding:15px 15px 0;margin-bottom:15px;background-color:#f9f9f9;border:1px solid #e9e9e9;color:#777} .alert{background-color:#FCF8E3;border-color:#FBEED5;color:#c09853} .error{background-color:#F2DEDE;border-color:#EED3D7;color:#b94a48} .success{background-color:#DFF0D8;border-color:#D6E9C6;color:#468847} .info{background-color:#D9EDF7;border-color:#BCE8F1;color:#3A87AD} /* Label */ .tt-label{display:inline-block;*display:inline;font-size:11px;font-weight:bold;line-height:14px;color:#ffffff;white-space:nowrap;vertical-align:baseline;background-color:#999999;padding:2px 6px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2);text-shadow:0 -1px 1px rgba(0,0,0,0.3);border-bottom:2px solid rgba(0,0,0,0.2)} .tt-label.red{background-color:#ff2b25} .tt-label.orange{background-color:#ff5c00} .tt-label.green{background-color:#91bd09} .tt-label.blue{background-color:#2daebf} .tt-label.pink{background-color:#fe57a1} .tt-label.magenta{background-color:#a9014b} .tt-label.yellow{background-color:#ffb515} .tt-label.flat{border-bottom:none;box-shadow:none} /* Dropcap */ .tt-dropcap{float:left;text-transform:uppercase;font-size:26px;line-height:27px;background-color:black;color:white;padding:3px 9px;text-align:center;margin-top:5px;margin-right:10px} .tt-dropcap.normal,.tt-dropcap.roman{background-color:transparent !important;line-height:18px !important} .tt-dropcap.circle{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px} .tt-dropcap.roman{font-family:Times,"Times New Roman",serif} /* Callout */ .tt-callout{display:block;position:relative;background:#fff;padding:20px 30px 20px 0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)} .tt-callout.right-button a.tt-button{float:right;max-width:15.6239%; font-size: 14px; margin-top: 10px;} .tt-callout.left-button a.tt-button{float:left;max-width:15.6239%} .tt-callout.left-button h1.tt-callout-element, .tt-callout.left-button h2.tt-callout-element{width:74.812%;float:right;clear:none; margin: 0;} .tt-callout.right-button h1.tt-callout-element, .tt-callout.right-button h2.tt-callout-element{width:74.812%;float:left;clear:none; font-weight: lighter; border-left: 3px #5674b9 solid; padding-left: 27px; margin: 0;} .tt-callout h2.tt-callout-element{font-weight:400;font-size:20px;line-height:30px} .tt-callout h2.tt-callout-element,.tt-callout a.tt-button{margin:0} .col.three .tt-callout h2.tt-callout-element,.col.three .tt-callout a.tt-button,.col.four .tt-callout h2.tt-callout-element,.col.four .tt-callout a.tt-button{width:100%;display:block;margin:0 auto;float:none !important;text-align:center} /* Divider */ .tt-divider{border-top:1px solid #e4e4e4;border-bottom:1px solid #FFF;margin-bottom:30px} /* Column Service */ .tt-column_service{padding:10px 10px 0 10px;height: 255px; vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);text-align:center;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out} .tt-column_service.icon_title{text-align:center} .tt-cs-container{padding:20px;margin:0 -10px;background-color:#fff; height: 95px;} .tt-cs-container h3.tt-element-title{margin-bottom:0} .tt-cs-container p {text-align: left;} .container-tt-cs i.icon,.container-tt-cs h3.tt-element-title{vertical-align:top} .container-tt-cs i.icon,.tt-column_service.icon_content i.icon{float:left} .tt-column_service.icon_content i.icon{margin-right:10px;margin-bottom:5px} .tt-column_service i.icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding:20px;text-align:center;display:inline-block;margin:20px 0;border-width:2px;border-style:solid} .tt-column_service:hover{background:#5674b9} .tt-column_service:hover i.icon{color:#fff !important;border-color:#fff !important} .tt-column_service:hover .tt-cs-container{background:#fff} /* Post Carousel */ .tt-post-carousel{position:relative} .tt-post-carousel ul li img{width:100%;height:auto;float:left} .tt-post-carousel ul li .our-clients img{width:auto;opacity:.6;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in; } .tt-post-carousel ul li .our-clients img:hover{opacity:1} /* Image */ .tt-image img{width:100%} /* Columns Shortcode */ .tt-columns-one-half{width:48%} .tt-columns-one-third{width:30.66%} .tt-columns-two-third{width:65.33%} .tt-columns-one-fourth{width:22%} .tt-columns-three-fourth{width:74%} .tt-columns-one-fifth{width:16.8%} .tt-columns-two-fifth{width:37.6%} .tt-columns-three-fifth{width:58.4%} .tt-columns-four-fifth{width:67.2%} .tt-columns-one-sixth{width:13.33%} .tt-columns-five-sixth{width:82.67%} .tt-columns-one-half,.tt-columns-one-third,.tt-columns-two-third,.tt-columns-three-fourth,.tt-columns-one-fourth,.tt-columns-one-fifth,.tt-columns-two-fifth,.tt-columns-three-fifth,.tt-columns-four-fifth,.tt-columns-one-sixth,.tt-columns-five-sixth{position:relative;margin-right:2%;margin-bottom:2em;float:left} .tt-columns-column-last{margin-right:0!important;clear:right} /* Price Block */ .tt-price-block{width:100%} .tt-price-two{width:50%} .tt-price-three{width:33.333%} .tt-price-four{width:25%} .tt-price-five{width:20%} .tt-price-col{float:left;margin-left:-1px;background-color:#FFF} .tt-price-col:first-child{margin-left:0} .tt-price-block p,.tt-price-block .tt-button,.tt-price-block ul{margin-bottom:0px} .tt-price-box{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);text-align:center} .tt-price-top,.tt-price-bottom ul li{padding:10px 15px;border-bottom:1px solid #dfdfdf} .tt-price-feature{background-color:#669900;color:#FFF} #main .tt-price-feature h1{color:#fff} .tt-price-header,.tt-price-footer,.tt-price-top{padding:20px 15px} .tt-price-header h1{margin-bottom:0px;font-size:16px} .tt-price-header p{font-weight:lighter;opacity:.7;margin-bottom:0} .currency{font-weight:100;margin-left:5px;font-size:21px;position:relative;line-height:21px;top:-2px} .per{display:block;font-weight:100;font-size:11px;line-height:11px} .tt-price-header,.tt-price-desc{background-color:rgba(0,0,0,.1)} .tt-price-top p{font-size:30px;line-height:30px} .tt-price-bottom ul{margin-left:0px} .tt-price-bottom p{padding:10px 15px} .tt-price-footer{border-bottom:none;background-color:rgba(255,255,255,.1)} .tt-price-desc .tt-price-header,.tt-price-desc .tt-price-top,.tt-price-desc .tt-price-footer{visibility:hidden;opacity:0} .tt-price-bottom ul li,.tt-price-box,.tt-price-top,.tt-price-bottom p{border-color:rgba(100,100,100,.1)} /* Testimonialis */ .tt-testimonials{} .tt-testimonials .flex-direction-nav{display:none} .tt-testimonials blockquote{border-left:none;padding:25px;background-color:#ebebeb;position:relative} .tt-testimonials .flex-control-nav{right:25px;bottom:48px} .tt-testimonials .flex-control-nav li{float:right;display:inherit} .tt-testimonials .caroufredsel_wrapper{margin-left:0 !important} /* Progress Bar */ .tt-progressbar{background:#E6E7E8;height:37px;border-bottom:1px solid #F0F1F1;position:relative;margin-bottom:10px;overflow:hidden;background-color:#F7F7F7;background-image:-moz-linear-gradient(top,whiteSmoke,#F9F9F9);background-image:-webkit-gradient(linear,0 0,0 100%,from(whiteSmoke),to(#F9F9F9));background-image:-webkit-linear-gradient(top,whiteSmoke,#F9F9F9);background-image:-o-linear-gradient(top,whiteSmoke,#F9F9F9);background-image:linear-gradient(to bottom,whiteSmoke,#F9F9F9);background-repeat:repeat-x;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)} .tt-progressbar-percent{background-color:#690;height:100%;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent) );background-image:-moz-linear-gradient( -45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent );-webkit-background-size:30px 30px;-moz-background-size:30px 30px;background-size:30px 30px;-webkit-animation:move 5s linear infinite;-moz-animation:move 5s linear infinite;animation:move 5s linear infinite;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} @-webkit-animation expandWidth{0%{width:0} 100%{width:auto} } @-webkit-keyframes move{0%{background-position:0 0} 100%{background-position:90px 90px} } .tt-progressbar-title{font-size:13px;color:white;text-shadow:0px 1px 1px rgba(0,0,0,.3);font-weight:bold;position:absolute;top:10px;left:13px} /* Twitter */ .twitter-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ebebeb;color:#000} .twitter-item i.icon-twitter{padding-left:5px;padding-right:5px} /* Twitter for footer */ #footer .twitter-item{color:#888;border-bottom:none} #footer .twitter-item a{color:#00bef2} /* Our Team*/ article.team-member{margin-bottom:30px;background-color:#fff;padding-bottom:15px;text-align:center;margin-bottom:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)} article.team-member:hover,#main article.team-member:hover h2.member-name{color:#FFF} article.team-member img{width:100%;height:auto} article.team-member{-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out} article.team-member h2.member-name{border-bottom:none;padding:15px 15px 5px;margin:0;font-size:12px;line-height:18px;color:#363636} article.team-member p.member-position{font-size:10px;line-height:10px;text-transform:uppercase;text-decoration:none;margin-bottom:15px} article.team-member p.member-data {font-size: 11px; line-height: 150%;} article.team-member:hover a {color: #fff} article.team-member:hover a:hover {color: #333} ul.member-social{margin:0;padding:0;list-style:none} ul.member-social li{float:left;margin-left:2px;width:26px;height:26px} ul.member-social li a:hover{background-color:#000} ul.member-social li a{height:26px;width:26px;display:block;text-indent:-9999px;background-image:url('/resources/images/images.png');-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s} ul.member-social li a.facebook{background-position:-218px -70px} ul.member-social li a.google{background-position:-246px -70px} ul.member-social li a.linkedin{background-position:-274px -70px} ul.member-social li a.twitter{background-position:-302px -70px} /* Testimonialis */ .tt-testimonials{position:relative} .tt-testimonials .carousel-arrow{right:0 !important} .tt-testimonials .testiominals-item blockquote{background-color:#FFF;border:1px solid #ebebeb;font-style:italic} .tt-testimonials .testiominals-item blockquote:before{position:absolute;bottom:-17px;left:50px;z-index:999;display:inline-block;border-right:17px solid transparent;border-top:17px solid #ebebeb;border-top-color:#ebebeb;border-left:0px solid transparent;content:''} .tt-testimonials .testiominals-item blockquote:after{position:absolute;bottom:-14px;left:51px;z-index:1000;display:inline-block;border-right:15px solid transparent;border-top:15px solid #FFF;border-left:0px solid transparent;content:''} .tt-testimonials .testiominals-item .testimonials{width:100%} .testimonials-image{float:left;margin-right:10px} .testimonials-image img{height:40px !important;width:40px !important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 6px 10px -10px #000;-webkit-box-shadow:0 6px 10px -10px #000;box-shadow:0 6px 10px -10px #000;margin:-1px;border:1px solid #fff} h3.testimonials-name{font-size:12px;font-weight:bold;margin-bottom:0} h3.testimonials-name span{display:block;font-weight:300;font-size:11px} .tt-testimonials .carousel-arrow{width:50px;bottom:20px;top:auto} .tt-testimonials .carousel-arrow a{margin:0} .tt-testimonials > .clearfix{display:none} /* Carousel Element */ .tt-element.for-post-carousel,.tt-element.for-portfolio-carousel{overflow:hidden !important} .tt-post-carousel{width:100%;margin-left:-10px !important;margin-right:-10px !important} .tt-post-carousel ul{margin:0;padding:0;list-style:none;display:block;width: 720px;} .tt-post-carousel li{position:relative;color:#999;padding:0;margin:0 10px;display:block;float:left;height:auto !important} .tt-post-carousel.responsive{width:auto;margin-left:0} .tt-post-carousel h2{line-height:18px;font-size:12px;border-bottom:none;padding:0;margin:0} .tt-post-carousel li ul.meta{padding-bottom:15px;padding-top:5px;border-bottom:1px solid #ebebeb;margin:0;margin-bottom:10px;width:100%;height:10px;line-height:10px} .tt-post-carousel li > ul.meta li{float:left;line-height:10px;margin:0px;font-size:9px;text-transform:uppercase} .tt-post-carousel li > ul.meta li.date-meta{margin-right:15px} .tt-post-carousel li > ul.meta li a{color:#888} .tt-post-carousel li > ul.meta li a:after{content:'-';padding:0 5px} .tt-post-carousel li > ul.meta li:last-child a:after{content:'';padding:0} .tt-post-carousel.for-portfolio-carousel li{background-color:#fff;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)} .tt-post-carousel.for-portfolio-carousel li > h2{text-align:left;position:relative;padding-bottom:20px;padding-left:20px;padding-top:8px} .tt-post-carousel.for-portfolio-carousel li > h2 .tt-element-title-border{left:20px;bottom:15px;} .tt-post-carousel.for-portfolio-carousel li > h2 a{font-size:13px;text-transform:uppercase;color:#363636} .tt-post-carousel.for-post-carousel li > h2 a{color:#363636} .tt-post-carousel.for-portfolio-carousel li > ul.meta{border-bottom:none;margin:0;display:inline-block;width:auto;*display:inline} .tt-post-carousel.for-portfolio-carousel li > ul.meta > li{background-color:transparent} .with-title .carousel-arrow{position:absolute;right:10px;top:-50px;width:55px;} .carousel-arrow{position:absolute;top:50%;width:100%;margin-top:-5px} a.carousel-prev{float:left;margin-left:10px} a.carousel-next{float:right;margin-right:10px} .carousel-arrow a,.port-btn{font-size:20px;font-family:FontAwesome;padding:14px 7px;padding-top:4px;background-color:#363636;color:#FFF;text-align:center;height:11px;width:11px;display:block !important;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px} .port-btn{margin:10px 5px 5px 0;float:left} .port-btn-container{display:block} .port-btn a:hover,.port-btn a{color:#fff} .carousel-arrow a:hover{color:#fff} .tt-carousel-teaser a.carousel-next,.tt-carousel-teaser a.carousel-prev{margin-right:5px;float:left} .tt-carousel-teaser .carousel-arrow{display:inline-block;margin:0;top:10px;width:auto;position:relative} .tt-carousel-teaser > a,a.more-link{margin-top:0;display:inline-block;padding:4px 10px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#363636} .tt-carousel-teaser > a:hover{color:#fff} .with-title .carousel-prev{float:left;margin-right:5px;margin-left:0} .with-title .carousel-next{float:right;margin:0px} .tt-post-carousel .no-image > div{display:table-cell;vertical-align:middle;text-align:center} .tt-post-carousel .no-image{margin-bottom:10px;background-color:#fef9df;font-size:20px} /* ----------------------------------------------------------------------------------- Sidebar & Widgets ----------------------------------------------------------------------------------- */ .tt-sidebar.right-sidebar,#sidebar.right-sidebar{border-left:1px solid #d9d9d9;box-shadow:inset 1px 0px 0px #FFF;padding-left:20px} .tt-sidebar.left-sidebar,#sidebar.left-sidebar{border-right:1px solid #d9d9d9;box-shadow:inset -1px 0px 0px #FFF;padding-right:20px} /* Widget Styling */ aside.widget{margin-bottom:30px} .widget ul{margin:0} .widget ul li{list-style:none;padding:4px 0} .widget .tagcloud a{display:inline-block;color:white;margin-bottom:10px;margin-right:5px;padding:4px 8px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#363636} .widget .tagcloud a:hover{background-color:#5674b9} .widget .textwidget img{max-width:100%;height:auto;} .widget input,.widget select{max-width:100%} .widget ul > li:first-child{padding-top:0px} .widget ul li{margin-top:0px;border-bottom:1px solid #e4e4e4;box-shadow:0px 1px 0px #FFF;padding-bottom:10px;margin-bottom:0px;padding-top:10px;font-size:13px} .widget ul li:before{font-family:FontAwesome;content:'\f105';padding-right:15px} .widget ul.sociallinkswidget li:before{content:'';padding:0} .widget ul.sociallinkswidget li{box-shadow:none} .widget ul li li:last-child,.widget ul li.menu-item:last-child{padding-bottom:5px} .widget ul li li:first-child{padding-top:5px} .widget ul li a{color:#363636} .widget ul li a:hover{color:#5674b9} /* Flickr Widget */ .flickr-channel{margin-left:-3%} .flickr-channel a{display:-moz-inline-stack;display:inline-block;margin:0px;margin-left:3%;margin-bottom:3%;text-align:center;zoom:1;*display:inline;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#131313;-webkit-box-shadow:inset 0 1px rgba(255,255,255,.03);-moz-box-shadow:inset 0 1px rgba(255,255,255,.03);box-shadow:inset 0 1px rgba(255,255,255,.03);border:solid 1px #111} .flickr-channel a img{width:42px;height:42px;margin:3px 3px -2px} .flickr-channel a:hover{background-color:#5674b9} /* Search Widget */ .widget form#searchform{position:relative} .widget form#searchform label,.error404 form#searchform label,.search-no-results form#searchform label{display:none} .widget form#searchform input[type="text"]{width:90% !important;padding:10px 5% !important;margin-bottom:0} .widget form#searchform input[type="submit"]{cursor:pointer;display:block;height:40px;outline:medium none;padding:0;position:absolute;right:-1px;text-indent:-9999px;top:0px;width:38px !important;background:url("/images/images.png") no-repeat -392px -165px #FFF !important;border:none;margin:0} .widget form#searchform input[type="submit"]:hover{outline:none;border:none;background-color:#f9f9f9;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none} .ie7 .widget form#searchform input[type="submit"]{border:none !important} /* Error 404 CSS */ h3.error404{font-weight:300} .tt-404-error ul.borderlist li{line-height:30px;border-bottom:1px solid #ececec} /* Recent Posts Widget */ .tt-recent-posts-widget div.format{padding:5px 6px 0;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:1px solid #FFF} .tt-recent-posts-widget div.recent-content{float:left; width: 210px;} .tt-recent-posts-widget div.format,.tt-recent-posts-widget ul > li > img{display:block;text-align:center;float:left;color:#FFF;background-color:#131313;margin-right:15px;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-box-shadow:inset 0 1px rgba(255,255,255,.03);-moz-box-shadow:inset 0 1px rgba(255,255,255,.03);box-shadow:inset 0 1px rgba(255,255,255,.03)} .tt-recent-posts-widget span.day{display:block;font-size:14px;line-height:14px;font-weight:bold;padding-top:11px;padding-bottom:1px} .tt-recent-posts-widget span.month{display:block;font-size:9px;line-height:9px;font-weight:bold;padding-bottom:11px} .tt-recent-posts-widget ul > li:before{content:'';padding:0} .tt-recent-posts-widget ul > li{margin-bottom:5px;padding-bottom:15px;overflow:hidden;background-image:none;padding-left:0} #footer .tt-recent-posts-widget ul > li{border-bottom:none;box-shadow:none;padding-bottom:0px} .tt-recent-posts-widget div.format{border:1px solid #111} #footer .tt-recent-posts-widget ul > li > img{ } .tt-recent-posts-widget ul > li ul.meta{width:100%;height:10px;line-height:10px} .tt-recent-posts-widget ul > li ul.meta li{line-height:10px;float:left;padding:0} .tt-recent-posts-widget ul > li ul.meta li:after{content:"-";padding-left:5px;padding-right:5px} .tt-recent-posts-widget ul > li ul.meta li:last-child:after{content:'';padding:0} .tt-recent-posts-widget ul > li ul.meta li a{color:#898989} .tt-recent-posts-widget ul > li ul.meta li a:hover{color:#999} .tt-recent-posts-widget ul > li ul.meta{border-bottom:none;margin-bottom:0;margin-left:61px} .tt-recent-posts-widget ul > li h6{font-size:13px;line-height:20px;margin-bottom:5px} .ie8 .tt-recent-posts-widget ul > li h6{/* margin-top:-20px */} /*----------------------------------------------------------------------------------- #Footer ----------------------------------------------------------------------------------- */ #footer{background-color:#1b1b1b;padding:40px 0;color:#898989;text-shadow:0 1px 2px rgba(0,0,0,.05); margin-top: 80px;} #footer a{color:#898989} #footer .textwidget a{color:#898989} #footer .textwidget a:hover{color:#fff} #footer a:hover{color:#666} #footer a.email{color:#5674b9} #footer .widget ul li{border-bottom-color:#333} #footer h3.widget-title{color:#FFF;border-bottom-color:#363636;font-weight:300;font-size:12px; text-transform: uppercase;} #footer table th,#footer table td,#footer .widget .tagcloud a,#footer .widget ul.menu{border-color:rgba(0,0,0,.1)} #footer .widget .tagcloud a{background-color:#222} #footer ul.menu{box-shadow:inset 0px 0px 0px 4px #333;-moz-box-shadow:inset 0px 0px 0px 4px #333;-webkit-box-shadow:inset 0px 0px 0px 4px #333} /* ----------------------------------------------------------------------------------- #Bottom ----------------------------------------------------------------------------------- */ #bottom{background-color:#131313;padding:15px;font-size:12px;font-weight:bold;color:#363636;line-height:9px} #bottom .col.six p,ul.footer-menu li a{line-height:20px;text-transform:none;font-size:12px;color:#636363} #bottom .col.six p a{color:#999} #bottom .footer_menu{text-align:right} /* Footer Menu */ ul#tt-footer-menu{list-style:none;margin:0;width:100%;text-align:right} ul#tt-footer-menu li{display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid rgba(255,255,255,.1);line-height:10px} ul#tt-footer-menu li:last-child{margin-right:0;padding-right:0;border-right:none} ul#tt-footer-menu li a{line-height:10px;height:10px} ul.footer-menu{margin:0;padding:0;line-height:9px;height:9px;list-style:none} ul.footer-menu li,ul.footer-menu li.page_item.current_page_item{margin-right:10px;border-right:1px solid #333;padding-right:10px;line-height:9px;float:left} ul.footer-menu li a:hover,ul.footer-menu li.current_page_item a,ul.footer-menu li.current_menu_item a{color:#999 !important} ul.footer-menu li:last-child{margin-right:0;padding-right:0;border-right:none} ul.footer-menu ul.children{display:none} /* To top */ a.gotop{position:fixed;font-size:25px;bottom:-10px;right:30px;width:37px;height:29px;padding:8px 5px;text-align:center;text-shadow:0 1px 0 #fff;color:#828282;-webkit-box-shadow:0 0px 2px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0px 2px 1px rgba(0,0,0,0.2);box-shadow:0 0px 2px 1px rgba(0,0,0,0.2);background-color:#E6E6E6;background-image:-moz-linear-gradient(top,#EBEBEB,#DEDEDE);background-image:-webkit-gradient(linear,0 0,0 100%,from(#EBEBEB),to(#DEDEDE));background-image:-webkit-linear-gradient(top,#EBEBEB,#DEDEDE);background-image:-o-linear-gradient(top,#EBEBEB,#DEDEDE);background-image:linear-gradient(to bottom,#EBEBEB,#DEDEDE);background-repeat:repeat-x;-webkit-transition:bottom 150ms linear;-moz-transition:bottom 150ms linear;transition:bottom 150ms linear} a.gotop:hover{bottom:0;color:#363636} /* ----------------------------------------------------------------------------------- Contact Form 7 ----------------------------------------------------------------------------------- */ .wpcf7 form.wpcf7-form p{font-weight:bold} .wpcf7 form.wpcf7-form p input[type="text"],.wpcf7 form.wpcf7-form p textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100% !important;margin:10px 0 0 0;padding:8px !important} .google-map{border:1px solid #ccc;background-color:#efefef;-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} /* ----------------------------------------------------------------------------------- Margins & Settings ----------------------------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6{margin-bottom:20px} p,pre,ul,ol,dl,dd,blockquote,address,table,legend,.tt-shortcode{margin-bottom:15px;font-weight:400} .tt-element{margin-bottom:25px;position:relative} ol ol,ol ul,ul ul,p:last-child,p > a.tt-button{margin-bottom:0} pre{height:auto;font-family:Consolas,monospace;border:1px solid #e2e2e2;background-color:#f7f7f7;padding:10px 20px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;overflow-x:auto} /* Settgnis of Margin & Padding for Shortcodes & Elements */ .tt-tabs .tt-tab{padding-top:15px} .tt-accordion .ui-accordion-content,.tt-toggle .ui-accordion-content,.tt-blocks{padding:20px} .tt-accordion .ui-accordion-header,.tt-toggle .ui-accordion-header{padding-left:15px} .tt-button,.tt-tabs,.tt-blocks,.tt-accourdion,.tt-toggle,.tt-price-block{margin-bottom:15px} /* Grid System Settings */ .wrapper #top,.wrapper #header,.wrapper #feature,.wrapper .gravity-callout,.wrapper #main,.wrapper #footer,.wrapper #bottom{padding-left:20px;padding-right:20px} /* ----------------------------------------------------------------------------------- General Colors & Settings ----------------------------------------------------------------------------------- */ a,.widget ul.menu li a:hover,.widget ul.menu li.current-menu-item a{color:#5674b9} ul.products li.product .price{color:#5674b9 !important} a:hover{color:#005580;text-decoration:none} #menu li.sfHover li a:hover,.tt-post-carousel.portfolio ul.carousel-list > li.carousel-item:hover,.tt-post-carousel.portfolio ul.carousel-list > li{background-color:#5674b9} /* Background Colors */ .tt-element-title-border,#menu ul li > ul li.current-menu-item,.entry-format-icon span,.tt-price-feature{background-color:#5674b9;zoom:1} article.team-member:hover,ul.products li.product:hover{background-color:#5674b9} ::selection{color:#FFF;background-color:#5674b9} /* Border Colors */ .format-link .entry-media .link-content,.format-quote .entry-media .quote-content{border-color:#5674b9} /* CSS Transition */ a,.tt-post-carousel.portfolio ul.carousel-list > li img,.tt-post-carousel.portfolio ul.carousel-list > li ul.meta li,.hover-content img,.widget ul.menu li,article.team-member,ul.products li.product:hover,ul.item-list li{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} /* Client Partner li CSS */ .for-client-carousel ul.slides li{text-align:center} .hidden-desktop{display:none} .ls-inner {z-index:1 !important} .cycle_slider {height: 375px; position: relative; top: 0px; width: 940px;} .cycle_slider {margin: 0 auto;} .cycle_slider_nav {height: 0px; position: relative;} .cycle_slider_nav #nav {position: absolute; right: 70px; bottom: 70px; z-index: 99999} .cycle_slider_nav #nav a {font-size: 30px; color:#acacac; text-decoration: none; display: none;} .cycle_slider_nav #nav a.activeSlide {display: block;} .cycle_slider_nav .cycle_count {font-size: 30px; color:#acacac; text-decoration: none; font-weight: bold;position: absolute; right:25px; bottom: 70px; z-index: 99999} .cycle_slider_nav .cycle_prev {width: 28px; height: 28px; background: url(/resources/images/cycle_arrows.png) left top no-repeat; text-decoration: none; position: absolute; right:60px; bottom: 5px; z-index: 99999; cursor: pointer;} .cycle_slider_nav .cycle_next {width: 28px; height: 28px; background: url(/resources/images/cycle_arrows.png) right top no-repeat; text-decoration: none; position: absolute; right:31px; bottom: 5px; z-index: 99999; cursor: pointer;} .cycle_slider_nav .cycle_prev:hover {background-position: left bottom;} .cycle_slider_nav .cycle_next:hover {background-position: right bottom;} .csi_desc {position: absolute; top: 55px; left: 510px; width: 390px; text-align: left;} .csi_desc .title {font-weight: 900; font-size: 48px; line-height: 48px; color:#363636} .csi_desc .title_2 {font-weight: 900; font-size: 36px; line-height: 40px; color:#363636; margin-bottom: 15px;} .csi_desc .line {width: 150px; height: 2px; background: #5674b9;} .csi_desc p {font-size: 14px;line-height: 24px;color:#363636; margin: 12px 0;} .bg_inner {background: url(/resources/images/bg_inner.png) 50% -555px no-repeat;} .homepage .bg_inner {background-position: 50% -180px;} .homepage .home-callout {margin-top: 5px;} .cycle-day {width: 60px; padding-top: 12px; height: 48px; background: #5674b9 url() ; text-align: center; -moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px; color:#fff; font-size: 14px; font-weight: bold; line-height: 16px; } .cycle-day.small {width: 40px; padding-top: 7px; height: 33px; font-size: 12px; line-height: 12px; float: left; margin-right: 15px;} .white_bg {background: #f7f7f7 url() ; margin-left: 20px; padding: 20px 10px 20px 0;} .ie8 #menu {margin-top: 10px;} .prod_icon {width: 80px; height: 80px; margin: 15px auto 25px;} .prod_icon.icon1 {background: url(/resources/images/product/product_icon_1.png) center top no-repeat;} .prod_icon.icon2 {background: url(/resources/images/product/product_icon_2.png) center top no-repeat;} .prod_icon.icon3 {background: url(/resources/images/product/product_icon_3.png) center top no-repeat;} .prod_icon.icon4 {background: url(/resources/images/product/product_icon_4.png) center top no-repeat;} .prod_icon.ddi {background: url(/resources/images/product/ddi_icon_1.png) center top no-repeat;} .prod_icon.byod {background: url(/resources/images/product/byod_icon_1.png) center top no-repeat;} .prod_icon.nac {background: url(/resources/images/product/nac_icon_1.png) center top no-repeat;} .prod_icon.l2 {background: url(/resources/images/product/l2_icon_1.png) center top no-repeat;} .prod_icon.monet {background: url(/resources/images/product/monet_icon_1.png) center top no-repeat;} .prod_icon.addnet {background: url(/resources/images/product/addnet_icon_1.png) center top no-repeat;} .prod_icon.firebox {background: url(/resources/images/product/firebox_icon_1.png) center top no-repeat;} .tt-column_service:hover .prod_icon{background-position: center bottom !important;} .prod_icon.icon_blue {background: url(/resources/images/icons/icon_blue.png) center top no-repeat;} .prod_icon.icon_orange {background: url(/resources/images/icons/icon_orange.png) center top no-repeat;} .prod_icon.icon_green {background: url(/resources/images/icons/icon_green.png) center top no-repeat;} .prod_icon.icon_gray {background: url(/resources/images/icons/icon_gray.png) center top no-repeat;} .prod_icon.icon_purple {background: url(/resources/images/icons/icon_purple.png) center top no-repeat;} .cursor-p {cursor: pointer;} #menu-main-menu ul li {margin: 0 !important; border-bottom: 0px } .err {display: block; margin: 0 0 10px 0; padding: 10px ; color: #f00; border: 1px #f00 solid; font-weight: bold;} .not {display: block; margin: 0 0 10px 0; padding: 10px ; color: #5674B9; border: 1px #5674B9 solid; font-weight: bold;} .tt-team {padding-left: 0px;} .tt-team .col {margin:10px 0 0 15px;} .archiv {margin: 0 0 0 80px; position: relative; top:-20px} .referenceList {list-style: none outside none;} .referenceList li {width: 200px;background-color: #FFFFFF;border-radius: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);text-align: center;color: #999999;display: block;float: left;height: auto !important;margin: 10px 10px 20px;padding: 0;position: relative;} .referenceList li h2 {padding-bottom: 20px;padding-left: 10px;padding-top: 8px;position: relative;text-align: left;border-bottom: medium none;font-size: 12px;line-height: 18px;margin: 0;} .referenceList li h2 a {color: #363636;text-transform: uppercase;} .referenceList li h2 .tt-element-title-border {bottom: 15px;left: 10px;} .referenceList li.clear {margin: 0 ;} .news_gallery_item {float: left; margin: 0 15px 15px 0;} ul.addnet {margin: 0; background: #5674b9 url() ; padding: 10px 20px 5px 10px; list-style: none url();} ul.addnet li {padding:0 0 5px 20px; background: url(../images/ul_li_2.png) 0px 5px no-repeat; color:#fff} ul.monet {margin: 0; background: #6bab00 url() ; padding: 10px 20px 5px 10px; list-style: none url();} ul.monet > li {padding:0 0 5px 20px; background: url(../images/ul_li_2.png) 0px 5px no-repeat; color:#fff} ul.monet ul {list-style: square url();} .menu-shortcodes-menu-container ul ul {margin-left: 25px;} .menu-shortcodes-menu-container ul ul li {border: 0px ; font-size: 12px;} .menu-shortcodes-menu-container ul ul li:before {padding-right: 10px;} hr.light {border:0px; border-bottom: 1px #d9d9d9 solid ;} .button_more {background: #f0f0f0 url(../images/button_more.png) repeat-x 0px 0px ; border:1px #e0e0e0 solid; border-radius:3px; color:#000; text-decoration: none; display: block; padding: 0 20px ; float: right; height: 38px;line-height: 38px;} .button_more:hover {background-position: 0px -38px;} .print_page {float: right; color:#A1A1A1; width:24px; height: 24px; display: block; background: url(../images/print.png) top no-repeat;} .print_page span{display: none;} .print_page:hover{background-position: bottom;} .text-right {text-align: right;} #menu ul li.lang_menu {float: right;} #menu ul li.lang_menu:hover {border-color: transparent;} .download_section a {color:#363636; line-height: 16px; font-size: 12px;} .download_section a img {float: left; margin: 6px 12px 10px 4px;} .download_section a strong {color:#5674b9; font-size: 15px; font-weight: bold;} .download_section a:hover strong {text-decoration: underline;} .colorline { border-bottom: medium solid; margin: 5px 50px 10px; } .v2 { height: 185px; } .v2box { height: 170px; padding: 7px 15px; } #menu ul li.lang_menu a { float: right; padding: 12px 15px 6px 0; } .referenceList.partners li h2 a { text-transform: none; } .cemail { display: none; } .tt-cs-container-1 { padding: 20px; margin: 0 -10px; background-color: #fff; height: 150px; } .tt-cs-container-1 p {text-align: left;} .tt-cs-container-1 h3.tt-element-title{margin-bottom:0} .tt-column_service-1 {padding:10px 10px 0 10px;height: 310px; vertical-align:top;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);text-align:center;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}