/*
Tags: light, green, white, one-column, two-columns, right-sidebar, three-columns, left-sidebar, flexible-width, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-ready
*/
/*
* InnoCompanny main stylesheet
*/
/*
* --------------------------------
* RESETS
* --------------------------------
*
*/
body{
font-size: 13px;
padding: 0 8px !important;
color: #6f6f6f;
line-height: 150%;
}
/*
* BOOTSTRAP OVERRIDES
*/
h1, h2, h3, h4, h5, h6{
line-height: 140%;
}
.container-fluid{
padding: 0;
margin: 0;
}
p{
margin: 15px 0;
}
.well{
background-color: #fafafa;
}
.img-polaroid {
background-color: #fdfdfd;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
form button, form input[type="button"], form input[type="reset"], form input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
.less-margin {
margin: 5px 0;
}
.no-margin{
margin: 0 !important;
}
.container-inline input[type="submit"] {
margin-bottom: 9px;
margin-right: 5px;
}
.progress{
height: 22px;
line-height: 22px;
}
.progress .bar{
text-align: left;
font-size:13px;
line-height: 22px;
text-indent: 10px;
text-shadow: 0 1px 0 rgba(100,100,100,.25);
}
a:focus, .btn:focus, * {
outline: none;
}
a:hover{
text-decoration: none;
}
.accordion-heading * {
margin: 0;
}
.accordion-heading a {
color: #5f5f5f;
}
.accordion-heading {
box-shadow: none;
background: #f8f8f8;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: 16px;
}
.accordion-inner{
padding-top: 18px;
padding-bottom: 18px;
}
.getCode {
margin-top: 20px;
margin-bottom: 20px;
}
.getCode .icon-plus {
margin-top: 4px;
margin-right: 2px;
}
.the-icons li, .the-icons {
list-style: none;
list-style-type: none;
margin-left: 5px;
}
.carousel .item > img{
padding: 0;
}
.carousel p{
margin: 0;
}
.carousel-caption h4{
margin: 0 0 10px 0;
}
.carousel-caption{
color: #fff;
line-height: 150%;
}
.carousel-control{
font-family: arial, Helvetica;
top: 47%;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
width: 32px;
font-size: 44px;
}
.carousel-control.right{
right: 0;
}
.carousel-control.left{
left: 0;
}
@media screen and (max-width: 468px) {
.btn-group {
white-space: normal;
}
.btn-group .btn{
margin: 5px ;
border-radius: 4px;
}
}
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"], .uneditable-input{
height: auto;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
h1, h2, h3, h4, h5, h6{
line-height: 140%;
}
/*
* Default WP classes required
*/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 5px 5px 0 5px;
}
/*
* bootstrap accordion
*/
.accordion-group, .accordion-heading{
border-radius: 0;
}
.accordion-group{
margin-bottom: 3px;
border-radius: 4px;
}
.accordion-heading{
background: #f9f9f9;
border-radius: 4px;
}
.accordion-heading .accordion-toggle{
padding: 0;
height: 36px;
line-height: 36px;
border-radius: 4px ;
}
.acc-icon{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
display: inline-block;
height: 36px;
padding: 0 12px;
border-radius: 4px 0 0 4px;
margin-right: 10px;
border-right: 1px solid #e5e5e5;
}
.acc-icon .icon-plus, .acc-icon .icon-minus{
margin-right: 0;
color: #555 ;
}
/*
* bootstrap tabs
*/
.nav-tabs {
font-size: 14px;
margin-bottom: 0;
}
.tabs-large .nav-tabs{
font-size: 18px;
margin-bottom: 0;
}
/* tabs top */
.tabbable.tabs-top .tab-content{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.tab-content {
padding: 20px 15px;
}
.tab-content {
background: rgb(248,248,248); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(248,248,248,1) 78%, rgba(243,243,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */
border-top: 1px solid #ececec;
border-right: 1px solid #ececec;
border-left: 1px solid #ececec;
border-radius: 0 0 4px 4px ;
-moz-border-radius: 0 0 4px 4px ;
-webkit-border-radius: 0 0 4px 4px ;
}
.nav-tabs {
margin-right: 0;
margin-top: 0;
border: none;
margin-left: 3px;
}
.nav-tabs > li {
margin-right: 4px;
border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a {
margin-right: 0px;
background-color: #eee;
color: #666;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: none;
border-radius: 2px 2px 0 0;
margin-bottom: 0;
}
.nav-tabs > li > a:hover {
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: none;
}
.nav-tabs > li.active{
margin-bottom:0;
}
.nav-tabs > li.active > a:hover{
color: #ffffff;
}
.nav-tabs > li.active > a, #footer-region .nav-tabs > li.active > a {
box-shadow: none;
color: #fff;
}
.tab-content .tab-pane > h1, .tab-content .tab-pane > h2,
.tab-content .tab-pane > h3, .tab-content .tab-pane > h4{
margin-top: 10px !important;
}
/* vertical tabs */
.tabs-left .tab-content {
padding: 15px 20px;
}
.tabs-left .tab-content {
background: rgb(248,248,248); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(248,248,248,1) 78%, rgba(243,243,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(248,248,248,1) 78%,rgba(243,243,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */
border-top: 1px solid #ececec;
border-right: 1px solid #ececec;
border-bottom: 1px solid #ececec;
border-radius: 0 4px 4px 0;
}
.tabs-left > .nav-tabs {
margin-right: 0;
margin-top: 0;
border: none;
}
.tabs-left > .nav-tabs > li {
margin-bottom: 4px;
border-radius: 2px 0 0 2px;
margin-right: 0;
}
.tabs-left > .nav-tabs > li > a {
margin-right: 0px;
min-width: 130px;
padding-left: 18px;
padding-bottom: 8px;
padding-top: 8px;
background-color: #eee;
color: #666;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
border-right: none;
border-radius: 2px 0 0 2px;
margin-bottom: 0;
}
.tabs-left > .nav-tabs > li > a:hover {
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
border-right: none;
}
.tabs-left > .nav-tabs > li.active > a {
box-shadow: none;
color: #fff;
margin-right: -1px;
}
.tabs-left > .nav-tabs > li.active > a:hover{
color: #ffffff;
}
/* Tabs Right */
.tabs-right > .nav-tabs{
margin-left: 0;
}
.tabs-right > .tab-content {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
border-radius: 4px 0 0 4px ;
-moz-border-radius: 4px 0 0 4px ;
-webkit-border-radius: 4px 0 0 4px ;
}
.tabs-right > .nav-tabs > li {
margin-bottom: 4px;
border-radius: 0 2px 2px 0;
margin-right: 0;
}
.tabs-right > .nav-tabs > li > a {
margin-right: 0px;
min-width: 110px;
padding-left: 18px;
padding-bottom: 8px;
padding-top: 8px;
background-color: #eee;
color: #666;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
border-left: none;
border-radius: 0 2px 2px 0;
margin-bottom: 0;
margin-left: 0;
}
.tabs-right > .nav-tabs > li > a:hover {
border-top: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
border-left: none;
}
.tabs-right > .nav-tabs > li.active{
margin-left: -1px;
}
.tabs-right > .nav-tabs > li.active > a:hover{
color: #ffffff;
}
.tabs-right > .nav-tabs > li.active > a{
color: #ffffff;
}
.tabs-right .tab-content .tab-pane > h1, .tabs-right .tab-content .tab-pane > h2,
.tabs-right .tab-content .tab-pane > h3, .tabs-right .tab-content .tab-pane > h4{
margin-top: 10px !important;
}
/*
* -----------------------
* Container
* -----------------------
*/
#wrapper{
max-width: 1170px;
margin: auto;
padding: 0 !important;
}
#page-wrapper {
background: none repeat scroll 0 0 #FDFDFD;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 2px 6px rgba(50, 50, 50, 0.25);
min-height: 300px;
margin-bottom: 20px;
}
#main-wrapper{
padding: 25px 0;
}
/* containers style for front page */
.page-template-icompany-front-page-php #page-container{
padding: 25px 0 0 0;
}
.page-template-icompany-front-page-php #main-wrapper{
padding: 0 0 25px 0;
}
/*
* -----------------------
* TopBar
* -----------------------
*/
#topBar{
line-height: 34px;
min-height: 34px;
margin: 3px 0;
}
/*
* -----------------------
* Top menu
* -----------------------
*/
#topMenu {
margin: 0;
padding: 0 0 0 18px;
}
#topMenu li{
display: inline;
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
}
#topMenu li a{
color: #FFFFFF;
font-size: 12px;
padding: 0;
}
#topMenu li span.topMenuSeparator{
padding: 0 5px;
}
#topMenu li:last-child span.topMenuSeparator{
display: none;
}
/*
* -----------------------
* Top Search
* -----------------------
*/
.topSearchContainer form{
float: right;
max-width: 175px;
position: relative;
margin: 0 15px 0 0;
padding: 0;
}
.topSearchContainer .topFormSubmit{
position: absolute;
z-index: 100;
right: 8px;
top: 12px;
}
.topSearchContainer input#topSearch{
margin: 7px 0 0 0;
padding: 2px 5px 0 5px;
width: 160px;
border-radius: 4px;
background: #fcfcfc;
box-shadow: inset 0px 1px 1px rgba(100,100,100, 0.3);
-moz-box-shadow: inset 1px 0 1px rgba(100,100,100, 0.3);
-webkit-box-shadow: inset 0px 1px 1px rgba(100,100,100, 0.3);
border: 1px solid #ececec;
color: #999;
font-size: 12px;
height: 18px;
line-height: 20px;
display: block;
}
.widget_search form{
position: relative;
margin: 0 ;
}
.widget_search .topFormSubmit{
position: absolute;
z-index: 100;
right: 18px;
top: 7px;
}
@media screen and (max-width: 767px) {
.topSearchContainer form{
float: none;
padding-left: 18px;
margin-bottom: 0;
padding-bottom: 10px;
}
.topSearchContainer .topFormSubmit{
right: 12px;
top: 5px;
}
.topSearchContainer input#topSearch{
margin: 0;
}
}
/*
* --------------------------
* Social Icons in topbar
* --------------------------
*/
#topbarSocialIcons{
float: right;
}
#topbarSocialIcons .headericons{
margin: 0;
padding: 0;
margin-top: 11px;
height: 16px;
line-height: 16px;
}
#topbarSocialIcons .headericons li{
list-style: none;
display: inline-block;
margin-right: 8px;
}
#topbarSocialIcons .headericons li:last-child{
margin-right: 12px;
}
@media screen and (max-width:767px) {
#topbarSocialIcons{
float: none;
margin-bottom: 10px;
padding-left: 15px;
margin-top: -6px;
}
}
/*
* -----------------------
* Site name and slogan
* -----------------------
*/
#site-name{
font-size: 40px;
line-height: 50px;
}
#site-name a{
color: inherit;
}
#site-slogan{
text-indent: 3px;
color: #666666;
}
/*
* -------------------------------------------------------------
* MAIN MENU (other style settings are in styles/superfish.css)
* -------------------------------------------------------------
*/
.main-menu-container{
float: right;
margin-right: 30px;
}
/* default desktop style */
.selectnav { display: none; }
.selectnav{
width: 100%;
}
/* small screens */
@media screen and (max-width: 1080px) {
.js #main-menu { display: none; }
.js .selectnav { display: block; }
.main-menu-container{
float: none;
margin: 60px 15px 25px 35px;
padding-top: 5px;
}
}
/* small screens and bootstrap vertical columns */
@media screen and (max-width: 767px) {
.main-menu-container{
float: none;
margin: 40px 15px 25px 15px !important;
}
}
/*
* ------------------------------
* PAGE TITLES
* ------------------------------
*/
#page-title{
padding: 25px 8px 19px 28px;
background-position: top;
background-repeat: repeat-x;
color: #fff;
margin: 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.14);
border-bottom:2px solid rgba(0, 0, 0, 0.15)
}
#page-title h1, #page-title a {
margin: 0;
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.14)
}
#page-container #content > .contentLeftRight-inner > .post:first-child > h1:first-child,
#page-container #content > .contentLeftRight-inner > .post:first-child > h2:first-child,
#page-container #content > .contentLeftRight-inner > .page:first-child > h1:first-child,
#page-container #content > .contentLeftRight-inner > .page:first-child > h2:first-child,
#page-container #content > .contentLeftRight-inner > .page > .post-content > h1:first-child,
#page-container #content > .contentLeftRight-inner > .page > .post-content > h2:first-child {
margin-top: 10px;
}
.page h2:first-child{
margin: 0;
}
@media screen and (max-width: 767px) {
#page-title h1{
font-size: 28px;
}
}
/*
* ------------------------------
* SLIDER STYLES
* ------------------------------
*/
#icompany-slider{
position: relative;
}
#icompany-slider iframe{
border: 0;
}
#slider-inner-shadow {
background: url(../images/slider-inner.png) top repeat-x;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
overflow: hidden;
line-height: 3px;
z-index: 500;
}
#slider-inner-shadow-bottom {
background: url(../images/slider-inner-bottom.png) top repeat-x;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
overflow: hidden;
line-height: 3px;
z-index: 500;
}
/*
* -------------------------------
* Nivo slider
* -------------------------------
*/
.nivoslider_container #slider-inner-shadow-bottom, .nivoslider_container #slider-inner-shadow-bottom {
background: none;
display: none;
}
.slider-wrapper {
margin: 0 auto;
width: 100%;
}
.theme-bar.slider-wrapper {
border: 0;
}
.nivo-caption-title {
font-size: 34px;
line-height: 44px;
text-shadow: 1px 0 0 #333;
padding-bottom: 0;
width: 85%;
}
.nivo-caption {
padding: 15px 20px 15px 20px;
background: rgba(0, 0, 0, 0.5);
bottom: 0;
color: #FFFFFF;
display: none;
left: 0;
opacity: 1;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 8;
box-shadow: 0px 0px 5px rgba(0,0,0, .4) inset;
}
.nivo-caption-link {
bottom: 50%;
margin-bottom:-22px;
float: right;
position: absolute;
right: 20px;
width: 15%;
}
.nivo-caption-link a {
float: right;
}
.nivo-caption-body {
float: left;
width: 85%;
text-shadow: 1px 0 0 #333;
padding-top: 15px;
}
.theme-bar .nivo-controlNav {
bottom: -41;
height: 30px;
text-align: center;
padding: 5px 0;
color: #5f5f5f;
border-top: none;
background: rgb(247,247,247); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(232,232,232,1) 96%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(96%,rgba(232,232,232,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(232,232,232,1) 96%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(232,232,232,1) 96%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(232,232,232,1) 96%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(232,232,232,1) 96%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
opacity: 0.8;
}
.theme-bar:hover .nivo-controlNav {
bottom: 0;
opacity: 1;
}
.theme-bar .nivo-directionNav a {
color: #000000;
}
.nivo-control {
font-family: Arial, Helvetica, sans-serif; /* line fix. dont remove */
}
@media screen and (max-width: 767px) {
#icompany-slider .nivo-caption-title.slide-title{
font-size: 18px;
line-height: 34px;
text-shadow: 1px 0 0 #333;
}
.theme-bar .nivo-controlNav {
bottom: 0;
}
.theme-bar .nivo-caption {
bottom: 41px ;
padding: 16px 10px;
}
.nivo-caption-link{
margin-bottom: -15px;
}
.nivo-caption-link .btn-large{
padding: 2px 8px;
font-size: 14px;
}
}
/*
* ------------------------------
* ELASTIC SLIDER
* ------------------------------
*/
#ei-slider .ei-slider-large {
margin: 0;
padding: 0;
}
#ei-slider .ei-slider-thumbs li {
list-style: none;
list-style-type: none;
}
#ei-slider .ei-slider-thumbs li img{
width: 120px;
height: auto;
}
#ei-slider a:focus {
outline: none;
}
.ei-caption-link {
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.ei-title h2 .elastic-title-inner {
color: #333333 !important;
}
}
/*
* ------------------------------
* REVOLUTION SLIDER
* ------------------------------
*/
.rev_slider_wrapper .btn{
color: #444444;
}
.rev_slider_wrapper, .rev_slider_wrapper h1, .rev_slider_wrapper h2, .rev_slider_wrapper h3, .rev_slider_wrapper p {
color: #555555 ;
}
.rev_slider_wrapper a{
transition: color .3s ease;
}
.rev_slider_wrapper a:hover{
color: #777777;
}
/*
* caption elements styles
* (Other styles are defined in icompany/plugins/revslider/rs-plugin/css/captions.css)
*/
[class^="icompany_colorFramed"], [class*="icompany_colorFramed"]{
color: #ffffff;
line-height: 140%;
}
[class^="icompany_whiteFramed"], [class*="icompany_whiteFramed"]{
color: #555555;
line-height: 140%;
background-color: #FDFDFD;
box-shadow:rgba(0,0,0,.15);
}
[class^="icompany_blackFramed"], [class*="icompany_blackFramed"]{
color: #ffffff;
line-height: 140%;
background-color: rgba(0,0,0,.45);
}
@media screen and (max-width: 979px) {
.rev_slider_wrapper .btn, .rev_slider_wrapper .btn-large {
padding: 4px 7px;
font-size: 14px;
}
}
/*
* ------------------------------
* CUTE SLIDER
* ------------------------------
*/
.cuteslider_container{
margin: 30px auto 60px auto;
padding: 0 10px;
}
.cuteslider_container #slider-inner-shadow {
background: none;
display: none;
}
.cs-borderlesslight .br-slideinfo .bottom div, .cs-borderlessdark .br-slideinfo .bottom div{
padding: 20px 34px 40px !important;
}
.caption_slider2_layer1_sublayer1, .caption_slider2_layer2_sublayer1, .caption_slider3_layer2_sublayer1{
background: rgba(0,0,0,.5) !important;
}
.cs-circleslight .cute-shadow{
margin-top: 0;
}
@media screen and (max-width: 767px) {
.cs-borderlesslight .br-slideinfo .br-infocontent{
display: none;
}
}
/*
* ------------------------------
* BREADCRUMB
* ------------------------------
*/
#breadcrumb-bar{
background: none repeat scroll 0 0 #F5F5F5;
border-top: 1px solid #FFFFFF;
color: #777777;
height: 32px;
line-height: 32px;
margin: 0;
padding: 0 28px;
}
#breadcrumb-bar ul{
list-style: none;
list-style-type: none;
font-size: 11px;
padding: 0;
margin: 0;
}
#breadcrumb-bar ul li{
list-style: none;
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
margin-right: 5px;
}
#breadcrumb-bar ul li:after{
content: "/";
}
#breadcrumb-bar ul li:last-child:after {
content: "";
}
#breadcrumb-bar ul li a{
padding-right: 5px;
}
#home-icon {
float: left;
padding: 0 12px;
line-height: 32px;
height: 32px;
margin-right: 10px;
border-right: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
background: rgb(233,233,233); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(245,245,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(245,245,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
}
.header-border{
height: 1px;
overflow: hidden;
line-height: 1px;
border-top: 1px solid #e5e5e5;
margin: 0;
padding: 0;
}
/*
* ------------------------------
* Left & Right Sidebars
* ------------------------------
*/
#left-sidebar, #right-sidebar{
}
#right-sidebar{
float: right;
}
#right-sidebar .widget, #left-sidebar .widget{
border-bottom: 1px solid #e0e0e0;
margin-bottom: 25px;
padding: 0 20px 25px 20px;
}
#right-sidebar .widget:last-child, #left-sidebar .widget:last-child{
border-bottom: none;
}
#right-sidebar .widget .heading h1, #left-sidebar .widget .heading h1{
margin: 5px 0 15px 0;
}
#right-sidebar .widget .heading h3, #left-sidebar .widget .heading h3{
margin: 0 0 15px 0;
}
.widget ul, .widget ul{
margin: 0 0 10px 0;
}
.widget ul li, .widget ul li{
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #e6e6e6;
padding-left: 20px;
background: url(../images/list.png) left top no-repeat;
}
.widget ul li:last-child, .widget ul li:last-child{
border-bottom: none;
}
.widget ul li a, #left-sidebar .widget ul li a{
display: block;
}
.widget ul li, .widget ul li{
padding-top:6px;
padding-bottom: 6px ;
}
.widget .recentcomments{
padding-top:6px !important;
padding-bottom: 6px !important;
}
/*
* RSS WIDGET
*/
.rsswidget img{
margin-right: 5px;
}
.widget_rss ul li a.rsswidget{
display: block;
margin-bottom: 3px;
font-weight: bold;
}
.widget_rss ul li span.rss-date{
color: #111111;
font-size: 12px;
font-style: italic;
display: block;
margin-bottom:3px;
}
@media screen and (max-width: 767px) {
#right-sidebar{
margin-top: 25px;
padding-top:25px;
border-top-width: 3px;
border-top-style: solid;
}
#left-sidebar{
margin-bottom: 25px;
padding-bottom:25px;
border-bottom-width:3px;
border-bottom-style: solid;
}
}
/*
* ------------------------------
* CONTENT AREA
* ------------------------------
*/
#content.with-no-sidebar .contentLeftRight-inner,
.with-no-sidebar .contentLeftRight-inner{
padding: 0 25px;
}
#content.no-left-yes-right .contentLeftRight-inner,
.no-left-yes-right .contentLeftRight-inner{
padding: 0 0 0 25px;
}
#content.yes-left-no-right .contentLeftRight-inner,
.yes-left-no-right .contentLeftRight-inner{
padding: 0 25px 0 0;
}
@media screen and (max-width: 767px) {
/* ADD LEFT, RIGHT PADDING TO CONTENT AREA FOR MOBILE DEVICES */
#content.with-no-sidebar .contentLeftRight-inner,
.with-no-sidebar .contentLeftRight-inner,
#content.no-left-yes-right .contentLeftRight-inner,
.no-left-yes-right .contentLeftRight-inner,
#content.yes-left-no-right .contentLeftRight-inner,
.yes-left-no-right .contentLeftRight-inner
{
padding: 0 25px !important;
}
}
/*
* ------------------------------
* POSTS
* ------------------------------
*/
.post{
margin-bottom: 20px;
}
.blog-listing-title{
margin-bottom: 10px;
}
.post-info{
border-bottom: 1px solid #E2E2E2;
margin-bottom: 18px;
padding: 0 0 10px;
width: 100%;
font-size: 12px;
color: #999;
}
.post-info [class^="icon-"], .post-info [class*="icon-"] {
margin-right: 5px;
}
.post-info a[rel=author]{
text-transform: capitalize;
}
/*
* sticky posts
*/
.sticky{
padding: 15px 20px;
border-radius: 4px;
box-shadow: 0 0 3px rgba(50,50,50,.2);
border:1px solid #fdfdfd;
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
img.pull-left, img.alignleft{
margin: 0 15px 5px 0;
}
img.pull-right, img.alignright{
margin: 0 0 5px 15px;
}
.medium_image .flexslider{
width: 360px;
height: auto;
float: left;
margin-right: 25px;
margin-top: 2px;
margin-bottom: 10px;
}
.flexslider{
overflow: hidden;
}
.flexslider .post-image-hover{
position: absolute;
width: 48px;
height: 48px;
padding:0;
top: 50%;
left: 50%;
z-index: 200;
margin-top: -20px;
margin-left: -24px;
opacity: 0;
}
.flexslider .post-image-hover img{
width: auto;
}
@media screen and (max-width: 520px) {
.medium_image .flexslider{
width: 360px;
float: none;
}
}
/*
* -----------------------
* Social Sharing block on posts
* -----------------------
*/
#sharing-block{
margin: 40px 0;
padding: 10px 20px 7px 20px;
border-bottom: 1px solid #E2E2E2;
border-top: 1px solid #E2E2E2;
}
#sharing-block .sharing-text{
font-style: italic;
font-size: 110%;
line-height: 28px;
}
@media screen and (max-width: 767px) {
.icons-container{
text-align: left !important;
}
#sharing-block .sharing-text{
line-height: 30px;
margin-bottom:6px;
}
.icons-container a{
margin-bottom: 12px;
}
}
/*
* -----------------------
* Shortcodes
* -----------------------
*/
/* columns */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
margin-right: 4%;
float: left;
line-height: 21px;
margin-bottom: 25px;
position: relative;
}
.one_half {
width: 48%;
}
.one_third {
width: 30.6666%;
}
.two_third {
width: 65.3332%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.last {
margin-right: 0 !important;
clear: right;
}
.clearboth {
clear: both;
display: block;
font-size: 0px;
height: 0px;
line-height: 0;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.one_half, .one_third, .two_third, .three_fourth, .one_fourth{
width:100%;
margin-bottom:40px;
}
}
/*
* ----------------------
* Portfolio Slider
* ----------------------
*/
.portfolio-slider{
max-width: 845px;
}
.portfolio-slider .carousel-caption{
opacity: .8;
transition: opacity .4s ease;
padding: 10px 15px 8px 15px;
}
.portfolio-slider .carousel-caption h4{
margin: 0 0 8px 0;
}
.portfolio-slider:hover .carousel-caption{
opacity: 1;
}
.slide-links{
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
margin-left: -68px;
margin-top: -34px;
}
.slide-link{
display: inline-block;
width: 48px;
height: 48px;
margin: 0 10px;
opacity: 0;
transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
}
.portfolio-slider:hover .slide-link{
opacity: 1;
}
.portfolio-slider .item:after {
content: ".";
position:absolute;
top:0;
left:0;
z-index:-1000;
}
.portfolio-slider .item > img{
transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
}
.portfolio-slider:hover .item > img{
opacity: 0.85;
}
/*
* ----------------------
* Recent Posts grid
* ----------------------
*/
.recent-post-slideshow li:after {
content: ".";
position:absolute;
top:0;
left:0;
z-index:-1000;
}
.post-holder{
display: inline-block;
float: left;
margin-bottom: 10px;
max-width: 350px;
}
.post-holder .title{
margin: 0 0 5px 1px;
}
.post-holder .title a{
font-size: 15px;
color: #333;
font-weight: bold;
}
.post-holder .flexslider{
margin-bottom: 10px;
}
.recent-post-slideshow .videothumb iframe{
float: left;
}
.post-holder .post-info{
padding: 0;
margin: 0;
border: none;
color: #777;
font-style: italic;
}
.post-holder .post-info a{
color: #222222;
font-style: normal;
}
/* for older browser */
.column-4{
width: 22%;
margin-right:3%;
}
.column-3{
width: 30.3%;
margin-right:3%;
}
.column-2{
width: 47%;
margin-right:3%;
}
.column-1{
width: 22%;
margin-right:3%;
}
/* for newer browsers */
.column-4{
margin-right:4%;
}
.column-4:nth-of-type(4n+4){
margin-right:0;
}
.column-3{
margin-right:4.5%;
}
.column-3:nth-of-type(3n+3){
margin-right:0;
}
@media screen and (max-width: 767px) {
.column-4, .column-3, .column-2, .column-1{
float: none;
width: 100%;
margin: 0 20px 30px 0;
}
}
/*
* --------------------------
* Clients carousel
* --------------------------
*/
.client-carousel-container .elastislide-horizontal nav span{
margin-top: -19px;
}
.client-carousel-container{
margin: 15px 0;
}
.client-carousel-container .elastislide-carousel ul li{
margin-right: 50px;
}
/*
* -----------------
* Fontawesome
* -----------------
*/
[class^="icon-"],
[class*=" icon-"] {
color: #444444;
display: inline-block;
margin-right: 8px;
}
.extralarge{
margin-right: 15px;
}
.fontawesome-icon, a.fontawesome-icon, .fontawesome-icon a{
color: #444444;
}
.fontawesome-icon.color-theme.style-circle{
color: #ffffff;
}
.fontawesome-icon.medium{
font-size: 20px;
}
.fontawesome-icon.large{
font-size: 34px;
}
.fontawesome-icon.extralarge{
font-size: 50px;
}
.fontawesome-icon.style-circle{
padding: 5px;
display: inline-block;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
color: #fff;
background: #444444;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
}
.fontawesome-icon.style-circle.medium{
padding: 8px;
font-size: 18px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
}
.fontawesome-icon.style-circle.large{
padding: 7px;
font-size: 24px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
}
.fontawesome-icon.style-circle.extralarge{
padding: 12px;
font-size: 38px;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
}
.round-dropcap .fontawesome-icon {
color: #FFFFFF;
font-size: 34px;
margin: 0;
}
#highlighted-box .fontawesome-icon, #highlighted-box .fontawesome-icon.style-circle{
color: #ffffff;
}
#highlighted-box .fontawesome-icon.style-circle{
background: rgba(255,255,255,0.2);
}
#footer-region .fontawesome-icon{
color: #999999;
}
#footer-region .fontawesome-icon.style-circle{
color: #b4b4b4;
}
/*
* -----------------
* Floated
* -----------------
*/
.floated-clear{
margin-bottom: 10px;
}
/*
* -----------------
* Person
* -----------------
*/
.person-picture{
margin-bottom: 15px;
}
.person-description{
margin-bottom: 15px;
}
.person-description .social-icons-widget{
margin-top: 15px;
}
.person-info{
margin-bottom: 15px;
}
.person-icons{
margin: 3px 0 0 0;
list-style: none;
text-align: right;
}
.person-icons li{
list-style: none;
list-style-type: none;
display: inline-block;
margin-left: 4px;
}
@media screen and (max-width: 979px) {
.person-icons{
text-align: left;
margin-left:-5px;
margin-top: 10px;
}
}
/*
* -----------------
* Testimonials
* -----------------
*/
.testimonials{
position: relative;
max-width: 850px;
}
.testimonials blockquote{
margin: 0;
border:0;
padding: 0;
margin-bottom: 25px;
}
.testimonials blockquote q.quote-pop{
background: #f5f5f5;
display: block;
padding: 22px 15px 22px 22px;
border-radius: 2px;
}
.testimonials .reviewer{
display: block;
padding: 20px 0 0 0;
}
.testimonials .company-name{
padding: 8px 0 2px 44px;
font-style:normal;
}
/* full separator */
.separater-full{
display:block;
height:1px;
line-height: 1px;
font-size:0px;
overflow:hidden;
border-bottom: 1px solid #e2e2e2;
margin: 25px 0;
}
.separater-full.no-margin-sep{
margin-top: 0;
margin-bottom: 0;
}
/* Misc shortcodes */
.carousel{
margin-bottom: 10px;
}
.horizontal-line{
display: block;
border-top: 1px solid #e2e2e2;
font-size: 10px;
text-align: right;
margin: 25px 0;
line-height: 10px;
height: 16px;
}
.horizontal-line a{
color: #999999;
background: #fdfdfd;
padding: 3px 6px;
display:block;
height: 10px;
margin-top: -8px ;
float: right;
}
/* Pricing tables */
.pricing-table{
margin-bottom: 40px;
}
.pricing-table ul {
margin: 0;
padding: 0;
text-align: center;
}
.pricing-table ul li {
list-style: none;
list-style-image: none;
padding: 11px;
margin: 0;
}
.pricing-table .tables3 .ptable {
float: left;
width: 33.2%;
}
.pricing-table .plan {
margin: 0;
position: relative;
}
ul.plan li{
border-right: 1px solid #dcdcdc;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #dcdcdc;
}
ul.plan > li:nth-of-type(2n+1) {
}
ul.plan > li:nth-last-child(-n+1) {
}
ul.plan li{
background: #f0f0f0;
}
ul.plan li.head {
color: #ffffff;
text-shadow: 0 2px 0 rgba(50,50,50,.2);
border-bottom: none;
}
ul.plan li.head h2{
font-size: 22px;
margin: 0;
color: #ffffff;
font-weight:400;
text-transform: capitalize;
}
.pricing-table div.ptable:first-child li.head{
border-left-width: 1px;
border-left-style: solid;
}
.pricing-table div.ptable:nth-last-child(-n+1) > ul.plan > li.head{
border-right-width: 1px;
border-right-style: solid;
}
.pricing-table ul.plan.prefered {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
margin-top: -3px;
z-index: 10;
}
.pricing-table div.ptable:last-of-type > ul.plan, .pricing-table div.ptable:last-of-type > ul.plan > li.head {
border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
.pricing-table div.ptable:first-child > ul.plan, .pricing-table div.ptable:first-child > ul.plan > li.head {
border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
.pricing-table div.ptable:first-child{
border-left: 1px solid #dcdcdc;
border-top-left-radius: 4px;
}
.pricing-table .signup {
height: 80px;
line-height: 80px;
}
.pricing-table .signup a.btn {
padding: 12px 40px;
font-size: 18px;
}
.pricing-table ul .price {
padding: 20px 0;
font-size: 26px;
margin:0;
border-bottom: none;
background: #383737;
color: #fff;
box-shadow: 0 2px 1px rgba(0,0,0,.4) inset;
-moz-box-shadow: 0 2px 1px rgba(0,0,0,.4) inset;
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.4) inset;
border-left: 1px solid #4c4b4b;
border-right: 1px solid #323131;
border-bottom: none;
border-top: none;
}
.pricing-table ul .price h2{
margin: 0;
color: #fff;
}
/* PRICING TABLES LAYOUTS -----------*/
.ptable{
max-width: 300px;
min-width: 140px;
}
.pricing-table .tables2 .ptable {
float: left;
width: 49.95%;
}
.pricing-table .tables4 .ptable {
float: left;
width: 24.95%;
}
.pricing-table .tables5 .ptable {
float: left;
width: 19.95%;
}
.pricing-table .tables6 .ptable {
float: left;
width: 16.62%;
}
.pricing-table .tables7 .ptable {
float: left;
width: 14.25%;
}
.pricing-table .tables7 .signup a.btn, .pricing-table .tables6 .signup a.btn {
padding: 8px 20px;
font-size: 16px;
}
.tables7 ul.plan li.head h1, .tables7 ul.plan li.head h2, .tables7 ul.plan li.head h3, .tables7 ul.plan li.head h4{
font-size: 14px;
}
.tables7 ul .price{
font-size: 14px;
}
@media screen and (max-width: 979px) {
.pricing-table ul .price {
font-size: 22px;
}
.head h2 {
font-size: 26px;
}
.pricing-table .signup a.btn {
padding: 8px 10px;
font-size: 14px;
}
}
/* thumbnails */
.thumbnails .caption .caption-title{
margin: 10px 0;
font-size: 22px;
display: block;
}
.thumbnails .caption p:last-child{
margin-bottom: 0;
}
/*
* -----------------------
* Related posts
* -----------------------
*/
.elastislide-horizontal{
padding: 0;
}
.elastislide-wrapper {
background-color: none;
box-shadow: none;
}
.related-posts-container{
padding: 20px 0;
}
.elastislide-carousel ul li{
margin-right: 33px;
margin-left: 2px;
}
.icomp-thumbnail-carousel ul li a{
width: 190px;
}
.icomp-thumbnail-carousel ul li a img {
border: none;
max-width: 190px !important;
width: 190px !important;
}
.elastislide-carousel ul li a img {
border:none;
}
.related-image{
height: 140px;
position: relative;
}
.related-caption{
width: 190px;
height: 140px;
position: absolute;
top: 0;
left: 0;
transition: all .6s ease;
-moz-transition: all .6s ease;
-webkit-transition: all .6s ease;
}
.related-caption .caption-box{
width: 145px;
height: 26px;
position: absolute;
bottom:-48px;
left: -3px;
padding:8px 8px 8px 10px;
border-top-left-radius: 2px;
-moz-top-left-border-radius: 2px;
-webkit-top-left-border-radius: 2px;
opacity: 0;
z-index: 9;
}
.related-image .zoom-image{
position: absolute;
left: 50%;
top:10%;
transition: all 0.42s ease;
-moz-transition: all 0.42s ease;
-webkit-transition: all 0.42s ease;
-o-transition: all 0.42s ease;
opacity: 0;
margin-left: -18px;
margin-top: -18px;
width: 36px;
height: 36px;
z-index: 10;
}
.related-image:hover .zoom-image{
top: 47%;
opacity: 1;
}
.related-image .zoom-image img{
width: auto !important;
width: 36px;
height: 36px;
}
.related-image .zoom-image a{
display: inline-block;
width: auto;
}
.caption-box a{
color: #f5f5f5;
}
.related-link-icon{
display: inline-block;
vertical-align:middle;
height: 26px;
width: 17px;
background-position: right center;
background-repeat: no-repeat;
float: right;
}
.elastislide-carousel ul li a.related-icon-link{
display: inline !important;
width: auto;
}
.related-caption-text{
width: 122px;
float: left;
color: #fff;
font-size: 11px;
line-height: 13px;
white-space: normal;
}
.elastislide-wrapper.elastislide-loading{
background-image: none !important;
}
/*
* -----------------------
* About author
* -----------------------
*/
.about-author{
margin-top: 50px;
}
.author-info-container{
padding: 10px 0;
}
.about-author h5{
font-weight: normal;
margin-top: 0;
}
.about-author .avatar{
float: left;
margin: 0 10px 1px 0;
}
.about-author .avatar img{
padding: 3px;
}
.about-author .description p{
margin-top: 0;
}
.about-author .description p:last-child{
margin-bottom: 0;
}
/*
* -----------------------
* COMMENTS
* -----------------------
*/
#respond{
margin-top: 50px;
}
#respond > div{
/*max-width: 708px;*/
}
.comments-container{
margin-top: 60px;
}
#commentform input[type=text]{
width: 32.55%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#respond form{
margin-top: 30px;
background: #fafafa;
box-shadow: 0 0 2px rgba(0,0,0,.15) ;
border-radius: 4px;
padding: 20px 15px;
}
#respond .comment-form-fields{
padding: 20px 15px;
}
#respond .form-submit{
text-align: right;
margin-bottom: 0;
}
#respond #commentform input[type=text]{
margin-right: 5px;
}
#respond #commentform input[type=text]:last-child{
margin-right: 0;
}
.input-website{
margin-right: 0 !important;
}
#respond #commentform input[type=submit]{
margin-top: 5px;
}
#comment-textarea textarea{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-allowed-tags{
color: #888888;
}
.form-allowed-tags code{
white-space: normal;
display: block;
margin: 10px 0 5px 0;
color: #6f6f6f;
}
.commentlist{
margin: 30px 30px 10px 30px;
}
.commentlist ol, .commentlist li{
list-style: none;
position: relative;
}
.bypostauthor {
}
.bypostauthor .post-author-comment{
top:0;
right: 0;
position: absolute;
}
.the-comment{
margin-bottom: 25px;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #E5E5E5;
}
.commentlist > .comment:last-child .the-comment{
margin: 0;
}
.commentlist > .comment:last-child .children .comment{
margin-top: 25px;
padding-top: 25px;
border-bottom: 1px solid #E5E5E5;
}
.commentlist > .comment:last-child .children .comment:last-child {
border-bottom: none;
}
.commentlist > .comment:last-child .children .comment:first-child {
border-top: 1px solid #E5E5E5;
}
.commentlist > .comment:last-child .the-comment{
border: none;
}
.commentlist .children{ /* threaded replies */
margin-left: 40px;
}
.the-comment .avatar{
float: left;
margin: 2px 10px 5px 0;
}
.the-comment .comment-author.meta {
font-style: italic;
color: #777;
padding-bottom: 6px;
height: 14px;
line-height: 14px;
margin-bottom: 8px;
display: inline-block;
}
.the-comment .comment-text{
padding-right: 25px;
}
.comment-text p{
margin-top: 0
}
/*
* ----------------
* Contact form
* ----------------
*/
#contact-form #comment-input input[type="text"] {
-moz-box-sizing: border-box;
width: 32.55%;
}
/*
* -----------------------
* Front page style 1
* -----------------------
*/
.title-icomp-front h1{
text-align: center;
margin-top: 3px;
}
/*
* --------------------------
* FAQ page
* --------------------------
*/
#faq-accordion{
margin: 25px 0;
}
/*
* ------------------------------
* GLOBAL WIDGETS
* ------------------------------
*/
.widget{
}
.widget .heading h1{
margin: 5px 0 15px 0;
}
.widget .heading h3{
margin: 0 0 10px 0;
}
/*
* ------------------------------
* Social Icons widget
* ------------------------------
*/
.social-icons-widget {
padding-top: 5px;
}
.social-icons-widget a {
margin-right:12px;
margin-bottom:8px;
display: inline-block;
}
.social-description a{
display: inline;
margin: 0;
}
/*
* ------------------------------
* Recent works widget
* ------------------------------
*/
.recent-works-widget a{
float: left;
display: inline-block;
width: 70px;
margin: 0 6px 6px 0;
position: relative;
}
.recent-works-widget img.wp-post-image{
width: 70px;
height: 70px;
transition: all 0.3s ease;
opacity: 1;
}
.recent-works-widget a:hover img.wp-post-image{
opacity: 0.75;
}
.recent-works-widget img.recent-work-link-icon{
position: absolute;
left: 50%;
top: 20%;
width:25px;
height:25px;
margin-left: -13px;
margin-top: -12px;
opacity: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: rgba(0,0,0,.6);
border-radius: 50%;
}
.recent-works-widget a:hover img.recent-work-link-icon{
opacity: 0.85;
top: 50%;
}
#footer-region .recent-works-widget a{
display: inline-block;
width: 29%;
height: auto;
margin: 0 6px 6px 0;
position: relative;
max-width: 70px;
}
#footer-region .recent-works-widget img.wp-post-image{
width: 100%;
height: auto;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
max-width: 70px;
}
/*
* -------------------------------
* SIDE NAVIGATION
* -------------------------------
*/
/* side navigation */
.widget.side-navigation-widget{
padding-right: 10px !important;
}
.widget .side-navigation{
background-color: #fefefe;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
padding: 0;
margin: 15px 0;
}
.widget .side-navigation li{
padding: 0 !important;
margin: 0;
background: none !important;
line-height: 20px;
font-size: 14px;
border: none !important;
}
.widget .side-navigation ul{
margin: 0;
}
.widget .side-navigation li a{
border: 1px solid #E5E5E5;
display: block;
margin: 0 0 -1px;
padding: 8px 4px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.widget .side-navigation li a:hover{
background: #f9f9f9;
}
.widget .side-navigation li a.active, .widget .side-navigation li a.active .icon-angle-right,
.widget .side-navigation li a:active, .widget .side-navigation li a:focus,
.widget .side-navigation li a:active .icon-angle-right,
.widget .side-navigation li a:focus .icon-angle-right{
color: #ffffff !important;
text-shadow: none;
}
.widget .side-navigation li a{
}
.widget .side-navigation > li:first-child > a{
border-radius: 6px 6px 0 0;
}
.widget .side-navigation > li:last-child > a{
border-radius: 0 0 6px 6px;
}
.widget .side-navigation .icon-angle-right{
float: right;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
font-size: 18px !important;
color: #777777 !important;
margin-right: 4px;
}
.side-navigation .children li a{
padding-left: 32px;
}
.side-navigation .children .children li a{
padding-left:52px;
}
.side-navigation .children .children .children li a{
padding-left:72px;
}
.side-navigation .children .children .children .children li a{
padding-left:92px;
}
/*
* ------------------------------
* Twitter widget
* ------------------------------
*/
.widget ul li.jtwt_tweet{
padding-left: 34px;
padding-bottom: 14px !important;
padding-top: 14px !important;
border-bottom: 1px dashed #e0e0e0;
}
.widget ul li.jtwt_tweet:last-child, .widget ul li.jtwt_loader:last-child{
border-bottom: none;
}
.jtwt_tweet p{
margin:0 0 6px 0;
}
.jtwt_date{
color: #222;
font-style: italic;
color: #111;
font-size: 12px;
}
#footer-region .widget ul li.jtwt_tweet{
padding-bottom: 14px !important;
padding-top: 14px !important;
border-bottom: 1px dashed #555;
}
#footer-region .widget ul li.jtwt_tweet:last-child{
border-bottom: none;
}
#footer-region .jtwt_date{
display: none;
}
/*
* ------------------------------
* Flickr widget
* ------------------------------
*/
.flickr_badge_image{
display: inline-block;
width: 29%;
height: auto;
margin: 0 6px 6px 0;
max-width: 78px;
}
/*
* ------------------------------
* Ads block widget
* ------------------------------
*/
.ads125container{
text-align: center;
}
.img-holder{
display: inline-block;
margin: 0 0 10px 10px;
}
.img-holder img{
width: 125px;
height: 125px;
}
#left-sidebar .widget.icomp_125_ads, #right-sidebar .widget.icomp_125_ads{
padding: 0;
}
/*
* ------------------------------
* Tabs widget
* ------------------------------
*/
.widget #tabs-widget ul.nav-tabs{
margin: 0;
}
.widget #tabs-widget ul.nav-tabs > li{
padding: 0 !important;
list-style: none !important;
background: none !important;
margin-left: 3px;
margin-bottom: 0 !important;
border-bottom: none !important;
}
.widget #tabs-widget ul.nav-tabs > li a{
padding: 5px 10px 5px 10px;
font-size: 13px;
}
.widget #tabs-widget .tab-content{
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
padding: 8px 15px 0 15px;
}
.widget #tabs-widget ul.tabs-ul li{
list-style: none;
background: none;
padding: 15px 0 !important;
min-height: 52px;
line-height: 130%;
}
.widget #tabs-widget ul.tabs-ul li .tab-thumb{
width: 54px;
height: auto;
float: left;
margin-right: 10px;
}
.widget #tabs-widget ul.tabs-ul li .meta{
color: #888;
font-size:12px;
padding-top: 2px;
}
.widget #tabs-widget ul.tabs-ul .author-name{
text-transform: capitalize;
color: #333;
}
.widget #tabs-widget ul.tabs-ul .comment-text{
color: #666666;
}
/*
* ------------------------------
* TAGLINE/HIGHLIGHTED REGIONS
* ------------------------------
*/
#tagline-area{
border-bottom: 1px solid #e2e2e2;
}
.tagline_region{
padding: 15px 20px;
}
#highlighted-box{
float: right;
}
.highlighted_box{
padding: 8px 15px;
color: #FFFFFF;
}
#highlighted-box .inner{
border-left-width: 4px;
border-left-style: solid;
}
.highlighted_box h1, .highlighted_box h2, .highlighted_box h3,
.highlighted_box h4, .highlighted_box h5, .highlighted_box h6{
color: #FFFFFF !important;
}
.highlighted_box a{
text-decoration: none;
color: #FFFFFF;
border-bottom:1px dotted #FFFFFF;
}
.highlighted_box a:hover{
border-bottom:1px solid #FFFFFF;
}
/*
* ------------------------------
* FRONT PAGE BLOCKS (UNDER TAGLINE AND HIGHLIGHTED BLOCK)
* ------------------------------
*/
#front-blocks-area .inner{
padding: 0 25px;
}
#front-blocks-area .widget{
padding: 25px 0;
}
/*
* ------------------------------
* COLORFUL BLOCK ABOVE FOOTER
* ------------------------------
*/
#colorful-block{
color: #fff;
background-position: top;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
box-shadow: 0 0 4px 2px rgba(0,0,0, 0.15) inset;
border-top: 3px solid;
border-bottom-width: 3px;
border-bottom-style: solid;
}
#colorful-block .widget{
padding: 18px 25px;
}
#colorful-block .heading h3{
color: #fff;
margin-top: 0;
margin-bottom: 10px;
}
/*
* ------------------------------
* Newsletter plugin
* ------------------------------
*/
.newsletter.newsletter-widget {
float: right;
margin: -14px 0 0 20px;
}
.newsletter.newsletter-widget form{
margin:0;
}
.newsletter.newsletter-widget form p{
display: inline-block;
margin: 0;
}
.newsletter.newsletter-widget form input{
margin: 0 6px 0 0;
color: #7f7f7f;
}
.newsletter.newsletter-widget form input:focus:invalid:focus,
.newsletter.newsletter-widget form textarea:focus:invalid:focus,
.newsletter.newsletter-widget form select:focus:invalid:focus{
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
@media screen and (max-width: 767px) {
.newsletter.newsletter-widget{
float: none;
margin:15px 0;
}
}
/*
* ------------------------------
* PORTFOLIOS
* ------------------------------
*/
.portfolio-item{
margin: 0 10px 20px 10px;
float: left;
}
.portfolio-item img{
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing : border-box;
box-sizing: border-box;
}
.portfolio-container{
margin-top: 35px;
}
.portfolio-listing .btn-group{
margin: 10px 0 0 10px;
}
.portfolio-listing .btn-group li{
padding: 4px 0;
}
.portfolio-listing .btn-group a{
color: #6f6f6f;
padding: 4px 20px;
}
.portfolio-listing .btn-group .btn-theme a{
color: #fff;
}
.portfolio-image{
position: relative;
}
#filter-container{
text-align: center;
}
/* fix firefox slight image movement issue */
.portfolio-image:after {
content: ".";
position:absolute;
top:0;
left:0;
z-index:-1000;
}
.portfolio-caption{
position: absolute;
top: 0;
left: 0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-caption .post-image-hover{
position: absolute;
width: 48px;
height: 48px;
padding:0;
top: 20%;
left: 50%;
z-index: 200;
margin-top: -24px;
margin-left: -24px;
opacity: 0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-image:hover .post-image-hover{
top: 48%;
opacity: 1;
}
.portfolio-caption .post-image-hover img{
width: auto;
height: auto;
}
.portfolio-caption-text{
width: 85%;
height: 32px;
position: absolute;
bottom:-48px;
left: -2px;
padding:8px 8px 8px 10px;
border-top-left-radius: 2px;
-moz-top-left-border-radius: 2px;
-webkit-top-left-border-radius: 2px;
opacity: 0;
color: #fff;
font-size: 12px;
line-height: 16px;
}
.portfolio3 .portfolio-caption-text{
font-size: 13px;
}
.portfolio2 .portfolio-caption-text{
font-size: 14px;
}
.portfolio1 .portfolio-caption-text{
font-size: 16px;
}
.portfolio-caption-text a{
color: #f5f5f5;
}
.portfolio-link-icon{
display: inline-block;
vertical-align:middle;
height: 30px;
width: 17px;
background-position: right center;
background-repeat: no-repeat;
float: right;
padding-right: 5px;
}
.portfolio-link{
display: block !important;
float: left;
}
.portfolio-listing .pagination{
margin-left: 10px;
margin-top: 10px;
}
/* portfolio text style */
.portfolio-item-text-caption{
margin: 20px 0;
}
.portfolio-more-info{
margin-top: 10px;
}
.style-text .portfolio-image img.wp-post-image{
-webkit-transition: opacity .4s ease;
-moz-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
-ms-transition: opacity .4s ease;
transition: opacity .4s ease;
}
.style-text .portfolio-image:hover img.wp-post-image{
opacity: .8;
}
/*
* cols
*/
.portfolio4 .portfolio-item{
margin: 0 10px 20px 10px;
width: 260px;
}
.portfolio3 .portfolio-item{
margin: 0 10px 20px 10px;
width: 353px;
}
.portfolio2 .portfolio-item{
margin: 0 10px 20px 10px;
width: 539px;
}
.portfolio1 .portfolio-item{
margin: 0 10px 20px 10px;
width: 1095px;
}
/*
* portfolio singles
*/
.full_width .project-details{
padding-left: 20px;
}
.half_width .preject-text h3{
margin-top: 10px;
}
.half_width .flexslider:first-child{
margin-top: 15px;
}
.project-details .larger-text{
padding-bottom: 5px;
}
.project-info-column{
margin-bottom: 15px;
}
.project-url{
padding-top: 10px;
}
.video-portfolio-caption{
padding: 3px 6px 3px 10px;
background: #e7e7e2;
font-size: 12px;
border-top-width: 1px ;
border-top-style: solid;
}
.video-portfolio-caption a{
color: #6f6f6f ;
}
@media screen and (max-width: 767px) {
.project-details{
padding-left: 0;
}
}
.portfolio-tax-item{
padding-bottom:25px;
margin-bottom: 25px;
text-align: center;
}
.portfolio-tax-item h3:first-child{
margin: 0 0 10px ;
}
.portfolio-tax-item .portfolio-tax-desc {
padding-top: 20px;
}
.portfolio-tax-listing .pagination{
padding-top: 0;
}
/*
* -------------------------------
* Feedback link
* ------------------------------
*/
#feedback-container{
width:363px;
position: fixed;
bottom: 15%;
left: -363px;
background: #fdfdfd;
border-radius: 0 5px 5px 0;
box-shadow: -1px 1px 6px rgba(50,50,50,.3);
overflow:visible;
opacity: 0;
z-index: 1000;
}
#feedback-div {
float: right;
width: 32px;
height: auto;
margin-right: -32px;
position: fixed;
bottom: 18%;
left: 0;
}
#feedback-link {
padding: 20px 10px 20px 8px;
border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
transition: background .25s linear 0s;
-moz-transition: background .25s linear 0s;
-webkit-transition: background .25s linear 0s;
display: block;
}
.feedback-link{
background-color: rgba(0,0,0,.15);
}
#feedback-form{
padding: 10px 15px 20px 15px;
}
#feedback-form input[type=text]{
width: 150px;
}
#feedback-form textarea{
width: 317px;
}
#feedback-form form{
margin: 0;
}
.feedback-close{
position: absolute;
right: 10px;
top: 5px;
cursor: pointer;
}
/*
* ------------------------------
* FOOTER SETTING
* ------------------------------
*/
#footer-region {
background: rgb(15,15,15); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(15,15,15,1) 0%, rgba(34,34,34,1) 27%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,15,15,1)), color-stop(27%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(15,15,15,1) 0%,rgba(34,34,34,1) 27%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(15,15,15,1) 0%,rgba(34,34,34,1) 27%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(15,15,15,1) 0%,rgba(34,34,34,1) 27%); /* IE10+ */
background: linear-gradient(to bottom, rgba(15,15,15,1) 0%,rgba(34,34,34,1) 27%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#222222',GradientType=0 ); /* IE6-8 */
color: #888;
}
.footer-inner{
padding: 30px 25px 0 25px;
}
#footer-region .widget ul li, #footer-region .widget ul li{
border-bottom: none;
}
#footer-bar {
padding: 6px 0;
background: rgb(51,51,51); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(43,43,43,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(43,43,43,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(43,43,43,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(43,43,43,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(43,43,43,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(43,43,43,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-8 */
line-height: 30px;
font-size: 92%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-left-radius: 4px;
-moz-border-bottom-right-radius: 4px;
}
#footer-bar .inner{
padding: 0 25px;
}
#footer-links{
margin: 0;
padding: 0;
}
#footer-links li{
display: inline-block;
padding-right: 10px;
list-style: none;
list-style-type: none;
}
#footer-links li a{
color: #777;
}
.footer-note{
text-align: right;
color: #888888;
}
#footer-region .widget{
margin-bottom: 30px;
}
.footer_style_one #footer-right .widget{
padding-left: 20px;
}
#footer-region .heading h4{
margin: 0 0 12px 0;
padding-bottom: 8px;
background: url("../images/footer_blocktitle.png") repeat-x scroll center bottom transparent;
}
#footer-region h1, #footer-region h2, #footer-region h3, #footer-region h4{
color: #888888;
}
#footer-region ul li{
list-style: none;
list-style-type: none;
padding: 4px 0 4px 2px;
}
#footer-region ul li.jtwt_tweet{
padding-left: 34px !important;
}
@media screen and (max-width: 767px) {
.footer-note{
text-align: left;
}
.footer_style_one #footer-right .widget{
padding-left: 0;
}
}
/*
* ------------------------------
* DROPCAPING HEADING
* ------------------------------
*/
.dropcap-heading{
width: 100%;
display:block;
margin-bottom: 25px;
overflow: visible;
position: relative;
}
.page .dropcap-heading, .post .dropcap-heading, .icompany_portfolio .dropcap-heading{
margin-top: 20px;
}
.textwidget > .dropcap-heading{
margin-top: 0;
}
.dropcapping-title{
line-height: 58px;
font-size: 24px;
float: left;
display: inline-block;
margin: 0;
margin-left: 77px;
}
.round-dropcap{
display: inline-block;
width: 58px;
height: 58px;
line-height: 58px;
text-align: center;
font-weight: bold;
font-size: 38px;
color: #fff;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.animated-border{
float: left;
border-radius: 50%;
border-width: 0;
border-style: solid;
position: absolute;
width: 58px;
height: 58px;
line-height: 58px;
font-weight: bold;
left: 0;
top: 0;
}
/*
* ------------------------------
* READMORE LINKS
* ------------------------------
*/
.icomp-read-more{
text-transform: uppercase;
font-size: 12px;
padding:5px 17px 5px 0;
}
/*
* ------------------------------
* ROUND ICONS (TRANSPARENT + WHITE)
* ------------------------------
*/
[class^="social-round-"], [class*="social-round-"] {
display: inline-block;
width: 38px;
height: 38px;
vertical-align: text-top;
/* background-image: url("../images/icons/picons_white_38.png"); */
background-position: 0 0;
background-repeat: no-repeat;
}
a.white-icon-container{
display: inline-block;
width: 38px;
height: 38px;
*margin-right: .5em;
margin-top: 1px;
vertical-align: text-top;
margin-bottom: 7px;
border: none;
text-decoration: none;
margin-right: 6px;
}
a.white-icon-container:hover{
text-decoration: none;
border-bottom: none;
}
.social-round-twitter-bird {
background-position: 0 0;
}
.social-round-flickr {
background-position: -38px 0;
}
.social-round-twitter {
background-position: -76px 0;
}
.social-round-skype {
background-position: -114px 0;
}
.social-round-digg {
background-position: -152px 0;
}
.social-round-google {
background-position: 0 -38px;
}
.social-round-linedin {
background-position: -38px -38px;
}
.social-round-vimeo {
background-position: -76px -38px;
}
.social-round-twitter {
background-position: -114px -38px;
}
.social-round-apple {
background-position: -152px -38px;
}
.social-round-picasa {
background-position: 0 -76px;
}
.social-round-rss {
background-position: -38px -76px;
}
.social-round-delicious {
background-position: -76px -76px;
}
.social-round-youtube {
background-position: -114px -76px;
}
.social-round-windows {
background-position: -152px -76px;
}
.social-round-blogger {
background-position: 0 -114px;
}
.social-round-gplus {
background-position: -38px -114px;
}
.social-round-facebook {
background-position: -76px -114px;
}
/*
* ------------------------------
* SOCIAL PICONS ICONS (dark)
* ------------------------------
*/
[class^="picon-"], [class*="picon-"] {
display: inline-block;
width: 28px;
height: 28px;
background-position: 0 0;
background-repeat: no-repeat;
}
.icons-container{
min-height: 28px;
text-align: right;
}
.icons-container a{
padding-top:12px;
margin-right: 5px;
margin-left: 5px;
}
.picon-gplus{
background-position: 0 0 ;
}
.picon-flickr{
background-position: -28px 0 ;
}
.picon-linkedin{
background-position: -56px 0 ;
}
.picon-youtube{
background-position: -84px 0 ;
}
.picon-reddit{
background-position: -112px 0 ;
}
.picon-twitter{
background-position: 0 -28px ;
}
.picon-facebook{
background-position: -28px -28px ;
}
.picon-vimeo{
background-position: -56px -28px ;
}
.picon-delicious{
background-position: -84px -28px ;
}
.picon-yahoo{
background-position: -112px -28px ;
}
.picon-rss{
background-position: 0 -56px;
}
.picon-picasa{
background-position: -28px -56px ;
}
.picon-stumbleupon{
background-position: -56px -56px ;
}
.picon-pinterest{
background-position: -84px -56px ;
}
.picon-deviantart{
background-position: -112px -56px ;
}
.picon-tumblr{
background-position: 0 -84px ;
}
.picon-digg{
background-position: -28px -84px ;
}
.picon-dribble{
background-position: -56px -84px ;
}
.picon-blogger{
background-position: -84px -84px ;
}
.picon-skype{
background-position: -112px -84px ;
}
/*
* ------------------------------
* SOCIAL PICONS SMALL HEADER
* ------------------------------
*/
[class^="picon-small-"], [class*="picon-small-"] {
display: inline-block;
width: 16px;
height: 16px;
background-position: 0 0;
background-repeat: no-repeat;
}
.picon-small-gplus{
background-position: 0 0 ;
}
.picon-small-flickr{
background-position: -16px 0 ;
}
.picon-small-linkedin{
background-position: -32px 0 ;
}
.picon-small-youtube{
background-position: -48px 0 ;
}
.picon-small-twitter{
background-position: 0 -16px ;
}
.picon-small-facebook{
background-position: -16px -16px ;
}
.picon-small-vimeo{
background-position: -32px -16px ;
}
.picon-small-delicious{
background-position: -48px -16px ;
}
.picon-small-rss{
background-position: 0 -32px;
}
.picon-small-picasa{
background-position: -16px -32px ;
}
.picon-small-stumbleupon{
background-position: -32px -32px ;
}
.picon-small-pinterest{
background-position: -48px -32px ;
}
.picon-small-tumblr{
background-position: 0 -48px ;
}
.picon-small-digg{
background-position: -16px -48px ;
}
/*
* ------------------------------
* PAGIGNATION
* ------------------------------
*/
.pagination {
clear:both;
padding:30px 0 10px 0;
position:relative;
font-size:11px;
line-height:14px;
margin: 0;
}
.pagination span, .pagination a {
display:inline-block;
float:left;
margin: 2px 4px 2px 0;
padding:1px 8px;
text-decoration:none;
width:auto;
}
.pagination a:hover{
}
.pagination .current{
border-radius: 2px;
background: #f9f9f9;
color: #888;
border: 1px solid #e3e3e3;
}
a.pagination-next, a.pagination-prev{
padding:5px 8px !important;
display: block;
font-size: 14px;
}
/*
* ------------------------------
* ISOTOPE
* ------------------------------
*/
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*
* ------------------------------
* WP SYSTEM/MODULES OVERRIDES
* ------------------------------
*/
/* mirco clearfix */
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
/*
* ------------------------------
* Usable classes
* ------------------------------
*/
.divider-space{
display: block;
font-size: 1px;
height: 25px;
line-height: 1px;
padding: 0;
width: 100%;
}
.border-color{
border-top-width:3px;
border-top-style:solid;
display: block;
font-size: 1px;
height: 1px;
line-height: 1px;
margin: 0 2%;
width: 96%;
}
.larger-text{
font-size: 125%;
}
.text-center{
text-align: center;
}
/*
* ------------------------------
* OTHER STYLES
* ------------------------------
*/
.bordered {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 20px;
padding-bottom: 6px;
}
.btn {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
blockquote {
margin: 25px;
font-weight: normal;
line-height: 150%;
font-style: italic;
font-size: 100%;
}
.checks {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
}
.checks li {
list-style: none;
list-style-image: none;
padding: 2px 0 2px 28px;
}
.checks.checks-large{
margin-top: 25px;
margin-bottom: 25px;
}
.checks.checks-large li{
padding: 6px 0 6px 36px;
font-size: 20px;
}
ul.bullet{
list-style: none;
list-style-image: none;
padding: 2px 0 ;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
}
ul.bullet .icon-circle-arrow-right.bullet-list-icon{
font-size: 13px !important;
margin-right: 6px !important;
}
#page404search {
position: relative;
width: 220px;
}
#page404search .topFormSubmit{
position: absolute;
right: 8px;
top: 6px;
}
.dropcap {
display: block;
float: left;
font-size: 40px;
line-height: 40px;
margin: 0 5px 0 0;
margin-top: -1px;
}
.btn.btn-theme {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-image: url(../images/button-shade.png);
background-repeat: repeat-x;
background-position: top;
background-size: auto;
/* Fix box-shadow transition because of bootstrap */
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/* ^^END Fix */
transition: box-shadow 0.2s linear 0s;
-webkit-transition: box-shadow 0.2s linear 0s;
-moz-transition: box-shadow 0.2s linear 0s;
}
.btn.btn-theme:hover {
background-size: auto;
background-position: top;
color: #fff;
}
.btn-theme .caret {
border-bottom-color: #FFFFFF;
border-top-color: #FFFFFF;
}
#footer-region .btn{
color: #555555;
}
#footer-region .btn.btn-theme, #footer-region .btn.btn-info, #footer-region .btn.btn-primary,
#footer-region .btn.btn-success, #footer-region .btn.btn-warning, #footer-region .btn.btn-danger,
#footer-region .btn.btn-inverse
{
color: #fff;
}
.btn-group{
margin: 15px 0;
}
.btn-group a, .btn-group a:hover, .btn-group a:active{
color: inherit;
}
.more-link{
margin-top: 30px;
}
.pager li > a, .pager li > span {
background-color: #fdfdfd;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
.aligncenter{
float: none;
text-align: center;
}
ul.children{
margin-bottom: 0;
margin-left: 14px;
}
.highlight_text{
background: #fffdce;
}
.search-results article{
margin-bottom: 30px;
}
.gallery-caption {
font-style: italic;
margin: 7px 0;
}
#modalwidget1 .modal-header , #modalwidget2 .modal-header , #modalwidget3 .modal-header {
padding: 9px 0;
margin-bottom: 15px;
}
/* back to top */
#toTop {
width: 28px;
text-align: center;
position: fixed; /* this is the magic */
bottom: 12px; /* together with this to put the div at the bottom*/
right: 12px;
cursor: pointer;
display: none;
color: #333;
font-size: 22px;
}
/* table */
table {
width: 100%;
margin-bottom: 20px;
}
table th, table td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd;
}
table th {
font-weight: bold;
}
table thead th {
vertical-align: bottom;
}
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td {
border-top: 0;
}
table tbody + tbody {
border-top: 2px solid #dddddd;
}
/*=========================================================================
PACKET STYLES
===========================================================================*/
div#packet_pager {
float: left;
width: 100%;
background: #eeeeee;
}
#packet_pager [class*="pagerbutton"] {
float: left;
width: 20%;
text-align: center;
position: relative;
box-sizing: border-box;
transition: all .3s;
}
#packet_pager [class*="pagerbutton"] a {
padding: 15px;
display: block;
width: 100%;
float: left;
box-sizing: border-box;
transition: all .3s;
}
#packet_pager [class*="pagerbutton"] a:hover {
background: #32a4dd;
color: #fff;
transition: all .3s;
}
#packet_pager [class*="selected"] a {
background: #32a4dd;
color: #fff;
transition: all .3s;
}
#packet_pager [class^="pagerbutton"] i.fa-angle-double-right {
display: none;
transition: all .3s;
}
#packet_pager [class*="selected"] i.fa-angle-double-right {
float: right;
padding-top: 5px;
width: 25px;
height: 25px;
background: #32a4dd;
color: #999999;
border-radius: 50px;
position: absolute;
z-index: 5;
margin: 13px 0px 0px -12px;
text-align: center;
box-sizing: border-box;
transition: all .3s;
}
#packet_pager i.fa-exclamation-circle {
float: left;
padding-top: 5px;
color: red;
position: absolute;
z-index: 5;
margin: 10px 0px 0px -65px;
text-align: center;
font-size: 18px;
box-sizing: border-box;
transition: all .3s;
}
#packet_pager i.fa-check-circle {
float: left;
padding-top: 5px;
color: greenyellow;
position: absolute;
z-index: 5;
margin: 10px 0px 0px -65px;
text-align: center;
font-size: 18px;
box-sizing: border-box;
transition: all .3s;
}
#packet_pager [class*="pagerbutton"]:hover > i {
background: #32a4dd;
color: #fff;
transition: all .3s;
}
div#pagecontentdiv {
float: left;
width: 100%;
}
div#footerdiv {
float: left;
width: 100%;
background: #fff;
margin-top: 10px;
border-top: 1px solid #111;
padding-top: 15px;
}
.stepperbutton, .selectedstepperbutton {
float: left;
padding: 10px 15px;
border-bottom: 0px solid #fff;
transition: all .3s;
}
.packetstepper a {
background: #CCC;
width: 40px;
height: 40px;
border: 4px solid #fff;
display: block;
border-radius: 50%;
color: #fff;
text-align: center;
font-size: 10px;
line-height: 40px;
transition: all .3s;
}
.packetstepper a:hover {
background: #06639e;
transition: all .3s;
}
.selectedstepperbutton a {
background: #06639e;
border: 4px solid #32a4dd;
transition: all .3s;
}
.packetstepper .completed a {
background: #32a4dd;
}
#new_patient_packet .span12 {
width: 94%;
box-sizing: border-box;
}
#new_patient_packet input,
#new_patient_packet textarea{
width: 100%;
box-sizing: border-box;
}
#new_patient_packet input[type="checkbox"] {
width: 20px;
margin-right: 10px;
box-sizing: border-box;
}
.sectionBox {
background: #eee;
border: 1px solid #9B9B9B;
padding: 10px;
}
.packetpager svg {
float: right;
margin-top: -37px;
margin-right: 10px;
padding: 5px;
background: #eee;
border-radius: 50%;
z-index: 20;
transition: all .3s;
}
#packet_pager [class*="selected"] svg {
background: #32a4dd;
color: #fff;
margin-right: -11px;
padding: 6px;
transition: all .3s;
}
.pagerbutton.complete a {
background: #3C6B1A;
color: #fff;
}
div#new_patient_packet {
float: left;
padding: 0px 15px 20px;
box-shadow: 0px 0px 5px;
width: 100%;
}
button.stepforwardbutton,
button.stepbackwardbutton{
padding: 10px 15px;
background: #09659f;
color: #fff;
}
button.stepforwardbutton {
float: right;
}button.stepforwardbutton:hover {
background: #5BCEFF;
}
button.inactive {
background: #727272;
}
button.pageforwardbutton {
float: right;
}
@media screen and (max-width: 767px) {
h4 {
font-size: 16px !important;
}
h5 {
font-family: Lato, Helvetica, arial, verdana;
font-weight: 300;
font-size: 14px !important;
color: #6f6f6f;
}
div#new_patient_packet {
float: left;
padding: 0px;
box-shadow: 0px 0px 0px;
width: 100%;
}
div#stepfooterdiv {
float: left;
width: 100%;
}
.site_logo {
margin-top: 15px;
margin-left: 35px;
margin-right: 35px;
margin-bottom: 0px;
}
.main-menu-container {
float: none;
margin: 10px 35px 20px 35px !important;
}
#topbarSocialIcons {
float: right;
margin-bottom: 10px;
padding-left: 15px;
margin-top: -40px;
width: 90px;
}
#main-wrapper {
padding: 2px 0;
}
.packetstepper a {
width: 30px;
height: 30px;
font-size: 9px;
line-height: 30px;
transition: all .3s;
}
}