/* -------------------------------------------- */
/* ThemeTastic Drupal Theme - Master Stylesheet */
/* -------------------------------------------- */
/* BASE */
/* ------------------------------------ */
body { margin: 0; font-family: Arial; font-size: 13.5px; font-weight: 400; line-height: 20px; color: #444; background-color: #fff; }
body.wide { border-top: 3px solid #8BAA2B; }
body.fullwidthlayout { border-top: 3px solid #fff; }
body.boxed { border-top: 0; }
html { overflow-x: hidden; -webkit-font-smoothing:antialiased; }
iframe { border: 0; }
.themecolor { color: #8BAA2B; }
.bold { font-weight: 700; }
strong { font-weight: 700; }
.normal { font-weight: normal; }
h1,h2,h3 {
margin: 0;
margin-bottom: 15px;
margin-top: 0px;
font-family: Georgia, serif;
font-weight: 300;
line-height: 1;
color: #002147;
opacity: 0.99;
}
.opm-page-title
{
margin: 0;
margin-bottom: 30px;
margin-top: 0px;
font-family: Georgia, serif;
font-size:22px;
font-weight: 300;
line-height: 1;
color: #002147;
opacity: 0.99; }
.opm-page-subtitle
{
margin-top: 25px;
margin-bottom: 17px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: bold;
line-height: 1;
color: #002147;
opacity: 0.99;
}
.opm-projinfo-subtitle
{
clear:both;
margin-bottom: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: bold;
line-height: 1;
color: #002147;
opacity: 0.99;
}
.opm-project-subtitle
{
clear:both;
padding-top: 30px;
margin-bottom: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: bold;
line-height: 1;
color: #002147;
opacity: 0.99;
}
.opm-page-subtitlebot
{
/** custom for project page bottom*/
margin-top: 22px;
margin-bottom: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: bold;
line-height: 1;
color: #002147;
opacity: 0.99;
}
h4,h5,h6 { margin: 0; margin-bottom: 15px; margin-top: 0px; font-family: Arial; font-weight: 300; line-height: 1; color: #002147; opacity: 0.99; }
h2 { font-size: 22px; }
h5,h6 { margin-bottom: 5px; color: #111; opacity: 0.99; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #111; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #111; }
::selection { background: #8BAA2B; color: #fff; /* Safari */ }
::-moz-selection { background: #8BAA2B; color: #fff; /* Firefox */ }
.top80 { margin-top: 80px !important; }
.top70 { margin-top: 70px !important; }
.top60 { margin-top: 60px !important; }
.top50 { margin-top: 50px !important; }
.top40 { margin-top: 40px !important; }
.top30 { margin-top: 30px !important; }
.top20 { margin-top: 20px !important; }
.top10 { margin-top: 10px !important; }
.top5 { margin-top: 5px !important; }
.top0 { margin-top: 0px !important; }
.bottom0 { margin-bottom: 0px !important; }
.margin5 { margin: 5px; }
.dividerline { float: left; height: 3px; width: 100%; background: #e5e5e5; margin-top: 30px; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.left { float: left; }
.right { float: right; }
.mr { margin-right: 15px; margin-bottom: 15px; }
.ml { margin-left: 15px; margin-bottom: 15px; }
.centered { text-align: center; }
img.imgleft { display: inline; float: left; margin-right: 25px; margin-top: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
img.imgright { display: inline; float: right; margin-left: 25px; margin-top: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*
.rounded, .rounded img, .rounded iframe { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.rounded .wpb_video_wrapper iframe { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
*/
.notfounderror { font-size: 60px; color: #8BAA2B; text-align: center; }
.wood { background-image: url(../img/wood.jpg); background-repeat: repeat; }
.grid { background-image: url(../img/grid.jpg); background-repeat: repeat; }
.greywall { background-image: url(../img/greywall.jpg); background-repeat: repeat; }
.grunge { background-image: url(../img/grunge.jpg); background-repeat: repeat; }
.wavegrid { background-image: url(../img/wavegrid.png); background-repeat: repeat; }
/* ADMIN STYLES */
/* ------------------------------------ */
.overlay-element, #overlay-container, .overlay-modal-background, .overlay-element { z-index: 40000; }
#admin-menu { z-index: 60000; }
/* LIST STYLES */
/* ------------------------------------ */
ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
ul.square { list-style: square outside; color: #777; }
ul.circle { list-style: circle outside; color: #777; }
ul.disc { list-style: disc outside; color: #777; }
ul.liststyle { margin-top: -3px; margin-bottom: -3px; list-style:none}
ul.liststyle li { float: left; text-indent: -20px; line-height: 22px; width: 100%; height: auto; background: transparent; margin-left: 5px; padding-top: 2px; padding-bottom: 2px; }
ul.liststyle li:before { color: #444; }
ul.links { margin: 20px 0 0; float: left; overflow: hidden; }
/* LINK STYLES */
/* ------------------------------------ */
a:hover, a:active, a:focus { outline: 0; }
a { color: #8BAA2B; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
a:hover { color: #111; text-decoration: none; }
a.color { color: #8BAA2B; }
a.color:hover { color: #353535; text-decoration: none; }
/* PAGE TITLE */
/* ------------------------------------ */
.pagetitlewrap { float: left; border-bottom: 1px solid #e5e5e5; position: relative; width: 100%; left: 0; margin: 0; padding: 0; margin-top: -1px; background: #f3f3f3; }
.pagetitle { width: 960px!important; margin: 0 auto; padding: 0; }
.pagetitle h1 {
float: left;
font-family: font-family: Arial;
font-weight: 300;
font-size: 24px;
line-height: 30px;
margin:0;
color: #666;
font-style: normal;
text-transform: none;
text-align: left;
margin-top: 24px;
margin-bottom: 4px;
padding-left: 0px;
padding-bottom: 6px;
border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: #8d363b;
}
.pagetitlewrap.boxed { float: left; position: relative; width: 1230px; left: 50%; margin-left: -615px; margin-bottom: 40px; }
.colored .pagetitlewrap {
background: #8BAA2B;
border-top-width: 1px;
border-bottom-width: thin;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #e5e5e5;
border-bottom-color: #002147;
}
.colored .pagetitlewrap .pagetitle h1 { color: #002147; }
.notitleboxedtop { margin-top: 0px; }
/* BREADCRUMBS */
/* ------------------------------------ */
.breadcrumbwrap { float: right; margin-top: 36px; margin-right: 0px; font-size: 12px; color: #999; }
.breadcrumbwrap a { color: #002147; }
.breadcrumbwrap a:hover { color: #999; }
.colored .pagetitlewrap .breadcrumbwrap, .colored .pagetitlewrap .breadcrumbwrap a, .colored .pagetitlewrap .breadcrumbwrap a:hover { color: #002147; }
/* CONTENT CONTAINER */
/* ------------------------------------ */
.container { margin-top: 40px; }
.front .container { margin-top: 30px; }
.allwrapper { background: #FFF; width: 960px!important; padding: 0px 30px; margin: auto; }
.fullwidthlayout .allwrapper { background: #FFF; width: 100% !important; padding: 0; margin:0 auto;}
.allwrapper.boxed { background: #FFF; width: 960px!important; padding: 0px 30px; margin: auto; }
.allwrapper.wide { background: #FFF; width: 100%; padding: 0; margin-left: 0;}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.allwrapper { width:940px;}
.allwrapper.boxed { background: #FFF; width: 940px; padding: 0px 30px; margin: auto; }
.allwrapper.wide { background: #FFF; width: 100%; padding: 0; margin-left: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.allwrapper { width:724px;}
.allwrapper.boxed { background: #FFF; width: 724px; padding: 0px 30px; margin: auto; }
.allwrapper.wide { background: #FFF; width: 100%; padding: 0; margin-left: 0;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.allwrapper, .allwrapper.boxed, .allwrapper.wide { width:100%; padding:0px 20px; margin-left: -20px; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.allwrapper, .allwrapper.boxed, .allwrapper.wide { width:100%; padding:0px 20px; margin-left: -20px; }
}
/* BACKGROUND */
/* ------------------------------------ */
.poswrapper { position: fixed; z-index: -1; width: 0; margin: 0 auto; height: 100%; overflow: visible; }
.whitebackground { position: fixed; top: 0; left: 50%; z-index: -1; width: 1230px; height: 100%; margin-left: -615px; background: #fff; }
.wide .whitebackground { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; margin-left: 0; background: #fff; }
/* SOCIAL ICONS */
/* ------------------------------------ */
.social {background-color:#a3bdd7}
.social ul { margin: 0; padding: 0; }
.social li { float: left; display: inline; margin: 0; padding: 0; margin-right: 0px; }
.social li:last-child { margin-right: 0; }
.social li a { float: left; width: 32px; height: 32px; opacity: 1; background: #a3bdd7; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -o-transition: all 0.0s; -ms-transition: all 0.0s; }
.social .s_icon { float: left; font-size: 14px; color: #666; text-align: center; width: 32px; padding-top: 5px; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -o-transition: all 0.0s; -ms-transition: all 0.0s; }
.social li a:hover .s_icon { color: #fff; }
.social ul li a.so_facebook:hover { background: #4672b3; }
.social ul li a.so_twitter:hover { background: #099bcc; }
.social ul li a.so_gplus:hover { background: #da4a38; }
.social ul li a.so_pinterest:hover { background: #c32524; }
.social ul li a.so_vimeo:hover { background: #8bb225; }
.social ul li a.so_youtube:hover { background: #cb322c; }
.social ul li a.so_linkedin:hover { background: #2e8cc2; }
.social ul li a.so_rss:hover { background: #e97633; }
/* HEADER TOP LINE */
/* ------------------------------------ */
.headertopwrap { position: relative; padding: 0px; padding-top: 0px; padding-bottom: 0px; color: #999; font-size: 13px; text-transform: normal; }
.boxedlayout .headertopwrap { border-top: 3px solid #8BAA2B; }
.headertopwrap.boxed { border-top: 3px solid #8BAA2B; }
.headertopwrap.wide { border-top: 0; }
.headertop { margin-left: 30px; }
.headertop .textwidget { margin-top: 10px; margin-bottom: 5px; }
.headertop .headerlefttext > div { float: left; }
.headertop .headerrighttext > div { float: right; padding-right:50px; }
.headertop .headerlefttext { color: #666; font-size: 12px; text-transform: normal; padding-left: 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; float:left;}
.headertop .headerleftwidget { float:left;}
.headertop .headerrighttext { color: #666; padding-right: 0px; float:right; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.headertop .headerlefttext a { color: #666; }
.headertop .headerlefttext a:hover { color: #111; }
.headertop .icon_wrap { float: left; margin-right: 20px; color: #666; align:left}
.headertop .icon_wrap:last-child{ margin-right:39px !important; }
.icon_wrap span { margin-right: 7px; }
.headertop .headerrighttext .headerrightwidget { margin-left: 30px; }
.headertop .headerrighttext .headerrightwidget:last-child { margin-left: 0px; }
.headertop .headerrighttext .headerleftwidget { margin-right: 30px; }
.headertop .headerrighttext .headerleftwidget:last-child { margin-right: 0px; }
/* HEADER */
/* ------------------------------------ */
.headerwrap { float: left; position: relative; width: 100%; left: 0; margin: 0; padding: 0; border-top: 0px solid #002147; border-bottom: 4px solid #002147; }
/*.colored .headerwrap { border-bottom: 0; }*/
.boxedlayout .headerwrap { float: left; position: relative; width: 1230px; }
.header { position: relative; width: 960px!important; margin:0 auto; float:none;}
.front .header { z-index: 25000; }
.header .logo { float: left; position: relative; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 37px; margin-bottom: 30px; margin-left: 0px;}
.region.sitelogo.span { margin-left: 0px; width:30%;}
.region.header { float: left; width: 100%; left: auto; margin-left: 0; position: relative; z-index: 15000; }
/* MAIN NAVIGATION */
/* ------------------------------------ */
.mainmenu { position: relative; margin-left: 0; height: auto; float: right; }
.ddsmoothmenu { position: relative; margin: 0; z-index: 99; padding-top: 0px; margin-right:0px; margin-top: 5px; }
.ddsmoothmenu ul { z-index: 100; margin: 0; padding: 0; list-style-type: none; margin: 0px; }
.ddsmoothmenu ul ul { background: #fff; padding-top: 10px; padding-bottom: 10px; padding-right: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e5e5e5; -webkit-box-shadow: -3px 3px 13px rgba(0, 0, 0, 0.07), 3px 3px 13px rgba(0, 0, 0, 0.07); -moz-box-shadow: -3px 3px 13px rgba(0, 0, 0, 0.07), 3px 3px 13px rgba(0, 0, 0, 0.07); box-shadow: -3px 3px 13px rgba(0, 0, 0, 0.07), 3px 3px 13px rgba(0, 0, 0, 0.07);}
/*Top level list items*/
.ddsmoothmenu ul li { position: relative; display: inline; float: left; background: transparent; }
.ddsmoothmenu ul > li.last > a{ padding-right:0; }
.ddsmoothmenu ul li ul li{ padding: 0; margin: 0; white-space:nowrap;}
.ddsmoothmenu ul ul ul{ padding: 0; margin: 0;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; text-decoration: none; padding-left: 13px; padding-right: 13px; margin-right: 0px; border: 0; }
.ddsmoothmenu ul li:last-child a { margin-right: 0px; }
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ font-weight: normal; color: #666; padding-bottom: 20x; padding-top: 51px; height: 15px; font-size: 15px; line-height: 15px; text-transform: none; border-top: 1px solid transparent; -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -ms-transition: color 0.2s, background-color 0.2s, border-color 0.2s; transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
.ddsmoothmenu ul li.active a, .ddsmoothmenu ul li.current-menu-ancestor a { font-weight: 400; color: #8BAA2B; border-top: 1px solid #8BAA2B; padding-bottom: 28.5px; padding-top: 51px; }
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li a.selected { color: #8BAA2B; padding-bottom: 28.5px; padding-top: 51px; }
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
-webkit-transition: all 0 ease-out; -moz-transition: all 0 ease-out; -o-transition: all 0 ease-out; -ms-transition: all 0 ease-out; transition: all 0 ease-out;
font-weight: 400; background: #fff; color: #666; border: 0; /*border-bottom: 1px solid #797979; border-top: 1px solid #999999;*/ padding: 0; margin: 0; padding-left: 20px; font-size: 13px; line-height: 16px; padding-top: 5px; padding-bottom: 11px; }
.ddsmoothmenu ul li ul li a:hover { background: #f3f3f3; color: #111; }
/*1st sub level menu*/
.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; }
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ display: block; float: none; border: 0; padding: 0; margin: 0; margin-right: -2px; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { padding: 0; margin-left: 0px; margin-top: -10px; padding-top: 10px; padding-bottom: 10px; padding-right: 2px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ddsmoothmenu ul li.active ul li ul, .ddsmoothmenu ul li.current-menu-ancestor ul li ul { margin-top: 0px; margin-top: -11px; }
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ min-width: 135px; /*width of sub menus*/ margin: 0; border-top-width: 0; margin-right: 0px; height: auto; padding-bottom: 10px; }
.ddsmoothmenu > ul > li > ul > li > ul { }
.ddsmoothmenu > ul > li > ul > li > ul li a { border-bottom: 0 !important; }
.ddsmoothmenu > ul > li > ul > li > ul li:last-child a { border-bottom: 0 !important; }
.ddsmoothmenu ul li ul li:first-child a { border-top: 0; }
.ddsmoothmenu ul li ul li:last-child a { border-bottom: 0; }
.ddsmoothmenu li li ul,
.ddsmoothmenu li li li ul { margin: 0 0 0 0; }
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* CSS classes applied to down and right arrow images */
.downarrowclass{ position: absolute; top: 16px; right: 30px; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
.ddsmoothmenu ul li a:hover .downarrowclass { opacity: 0.4; }
.ddsmoothmenu ul li a.selected .downarrowclass { opacity: 0.4; }
.ddsmoothmenu ul li.active .downarrowclass, .ddsmoothmenu ul li.current-menu-ancestor .downarrowclass { opacity: 0.4; }
.rightarrowclass{ visibility: hidden; }
.downarrowclass{ visibility: hidden; }
/**************************************************************
- MENU AND FIRST CONTAINER ADJUSTMENTS -
***************************************************************/
.nopagetitle #firstcontentcontainer { margin-top:40px !important;}
.fullwidthlayout .pagetitlewrap { }
#firstcontentcontainer { margin-top:0px; padding-bottom: 40px;}
.block-sidebar-menu { float: left; margin-top: 42px; width: 100%;}
.block-sidebar-menu ul { margin: 0; padding: 8px 0px 0px 0px; list-style:none; width: 100%;}
.block-sidebar-menu ul li { float: left; width: 100%; border-top: 0; padding-bottom: 14px;}
.block-sidebar-menu ul li a { color: #444; font-weight: 300; font-size: 12px;}
.block-sidebar-menu ul li span {font-size: 15px; line-height: 15px; text-shadow: none; margin-right: 1px; margin-left: 0px; color: #8BAA2B; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
.block-sidebar-menu ul li:first-child { border-top: 0; padding-top: 0px;}
.block-sidebar-menu ul li:last-child { border-bottom: 0; padding-bottom: 0;}
/*.sidebar .block-menu li.leaf ul{ display:none; }
.sidebar .block-menu li.active ul{ display:block; padding:0px 0px 0px 0px;}*/
.sidebar .block-menu li.expanded ul {
display: block;
width:200px;
padding: 14px 0px 3px 16px;
clear:both;
}
.sidebar .block-menu li.active a.active{clear:both; font-weight:bold; color: #002147; width: 100%;}
.sidebar .block-menu li.expanded .leaf { display:list-item; list-style:square; clear:both; }
/* INsights MENUS */
#block-menu-menu-insights { float: left; margin-top: 42px; width: 100%;}
#block-menu-menu-insights ul { margin: 0; padding: 14px 0px 0px 0px; list-style:none; width: 100%;}
#block-menu-menu-insights ul li { float: left; width: 100%; border-top: 0; padding-bottom: 14px;}
#block-menu-menu-insights ul li a { color: #111; font-weight: 300; font-size: 13px;}
#block-menu-menu-insights ul li span {font-size: 15px; line-height: 15px; text-shadow: none; margin-right: 1px; margin-left: 0px; color: #8BAA2B; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
#block-menu-menu-insights ul li:first-child { border-top: 0; padding-top: 0px;}
#block-menu-menu-insights ul li:last-child { border-bottom: 0; padding-bottom: 0;}
#block-menu-menu-insights li.active a.active{clear:both; font-weight:bold; color: #002147; width: 100%;}
#block-menu-menu-insights li.expanded .leaf { display:list-item; list-style:square; clear:both; }
/* TWOLINE AND THREELINE MENUS */
/*--------------------------------------*/
.boxedlayout .region.header > .block { margin-left: -30px; margin-right: -30px; }
.region.header > .block { margin-bottom: 40px; overflow: hidden; }
.tp-captions,
.tp-parallax { -webkit-backface-visibility: hidden;}
.slotholder { position:relative;z-index:1;background: transparent; -webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-transform: translateZ(-1000px);}
/* TOOLTIPS */
/* ------------------------------------ */
.tooltip-inner { background-color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tooltip.in { opacity: 1; filter: alpha(opacity=100); }
.tooltip.top .tooltip-arrow { border-top-color: #666; }
.tooltip.right .tooltip-arrow { border-right-color: #666; }
.tooltip.left .tooltip-arrow { border-left-color: #666; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #666; }
/* HOMEPAGE */
/* ------------------------------------ */
.homeslider { position: relative; z-index: 1; width: 100%; margin-left: 0px; }
.nodisplay { display: none; }
.homeslider .rev_slider_wrapper { position: relative !important; z-index: 1 !important; }
.rounded .rev_slider_wrapper { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.homesliderwrapper { position: relative; margin-left: 0px; margin-right: 0px; }
.homesliderwrapper .homeslider { margin-left: 0px; }
.rev_slider_wrapper a { color: #fff; }
.rev_slider_wrapper a:hover { color: #fff; }
.front .fourcol, .front .threecol, .front .fivecol { float: left; width: 100%; }
.front #firstcontentcontainer .row.portfoliowrap { border-top: 0; padding-top: 0; }
.front #firstcontentcontainer .row.clients { border: none; }
.front span.client { display: block; }
.front .portfolio-block{ border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-bottom: 20px; }
.front .postscript-third { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; }
.front .block-views { float: left; width: 100%; }
.front .region.content { padding-top: 5px; }
.front .divider { margin-top: 30px; }
.front .pagetitlewrap { display: none; }
.front .prescript-first, .front .prescript-second, .front .prescript-third { margin-bottom: 40px; }
.front .servicemodifier, .front .prescript-third, .front a.service { margin-bottom: 0; }
.divider { border-top: 1px solid #e5e5e5; padding-top: 30px; }
/* START HEIGHT OF REVOLUTION SLIDER */
/*.homeslider { height:450px; }*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.homeslider { height:230px; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.homeslider { height:150px; }
}
/* POST SLIDER */
/* ------------------------------------ */
.postslider { }
/* MODULE DIVIDER */
/* ------------------------------------ */
.moduletitle { margin-left: 0; width: 100%; margin-top: -6px; margin-bottom: 23px; padding-bottom: 0px; }
.moduletitle .titletext { float: left; }
.moduletitle .titletext h2 { line-height: 30px; margin: 0px; text-align: left; padding-right: 10px; }
.block .linktext { float: right; margin-top: -50px; position: relative; z-index: 1000; }
.block .linktext a span { float: right; line-height: 15px; }
.block .linktext a { font-size: 15px; color: #bbb; padding-left: 10px; font-weight: 400; }
.block .linktext a:hover { color: #111; }
.contenttitle { float: left; margin-left: 0; width: 100%; margin-top: -5px; margin-bottom: 25px; padding-bottom: 0px; }
.contenttitle .titletext { float: left; }
.contenttitle .titletext h2 { line-height: 30px; margin: 0px; margin-top: 0px; text-align: left; font-weight: 300; }
/* PAGE DIVIDER */
/* ------------------------------------ */
.pagedivider { margin-left: 0; height: 0px; width: 100%; margin-top: 40px; margin-bottom: 0px; }
.dotdivider { float: left; margin-left: 0; width: 100%; background: url(../img/tiles/threedot.png) repeat-x 0 0; height: 7px; margin-top: 10px; margin-bottom: 40px; }
.divider { float: left; margin-left: 0; width: 100%; height: 1px; }
.firstdivider { margin-left: 0; width: 100%; height: 0px; margin-bottom: 40px; }
.top-divider { margin-top: 10px; padding-top: 30px; border-top: 1px solid #e5e5e5; }
/* TEXT CONTENT */
/* ------------------------------------ */
.textcontent { margin-bottom: 0px; }
p { margin-bottom: 20px; }
/* HOME SERVICES */
/* ------------------------------------ */
.servicemodifier { float: left; margin-bottom: -35px; }
.servicewrap { float: left; position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%;}
.serviceicon { float: left; height: 40px; width: 40px; background: #666; margin-right: 0px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.serviceicon div { height: 40px; width: 40px; text-align: center; }
a.service h5, .active-service h5 { padding-left: 60px; font-weight: 400; margin-top: 5px; margin-bottom: 8px; line-height: 20px; -webkit-transition: all 0.2s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; color: #bbb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%;}
a.service h4, .active-service h4 { padding-left: 60px; margin-top: 0px; margin-bottom: 2px; font-size: 27px; line-height: 27px; text-transform: none; font-weight: 300; text-align: left; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%;}
a.service, .active-service { float: left; margin-bottom: 20px; margin-top: -3px; text-align: left; color: #777; text-decoration: none; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%;}
a.service .text, .active-service .text { padding-left: 60px; float: left; padding-top: 5px; margin-top: 3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%; }
.active-service .text { padding-left: 0; }
a.service:hover .text { }
a.service:hover h4 { color: #8BAA2B; }
a.service:hover h5 { color: #8BAA2B; }
a.service p { margin-bottom: 0; }
a.service .serviceicon, .active-service .serviceicon { font-size: 20px; line-height:38px; color: #fff; }
a.service:hover .serviceicon { background: #8BAA2B; }
span.hlink { color: #8BAA2B; float: left; margin-top: 8px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
span.hlink:hover { color: #111; }
/* TEAM */
/* ------------------------------------ */
.team { float: left; width: 100%; display:table; /*margin-top: -10px; margin-bottom: -10px;*/ }
.team:first-child { margin-top: -10px; }
.team .memberwrap { float: left; width: 25%; text-align: left; text-decoration: none; display:table-cell; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:relative; }
.team .member { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; padding: 30px; background: #fefefe; padding-bottom: 10px; border: 1px solid #e5e5e5; margin: 10px; }
.team .member img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:100%;}
.team .member h4 { margin-top: 11px; margin-bottom: 0px; font-size: 20px; line-height: 20px; text-transform: none; font-weight: 300; text-align: left; }
.team .member h5 { font-weight: normal; color: #bbb; font-size: 13px; margin-top: 4px; margin-bottom: 10px; line-height: 20px; }
ul.teamsocial { margin: 0; padding: 0; width: 100%; height: 24px; margin-bottom: 14px; margin-top: -10px; }
.teamsocial li { float: left; display: inline; margin: 0; padding: 0; margin-right: 3px; }
.teamsocial li:last-child { margin-right: 0;clear:right; }
.teamsocial li a { float: left; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 1; background: #fefefe; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; }
.teamsocial .s_icon { font-size: 14px; color: #666; background: transparent; text-align: center; width: 24px; padding-top: 2px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; }
.teamsocial li a:hover .s_icon { color: #fff; }
.teamsocial li a.so_mail:hover { background: #000; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_phone:hover { background: #000; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_fb:hover { background: #4672b3; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_tw:hover { background: #099bcc; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_gp:hover { background: #da4a38; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_pi:hover { background: #c32524; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_vi:hover { background: #8bb225; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_yt:hover { background: #cb322c; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_li:hover { background: #2e8cc2; border: 0px solid #fff; filter: none; }
.teamsocial li a.so_rs:hover { background: #e97633; border: 0px solid #fff; filter: none; }
.team.solo .memberwrap { width:100%; }
/* CLIENTS */
/* ------------------------------------ */
.clients { margin-left: 0; width: 100%; }
.clients ul { float: left; margin: 0; padding: 0; width: 100%; position: relative; }
.clients ul li { float: left; display: inline; width: 20%; }
.clients ul li a { float: left; width:100%; height:auto; }
.clients ul li img { width:100%; height:auto;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
-webkit-filter: grayscale(0%);
}
.client { border-right: 1px solid #eee; border-left: 1px solid #eee; margin-right: -1px; }
.clients ul li img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
/* PRICING */
/* ------------------------------------ */
.pricing { float: left; width: 100%; margin-top: 0px; }
.pricing .pricewrap { float: left; text-align: center; border: 1px solid #e5e5e5; margin: 0.8%; margin-top: 10px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pricing .pricewrap div { margin: 0; list-style: none; }
.pricing .thead { font-size: 20px; line-height: 20px; font-weight: 700; padding: 20px; padding-top: 15px; padding-bottom: 15px; background: #f3f3f3; color: #666; border-bottom: 1px solid #e5e5e5; }
.pricing .thead .byline { font-size: 13px; line-height: 20px; color: #bbb; font-weight: 400; text-transform: none; margin-top: 4px; }
.pricing .price { font-size: 35px; line-height: 25px; font-weight: bold; padding: 20px; padding-top: 20px; padding-bottom: 15px; background: #fff; color: #8BAA2B; border-bottom: 1px solid #eee; }
.pricing .price .dollar { color: #8BAA2B; font-size: 17px; margin-right: -5px; margin-left: -10px; font-weight: normal; }
.pricing .item { background: #fff; color: #777; padding: 20px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.pricing .buy { padding-top: 20px; padding-bottom: 20px; background: #f3f3f3; }
.pricecol.highlight .pricewrap { position: relative; z-index: 1; border: 1px solid #e5e5e5; margin-top: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pricing .highlight .thead { background: #8BAA2B; color: #fff; padding-top: 25px; border-bottom: 1px solid #fff; -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; }
.pricing .highlight .thead .byline { color: #fff; }
.pricing .highlight .buy { padding-top: 20px; padding-bottom: 30px; }
/* Uzma */
.pricing.sixcols .pricecol .pricewrap { float: left; width: 17.6%; }
.pricing.fivecols .pricecol .pricewrap { float: left; width: 19.8%; }
.pricing.fourcols .pricecol .pricewrap { float: left; width: 24.8%; }
.pricing.threecols .pricecol .pricewrap { float: left; width: 33.1%; }
/* CONTENT TALBE */
/* ------------------------------------ */
.contenttable {
font-size: 13px;
float: left;
padding: 18px;
padding-left: 30px;
padding-right: 30px;
background: #f3f3f3;
border: 0;
width: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.contenttable strong { }
.contenttable table { border-collapse:collapse; width: 100%; }
.contenttable table td { padding: 0px; padding-right: 0; padding-bottom: 2px; padding-top: 2px; }
.contenttable table tr { border-bottom: 0px solid #e5e5e5; }
.contenttable table tr:last-child { border-bottom: 0; }
/* HOME BLOG POSTS */
/* ------------------------------------ */
.homeposts { float: left; margin-bottom: -1px; }
.homepost { float: left; margin-bottom: 10px; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
padding-top: 18px; padding-left: 8px; padding-right: 20px; padding-bottom: 15px;
}
.homeposts .homepost:nth-last-child(-n+2) { margin-bottom: 0px; }
.homepost h4 { float: left; font-size: 20px; line-height: 30px; margin-top: -5px; margin-bottom: 0px; width: 100%; }
.homepost .post { float: right; width: 100%; }
.homepost .postbody { float: left; padding-left: 66px; }
.homepost .posttext { float: left; }
.homepost .postinfo { margin-top: 0px; margin-bottom: 9px; }
.contentarea { float: left; }
/* BLOG POSTS */
/* ------------------------------------ */
.blogpost { float: left; margin-bottom: 0px; position: relative; width: 100%; }
.blogpost h2 { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left: 60px; float: left; width: 100%; font-size: 25px; line-height: 30px; margin-top: -6px; margin-bottom: 4px; text-align: left; }
.blogpost .post { float: right; width: 100%; margin-top: 0px; }
.blogpost .postbody { float: left; padding-left: 0px; position: relative; width: 100%; }
.blogpost .postmedia { margin-bottom: 20px; position: relative; z-index: 1; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.blogpost .postmedia img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:20px 0px; width:auto !important;}
.blogpost .postmedia-slide { float: left; width: 100%; margin-bottom: 16px; position: relative; z-index: 1; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.blogpost .postmedia-slide .fullwidthbanner-container{ float: left; width: 100%; }
.blogpost .scalevid { overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f3f3f3; }
/*.blogpost .posttext { float: left; margin-bottom: -8px; padding-left: 0px; padding-right: 140px; min-height: 47px; }*/
.blogpost .posttext { float: left; margin-bottom: -8px; padding-left: 0px; padding-right: 10px; min-height: 47px; }
.blogpost .posttext p { margin-bottom: 0px; }
.blogpost .postdivider { float: left; margin-left: 0; width: 100%; background: #e5e5e5; height: 1px; margin-top: 41px; margin-bottom: 40px; }
.blogpost .readmore { float: right; position: relative; right: 20px; margin-top: 9px; }
.blogpost .readmore a { float: left; font-size:12px !important; font-weight:bold; padding:5px 10px !important; text-transform:lowercase; }
.blogpost .posttext { margin-bottom:10px; }
.blogpost h2{ font-family: Arial; font-size:18px; line-height:24px;font-weight:bold; }
.blogpost.sticky h2 a { color: #8BAA2B; }
.blogpost.sticky h2 a:hover { color: #111; }
.blogpost.sticky .month, .blogpost.sticky .month, .blogpost.sticky .day, .blogpost.sticky .day { color: #8BAA2B; }
.blogpost.singlepost .posttext { padding-right: 0px; margin-bottom: 0px; }
.blogpost.singlepost .posttext p { margin-bottom: 20px; }
.blogpost.singlepost .postbody { margin-bottom: 4px; }
.blogpost.singlepost .postmedia { margin-bottom: 20px; }
.blogpost.singlepost .postmedia-slide { display:none; margin-bottom: 20px; }
.blogpost .postmedia-slide { display:none; margin-bottom: 20px; }
.blogpost.singlepost .postinfo { margin-bottom: 26px; }
.blogpost .postmedia{ margin:0; }
.blogpost.smallmedia .readmore { float: left; position: relative; right: 0px; margin-top: 21px; }
.blogpost.smallmedia .posttext { float: left; margin-bottom: -7px; padding-left: 0px; padding-right: 0px; min-height: 0px; }
.blogpost.smallmedia .date { margin-left: -10px; }
.blogpost.smallmedia .postmedia { float: left; width: 270px; margin-bottom: 0px; }
.blogpost.smallmedia .postbody { float: right; width: 550px; padding-left: 30px; }
.blogpost.smallmedia .postbody.nomedia { float: left; width: 100%; padding-left: 0; }
.blogpost.smallmedia h2 { padding-left: 50px; }
.blogpost.smallmedia .postinfo { padding-left: 50px; }
.blogpost.nosmallmedia .readmore { float: left; position: relative; right: 0px; margin-top: 21px; }
.blogpost.nosmallmedia .posttext { float: left; margin-bottom: -7px; padding-left: 0px; padding-right: 0px; width: 100%; min-height: 0px; }
.blogpost.nosmallmedia .date { margin-left: -10px; }
.blogpost.nosmallmedia .postmedia { float: left; width: 270px; margin-bottom: 0px; }
.blogpost.nosmallmedia .postbody { float: right; width: 100%; padding-left: 0px; }
.blogpost.nosmallmedia h2 { padding-left: 60px; }
.blogpost.nosmallmedia .postinfo { padding-left: 60px; }
.fullblog .blogpost.smallmedia .postmedia { width: 370px; }
.fullblog .blogpost.smallmedia .postbody { width: 770px; }
.fullblog .postmedia-slide > div { float: left; width: 100%; position: relative; }
.fullblog .postmedia-slide { margin-top: -20px; float: none; }
.blogpost.nodate .date { display: none; }
.blogpost.nodate h2 { padding-left: 0px; }
.blogpost.nodate .postinfo { padding-left: 0px; }
.blogpost.smallmedia.nodate h2 { padding-left: 0px; }
.blogpost.smallmedia.nodate .postinfo { padding-left: 0px; }
.blogpost.singlefolio h2 { padding-right: 120px; }
.blogpost.singlefolio .postinfo { padding-right: 120px; }
/* Postinfo */
.postinfo { float: left; font-size: 13px; margin-bottom: 9px; width: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.postinfo .time, .postinfo .tags, .postinfo .author, .postinfo .categories, .postinfo .comments, .postinfo .readmore { float: left; color: #aaa; margin-right: 20px; margin-bottom: 0px; font-size: 12px; text-transform: none; line-height: 18px; }
.postinfo a { line-height: 18px; }
.postinfo a:hover { color: #111; }
.blogpost .postinfo {
padding-left: 60px;
margin-bottom: 15px;
}
.blogpost .postinfo .tags,
.blogpost .postinfo .tags span,
.blogpost .postinfo .categories span,
.blogpost .postinfo .tags .field-item,
.blogpost .postinfo .categories .field-item,
.blogpost .field-name-field-tags {
float: left;
}
.blogpost .postinfo .tags .field-item,
.blogpost .postinfo .categories .field-item {
margin-left: 5px;
}
.blogpost .field-name-field-tags .field-items {
display: inline-block;
margin-left: 5px;
}
.blogpost .field-name-field-categories .field-items { display: inline-block; }
.blogpost .field-name-field-tags .field-item:after, .blogpost .field-name-field-categories .field-item:after { content: ", "; }
.blogpost .field-name-field-tags .field-item:last-child:after, .blogpost .field-name-field-categories .field-item:last-child:after { content: ""; }
.node-type-blog-post #block-system-main { float: left; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-bottom: 30px; }
/* Post Date Box */
.blogpost .date, .homepost .date { float: left; width: 40px; position: absolute; margin-top: 0px; }
.blogpost .month, .homepost .month { width: 40px; font-size: 14px; line-height: 12px; font-weight: 700; color: #666; text-align: center; padding-top: 3px; }
.blogpost .day, .homepost .day { width: 40px; font-size: 27px; line-height: 27px; font-weight: 700; color: #666; text-align: center; margin-top: -3px; }
.blogpost .year, .homepost .year { width: 40px; font-size: 15px; line-height: 15px; font-weight: normal; text-transform: uppercase; color: #000; text-align: center; padding-top: 7px; }
.blogpost .date { margin-left: -6px; margin-top: -2px; }
.homepost .date { margin-left: 5px; }
.blogpost .month { padding-top: 8px; }
.datespacer { position: relative; float: left; width: 0px; margin-bottom: 22px; }
/* COMMENTS */
/* ------------------------------------ */
#comments { float: left; width: 100%; margin-bottom: -10px; margin-top: 30px; }
#comments h4 { margin-top: 0px; margin-bottom: 23px; }
#comments .author h5 { margin-top: 8px; margin-bottom: 6px; font-size: 15px; color: #666; font-weight: 400; }
#comments .author h5 a { color: #666; }
#comments ol, #comments ul { float: left; position: relative; list-style: none; margin:0; padding:0; zoom: 1.0; width: 100%; }
#comments ul li { margin: 0; padding: 0; width: 100%; margin-left: 5px; }
#comments .commentwrap { float: left; position: relative; width: auto; margin-bottom: 20px; padding: 20px; padding-bottom: 0; margin-bottom: 10px; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e5e5e5; }
#comments .commentwrap .posterpic{ float: left; width: 50px; height: 50px; margin-right: 15px; }
#comments .commentwrap .posterpic img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#comments .commentwrap .postertext{ display: inline-block; margin-top: 22px; margin-bottom: 5px; }
#comments .depth-1 .commentwrap { margin-left: 0px; }
#comments .depth-2 .commentwrap { margin-left: 20px; }
#comments .depth-3 .commentwrap { margin-left: 40px; }
#comments .depth-4 .commentwrap { margin-left: 60px; }
#comments .depth-5 .commentwrap { margin-left: 80px; }
#comments ul.links { float: right; width: auto; }
#comments .replylink { position: absolute; right: 20px; top: 15px; width: 33%; }
#comments ul.links li { float: left; width: auto; }
.timestamp { float: left; font-size: 12px; margin-top: 0px; color: #bbb; }
.timestamp a { color: #bbb; }
.resizable-textarea .grippie { display: none; }
ul.inline .comment-add { padding: 0px; }
/* Comments Reply */
#reply-title { float: left; width: 100%; margin: 0; padding: 0;}
.responddivider { float: left; margin-left: 0; width: 100%; margin-top: 0px; margin-bottom: 19px; }
#respond { float: left; width: 100%; margin-top: 0px; margin-bottom: -10px; }
#respond form { float: left; width: 100%; margin-bottom: 0px; }
#respond button { margin-bottom: 0px; }
#respond textarea { width: 100%; max-width: 100%; float: left; height: 150px; }
#respond input { float: left; width: 32% !important; margin-right:2% !important; }
#respond input.last { margin-right: 0 !important; }
#respond #submit { display: block; font-weight: bold; float: left; margin-right: 0 !important; margin-bottom: 10px; margin-top: 10px; width: auto !important; }
#cancel-comment-reply-link { float: left; margin-top: -3px; margin-bottom: 10px; }
/* Related Posts */
.relatedposts .homeposts { float: left; width: 100%; }
.relatedposts .homeposts .homepost { float: left; width: 100% !important; }
.relatedwrap { margin-left: 0px; width: 100%; }
.relatedposts { float: left; width: 100%; margin-top: 0px; margin-left: 0; }
.relatedposts .categories:before { content: "in "; }
/* HIGHLIGHT BOX */
/* ------------------------------------ */
.highlightbox { float: left; margin-left: 0; background: #aec4dc; padding: 30px; padding-top: 15px; padding-bottom: 15px; border: 0; color: #1a2444; font-size: 13px; }
.highlightbox h1,.highlightbox h2,.highlightbox h3,.highlightbox h4,.highlightbox h5,.highlightbox h6 { margin-top: 0; margin-bottom: 12px; color: #1a2444; }
.highlightbox h2 { line-height: 35px; }
.highlightbox .nobottom { margin-bottom: 0; }
.highlightbox .one_half, .highlightbox .one_third, .highlightbox .two_third, .highlightbox .three_fourth, .highlightbox .one_fourth, .highlightbox .one_fifth, .highlightbox .one_sixth { margin-bottom: 0px; }
.highlightbox p { margin-bottom: 15px; }
.highlightbox .btnpos { margin-top: -20px; }
.btnposright { float: right; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
/* COLUMN SHORTCODES */
/* ------------------------------------ */
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.three_fourth { width: 74%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.one_sixth { width: 13.33%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth { margin-right: 4%; margin-bottom: 20px; float: left; }
.lastcolumn { margin-right: 0!important; clear: right; }
/* SIDEBAR */
/* ------------------------------------ */
.pagewrapright { padding-right: 20px; }
.pagewrapleft { padding-left: 20px; }
.sidebar { font-size: 13px; line-height: 22px; margin-top: 0px; }
.page-blog .sidebar { margin-top: 60px !important; }
.page-blog .sidebar ul li a span{ display:none !important; }
.sidebar.sidebar-first { margin-top: 0; }
.sidebar .footertitle { float: left; width: 100%; }
.sidebar .footertitle h2 { float: left; color: #111; font-size: 17px; line-height: 20px; font-weight: 300; margin-top: -3px; margin-bottom: 26px; }
.sidebar .block { float: left; width: 100%; margin-bottom: 40px; }
.sidebar .block:last-child { margin-bottom: 0; }
.sidebar .block ul, .footer .widget ul { float: left; }
/* FOOTER */
/* ------------------------------------ */
.footerwrap { position: relative; width: 1230px; left: 50%; margin-left: -615px; background: #ececec; padding: 0px; padding-top: 50px; padding-bottom: 30px; margin-bottom: 0; }
.footer { margin-left: 30px; font-size: 12px; line-height: 20px; }
.footerwrap.wide .footer { margin: 0 auto; width: 960px!important; }
.footerwrap.wide { width: 100%; left: 0; margin-left: 0; background: #ececec; padding: 0px; padding-top: 50px; padding-bottom: 30px; margin-bottom: 0; }
.footer .block { float: left; color: #888; margin-bottom:20px; }
.footer .block:last-child{ margin-bottom:0; }
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 { color: #002147; }
.footer a { color: #000; }
.footer a:hover { color: #fff; }
.footer .footertitle { float: left; width: 100%; }
.footer .widgettitlebg { float: left; }
.footer .footertitle h2 { float: left; color: #002147; font-size: 18px; line-height: 20px; margin-top: -3px; margin-bottom: 5px; }
.footer .widget .widget { margin-bottom:0px; }
.footer article:first-child { margin-left:0; }
.footer .widget .widget { margin-top:40px }
.footer .widget.first { margin-top:0 }
.footer .footer-logo { margin-bottom: 14px;}
/* SUBFOOTER */
/* ------------------------------------ */
.subfooterwrap { position: relative; width: 960px!important; padding: 0px; padding-top: 4px; padding-bottom: 9px; background: #002147; float:none; margin:0 auto; }
.subfooterwrap.wide { position: relative; width: 960px!important; padding: 0px; padding-top: 4px; padding-bottom: 9px; background: #002147; margin:0 auto; float:none; }
.subfooter { margin-left: 30px; color: #c7c7c7; font-size: 13px; line-height: 22px; margin: 0 auto; width: 960px!important; }
.subfooterwrap.wide .subfooter { margin: 0 auto; width: 960px!important; }
.subfooter a { color: #bbb; background: none; }
.subfooter a:hover { color: #fff; background: none; }
.subfooter .lefttext { text-align: left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.subfooter .righttext { text-align: right; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-right: 0px; }
.subfooter .righttext .first {float: right;}
.subfooter .spacer {padding-right: 15px; }
.subfooter .textwidget { margin-top: 5px; }
/* WIDGETS */
/* ------------------------------------ */
.widgetclass { float: left; width: 100%; }
.footertitle { float: left; width: 100%; }
/* Posts */
.footer .block-posts { float: left; margin-top: -1px; width: 100%;}
.footer .block-posts ul { margin: 0; padding: 0; list-style:none; width: 100%;}
.footer .block-posts ul li { float: left; width: 100%; border-bottom: 1px solid #ffffff; padding-top:7px; padding-bottom: 7px; }
.footer .block-posts ul li span { font-size: 15px; line-height: 15px; text-shadow: none; margin-right: 1px; margin-left: -4px; color: #bbb; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
.footer .block-posts ul li a:hover span { color: #fff; }
.footer .block-posts ul li:first-child { border-top: 0; padding-top: 0; }
.footer .block-posts ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.sidebar .block-posts { float: left; margin-top: -1px; width: 100%; }
.sidebar .block-posts ul { margin: 0; padding: 0; list-style:none; width: 100%; }
.sidebar .block-posts ul li { float: left; width: 100%; border-bottom: 1px solid #eee; border-top: 0; padding-top:7px; padding-bottom: 7px; }
.sidebar .block-posts ul li a { color: #111; font-weight: 300; }
.sidebar .block-posts ul li span { font-size: 15px; line-height: 15px; text-shadow: none; margin-right: 1px; margin-left: -4px; color: #8BAA2B; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
.sidebar .block-posts ul li:first-child { border-top: 0; padding-top: 0; }
.sidebar .block-posts ul li:last-child { border-bottom: 0; padding-bottom: 0; }
/* Contact Box */
.contactbox { float: left; width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; background: #292929; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; }
/* Twitter */
.twitter-timeline { margin-bottom: -20px; margin-top: -7px; }
/* Tag Cloud */
.footer .tagcloud a { -webkit-backface-visibility: hidden; float: left; font-size: 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: none; color: #bbb; font-weight: normal; background-color: #002147; padding-bottom: 4px; padding-top: 4px; padding-left: 8px; padding-right: 8px; margin-right: 5px; margin-bottom: 5px; -webkit-transition: background-color 0.2s, color 0.2s; -moz-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; -ms-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; }
.footer .tagcloud a:hover { background-color: #ecac00; color: #fff; }
.footer .tagcloud div { float: left; }
.sidebar .tagcloud a { font-size: 12px; float: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 11px; color: #bbb; text-decoration: none; font-weight: normal; background-color: #fff; border: 1px solid #eee; padding-bottom: 2px; padding-top: 2px; padding-left: 7px; padding-right: 7px; margin-right: 5px; margin-bottom: 5px; -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, color 0.2s, border-color 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
.sidebar .tagcloud a:hover { background-color: #8BAA2B; border-color: #8BAA2B; color: #fff; }
/* Projects */
.block-projects { float: left; width: 100%; }
.block-projects ul { float: left; margin: 0; padding: 0; list-style:none; margin-bottom: -10px; margin-right: -10px; }
.block-projects ul li { float: left; margin-right:10px; margin-bottom: 10px; }
.block-projects li a { -webkit-backface-visibility: hidden; float: left; z-index: 1; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; }
.block-projects li a img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 50px; height: 50px;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
-webkit-filter: grayscale(0%);
}
.block-projects li a img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.block-projects li .overl { z-index: 0; position: absolute; float: left; background: none; width: 60px; height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sidebar .block-projects li a img { width: 60px; height: 60px; border: 0; }
/* Posts */
.footer .widget_text, .sidebar .widget_text { float: left; width: 100%; }
/* Archive & Categories & Meta */
.block-archive select, .block-categories select, .widget_meta select, .widget_recent_entries select { width: 100%; }
.block-archive, .block-categories, .widget_meta, .widget_recent_entries { float: left; width:100%; }
.block-archive ul, .block-categories ul, #block-menu-menu-elements ul , .view-themetastic-blog ul{ width:100% !important; display:block; margin: 0; padding: 0; list-style:none; }
/*.block-archive ul li, .block-categories ul li, #block-menu-menu-elements ul li { float: left; width: 100%; border-bottom: 1px solid #eee; border-top: 0; padding-top:7px; padding-bottom: 7px; }*/
.block-archive ul li, .block-categories ul li, #block-menu-menu-elements ul li,
.view-themetastic-blog ul li
{ display: list-item;
list-style: square;
clear: both;
padding-bottom:14px;
list-style-position: inside;
}
/* .block-archive ul li a, .block-categories ul li a, #block-menu-menu-elements ul li a { float: left; color: #111; font-weight: 300; }*/
.block-archive ul li a, .block-categories ul li a, #block-menu-menu-elements ul li a,
.view-themetastic-blog ul li a{
color: #111;
font-weight: 300;
font-size: 13px;
}
/*.block-archive ul li a:before, .block-categories ul li a:before, #block-menu-menu-elements ul li a:before { float: left; font-family: 'fontello'; content: '\e75e'; font-size: 15px; line-height: 15px; text-shadow: none; margin-right: 8px; margin-left: 1px; margin-top: 2px; color: #8BAA2B; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s;}
.block-archive ul li a:hover:before, #block-categories ul li a:hover:before { }*/
.block-archive ul li:first-child, .block-categories ul li:first-child { border-top: 0; padding-top: 0; }
.block-archive ul li:last-child, .block-categories ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.sidebar .view-themetastic-blog ul li a > spagn{ display: none; }
.footer .block-archive select, .footer .block-categories select { width: 100%; }
.footer .block-archive, .footer .block-categories, .footer .widget_meta, .footer .widget_recent_entries { float: left; }
.footer .block-archive ul, .footer .block-categories ul, .footer .widget_meta ul, .footer .widget_recent_entries ul { margin: 0; padding: 0; list-style:none; }
.footer .block-archive ul li, .footer .block-categories ul li, .footer .widget_meta ul li, .footer .widget_recent_entries ul li { float: left; width: 100%; color: #bbb; border-bottom: 1px solid #4f4f4f; padding-top:7px; padding-bottom: 7px; }
.footer .block-archive ul li a, .footer .block-categories ul li a, .footer .widget_meta ul li a, .footer .widget_recent_entries ul li a { float: left; font-weight: normal; margin-right: 3px; color: #bbb;}
.footer .block-archive ul li a:hover, .footer .block-categories ul li a:hover, .footer .widget_meta ul li a:hover, .footer .widget_recent_entries ul li a:hover { color: #fff;}
.footer .block-archive ul li a:before, .footer .block-categories ul li a:before , .footer .widget_meta ul li a:before, .footer .widget_recent_entries ul li a:before { color: #bbb; float: left; font-family: 'fontello'; content: '\e75e'; font-size: 15px; line-height: 15px; text-shadow: none; margin-right: 8px; margin-left: 1px; margin-top: 2px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
.footer .block-archive ul li a:hover:before, .footer .block-categories ul li a:hover:before, .footer .widget_meta ul li a:hover:before, .footer .widget_recent_entries ul li a:hover:before { color: #fff; }
.footer .block-archive ul li:first-child, .footer .block-categories ul li:first-child, .footer .widget_meta ul li:first-child, .footer .widget_recent_entries ul li:first-child { border-top: 0; padding-top: 0; }
.footer .block-archive ul li:last-child, .footer .block-categories ul li:last-child, .footer .widget_meta ul li:last-child, .footer .widget_recent_entries ul li:last-child { border-bottom: 0; padding-bottom: 0; }
/* Recent Comments */
ul.recentcomments { list-style: none; margin: 0; padding: 0; position: relative; }
ul.recentcomments li { float: left; font-size: 12px; padding-left: 36px; color: #bbb; width: 100%; border-bottom: 1px solid #eee; padding-top:7px; padding-bottom: 7px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul.recentcomments li:before { position: absolute; left: 0px; font-family: 'fontello'; content: '\e829'; font-size: 25px; line-height: 25px; margin-top: 6px; float: left; color: #f0f0f0; text-shadow: 0 1px 0 rgba(0,0,0,0.25);}
ul.recentcomments li:first-child { border-top: 0; padding-top: 0; }
ul.recentcomments li:last-child { border-bottom: 0; padding-bottom: 0; }
ul.recentcomments li a { float: left; width: 100%; padding-left: 0; color: #111; font-weight: 300; font-size: 13px; }
ul.recentcomments li a.username { float: none; width: auto; padding-left: 0px; color: #8BAA2B; font-weight: 400; font-size: 12px; }
ul.recentcomments li a.username:hover { color: #111; }
ul.recentcomments li a:before { float: left; font-size: 13px; line-height: 13px; text-shadow: none; font-weight: bold; margin-right: 8px; margin-top: 2px; /*padding: 0px 5px;*/ padding-bottom: 3px; color: #8BAA2B; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
.footer ul.recentcomments { list-style: none; margin: 0; padding: 0; position: relative; }
.footer ul.recentcomments li { float: left; font-size: 12px; padding-left: 36px; color: #bbb; width: 100%; border-bottom: 1px solid #4f4f4f; padding-top:7px; padding-bottom: 7px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.footer ul.recentcomments li:before { position: absolute; left: 0px; font-family: 'fontello'; content: '\e829'; font-size: 25px; line-height: 25px; margin-top: 6px; float: left; color: #4f4f4f; text-shadow: none;}
.footer ul.recentcomments li:first-child { border-top: 0; padding-top: 0; }
.footer ul.recentcomments li:last-child { border-bottom: 0; padding-bottom: 0; }
.footer ul.recentcomments li a { float: left; width: 100%; padding-left: 19px; color: #bbb; font-weight: 300; font-size: 13px; }
.footer ul.recentcomments li a:hover { color: #fff; }
.footer ul.recentcomments li a.username { float: none; width: auto; padding-left: 0px; color: #bbb; font-weight: 400; font-size: 12px; }
.footer ul.recentcomments li a.username:hover { color: #fff; }
.footer ul.recentcomments li a:before { float: left; font-size: 13px; line-height: 13px; text-shadow: none; font-weight: bold; margin-right: 8px; margin-top: 2px; /*padding: 0px 5px;*/ padding-bottom: 3px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
/* RSS */
.widget_rss ul { list-style: none; margin: 0; padding: 0; }
.widget_rss ul li { border-bottom: 1px solid #eee; padding-top:7px; padding-bottom: 7px; }
.widget_rss ul li:first-child { border-top: 0; padding-top: 0; }
.widget_rss ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.widget_rss ul li a.rsswidget { float: left; width: 100%; }
.widget_rss .rss-date { float: left; font-size: 12px; color: #aaa; width: 100%; }
.widget_rss cite { font-size: 12px; color: #777; width: 100%; }
.footer .widget_rss ul { list-style: none; margin: 0; padding: 0; }
.footer .widget_rss ul li { border-bottom: 1px solid #4f4f4f; padding-top:7px; padding-bottom: 7px; }
.footer .widget_rss ul li:first-child { border-top: 0; padding-top: 0; }
.footer .widget_rss ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.footer .widget_rss ul li a.rsswidget { float: left; width: 100%; }
.footer .widget_rss .rss-date { float: left; font-size: 12px; color: #bbb; width: 100%; }
.footer .widget_rss cite { font-size: 12px; color: #bbb; width: 100%; }
/* Search */
.searchform input { float: left; width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; }
/* CAROUSEL */
/* ------------------------------------ */
.carousel { float: left; position: relative; margin-bottom: 0px; line-height: 1; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.carousel-inner { float: left; position: relative; width: 100%; overflow: hidden;}
.carousel .item { font-size: 14px; line-height: 26px; position: relative; display: none; -webkit-transition: 0.6s left; -moz-transition: 0.6s left; -o-transition: 0.6s left; transition: 0.6s left; color: #777; height: auto; background: #f3f3f3; font-family: Arial; }
.carousel .padded { padding: 35px; }
.carousel .item > img { display: block; line-height: 1; width: 100%;}
.carousel .active, .carousel .next, .carousel .prev { display: block; }
.carousel .active { left: 0; }
.carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; }
.carousel .next { left: 100%; }
.carousel .prev { left: -100%; }
.carousel .next.left, .carousel .prev.right { left: 0; }
.carousel .active.left { left: -100%; }
.carousel .active.right { left: 100%; }
.carousel-control { position: absolute; top: 100%; width: 25px; height: 25px; margin-top: -30px; font-size: 25px; font-weight: bold; line-height: 20px; color: #bbb; text-align: center; background: transparent; border: 0px solid #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; opacity: 1; filter: alpha(opacity=100); }
.carousel-control.right { right: 5px; left: auto; }
.carousel-control.left { right: 30px; left: auto; }
.carousel-control:hover { color: #444; text-decoration: none; opacity: 1; filter: alpha(opacity=100); }
.carousel-caption { font-size: 12px; line-height: 20px; color: #fff; position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; padding-bottom: 10px; padding-top: 10px; background: #333333; background: rgba(0, 0, 0, 0.75); }
.carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; }
.carousel-caption h4 { margin: 0 0 5px; }
.carousel-caption p { margin-bottom: 0; }
.carousel .item .image { float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 0px; }
.carousel .item .image.right { float: right; margin-left: 15px; margin-right: 0; }
.carousel .item .image.left { float: left; margin-right: 15px; }
cite { display: block; font-size: 12px; margin-top: 10px; text-transform: uppercase; color: #aaa; }
blockquote { font-size: 14px; line-height: 26px; color: #777; background: #eee; font-family: Arial; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; }
/* PORTFOLIO */
/* ------------------------------------ */
.portfoliowrap { overflow:hidden;position:relative; margin-left: 0; float: left; }
.portfolio { overflow:hidden; position:relative; margin-left: -10px; margin-bottom: -10px; margin-top: -10px; }
.portfolio img { width:100%; max-width:none !important; height:auto; }
.threecol .entry { width:393px; float:left;overflow:hidden;position:relative; }
.fourcol .entry { width:295px; float:left;overflow:hidden;position:relative; }
.fivecol .entry { width:236px; float:left;overflow:hidden;position:relative; }
.node-type-portfolio .postinfo, .page-taxonomy-term .postinfo { padding-left: 0px; }
.page-taxonomy-term h2 { margin-bottom: 10px; }
.node-type-portfolio .block { float: left; width: 100%; }
.node-type-portfolio .singlepost .posttext { margin-bottom: 0; }
.node-type-portfolio .region.content .block-views { border-top: 1px solid #e5e5e5; padding-top: 30px; margin-top: 30px; }
.field-name-field-portfolio-tags { display: inline-block; }
ul.portfoliofilter { margin: 0; padding: 0; margin-bottom: 21px; margin-top: 0px; width: 100%; padding-bottom: 0px; }
ul.portfoliofilter li { float: left; list-style-type: none; display: inline; margin-right: 10px; margin-bottom: 10px; }
ul.portfoliofilter li a { font-weight: 400; font-size: 13px; float: left; color: #666; text-transform: none; padding-bottom: 4px; padding-top: 4px; padding-left: 12px; padding-right: 12px;
background: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
ul.portfoliofilter li a:hover { color: #8BAA2B; }
ul.portfoliofilter li a.selected { color: #8BAA2B; background: #fff; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.foliotextwrapper { padding-left: 10px; padding-right: 10px; }
.foliotextholder { margin-bottom: 10px; min-height:40px !important; float: left; position:relative; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; background: #fefefe; border: 0px; border-top: 0; width: 100%; padding-bottom: 10px; padding-top: 10px; }
.foliotextholder .itemtitle { float: left; width: 100%; cursor:pointer; text-align: left; font-size: 16px; font-weight: normal; line-height: 20px; margin: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; }
.foliotextholder .itemtitleh { float: left; width: 100%; cursor:pointer; text-align: left; font-size: 17px; font-weight: normal; line-height: 20px; margin: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; }
.foliotextholder .itemtitle a { color: #002147; font-weight: normal; }
.foliotextholder .itemtitle a:hover { }
.foliotextholder .itemcategories { float: left; width: 100%; margin-top: 0px; color: #8BAA2B; font-weight: normal; font-size: 10px; line-height: 20px; font-style: normal; cursor:pointer; text-align: left; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; }
.foliotextholder .itemcategories a { color: #8BAA2B; font-weight: normal; }
.foliotextholder .itemcategories a:hover { }
.holderwrap { position:relative; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; margin: 10px; }
.mediaholder { overflow:hidden; position:relative;
/* -webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
*/
}
.mediaholder .cover { width:100%; height:100%; position:absolute; top:0px; left:0px; background: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-opacity:0.0; filter:alpha(opacity=0); opacity:0;
/* -webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
*/
}
.mediaholder .link { padding-left: 8px; padding-top: 8px; width: 32px; height: 32px; color: #fff; /*-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; */font-size: 25px; background: #8BAA2B; cursor:pointer; position:absolute; left:100%; top:100%; margin-left:-50px; margin-top:-50px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-opacity:0.0; filter:alpha(opacity=0); opacity:0;
/*
-webkit-border-radius: 5px 0px 0px 0px;
-moz-border-radius: 5px 0px 0px 0px;
border-radius: 5px 0px 0px 0px;
*/
}
.mediaholder .show { padding-left: 10px; padding-top: 8px; width: 30px; height: 32px; color: #fff; /*-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;*/ font-size: 20px; background: #8BAA2B; font-weight: normal; cursor:pointer; position:absolute; left:100%; top:100%; margin-left:-40px; margin-top:-40px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-opacity:0.0; filter:alpha(opacity=0); opacity:0;
/* -webkit-border-radius: 5px 0px 0px 0px;
-moz-border-radius: 5px 0px 0px 0px;
border-radius: 5px 0px 0px 0px;
*/
}
.link.notalone { left:100%; margin-left:-40px; margin-top: -40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.show.notalone { left:100%; margin-left:-80px; margin-top: -40px;
/* -webkit-border-radius: 5px 0px 0px 0px;
-moz-border-radius: 5px 0px 0px 0px;
border-radius: 5px 0px 0px 0px;
*/
}
.mediaholder:hover .link, .mediaholder:hover .show { -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1; }
.mediaholder:hover .cover { /*-moz-opacity:0.25; filter:alpha(opacity=25); opacity:0.25; */}
.mediaholder:hover .link, .mediaholder:hover .show { top:100%;}
.mediaholder img {
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
-webkit-filter: grayscale(0%);
width:100%;
}
.mediaholder:hover img {
/*-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);*/
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.mediaholder:hover .link.notalone { left:100%; top:100%;}
.mediaholder:hover .show.notalone { left:100%; top:100%;}
.mediaholder .show:hover, .mediaholder .link:hover { }
/* Portfolio Single Navigation */
.projectnavwrapper { position: relative; float: right; width: 100%; margin-bottom: 0px; }
.projectnav { float: left; position: relative; margin-top: 0px; }
.launchbtn { margin-top: 0px; float: left; margin-right: 5px; }
.projectnav a:before {
font-family: 'fontello';
color: #777;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: 0;
margin-top: 8px;
text-align: center;
width: 37px;
font-size: 15px;
}
.projectnav a {
float: left;
z-index: 100;
cursor: pointer;
position: relative;
width: 37px;
height: 37px;
font-weight: 400; font-size: 13px; float: left; color: #666; text-transform: none; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px;
background: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.projectnav a:hover:before {
color: #8BAA2B;
}
.previousproject a:before {
content: '\e765';
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
.nextproject a:before {
content: '\e766';
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
.nextproject a { margin-left: 5px; }
/* THEME BUTTON COLOR */
/* ------------------------------------ */
.btn { font-weight: 700; font-size: 15px; color: #666; background: #f3f3f3 url('../img/tiles/transparent.png') repeat; text-shadow: none !important; border: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -o-transition: all 0.3s !important; -ms-transition: all 0.3s !important; transition: all 0.3s !important; padding-bottom: 9px !important; padding-left: 14px !important; padding-right: 14px !important; padding-top: 9px !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.btn:hover { background: #f3f3f3 url('../img/tiles/dark5.png') repeat !important; color: #666 !important; }
.btn-large { font-weight: 700; font-size: 25px; padding-bottom: 10px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 10px !important; }
.btn-primary { color: #fff !important; text-shadow: none; background: #8BAA2B url('../img/tiles/transparent.png') repeat; border: 0; }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background: #8BAA2B url('../img/tiles/dark25.png') repeat !important; color: #fff !important; }
.btn-primary:active, .btn-primary.active { background: #8BAA2B !important; }
.btn:focus { outline: none; }
.btn-info { color: #ffffff; text-shadow: none; background: #2a80b9 url('../img/tiles/transparent.png') repeat; border: 0; }
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background: #2a80b9 url('../img/tiles/dark25.png') repeat !important; color: #fff !important; }
.btn-info:active, .btn-info.active { background: #2a80b9; }
.btn-warning { color: #ffffff; text-shadow: none; background: #f49c14 url('../img/tiles/transparent.png') repeat; border: 0; }
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background: #f49c14 url('../img/tiles/dark25.png') repeat !important; color: #fff !important; }
.btn-warning:active, .btn-warning.active { background: #f49c14; }
.btn-danger { color: #ffffff; text-shadow: none; background: #c1392b url('../img/tiles/transparent.png') repeat; border: 0; }
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background: #c1392b url('../img/tiles/dark25.png') repeat !important; color: #fff !important; }
.btn-danger:active, .btn-danger.active { background: #c1392b;}
.btn-inverse { color: #ffffff; text-shadow: none; background: #34495e url('../img/tiles/transparent.png') repeat; border: 0; }
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background: #34495e url('../img/tiles/dark25.png') repeat !important; color: #fff !important;}
.btn-inverse:active, .btn-inverse.active { background: #34495e; }
.btn:focus { outline: none; }
.btn-moderndark { color: #ffffff; text-shadow: none; background: #3a87ad; background-image: none; background-repeat: no-repeat; border: 0; }
.btn-moderndark:hover, .btn-moderndark:active, btn-moderndark.disabled, .btn-moderndark[disabled] { background: #2f6d8b !important; color: #fff !important; }
.btn-moderndark:active { background: #2f6d8b; }
.btn-modernlight { color: #ffffff; text-shadow: none; background: rgba(0,0,0,0.75); background-image: none; background-repeat: no-repeat; border: 3px solid #fff !important; }
.btn-modernlight:hover, .btn-modernlight:active, btn-modernlight.disabled, .btn-modernlight[disabled] { color: #fff !important; background: rgba(0,0,0,1) !important; }
.btn-modernlight:active { color: #fff !important; opacity: 1 !important; background: transparent !important; }
/*#buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=button], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button,*/
.form-submit #submit , .standardbtn {
font-family: font-family: Arial; !important; font-weight: 600 !important; font-size: 15px !important; text-shadow: none !important; border: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -o-transition: all 0.3s !important; -ms-transition: all 0.3s !important; transition: all 0.3s !important; padding-bottom: 9px !important; padding-left: 14px !important; padding-right: 14px !important; padding-top: 9px !important; color: #fff !important; text-shadow: none; background-color: #8BAA2B; background-image: url('img/tiles/transparent.png') repeat; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.form-submit #submit:hover , .standardbtn:hover,
.form-submit #submit:active , .standardbtn:active,
.form-submit #submit:active , .standardbtn.active,
.form-submit #submit:disabled , .standardbtn.disabled,
.form-submit #submit:hover , .standardbtn[disabled] {
background-color: #8BAA2B; background-image: url(img/tiles/dark25.png) repeat !important; color: #fff !important; }
.form-submit #submit:active,
.standardbtn:active,
.standardbtn.active {
background-color: #8BAA2B !important;
}
/* FORM STYLES */
/* ------------------------------------ */
input, button, select, textarea { font-family: Arial; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: #e5e5e5; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #777 !important; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #777 !important; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #777 !important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777 !important; }
/* HEADER SEARCH FORM */
/* ------------------------------------ */
.headersearch { position: absolute; right: -9px; top: -30px; z-index: 102; }
.headersearch form { float: left; }
.headersearch .form-item { margin-top: 0; margin-bottom: 0; }
.headersearch input { text-indent: -500px; cursor: pointer; border: 0; width: 35px; background: url(../img/tiles/search.png) no-repeat 0px center;
padding-top: 8px; padding-bottom: 7px; padding-left: 0; padding-right: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom: 0px;
-webkit-transition: width 0.3s, background-color 0.3s; -moz-transition: width 0.3s, background-color 0.3s; -o-transition: width 0.3s, background-color 0.3s; -ms-transition: width 0.3s, background-color 0.3s; transition: width 0.3s, background-color 0.3s;
-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-family: Arial;
}
.headersearch input:hover { background-color: #f3f3f3; }
.headersearch input:focus { color: #777; background-color: #f3f3f3; text-indent: 25px; width: 520px; cursor: text; padding-left: 15px; padding-right: 15px;}
/* HEADER RESPONSIVE MENU FORM */
/* ------------------------------------ */
.mobilemenu { margin-right: -20px; }
.mobilemenu form { opacity: 0; float: left; height: 100%; width: 40px; position: relative; margin: 0px; padding: 0px; }
.mobilemenu select { -webkit-appearance: none; border: 1px solid #ddd; outline: none; overflow: hidden; font: 13px font-family: Arial; color: #555; margin: 0; width: 100%; max-width: 100%; display: block; height: auto; padding: 10px 10px; }
.mobilemenu select:before { content: '\2630'; }
.mobilemenu option { outline: none; border: 0; overflow: hidden; font: 13px font-family: Arial; color: #555; margin: 0; width: 100%; max-width: 100%; display: block; padding-left: 15px; }
.mobilemenu .icon-menu { cursor: pointer; position: absolute; font-size: 30px; background: #666; color: #fff; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* BOOTSTRAP ELEMENTS */
/* ------------------------------------ */
/* Progress Bars */
.progress { float: left; width: 100%; -moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: #f3f3f3; height: 22px; }
.progress .bar { font-weight: normal; -moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; text-shadow: none; border: none; }
.progress .tag { float: left; font-size: 11px; padding-left: 15px; color: #777; font-weight: normal; text-shadow: none; }
.progress-info .bar { background: #2a80b9;}
.progress-success .bar { background: #8BAA2B;}
.progress-warning .bar { background: #f49c14;}
.progress-danger .bar { background: #c1392b;}
/* Tabs */
.nav { margin-bottom: 0; }
.nav > li > a:hover { text-decoration: none; background-color: #fff; }
.nav-tabs { float: left; border: 0; border-bottom: 0px solid #fff; width: 100%; }
.nav-tabs > li { margin-bottom: -1px; margin-right: 5px;}
.nav-tabs-bg > li { width:15%;}
.nav-tabs > li > a { color: #fff; padding-top: 12px; padding-bottom: 11px; line-height: 16px; font-size: 15px;
background: #7A7A7A;
font-weight: 400;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px solid #e5e5e5;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-webkit-transition: color 0.15s, background 0.15s; -moz-transition: color 0.15s, background 0.15s; -o-transition: color 0.15s, background 0.15s; -ms-transition: color 0.15s, background 0.15s; transition: color 0.15s, background 0.15s;
}
.nav-tabs-bg> li > a {
height:40px;
}
.nav-tabs > li > a:hover {
font-weight: 400;
border: 0;
color: #fff;
background: #002147;
border: 0px solid #e5e5e5;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
font-weight: 400;
border: 0;
color: #8BAA2B; cursor: default;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: #002147; border: 0px solid #e5e5e5; border-bottom: 0px solid transparent;
}
/**START**/
.nav-tabs.africatable > .active > a, .nav-tabs.africatable > .active > a:hover {
font-weight: 400;
border: 0;
color: #8BAA2B; cursor: default;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: #838d29; border: 0px solid #e5e5e5; border-bottom: 0px solid transparent;
}
.nav-tabs.asiatable > .active > a, .nav-tabs.asiatable > .active > a:hover {
font-weight: 400;
border: 0;
color: #8BAA2B; cursor: default;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: #db7a39; border: 0px solid #e5e5e5; border-bottom: 0px solid transparent;
}
.nav-tabs.europetable > .active > a, .nav-tabs.europetable > .active > a:hover {
font-weight: 400;
border: 0;
color: #8BAA2B; cursor: default;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: #797bab; border: 0px solid #e5e5e5; border-bottom: 0px solid transparent;
}
/** END **/
.nav-tabs.africatable > li > a:hover {
font-weight: 400;
border: 0;
color: #fff;
background: #838d29;
border: 0px solid #e5e5e5;
}
.nav-tabs.asiatable > li > a:hover {
font-weight: 400;
border: 0;
color: #fff;
background: #db7a39;
border: 0px solid ;
}
.nav-tabs.europetable > li > a:hover {
font-weight: 400;
border: 0;
color: #fff;
background: #797bab;
border: 0px solid #e5e5e5;
}
.tab-content {
padding: 20px 0px 0px 1px;
background: #fff;
border: 0px solid #e5e5e5;
border-top: 2px solid #002147;
border-bottom: 0px solid #e5e5e5;
margin-bottom: 5px;
/*-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
*/
}
/* Accordions */
.accordion { margin-bottom: 0px; float:left; width: 100%; }
.accordion-group { margin-bottom: 5px; border: 0; }
.accordion-heading { border-bottom: 0; }
.accordion-heading .accordion-toggle { display: block; padding: 0px 0px 15px 0px;}
.accordion-toggle { cursor: pointer; color: #8BAA2B; font-size: 15px; font-weight: 400;
background: #fff; border: 0px solid #e5e5e5; border-bottom: 1px solid transparent;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
/*-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;
*/
-webkit-transition: color 0.15s, background 0.15s; -moz-transition: color 0.15s, background 0.15s; -o-transition: color 0.15s, background 0.15s; -ms-transition: color 0.15s, background 0.15s; transition: color 0.15s, background 0.15s;
}
.accordion-toggle.collapsed { cursor: pointer; color: #002147; font-size: 15px; font-weight: 400; border: 0;
background: #fff`;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px solid #e5e5e5;
/* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */
}
a.accordion-toggle:hover { /* color: #8BAA2B; */
}
a.accordion-toggle.collapsed:hover { color: #666;
background: #f3f3f3;
}
.accordion-inner {
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
/* -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;
*/
padding: 20px 20px 20px 43px;
background: #f1f1f1; border: 0px solid #e5e5e5; border-top: 0;
}
.showicon, .hideicon { float: left; background: transparent; font-size: 20px; font-weight: normal; margin-right: 10px; margin-top: -9px; color: #002147; }
.accordion-toggle .hideicon { display: block; }
.accordion-toggle .showicon { display: none; }
.accordion-toggle.collapsed .hideicon { display: none; }
.accordion-toggle.collapsed .showicon { display: block; }
/* Alerts */
.alert { float: left; width: 100%; padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; font-size: 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 0px solid #fbeed5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.alert.alert-block h4 { margin: 0; margin-bottom: 5px; color: #c09853; }
.alert h4 { margin: 0; }
.alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; }
.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; border: 0; }
.alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; border: 0;}
.alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; border: 0;}
.alert-block { padding-top: 14px; padding-bottom: 14px; }
/* Popovers */
.popover-title { font-weight: bold; }
/* Pagination */
.pagination { float: right; height: 30px; margin: 0; }
.pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; *zoom: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: right; }
.pagination ul > li { display: inline; }
.pagination ul > li > a, .pagination ul > li > span {
font-weight: 400; font-size: 13px; line-height: 20px; height: 20px; float: left; color: #666; text-transform: none; padding-bottom: 4px; padding-top: 4px; padding-left: 12px; padding-right: 12px;
background: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
margin-right: 10px;
}
.pagination ul > li > a:hover {
color: #8BAA2B; background: #fff; }
.pagination ul > .active > a, .pagination ul > .active > span { color: #8BAA2B; cursor: default; font-weight: 400; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .pager-current > a, .pagination ul > .pager-current > span, .pagination ul > .pager-current > a:hover {
color: #8BAA2B; background: #fff; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { margin-right: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.span9.left .pagination { margin-right: 20px; }
.span9.right .pagination { margin-left: 20px; }
.pagenumbers { float: left; color: #bbb; }
/* GOOGLE MAPS */
/* ------------------------------------ */
.map { width: 100%; height: 400px; margin-bottom: 35px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); overflow:hidden;}
.map img { max-width: none; }
.map .gmnoprint { margin-top: 0px; }
/* CONTACT PAGE */
/* ------------------------------------ */
.page-contact .divider { margin-top: 10px; }
.contact-form { margin-bottom: 0; }
.contact-form .form-item.form-type-textfield { width: 30%; margin-left: 4.4%; float: left; }
.contact-form .form-item input[type="text"] { width: 100%; }
.contact-form .form-item-name.form-type-textfield { margin-left: 0; }
.contact-form .form-item.form-type-textarea { float: left; width: 100%; margin-top: 20px; margin-left: 0; }
.contact-form .form-type-checkbox { float: left; width: 100%; margin: 10px 0 20px; }
.contact-form .form-type-checkbox label { float: left; margin-left: 5px; }
.contact-form .form-type-checkbox input { float: left; }
.not-logged-in .form-item-form-type-textarea { margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.contact-form .form-item.form-type-textfield { width: 100%; margin-left: 0; float: left; }
.page-contact .contenttable { margin-bottom: 20px; }
}
/* SERVICES */
/* ------------------------------------ */
.node-type-services .sidebar.sidebar-first .block { margin-bottom: 0; }
/* MOBILE MENU */
/* ------------------------------------ */
#mainmenu { float: none; visibility: visible; }
.mobilemenu { display: none; }
/* CUSTOM RESPONSIVE STYLES */
/* ------------------------------------ */
/* WIDE DESKTOP */
@media only screen and (min-width: 1200px) {
.whitebackground,.footerwrap, .headertopwrap { width:960px; margin:0 auto; float:none;}
.footerwrap.wide .footer, .subfooterwrap, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop { width: 960px!important; }
.pagetitle { width: 960px!important; }
.portfolio { width: 1190px; }
.threecol .entry { width:396px; }
.fourcol .entry { width: 297px; }
.fivecol .entry { width:238px; min-height: 219px;}
.portfolio.withsidebar { width: 870px; }
.threecol .portfolio.withsidebar .entry { width:290px; }
.fourcol .portfolio.withsidebar .entry { width: 290px; }
.fivecol .portfolio.withsidebar .entry { width:290px; }
.team .memberwrap { width: 25%; }
.clients ul li { float: left; display: inline; width: 20%; }
/*uzma */
.pricing.sixcols .pricecol .pricewrap { width: 14.1%; }
.pricing.fivecols .pricecol .pricewrap { width: 18.1%; }
.pricing.fourcols .pricecol .pricewrap { width: 23.1%; }
.pricing.threecols .pricecol .pricewrap { width: 31.4%; }
#revolution_slider_2 .slotholder { top: -59px; }
}
/* REGULAR DESKTOP */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
#revolution_slider_2 .slotholder { top: -59px; }
.whitebackground, .footerwrap, .subfooterwrap, .headertopwrap, .boxedlayout .headerwrap { width: 1000px; margin-left: -500px; left: 50%; }
.footerwrap.wide .footer, .subfooterwrap, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop { width: 940px; }
.subfooterwrap.wide, .subfooterwrap { width: 940px; left: 50%; margin-left: -470px; }
.subfooterwrap.wide .subfooter, .subfooterwrap .subfooter { margin: 0 auto; width: 940px; }
.pagetitle { width: 940px; }
.pagetitlewrap.boxed { width: 1000px; left: 0; margin-left: -30px; }
.headerwrap { width: 100%; }
.header { width: 940px; left: 50%; margin-left: -470px; }
.portfolio { width: 960px!important; }
.threecol .entry { width:320px; }
.fourcol .entry { width: 240px;}
.fivecol .entry { width:240px; }
.portfolio.withsidebar { width: 700px; }
.threecol .portfolio.withsidebar .entry { width:233px; }
.fourcol .portfolio.withsidebar .entry { width: 233px; }
.fivecol .portfolio.withsidebar .entry { width:233px; }
.team .memberwrap { width: 25%; }
.clients ul li { float: left; display: inline; width: 20%; }
/* Uzma added below line */
.pricing.sixcols .pricecol .pricewrap { width: 15.9%; }
.pricing.fivecols .pricecol .pricewrap { width: 17.6%; }
.pricing.fourcols .pricecol .pricewrap { width: 22.6%; }
.pricing.threecols .pricecol .pricewrap { width: 30.9%; }
.blogpost.smallmedia .postmedia { width: 270px; }
.blogpost.smallmedia .postbody { width: 380px; }
.fullblog .blogpost.smallmedia .postmedia { width: 370px; }
.fullblog .blogpost.smallmedia .postbody { width: 540px; }
}
/* SMALL DESKTOP */
@media only screen and (min-width: 768px) and (max-width: 979px) {
.whitebackground, .footerwrap, .subfooterwrap, .headertopwrap, .boxedlayout .headerwrap { width: 784px; margin-left: -392px; left: 50%; }
.footerwrap.wide .footer, .subfooterwrap, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop { width: 724px; }
.subfooterwrap.wide, .subfooterwrap { width: 724px; left: 50%; margin-left: -362px; }
.subfooterwrap.wide .subfooter, .subfooterwrap .subfooter { margin: 0 auto; width: 724px; }
.pagetitle { width: 724px; }
.pagetitlewrap.boxed { width: 784px; left: 0; margin-left: -30px; }
.headerwrap { width: 100%; }
.header { width: 724px; left: 50%; margin-left: -362px; }
.portfolio { width: 744px; }
.portfolio .entry { width: 248px;}
.portfolio.withsidebar { width: 538px; }
.threecol .portfolio.withsidebar .entry { width:269px; }
.fourcol .portfolio.withsidebar .entry { width: 269px; }
.fivecol .portfolio.withsidebar .entry { width:269px; }
.team .memberwrap { width: 33.3%; }
.clients ul li { float: left; display: inline; width: 25%; }
/*uzma */
.pricing.sixcols .pricecol .pricewrap { width: 30.2%; }
.pricing.fivecols .pricecol .pricewrap { width: 30.2%; }
.pricing.fourcols .pricecol .pricewrap { width: 30.2%; }
.pricing.threecols .pricecol .pricewrap { width: 30.2%; }
.blogpost.smallmedia .postmedia { width: 200px; }
.blogpost.smallmedia .postbody { width: 288px; }
.fullblog .blogpost.smallmedia .postmedia { width: 270px; }
.fullblog .blogpost.smallmedia .postbody { width: 424px; }
}
/* ALL MOBILE SIZES */
@media only screen and (max-width: 767px) {
.portfoliowrap { float: none; }
.front .servicewrap { margin-bottom: 20px; }
#isotope-container .mediaholder .link, #isotope-container .mediaholder .show { background: none; }
/* THEME SETTINGS */
.whitebackground { width: 100%; margin-left: 0; left: 0; }
.footerwrap, .subfooterwrap { width: 100%; padding-left: 20px; padding-right: 20px; margin-left: -20px; left: 0; }
.footer, .subfooter { margin-left: 0px; }
.subfooter .spacer { padding-right: 10px; }
.fullwidthlayout .allwrapper { padding: 0 20px; margin-left: -20px; }
.pagetitlewrap { margin-left: -20px; padding-left: 20px; padding-right: 20px; }
.pagetitlewrap.boxed { width: 100%; left: 0; margin-left: -20px; }
.pagetitle { width: 100%; }
.pagetitle h1 { margin-top: 31px; padding-left: 0; text-align: center; width: 100%; }
.pagetitlewrap.boxed .pagetitle h1 { margin-top: 33px; padding-left: 0; text-align: center; width: 100%; }
.breadcrumbwrap, .pagetitlewrap.boxed .breadcrumbwrap { margin-right: 0; width: 100%; text-align: center; margin-top: -25px; margin-bottom: 28px; }
.boxedspacer { margin: 0 !important; }
.region.sidebar { float: left; }
.pagetitlewrap.boxed { margin-top: 0; }
.notitleboxedtop { margin-top: 0px; }
.headertop .headerrighttext > div, .headertop .headerlefttext > div { float: none; }
.mobile-menu .icon-menu:hover {cursor: pointer; color: #777; }
.front #firstcontentcontainer { overflow-x: visible; }
.region.header > .block { position: relative; margin-left: -20px; margin-right: -20px; }
.mediaholder { overflow: visible; }
.headerwrap, .boxedlayout .headerwrap { width: 100%; margin: 0; margin-bottom: 0px; margin-left: -20px; padding-right: 40px; left: 0; }
.header, .boxedlayout .header { width: 100%; z-index: 500; height: 80px; margin-left: 0; left: 0; }
.header .logo, .boxedlayout .header .logo { float: left; padding: 0px; margin-left: 20px; position: absolute; }
.mobilemenu, .boxedlayout .mobilemenu { padding-right: 0px; float: right; margin-top: 23.5px; margin-bottom: 34.5px; }
.footerwrap.wide, .subfooterwrap.wide, .footerwrap, .subfooterwrap { padding-left: 20px; padding-right: 20px; margin-left: -20px; }
.footerwrap.wide .footer, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop, .headertopwrap .headertop, .footerwrap .footer, .subfooterwrap .subfooter { width: 100%; }
.portfolio { width: 100%; }
.portfolio .entry { width: 49.5%; }
.mediaholder .show, .mediaholder .itemcategories, .mediaholder .cover, .mediaholder .itemtitle { display: none; }
.mediaholder .link { cursor:pointer; position:absolute; left:0; top:0; color: transparent; background: transparent; width:100%; height:100%; margin-top:0px; margin-left:0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.link.notalone { left:0; margin-left:0;}
.mediaholder:hover .link { -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1; width:100%; height:100%; top:0; left:0;}
.mediaholder:hover .link.notalone { left:0; top:0;}
.mediaholder:hover .link { top:0;}
.mediaholder .link:hover { background: transparent; }
.mediaholder:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
-webkit-filter: grayscale(0%);
}
a.service { margin-bottom: 10px; }
a.service:hover { color: #777; }
a.service:hover h4 { color: #444; }
a.service:hover h5 { color: #bbb; }
a.service:hover .serviceicon { color: #fff; background-color: #666; }
.servicewrap { margin-bottom: 0px; }
.headertop, .headertopwrap { width: 100%; margin: 0; padding: 0; left: 0; }
.boxedlayout .headertopwrap { margin-left: -20px; padding-right: 40px; }
.boxedlayout .headertopwrap .headertop { margin-left: 20px; }
.headertop .headerlefttext { width: 100%; margin: 0; padding: 0; left: 0; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.social { position: relative; text-align: center; left: 50%; padding: 0; margin: 0; }
.social ul { margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; }
.linktext { display: none; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth { width: 100%; }
.span9.right { margin-bottom: 80px; }
.span9.left { margin-bottom: 80px; }
.pagewrapright { padding-right: 0px; }
.pagewrapleft { padding-left: 0px; }
.blogpost .date { /*display: none;*/ margin-left: -6px; }
.blogpost h2 { padding-left: 57px; }
.blogpost .posttext { padding-left: 0px; padding-right: 0px; }
.blogpost .readmore { float: left; position: relative; right: 0px; margin-top: 20px; }
.blogpost .postinfo { padding-left: 57px; }
.blogpost .postbody { padding-left: 0; }
.blogpost.smallmedia .postmedia { width: 100%; margin-bottom: 25px; }
.blogpost.smallmedia .postbody { width: 100%; }
.blogpost.smallmedia h4 { margin-top: 27px; }
.fullblog .blogpost.smallmedia .postmedia { width: 100%; }
.fullblog .blogpost.smallmedia .postbody { width: 100%; }
.blogpost.nodate h2 { padding-left: 0px; }
.blogpost.nodate .postinfo { padding-left: 0px; }
.blogpost.singlepost .posttext { padding-right: 0px; }
.footer .widget { margin-bottom: 50px; }
.subfooter .textwidget { float: left; margin: 0; margin-bottom: 0px; width: 100%; }
.subfooter .span6.lefttext { float: left; margin: 0; padding: 0; text-align: center; margin-bottom: 5px; width: 100%; }
.subfooter .span6.righttext { float: left; margin: 0; padding: 0; text-align: center; margin-bottom: 0px; width: 100%; }
.subfooter .righttext .first {� float: left; }
.subfooter .widget_nav_menu { float: left !important; }
.subfooterwrap.wide, .subfooterwrap { width: 100%; left: 0; margin-left: 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left: 20px; padding-right: 20px; }
.subfooterwrap.wide .subfooter, .subfooterwrap .subfooter { margin: 0; width: 100%; }
.pagetitle h1 { text-align: center; }
.span9.left .pagination { margin: 0; }
.span9.right .pagination { margin: 0; }
.gmap { height: 200px; }
#gmap_inner { height: 200px;}
#optionswrap { display: none; }
.highlightbox .btnpos { margin-top: 0px; }
.highlightbox .one_fourth .btn { float: left !important; margin-bottom: 15px; }
.headertop .span6 { float:none; clear:both;}
.headertop .themetasticSocials { float:none !important; clear:both;}
.headertop .social { left:0; }
.headertop .social ul { text-align:center; margin-top:0px; margin-bottom:0px;}
.headertop .social ul li { float:none; display:inline-block;}
.homesliderwrapper { margin-top:0px;}
.clients ul li img { filter: none; -webkit-filter: grayscale(0%); }
.clients ul li img:hover { filter: none; -webkit-filter: grayscale(0%); }
}
/* MOBILE LANDSCAPE TO TABLET PORTRAIT */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.clients ul li { float: left; display: inline; width: 33.3333%; }
.team .memberwrap { width: 50%; }
/*uzma*/
.pricing.sixcols .pricecol .pricewrap { width: 44.8%; }
.pricing.fivecols .pricecol .pricewrap { width: 44.8%; }
.pricing.fourcols .pricecol .pricewrap { width: 44.8%; }
.pricing.threecols .pricecol .pricewrap { width: 44.8%; }
}
/* MOBILE PORTRAIT TO MOBILE LANDSCAPE */
@media only screen and (min-width: 0px) and (max-width: 479px) {
.clients ul li { float: left; display: inline; width: 50%; }
.team .memberwrap { width: 100%; }
/*Uzma*/
.pricing.sixcols .pricecol .pricewrap { width: 94%; }
.pricing.fivecols .pricecol .pricewrap { width: 94%; }
.pricing.fourcols .pricecol .pricewrap { width: 94%; }
.pricing.threecols .pricecol .pricewrap { width: 94%; }
#respond input { float: left; width: 100%; margin-right:0; }
.nav-tabs > li { margin-bottom: 5px; margin-right: 5px; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border: 1px solid #eee; }
.blogpost.singlefolio h2 { padding-right: 0px; }
.blogpost.singlefolio .postinfo { padding-right: 0px; }
/*uzma*/
.pricing.sixcols .pricecol .pricewrap,
.pricing.fourcols .pricecol .pricewrap,
.pricing.twocols .pricecol .pricewrap,
.pricing.fivecols .pricecol .pricewrap,
.pricing.threecols .pricecol .pricewrap { width:98% !important;}
}
/* MOBILE MENU */
/* ------------------------------------ */
@media only screen and (max-width: 767px) {
#mainmenu { float: left; visibility: hidden; height: 0; width: 0;}
.mainmenu { background: #fff; border-top: 0; border-right: 0; border-bottom: 0; }
.headersearch { display: none; }
.mobilemenu { display: block; }
.headertop .headerlefttext .textwidget { float: none; }
.headertop .headerrighttext .textwidget { float: none; }
.headerleftwrap .textwidget { display:inline-block; }
.headerleftinner { }
.headerrighttext { margin:0; padding:0 !important;}
.headerrightwidget { text-align:center; float:none !important; clear:both; margin-left:0px !important;}
.headerrightwidget ul { text-align:center}
.headerrightwidget ul li { display:inline-block; text-align:left;}
.headerrightwidget ul li ul li { display:block;}
.headerlefttext { margin:0; padding:0 !important;}
.headerleftwidget { text-align:center; float:none !important; clear:both;}
.headerleftwidget ul { text-align:center}
.headerleftwidget ul li { display:inline-block; text-align:left;}
.headerleftwidget ul li ul li { display:block;}
.headertop .icon_wrap:last-child { margin-right:0px;}
}
@media only screen and (max-width: 480px) {
.headertop span.login { display: none; }
.headertop .icon_wrap { margin-right: 15px; }
}
/* LANGUAGE SWITCHER */
/* #block-lang-dropdown-language { position: relative; z-index: 50000; } */
/* .dd .ddTitle { */
/* background: none; */
/* border: none; */
/* padding: 3px; */
/* text-indent: 0; */
/* cursor: default; */
/* overflow: hidden; */
/* height: 16px; */
/* } */
/* .dd .ddTitle span.arrow { */
/* background: #fff url(../img/nav-arrow-down.png) right no-repeat; */
/* color: #444; */
/* float: right; */
/* display: inline-block; */
/* width: 16px; */
/* height: 16px; */
/* cursor: pointer; */
/* } */
/* .menu-item img.iclflag { margin-bottom: 2px !important; margin-right: 5px !important; } */
/* .headertop #lang_sel { margin-top: 3px; height: auto; } */
/* #lang_sel img.iclflag { top: -1px; } */
/* #lang_sel { z-index: 1000 !important; } */
/* #lang_sel ul ul { z-index: 1000 !important; } */
/* #lang_sel ul li a { */
/* border: 0px solid #e5e5e5; */
/* } */
/* #lang_sel > ul { */
/* border: 1px solid #fff; */
/* } */
/* #lang_sel > ul:hover { */
/* border: 1px solid #e5e5e5; */
/* } */
/* #lang_sel ul li ul { */
/* left: -1px; */
/* } */
/* #lang_sel ul ul { */
/* border-top : 0; */
/* } */
/* #lang_sel ul li ul li { */
/* border-left: 1px solid #e5e5e5; */
/* border-right: 1px solid #e5e5e5; */
/* } */
/* #lang_sel ul li ul li:last-child { */
/* border-bottom: 1px solid #e5e5e5; */
/* } */
/* MISC STYLES */
.content .tabs .nav-tabs { margin-bottom: 20px; }
.fluid-width-video-wrapper { padding-top: 56.25% !important; }
.prescript,
.postscript {
width: 100%;
float: left;
}
.alert {
padding: 1em 35px 1em 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #c09853;
clear: both;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert .messagebox_text {
padding-left: 28px;
background: url(../img/icons/alert.png) no-repeat left center;
}
.alert-info .messagebox_text {
background: url(../img/icons/info.png) no-repeat left center;
}
.alert-success .messagebox_text {
background: url(../img/icons/tick.png) no-repeat left center;
}
.alert-error .messagebox_text {
background: url(../img/icons/exclamation.png) no-repeat left center;
}
ul.retina-icons {
list-style: none;
margin: 0;
}
ul.retina-icons li {
height: 42px;
float: left;
}
ul.retina-icons li span {
line-height: 36px;
color: #777;
}
ul.retina-icons li i:hover {
cursor: pointer;
}
ul.retina-icons li i {
float: left;
font-size: 14px;
margin-right: 5px;
margin-bottom: 5px;
padding: 7px 10px;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.form-actions .form-submit { margin-top: 20px; }
.field-name-field-categories { display: inline-block; }
#block-views-themetastic-homepage-serv4col { margin-top: -20px; }
.page-taxonomy-term .node { border-bottom: 1px solid #e4e4e4; padding-top: 20px; }
.contextual-links-wrapper { float: left; display: block; z-index: 2000; }
#toolbar { z-index: 50000; }
.node-type-blog-post .field-type-image img { width: 100%; }
/* STICKY HEADER (ADDED V1.1) */
@media only screen and (min-width: 767px) {
.fixed { background: #fff; width: 100%; position: fixed; z-index: 50001; }
.fixed.headerwrap { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);}
.boxedlayout.sticky-header .headerwrap.fixed{position:fixed;}
.stickyheader .fancybox-lock .fancybox-overlay { z-index: 100000; }
}
/*Page highlighted Text*/
.highlighted-text {
font-size: 1.4em;
line-height: 1.4em;
color: #444;
text-align: left;
padding-top: 30px;
padding-bottom: 30px;
font-weight: 200;
}
.cudstomFeaturedProjects h4{ margin-bottom:0; }
.cap-box.cap-box-N1{ padding:95px 16PX 96PX !important; min-height:1px !important; width:300px !important; }
.region.prescript-third.span8.rounded #block-revolution-slider-revolution-slider-2{ position:relative; right:0px; }
.pilink a{
color:#fff;
}
.pilink a:hover{
color:#002147;
}
#block-block-57 {
width: 100% !important;
}
/** People block formatting */
.plink {
margin-right:5px;
}
.plink:not(:last-of-type):after {
content: ";";
}
.plink:nth-last-of-type(2):before {
content: none;
}
.plink:nth-last-of-type(2):after {
content: ";";
}
.plink a{
/**color:#0;**/
}
.plink a:hover{
/**color:#002147;**/
}
.plinkgray a{
color:#002147;
}
.plinkgray a:hover{
color:#7a7a7a;
}
/** Policy Issue theming **/
.pimg {
margin-left:17px;
}
/** People team views **/
.pio p{
min-height:80px;
}
.tio h5{
color:#002147;
}
/**OFFICE **/
.qg {
margin-left:5px;
}
.cona {
margin-top:5px;
}
/** Override Title block theming **/
#block-block-53 p{
margin-bottom:0px !important;
}
#block-block-52 p{
margin-bottom:0px !important;
}
#block-block-51 p{
margin-bottom:0px !important;
}
#block-block-55 p{
margin-bottom:0px !important;
}
#block-block-50 p{
margin-bottom:0px !important;
}
#block-block-71 p{
margin-bottom:0px !important;
}
.publist {
display:none;
}
.pubicon {
margin-left:65px;
}
.piimage img {
height: 110px !important;
}
.yio h5 {
font-weight:bold;
}
.yio a {
font-weight:bold;
color:#002147;
}
.yio a:hover {
color:#7a7a7a;
}
.teamim {
margin-bottom:10px;
}
.officelogo {
margin-left:70px;
}
#block-menu-menu-insights ul, ol {
margin: 0px;
}
.pubalink a:hover{
color: #fff;
}
.pubalinkgray a:hover{
color: #7a7a7a;
}
#peep {
margin-right:110px;
}
.cat { min-width:12%;}
.dog { min-width:13%;}
.fish { min-width:17%;}
.bird { min-width:70%;}
.pubo {
display:none;
}
/** SEARCH RESULTS Customised **/
.search-info {
display:none;
}
.dtitle {
font-size:17px;
color:#fff;
}
.search-results .title h3 {
color:#002147;
}
/** Vacancy **/
.vacancyspace {
margin-top:25px;
margin-bottom:25px;
}
.nrpispacer {
margin-bottom:3px;
}
/** portfolio project table **/
.projectmw {
padding-top:85px;
}
#oaddr {
margin-top:36px;
}
.officecontactleft {
padding-top:19px;
margin-top:19px;
}
.oimage {
margin-top:40px;
margin-left:13px;
}
.P1 {
margin-bottom:5px;
}
.frog a:hover{
background: none repeat scroll 0 0 #7a7a7a !important;
}
.frog active a{
background: none repeat scroll 0 0 #7a7a7a !important;
}
.editorcss ul {
}
#gpnarrow {
width:75%;
}
.office-right{
float:right;
}
.row-fluid.peoppart {
width:101%;
}
.row-fluid.home {
width:100.5%;
}
.officec {
padding-left:15px;
}
/** office project theming **/
th.asiaoffice {
background-color:#DB7A39 !important;
color:#fff !important;
}
th.africaoffice{
background-color:#8BAA2B !important;
color:#fff !important;
}
tr:hover td.asiaoffice {
background-color:#E29554 !important;
color:#fff !important;
}
tr:hover td.africaoffice{
background-color:#B9CC80 !important;
color:#fff !important;
}
.hp {
height:83px;
}
.eio {
height:212px;
}
/** PUBLICATION PAGE THEMING **/
.spanpubright {
background-color:#ddd;
padding-bottom: 10px;
margin-top:6px;
}
.pubimage {
margin-left:20px;
margin-bottom:10px;
}
.dleft {
margin-top:10px;
}
h3.timeline {
font-size:16px !important;
}
/** INSIGHTS Theming **/
.grayinsights {
background:#ddd;
padding:10px 0 10px;
margin:0 !important;
min-height: 230px;
width:100%;
}
.insightscontainer {
width:100%;
}
.insightscol{
display: block;
float: left;
width: 25%;
margin-left: 0px;
margin-right: 0px;
}
.insightsdd {
min-height: 60px;
padding-top: 20px;
padding-left: 28px;
padding-bottom:20px;
}
.insightssearch {
float: left;
margin-left: 10px;
}
.insightsdd selectholder {
padding: 10px 10px;
overflow: hidden;
margin-bottom: 30px;
}
.insightsdd select {
width: 100px !important;
background: #9c9b9e;
border: 0;
float: right;
width: auto;
border-radius: 0;
-webkit-border-radius: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
}
.span6.insightsright {
background: #c8ddf2;
margin-left: 0px;
width: 51.065%;
height:208px;
}
.patext {
padding: 12px;
width: 30%;
margin-left: 23px;
}
/** About Us slider **/
.region.prescript-third.span8.rounded {
/*background-color: pink; */
/* min-height: 296px; */
width:66.1%;
}
div#revolution_slider_20 {
height: 296px !important;
}
.region.prescript-second.span4 {
margin-left: 0px;
margin-bottom: 20px;
}
/** Publications search **/
select#edit-field-publication-type-nid {
width:195px;
}
select#edit-field-publication-authors-nid {
width:195px;
}
select#edit-field-publication-pi-nid {
width:195px;
}
/** Project News **/
.newsdate {
font-weight: bold;
margin-bottom:5px;
}
/** Hide Adaptive field for Portfolio Project Page **/
.field.field-name-field-pbi-adaptive.field-type-text-long.field-label-hidden {
display: none;
}
/** Hide Adaptive field for Portfolio Team Page **/
.field.field-name-field-pit-adaptive.field-type-text-long.field-label-hidden {
display: none;
}
/** Hide Adaptive field for Portfolio Publications Page - aka Research**/
.field.field-name-field-research-adaptive.field-type-text-long.field-label-hidden {
display: none;
}
/** Hide Adaptive field for People List Pages - eg Board Management**/
.field.field-name-field-team-adaptive.field-type-text-long.field-label-hidden {
display: none;
}
/** Hide Adaptive field for Offices Pages - eg Nigeria**/
.field.field-name-field-office-adaptive.field-type-text-long.field-label-hidden {
display:none;
}
/** Hide Adaptive field for Offices Project**/
.field.field-name-field-teamofficeadaptive.field-type-text-long.field-label-hidden {
display: none;
}
/** Hide Adaptive field for Offices team **/
.field.field-name-field-officeprojectadaptive.field-type-text-long.field-label-hidden {
display: none;
}
/** LOGO **/
img.opmlogo {
max-width: 100%;
margin-bottom:10px;
}
img { -ms-interpolation-mode: bicubic; }
.logocontainer {
width: 100%;
max-width: 280px;
min-width: 100px;
margin: 0 auto;
overflow: hidden;
}
/** SOCIAL MEDIA WIDGET THEMING **/
div#block-block-10 {
float: right;
}
div#block-widgets-s-opmhome {
float: left;
margin-right:20px;
padding-top:3px;
}
/** TWEET SHARE ICON CUSTOMISATION **/
span#1 {
content: url("http://test-opml.gotpantheon.com/sites/all/modules/socialmedia/icons/levelten/glossy/32x32/twitter.png") !important;
}
div.widgets-element-horizontal {
width:32px;
}
/** SOCIAL MEDIA ADD THIS SHARE ICON CUSTOMISATION **/
.at-share-tbx-element .at-share-btn {
margin: 0px !important;
}
.at4-icon.aticon-twitter {
background-image: url("http://live-opml.gotpantheon.com/sites/all/modules/socialmedia/icons/levelten/glossy/32x32/twitter.png") !important;
}
.at4-icon.aticon-facebook {
background-image: url("http://live-opml.gotpantheon.com/sites/all/modules/socialmedia/icons/levelten/glossy/32x32/facebook.png") !important;
} .at4-icon.aticon-google_plusone_share{
background-image: url("http://live-opml.gotpantheon.com/sites/all/modules/socialmedia/icons/levelten/glossy/32x32/googleplus.png") !important;
} .at4-icon.aticon-linkedin {
background-image: url("http://live-opml.gotpantheon.com/sites/all/modules/socialmedia/icons/levelten/glossy/32x32/linkedin.png") !important;
}
.footertext {
margin-top: 5px;
}