/* ------------------------------------------------------------------------ */
/* IcoMoon Custom Font
/* ------------------------------------------------------------------------ */
@font-face{
font-family:'icomoon';
src:url(../fonts/icomoon.eot);
src:url(../font/icomoon.eot?#iefix) format("embedded-opentype"),
url(../fonts/icomoon.ttf) format("truetype"),
url(../fonts/icomoon.woff) format("woff"),
url(../fonts/icomoon.svg#icomoon) format("svg");
font-weight:400;font-style:normal}
[class^="icon-otouch-"],[class*=" icon-otouch-"]{
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-otouch-search:before{
content:"\e600"
}
.icon-otouch-plus:before{
content:"\e602"
}
.icon-otouch-close:before{
content:"\e603"
}
.icon-otouch-cart:before{
content:"\e601"
}
/*-----------------------------------------------------------------------------------*/
/* General
/*-----------------------------------------------------------------------------------*/
.negative-wrap{
margin-left: -20px;
margin-right: -20px;
}
.zoom_image img{
display: block;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
}
.zoom_image img{
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 */
}
.zoom_image:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
#main .ui-helper-reset {
line-height:1.6;
}
.latest-blog .blog-item .zoom_image:hover .blog-overlay,
.portfolio-overlay-icon .portfolio-overlay{
background: rgba(0, 0, 0, .3) none repeat scroll 0 0;
}
/* Pagination */
.otouch-pagination{
margin-top:0px;
float:left;
width:100%;
display:block;
}
.otouch-pagination ul.page-numbers {
margin: 0;
padding: 0;
font-family: 'Oswald', sans-serif;
}
.otouch-pagination ul.page-numbers li {
list-style: none;
float: left;
margin: 0;
padding: 0;
border-left: none;
margin-right:8px;
font-size:14px;
}
.otouch-pagination ul.page-numbers li a,
.otouch-pagination ul.page-numbers li{
display: block;
color: #2b353e;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.otouch-pagination ul.page-numbers li a{
border:1px rgba(0, 0, 0, 0.2) solid;
}
.otouch-pagination ul.page-numbers li span.current{
display: block;
margin: -1px;
color: #11649b ;
border:1px #11649b solid;
}
.otouch-pagination ul.page-numbers li a:hover{
color: #11649b ;
border:1px #11649b solid;
}
.portfolio-element.nomargin .otouch-pagination {
margin:30px -15px 0px -15px;
}
.single_pagination{
opacity:1;
display:none
}
.single_pagination > span{
height:80px;
width:50px;
display:block;
line-height:80px;
text-align:center;
background:#f2f2f2;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
z-index:12
}
.single_pagination > span:hover {
background-color:#dc3232
}
.single_pagination > span.next_post_link {
position:fixed;
top:50%;
left:-10px;
}
.single_pagination > span.next_post_link:hover {
left:0px;
}
.single_pagination > span.prev_post_link {
position:fixed;
top:50%;
right:-10px;
}
.single_pagination > span.prev_post_link:hover {
right:0px;
}
.single_pagination > span a{
position:absolute;
left:0px;
top:0px;
width:50px;
height:80px;
display:block;
line-height:80px;
z-index:2 ;
}
.single_pagination > span i {
position:relative;
width:50px;
height:80px;
line-height:80px;
z-index:1;
font-size:22px;
color:#666;
transition: all 0.5s ease-in-out;
}
.single_pagination > span:hover i {
color:#fff ;
}
#ott-main-wrap {
padding:80px 0;
display:inline-block;
width:100%
}
.entry-thumbnail {
overflow:hidden
}
.otouch-blog article.hentry {
position: relative;
margin-bottom: 60px;
}
.otouch-blog article.hentry:last-child {
margin-bottom:0px;
}
.otouch-blog .sticky .blog-item{
border:#fafafa 3px solid;
background:#fff
}
.otouch-blog .sticky .blog-item .blog-pic {
margin-bottom:0px !important;
}
.otouch-blog .sticky .blog-item .ott-post-content{
padding:30px 30px 30px;
}
.otouch-blog .sticky .entry-footer {
margin-bottom:0px ;
border-bottom:0px;
padding-bottom:10px;
}
.entry-gallery ,
.entry-thumbnail,
.entry-audio,
.entry-video,
article.single .entry-blockquote
{
margin-bottom:30px;
}
.entry-video > p {
margin-bottom:0
}
article a.blog-more{
display: inline-block;
border: 1px solid #dbdbdb;
background:#fff;
padding: 0px 20px;
line-height:45px;
color: #000;
font-weight:600;
font-size: 12px;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
-ms-transition: color 0.4s ease;
transition: all 0.4s ease;
position:relative;
z-index:3 ;
float:left
}
article a.blog-more:hover{
color: #fff;
background: #26292f;
border-color: #26292f;
}
.entry-title a,.entry-title{
font-size: 24px;
line-height:32px;
color: #000000;
}
.entry-title a:hover,
div.entry-meta > span a:hover,
h3.carousel-title a:hover{
color: #11649b ;
}
.entry-meta{
margin-bottom:20px;
overflow:hidden;
position:relative;
}
.entry-footer {
margin-top:20px;
padding-bottom:40px;
border-bottom :1px #ebebeb solid
}
.entry-footer .ott_post_sharebox {
position:relative;
z-index:3 ;
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb;
border-radius: 2px;
float:left ;
}
.entry-footer .ott_post_sharebox > div {
margin-right:0px;
border:0px;
}
.entry-footer .ott_post_sharebox a {
line-height:47px;
}
article .entry-footer div.ott_post_sharebox i {
border:0px;
color:#999
}
article .entry-footer div.ott_post_sharebox a:hover i {
color:#11649b
}
.absolute.stickymark {
left: 0;
position: absolute;
top: 0;
z-index: 10;
}
.triangle-topleft.hovercolor {
border-top: 60px solid #11649b ;
}
.triangle-topleft.hovercolor {
border-right: 60px solid transparent;
border-top: 60px solid #11649b ;
height: 0;
left: 0;
top: 0;
width: 0;
z-index: 30;
}
i.nav_background_color {
color: #fff;
left: 8px;
position: absolute;
top: 8px;
}
.blog-pic-wrap {
position:relative;
overflow:hidden
}
.blog-pic-wrap img {
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.blog-pic-wrap:hover img {
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
a.more-btn {
position:absolute;
right:0px;
bottom:0px;
background:#26292f ;
padding:0px 0px 0px 0px ;
color:#fff;
display:block;
-webkit-transition: all 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
-ms-transition: color 0.4s ease;
transition: all 0.4s ease;
overflow:hidden;
}
a.more-btn:active ,
a.more-btn:visited {
color:#fff
}
a.more-btn i {
padding:0px 0px;
font-size:14px;
height:100%;
position:absolute;
border-left:1px solid rgba(255, 255, 255, 0.1) ;
right:0px;
bottom:0px;
line-height:40px;
width:40px;
text-align:center;
-webkit-transition: all 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
-ms-transition: color 0.4s ease;
transition: all 0.4s ease;
}
a.more-btn:hover i {
right:-40px;
}
a.more-btn:hover {
background:#11649b ;
color:#fff;
}
a.more-btn span {
padding:0px 60px 0px 20px;
display:block;
line-height:40px;
-webkit-transition: all 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
-ms-transition: color 0.4s ease;
transition: all 0.4s ease;
}
a.more-btn:hover span {
padding:0px 35px;
}
.color-light a.more-btn {
background:#11649b;
}
.color-light a.more-btn:hover {
background:#26292f ;
}
/* posts slider modern */
.blogitem-date {
position:relative;
width:100%;
height:60px;
}
.blogitem-date-inner {
position:absolute;
right:20px;
top:20px;
height:60px;
width:60px;
border:3px #11649b solid;
padding:10px;
}
.latest-blog.style-modern .blog-pic-wrap {
padding:0px 30px
}
.latest-blog.style-modern .blog-item h4 {
font-size:32px ;
line-height:1.4;
margin-bottom:10px;
}
.latest-blog.style-modern .blog-item .blog-item-description {
padding:30px 40px 80px ;
}
.latest-blog.style-modern .blog-carousel .blog-item:hover {
background:#11649b
}
/* search reault */
.blog-search-page article{
width:100%;
display:inline-block;
margin-bottom:30px;
}
.blog-search-page .blog-item .blog-pic {
width:30%;
float:left;
margin-right:5% !important ;
display:block
}
.blog-search-page .blog-item .ott-post-content{
float:left;
width:100%;
}
/*-----------------------------------------------------------------------------------*/
/* Alert Messages
/*-----------------------------------------------------------------------------------*/
.alert-message{
position: relative;
display: block;
text-align: center;
background-color: #f9f9f9;
border-radius: 2px;
font-weight: 600;
text-transform: none;
padding:12px 40px 12px 20px;
margin-bottom:20px;
}
.alert-message.warning{
background-color: #fcf8e7;
color:#c4a80a;
}
.alert-message.warning a{
color:#c4a80a;
}
.alert-message.success{
background-color: #ebf3d8;
color:#88b12b;
}
.alert-message.success a{
color:#88b12b;
}
.alert-message.error{
background-color: #fceeee;
color:#d25c5a;
}
.alert-message.error a{
color:#d25c5a;
}
.alert-message.info{
background-color: #e5eff7;
color:#468bbf;
}
.alert-message.info a{
color:#468bbf;
}
.alert-message p{
margin:0;
padding:0;
}
.alert-message span.close{
display:block;
padding:10px 15px;
position: absolute;
top:1px;
right: 0;
cursor: pointer;
opacity: 0.5;
font-size: 14px;
font-weight: 400;
}
.alert-message span.close:hover{
opacity: 1;
}
.alert-message span.close:after{
font-size: 14px;
font-family: 'FontAwesome';
content: '\f00d';
}
/*-----------------------------------------------------------------------------------*/
/* Blockquote
/*-----------------------------------------------------------------------------------*/
blockquote {
color: #666;
margin:0 0 20px 0;
padding:0;
}
blockquote p{
margin: 0 !important;
padding: 1px 0 1px 20px;
}
/*-----------------------------------------------------------------------------------*/
/* Blog
/*-----------------------------------------------------------------------------------*/
.latest-blog{
margin: 0 0px;
}
.latest-blog .blog-item {
margin: 0 0px 40px 0px;
display: block;
position: relative;
z-index: 1;
}
.latest-blog .blog-carousel .blog-item {
background: #ffffff;
border:1px #f2f2f2 solid;
border-bottom:2px #eee solid;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.latest-blog .blog-carousel .blog-item:hover {
border-bottom-color:#11649b
}
.latest-blog .blog-item .blog-pic{
border-radius: 2px;
overflow: hidden;
display: block;
position: relative;
margin: 0;
z-index: 1;
}
.latest-blog .blog-item .blog-pic img{
max-width: 100%;
height: auto;
display: none;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.latest-blog .blog-item .blog-pic:hover img{
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
.latest-blog .blog-item .blog-overlay{
width: 100%;
height: 100%;
background: #11649b;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.latest-blog .blog-item .blog-pic i{
display: block;
width: 66px;
height: 66px;
position: absolute;
left: 50%;
top: 50%;
margin: 23px 0 0 -33px;
border-radius:50%;
border:2px #ffffff solid;
text-align: center;
line-height: 64px;
opacity: 0;
font-size: 14px;
color: #fff;
font-weight: 400;
}
.latest-blog .blog-item .blog-item-description{
padding: 30px 40px 20px;
}
.latest-blog .blog-item h4{
font-size: 18px;
margin: 0 0 10px 0;
padding: 0;
}
.latest-blog .blog-item h4 a {
color:#111
}
.latest-blog .blog-item h4 a:hover{
color: #11649b;
}
.latest-blog .blog-item .blog-item-description div{
display: block;
}
.latest-blog .blog-item .blog-item-description span{
color: #11649b ;
display: block;
margin: 20px 0 0 0;
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
}
.latest-blog .read-more-link{
display: none;
}
.latest-blog.style-nomargin .blog-carousel {
margin-bottom:-25px;
}
.latest-blog.style-nomargin .blog-carousel .blog-item {
margin:0px !important;
border:0px;
}
.latest-blog.style-nomargin .blog-item .blog-item-description {
position:absolute;
left:0px;
bottom:0px;
width:100%;
z-index:1
}
.ott-fixed-link {
position:absolute;
z-index:2;
left:0px;
top:0px;
height:100%;
width:100%;
display:block ;
}
.latest-blog.style-nomargin .blog-item{
position:relative ;
}
.latest-blog.style-nomargin .blog-item > a:after {
background: rgba(0, 0, 0, 0) radial-gradient(rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.latest-blog.style-nomargin .blog-item > a:hover:after {
opacity: .6;
}
.latest-blog.style-nomargin .blog-item h4 {
color:#fff
}
.latest-blog.style-nomargin .blog-item .blog-item-description > span {
color: #2cb3e0;
font-weight: 700;
padding: 0 10px 0 0;
position: relative;
display:inline-block ;
margin:0px;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.latest-blog.style-nomargin .blog-item .blog-item-description > span:after {
content: '\e8a2';
display: inline-block;
font-family: 'fontello';
font-size: 13px;
font-weight: normal;
margin-bottom: 2px;
margin-right: 13px;
position:absolute;
line-height:30px;
right:-15px;
top:50%;
margin-top:-15px;
}
.latest-blog.style-nomargin .blog-item > a:hover .blog-item-description > span {
color:#fff
}
.latest-blog.style-nomargin .blog-item > a {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.latest-blog.style-nomargin .blog-item .blog-item-description{
padding: 30px 120px 20px 30px;
}
/* blog */
article.format-link .link-content,
article.format-quote .entry-blockquote{
background: #26292f none repeat scroll 0 0;
color: #fff;
padding: 30px;
transition: background 0.3s ease-in-out 0s;
position:relative;
}
.single article.format-link .link-content,
.single article.format-quote .entry-blockquote {
margin-bottom:30px;
}
article.format-link .link-content:hover,
article.format-quote .entry-blockquote:hover {
background:#11649b
}
article.format-quote .entry-blockquote blockquote {
margin-bottom:0px;
border-left:0px !important;
}
article.format-quote blockquote h2 {
color: #fff;
display: block;
font: italic 400 18px Crimson Text;
padding-bottom: 20px;
position: relative;
}
article.format-link .link-content h2 {
color:#fff
}
article.format-quote blockquote span.sub-title ,
article.format-link span.sub-title{
color: #fff;
display: block;
font-size: 12px;
font-style: normal;
font-weight: 700;
letter-spacing: -1px;
line-height: 19.2px;
margin-top: 20px;
padding-left: 50px;
position: relative;
text-transform: uppercase;
transition: color 0.3s ease-in-out 0s, border-bottom-color 0.3s ease-in-out 0s;
word-spacing: 0;
}
article.format-quote blockquote span.sub-title:after {
color: rgba(255, 255, 255, 0.3);
content: "\e844";
font-family: "fontello" !important;
font-size: 30px;
left: 3px;
line-height: 1;
position: absolute;
top: -8px;
}
article.format-link span.sub-title:after {
color: rgba(255, 255, 255, 0.3);
content: "\e9ec";
font-family: "fontello" !important;
font-size: 30px;
left: 3px;
line-height: 1;
position: absolute;
top: -8px;
}
.otouch-blog .latest-blog .blog-item .blog-pic {
margin-bottom:30px;
}
.ott-hover-lnk {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block
}
.postslider-item {
background:#fff;
padding:180px 40px 80px ;
position:relative ;
box-shadow: 0 0 2px 0 rgba(0,0,0,.05);
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease
}
.postslider-item:hover {
background:#11649b
}
.postslider-item-date {
border:3px #11649b solid;
width:60px;
height:60px;
position:absolute;
left:40px;
top:30px;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease
}
.postslider-item:hover .postslider-item-date {
border-color:#fff
}
.postslider-item-date span.postslider-month {
width:100%;
display:block;
text-align:center;
font-size:14px;
margin-top:5px;
line-height:20px;
color:#11649b;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease
}
.postslider-item:hover .postslider-item-date span.postslider-month {
color:#fff !important
}
.postslider-item-date span.postslider-day {
width:100%;
display:block;
text-align:center;
font-size:22px;
line-height:20px;
color:#11649b ;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease
}
.postslider-item:hover .postslider-item-date span.postslider-day {
color:#fff !important
}
.postslider-item .blog-item-description > h4 {
font-size:24px;
line-height:30px;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease
}
.postslider-item:hover .blog-item-description > h4,
.postslider-item:hover .blog-item-description
{
color:#fff !important
}
.postslider-item .blog-item-description {
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease
}
span.postslider-cats {
display:block;
margin-top:30px;
}
.postslider-item:hover span.postslider-cats a {
color:#fff
}
.postslider-arrow {
position:absolute;
bottom:20px;
right:20px;
color:#11649b ;
border:2px #11649b solid;
width:40px;
height:40px;
line-height:37px;
border-radius:50%;
text-align:center;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease
}
.postslider-item:hover .postslider-arrow {
color:#fff;
border-color:#fff ;
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
/* grey */
.latest-blog.style-grey .blog-item{
background: #f9f9f9;
}
/*-----------------------------------------------------------------------------------*/
/* Bloglist
/*-----------------------------------------------------------------------------------*/
.latest-blog.horizontal{
margin-left: -20px;
margin-right: -20px;
}
.latest-blog-list{
margin:0;
display: block;
margin-bottom:30px !important;
}
.vertical-blog.latest-blog-list {
margin-bottom:30px !important;
}
.latest-blog-list h4{
font-size: 14px;
padding: 0;
font-family: inherit;
font-weight: 600;
line-height: 1.4;
}
.latest-blog-list h4 a {
color:#26292f
}
.latest-blog-list h4 a:hover {
color:#11649b
}
.latest-blog-list .blog-list-item-date{
background: #26292f;
color:#fff;
width:50px;
text-align: center;
font-size:12px;
text-transform:uppercase;
line-height: 20px;
font-weight: 600;
padding:10px 0 0 0;
margin: 0 20px 0 0;
float: left;
overflow: hidden;
}
.latest-blog-list .blog-list-item-date span{
display: block;
background: #11649b ;
font-size:15px;
line-height: 18px;
font-weight: bold;
padding:5px 0;
margin:10px 0 0 0;
text-transform: uppercase;
color:#ffffff;
}
.latest-blog-list .blog-list-item-thumb{
background: #f4f4f4;
color:#666666;
width:80px;
height: 80px;
padding:0;
margin: 8px 20px 0 0;
float: left;
overflow: hidden;
border-radius: 0px;
}
.latest-blog-list .blog-list-item-description{
overflow: hidden;
}
.latest-blog-list .blog-list-item-description span{
color:#11649b ;
}
.color-light .latest-blog-list .blog-list-item-description span {
color:#ddd
}
.blog-list-item-excerpt a{
margin-top: 5px;
display: block;
}
.latest-blog-list.horizontal .blog-list-item-excerpt a{
display: block;
margin-top: 10px;
}
/*-----------------------------------------------------------------------------------*/
/* Bloglist Modern
/*-----------------------------------------------------------------------------------*/
.latest-blog-list-modern{
margin: 0;
padding: 0;
list-style: none;
}
.latest-blog-list-modern li{
margin: 0;
text-align: center;
border-bottom: 0px solid #efefef;
overflow:hidden ;
position:relative
}
.latest-blog-list-modern li:last-child{
border: none !important;
}
.latest-blog-list-modern li a{
display: block;
padding: 50px 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background: rgba(0, 0, 0, 0.8);
}
.latest-blog-list-modern li a:hover{
background: rgba(0, 0, 0, 0.6);
}
.latest-blog-list-modern li h4{
font-size: 18px;
margin: 0 0 1px 0;
display: block;
padding: 0;
color:#fff
}
.latest-blog-list-modern li span{
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #ddd;
display: block;
}
.blog-modern-bg{
position:absolute;
width:100%;
height:100%;
z-index:1
}
.blog-modern-bg img {
width:100%;
}
.blog-modern-content {
position:relative;
z-index:2 ;
}
/* Blog Single */
article.single {
position: relative;
margin-bottom: 0px;
padding-bottom:40px;
}
article.single .entry-media {
margin-bottom:0px;
}
article.single .entry-video,
article.single .entry-image{
margin-bottom:30px;
}
article.single .entry-content {
margin-bottom: 30px;
}
.entry-content {
text-align: left !important;
}
article .link-qu-icon{
position:absolute;
left:0px;
top:10px;
width: 30px;
line-height: 25px;
font-size:25px;
text-align: center;
color: #dc3232;
margin-bottom: 20px;
}
article.single .facebook_share iframe {
height: 20px;
}
article .link-qu-icon > i {
font-size:20px;
margin-top:15px;
}
/* Comments */
.wp-social-login-provider-list{
padding-left:0px;
}
.wp-social-login-connect-with{
font-size:12px;
font-weight:600;
color:#333
}
#comments .wp-social-login-widget {
margin-bottom:30px;
}
p.form-submit input{
text-transform: uppercase;
}
#commentform input[type="text"], .comment-form-comment textarea{
display: inline-block;
margin-bottom: 0;
padding: 10px 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#commentform input[type="text"]:focus:-moz-placeholder,
.comment-form-comment textarea:focus:-moz-placeholder {
color:#ddd
}
.comment-form-author p label {
display: inline-block;
margin-left: 20px;
text-transform: uppercase;
}
.comment-form-author span.required {
color: #fe4743;
}
.comment-form-comment textarea{
display: inline-block;
margin-bottom: 20px;
width:100%;
max-width: 570px;
}
.comment-title-container {
position: relative;
margin-bottom: 30px;
}
.comment-title-container h4 {
position: relative;
display: inline-block;
background-color: #fff;
padding-right: 20px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
z-index: 1;
}
.comment-title-container .title-bg {
position: absolute;
width: 100%;
height: 1px;
top: 12px;
border-bottom: 1px solid #eee;
}
#reply-title.comment-reply-title {
display: none;
}
.page-wrap #reply-title.comment-reply-title {
display: block;
margin-right:40px;
}
.logged-in-as {
font-size: 11px;
}
.comment-author {
margin-bottom:10px;
}
.comment-meta{
line-height: 1;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}
.comment-meta .comment-author-link {
display: inline-block;
font-size: 15px;
font-weight: 600;
color: #000;
padding-right:10px;
}
.comment-meta .comment-author-link a {
font-size: 15px;
font-weight: 600;
}
.comment-body {
min-height: 80px;
position: relative;
}
.avatar + .comment-body {
padding: 0 0 0 100px;
}
.comment-block .avatar{
border-radius: 70px;
display: block;
float: left;
height: 70px;
overflow: hidden;
width: 70px;
}
.comment-body p:last-child {
margin-bottom: 0;
}
.comment-list {
margin:40px 0 40px 0;
padding:0px;
}
.comment-list .comment-block .comment-block {
margin-left: 30px;
}
.comment-list .comment-block > .comment-block {
margin-left:0px;
}
.comment-list .comment-block .comment-block .children {
margin:0px;
}
.comment-block .comment{
position: relative;
float: none;
margin-bottom: 40px;
width: 100%;
display:inline-block
}
.commentlist .bypostauthor { }
#fbcomments, .fb-comments,
.fb-comments iframe[style],
.fb-comments span {
width: 100% !important;
}
.page-wrap.nopadding #comments{
margin-top:40px;
}
/* Next Prev Post LINK */
.nextprev-postlink {
margin-top: 30px;
}
.nextprev-postlink > div {
width: 350px;
float: left;
}
.nextprev-postlink .next-post-link {
float: right;
text-align: right;
background-position: 315px -171px;
}
.nextprev-postlink .post-link-desc {
color: #a4a4a4;
font-size: 10px;
text-transform: uppercase;
}
.nextprev-postlink .post-link-title {
font-weight: normal;
font-size: 16px;
margin:0px;
}
.nextprev-postlink .post-link-title a {
color: #000;
}
.nextprev-postlink .post-link-title a:hover {
color: #dc3232 ;
}
/* About author on single post */
.ott-author {
margin-top: 50px;
margin-bottom:20px;
padding-bottom:50px;
border-bottom:1px #f2f2f2 solid
}
.ott-author .author-image {
float: left;
margin-right: 30px;
}
.ott-author h3, .ott-author h3 a {
font-size: 16px;
line-height: 1;
font-weight: normal;
}
.ott-author h3 a {
color: #999 !important;
}
.ott-author h3 a:hover {
color: #dc3232 !important;
}
.ott-author p {
color: #666;
margin: 0 0 0 100px;
}
.ott-author h3 {
margin: 0 0 10px 100px;
}
/* Post share box */
.single-post .ott_post_sharebox{
display: inline-block;
}
div.entry-meta .post-meta-sep {
margin: 0 7px 0px 7px;
color:#999
}
div.entry-meta span {
color:#666
}
div.entry-meta span a {
color:#666;
}
div.entry-meta.ott-post-share > span {
padding:0px;
line-height:32px;
padding-right:15px;
font-size:12px;
}
div.entry-meta.ott-post-share .ott_post_sharebox{
border-left:1px #f2f2f2 solid;
}
div.entry-meta.ott-post-share{
border:1px #f2f2f2 solid;
padding:0px 15px;
background:#fff;
height:34px;
}
.ott_post_sharebox a{
color: #A4A4A4;
display: inline-block;
}
article div.ott_post_sharebox i{
position: static;
font-size: 14px;
width: 34px;
height: 34px;
line-height: 32px;
text-align: center;
top: 0;
left: 0;
border-right: 1px solid #f2f2f2;
}
.ott_post_sharebox > div {
position: relative;
display: inline-block;
}
.ott_post_sharebox span {
display: none;
}
.facebook-share a:hover{
color: #5068b2;
}
.twitter-share a:hover{
color: #53b6ef;
}
.googleplus-share a:hover{
color: #e14c41;
}
/*-----------------------------------------------------------------------------------*/
/* Box
/*-----------------------------------------------------------------------------------*/
.box{
background: #ffffff;
padding:40px;
margin:0;
color: #777777;
border-radius: 2px;
}
.box.style-1{
color: #777777;
border:1px solid #dddddd;
}
.box.style-2{
color: #777777;
border:1px solid #e1e1e1;
border-top:3px solid #11649b;
}
.box.style-3{
color: #777777;
border: none;
background: #f9f9f9;
}
.box.style-4{
color: #777777 !important;
border:3px solid #11649b;
position: relative;
box-shadow: none;
}
.box.style-5{
background: #333333;
color: #ffffff;
border: none;
}
.box.style-6{
background: #11649b;
color: #ffffff;
border: none;
}
.box.style-7{
background: #f9f9f9;
color: #777777;
border: none;
}
.box.style-5 h1,
.box.style-5 h2,
.box.style-5 h3,
.box.style-5 h4,
.box.style-5 h5,
.box.style-5 h6,
.box.style-6 h1,
.box.style-6 h2,
.box.style-6 h3,
.box.style-6 h4,
.box.style-6 h5, .box.style-6 h6 {
color: #fff;
}
.box.nobottompadding{
padding: 40px 40px 20px 40px;
}
.box > .wpcf7{
margin: 0 0 -20px 0;
}
/* .wpcf7-form */
.wpcf7-form {
margin-bottom:0px;
}
.cf7_style-2 .wpcf7-form input[type="text"],
.cf7_style-2 .wpcf7-form input[type="password"],
.cf7_style-2 .wpcf7-form input[type="email"],
.cf7_style-2 .wpcf7-form textarea,
.cf7_style-2 .wpcf7-form select,
.cf7_style-2 .wpcf7-form .input-text {
border-radius:30px ;
border:0px;
}
.cf7_style-2 .wpcf7-form a.button,
.cf7_style-2 .wpcf7-form input[type="submit"],
.cf7_style-2 .wpcf7-form button {
border-radius:30px ;
padding: 15px 35px;
}
.wpcf7-form select {
height: 48px;
}
input[type="submit"].color-1{
background: transparent;
color:rgba(0,0,0,0.6) !important;
border: 2px solid rgba(0,0,0,0.4);
}
input[type="submit"].color-2{
background: transparent;
border: 2px solid #11649b;
color:#11649b !important
}
input[type="submit"].color-3{
background: #11649b;
color:#ffffff;
border: 2px solid #11649b;
}
input[type="submit"].color-4 {
background: #efefef;
color:#666666 !important;
border: 2px solid #efefef;
}
input[type="submit"].color-4:hover {
color:#fff !important;
}
input[type="submit"].color-5{
background: #999999;
color:#ffffff;
border: 2px solid #999999;
}
input[type="submit"].color-6{
background: #333333;
color:#ffffff;
border: 2px solid #333333;
}
input[type="submit"].color-7{
background: #ffffff;
color:#444444 !important;
border: 2px solid #ffffff;
}
input[type="submit"].color-8{
background: transparent;
color:#ffffff;
border: 2px solid rgba(255,255,255,0.4);
}
input[type="submit"].color-9{
background: transparent;
color:#11649b !important;
border: none;
padding: 0;
letter-spacing: 0;
font-size: 13px;
}
.color-light input[type="submit"].color-9 {
color:#fff !important
}
input[type=submit]:hover,
button:hover,
input[type="submit"]:hover,
input[type="submit"].color-1:hover,
input[type="submit"].color-2:hover,
input[type="submit"].color-4:hover,
input[type="submit"].color-5:hover,
input[type="submit"].color-2.accent-2:hover,
input[type="submit"].color-3.accent-2:hover{
background: #343840 !important;
border-color:#343840 !important;
color: #ffffff !important;
}
input[type="submit"].color-3:hover{
background: #343840 !important;
border-color:#343840 !important;
color: #fff !important;
}
input[type="submit"]:hover ,
input[type="submit"]:hover ,
input[type="submit"].color-1:hover ,
input[type="submit"].color-2:hover ,
input[type="submit"].color-3:hover ,
input[type="submit"].color-4:hover ,
input[type="submit"].color-5:hover ,
input[type="submit"].color-2.accent-2:hover ,
input[type="submit"].color-3.accent-2:hover {
color: #ffffff !important;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/* Button
/*-----------------------------------------------------------------------------------*/
a.button,
input[type=submit],
button{
font-size:13px;
line-height: 1 !important;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
width: auto;
padding:14px 20px 14px 20px;
margin:0 5px 5px 0;
display: inline-block;
text-align: center;
border-radius: 2px;
background: #11649b;
color:#ffffff;
border: 1px solid #11649b;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.button:active,
input[type="submit"]:active,
button:active ,
a.button:visited ,
input[type="submit"]:visited ,
button:visited
{
color:#fff !important
}
a.button:hover{
background: #444444;
color: #ffffff !important;
border-color: #444444;
}
.otouch-button-style-2 {
background: #999 !important;
color: #ffffff !important;
border-color: #999 !important;
}
.otouch-button-style-2:hover {
background: #26292f !important;
color: #ffffff !important;
border-color: #26292f !important;
}
a.button.small{
font-size:12px;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
padding:9px 14px 9px 14px;
}
a.button.medium,
input[type=submit].medium,
button.medium{
font-size:13px;
font-weight: 500;
line-height:1;
letter-spacing: 1px;
text-transform: uppercase;
padding:12px 20px 12px 20px;
}
a.button.large,
input[type=submit].large,
button.large
{
font-size:13px;
font-weight: 600;
line-height:1;
letter-spacing: 1px;
text-transform: uppercase;
padding:15px 25px 15px 25px;
}
a.button.xlarge,
input[type=submit].xlarge,
button.xlarge
{
font-size:15px;
font-weight: 700;
line-height:1;
letter-spacing: 1px;
text-transform: uppercase;
padding:20px 50px 20px 50px;
}
a.button.full,
input[type=submit].full,
button.full
{
display: block;
text-align: center;
margin: 0 !important;
padding: 0px 20px;
line-height:44px !important;
font-size:16px;
font-weight: 600;
letter-spacing: normal;
text-transform: none;
width:100%
}
.wpcf7-submit.button-full
{
display: block;
text-align: center;
margin: 0 !important;
padding: 20px;
font-size:16px;
font-weight: 600;
line-height:1.6;
letter-spacing: normal;
text-transform: none;
width:100%
}
/* Button Appear Animation
/--------------------------------------------------------- */
a.button.button-appear{
text-align: center;
position: relative;
background: #0D6;
border: 1px solid #0D6;
color: #FFF;
overflow: hidden;
transition: all 0.2s;
}
a.button.button-appear span{
display: inline-block;
position: relative;
padding: 0 10px 0 10px;
transition: padding 0.2s;
}
a.button.button-appear i{
position: absolute;
top: 50%;
right: 0px;
opacity: 0;
margin-top: -7px !important;
transition: opacity 0.2s, right 0.2s;
}
a.button.button-appear.small i{
margin-top:-4px !important;
}
a.button.button-appear.large i{
margin-top:-7px !important;
}
a.button.button-appear.full i{
margin-top:-8px !important;
}
a.button.button-appear:hover span,
a.button.button-appear:active span {
padding: 0 20px 0 0px;
}
a.button.button-appear:hover i,
a.button.button-appear:active i {
transition: opacity 0.2s, right 0.2s;
opacity: 1;
border-color: #0C5;
top: 50%;
right: -10px;
}
a.button.button-appear.full:hover i,
a.button.button-appear.full:active i {
right: -20px;
}
/* Theme Colors /--------------------------------------------------------- */
a.button.color-1{
background: transparent;
color:rgba(0,0,0,0.6) !important;
border: 2px solid rgba(0,0,0,0.4);
}
a.button.color-2{
background: transparent;
border: 2px solid #11649b;
color:#11649b !important
}
a.button.color-2 span {
color:#11649b;
}
a.button.color-3{
background: #11649b;
color:#ffffff;
border: 2px solid #11649b;
}
#reviews .add_review .button,
.pp_woocommerce .pp_content #submit{
background: #efefef;
color:#666666;
border: 2px solid #efefef;
}
a.button.color-4 {
background: #efefef;
color:#666666 !important;
border: 2px solid #efefef;
}
a.button.color-4:hover {
color:#fff !important;
}
a.button.color-5{
background: #999999;
color:#ffffff;
border: 2px solid #999999;
}
a.button.color-6{
background: #333333;
color:#ffffff;
border: 2px solid #333333;
}
a.button.color-7{
background: #ffffff;
color:#444444 !important;
border: 2px solid #ffffff;
}
a.button.color-8{
background: transparent;
color:#ffffff;
border: 2px solid rgba(255,255,255,0.4);
}
a.button.color-9{
background: transparent;
color:#11649b !important;
border: none;
padding: 0;
letter-spacing: 0;
font-size: 13px;
}
.color-light a.button.color-9 {
color:#fff !important
}
.color-light a.button.color-6:hover{
background: #ffffff !important;
color:#333 !important;
border: 2px solid #ffffff !important;
}
.color-light a.button.color-9:hover {
color:#fff !important;
background:none !important ;
text-decoration:underline
}
a.button.color-9 i{
float: right;
margin: 0px 0 0px 12px !important;
font-size: inherit !important;
line-height:13px !important;
font-size:12px !important;
}
a.button.color-9.button-appear span{
margin-right:40px !important;
padding-right:10px !important;
}
a.button.color-9.button-appear i {
margin: -6px 0 0px 8px !important;
}
a.button.color-9:hover{
background: none;
color: #333333 !important;
}
a.button.color-9:hover span{
color: #333333 !important;
}
.color-light a.button.color-9:hover span{
color: #fff !important;
opacity:.9
}
a.button.color-9.button-appear span {
padding: 0 0px;
}
input[type=submit]:hover,
button:hover,
.button:hover,
a.button:hover,
a.button.color-1:hover,
a.button.color-2:hover,
a.button.color-4:hover,
a.button.color-5:hover,
#reviews .add_review .button:hover,
.pp_woocommerce .pp_content #submit,
a.button.color-2.accent-2:hover,
a.button.color-3.accent-2:hover{
background: #343840;
border-color:#343840;
color: #ffffff !important;
}
a.button.color-3:hover{
background: #343840 !important;
border-color:#343840 !important;
color: #fff !important;
}
.button:hover span,
a.button:hover span,
a.button.color-1:hover span,
a.button.color-2:hover span,
a.button.color-3:hover span,
a.button.color-4:hover span,
a.button.color-5:hover span,
a.button.color-2.accent-2:hover span,
a.button.color-3.accent-2:hover span{
color: #ffffff;
}
.color-light input[type=submit]:hover,
.color-light button:hover,
.color-light .button:hover,
.color-light a.button:hover,
.color-light a.button.color-1:hover,
.color-light a.button.color-2:hover,
.color-light a.button.color-3:hover,
.color-light a.button.color-4:hover,
.color-light a.button.color-5:hover,
.color-light a.button.color-2.accent-2:hover,
.color-light a.button.color-3.accent-2:hover{
background: #ffffff !important;
border-color:#ffffff !important;
color: #343840 !important;
}
.color-light a.button.color-1:hover span,
.color-light a.button.color-4:hover span,
.color-light a.button.color-6:hover span,
.color-light a.button.color-2:hover span,
.color-light a.button.color-5:hover span,
.color-light a.button.color-7:hover span,
.color-light a.button.red:hover span,
.color-light a.button.orange:hover span,
.color-light a.button.color-3:hover span,
.color-light a.button.yellow:hover span,
.color-light a.button.blue:hover span,
.color-light a.button.green:hover span
{
color: #343840 !important;
}
a.button.color-6:hover{
background: #11649b;
border-color:#11649b;
color: #ffffff;
}
a.button.color-7:hover{
background: #11649b;
border-color:#11649b;
color: #ffffff;
}
.color-light a.button.color-7:hover {
background: #ddd !important;
border-color:#ddd !important;
color:#222 !important
}
.color-light a.button.color-5:hover {
background: #fff !important;
border-color:#fff !important;
color:#222 !important
}
a.button.color-8:hover{
border-color:#ffffff;
background: transparent !important ;
color:#fff !important
}
.color-light a.button.color-5:hover {
color:#333 !important
}
/* General Colors /--------------------------------------------------------- */
a.button.yellow{
background: #fdc858;
color:#ffffff;
border-color:#fdc858;
}
a.button.yellow:hover{
background: #343840;
border-color:#343840;
}
a.button.orange{
background: #f38250;
color:#ffffff;
border-color:#f38250;
}
a.button.orange:hover{
background: #343840;
border-color:#343840;
}
a.button.red{
background: #b90909;
color:#ffffff;
border-color:#b90909;
}
a.button.red:hover{
background: #343840;
border-color:#343840;
}
.color-light a.button.red:hover{
background: #fff;
border-color:#fff;
color:#26292f !important
}
a.button.blue{
background: #11649b;
color:#ffffff;
border-color:#11649b;
}
a.button.blue:hover{
background: #343840;
border-color:#343840;
}
.color-light a.button.blue:hover{
background: #fff;
border-color:#fff;
color:#26292f !important
}
a.button.green{
background: #98ca69;
color:#ffffff;
border-color:#98ca69;
}
a.button.green:hover{
background: #87ba57;
border-color:#87ba57;
}
a.button.darkcolor {
background:#343840 ;
color:#ffffff;
border-color:#343840;
}
a.button.darkcolor:hover {
background:#ffffff ;
color:#343840;
border-color:#ffffff;
}
.color-light .latest-blog .blog-carousel .blog-item{
background:#333;
border:0
}
.color-light .latest-blog .blog-item h4 a,
.color-light .latest-blog .blog-item .blog-item-description span{
color:#fff
}
/* Button Icons /--------------------------------------------------------- */
a.button.small i{
font-size: 10px;
margin:0 8px 0px 0;
font-weight: 400 !important;
}
a.button.medium i{
font-size: 14px;
margin:-1px 8px 0 0px;
font-weight: 400 !important;
}
a.button.large i{
font-size: 14px;
margin:0px 8px 0 0px;
font-weight: 400 !important;
}
a.button.full i{
font-size: 18px;
margin:0px 10px 0 0px;
font-weight: 400 !important;
}
/*-----------------------------------------------------------------------------------*/
/* portfolio
/*-----------------------------------------------------------------------------------*/
#portfolio-content {
padding:80px 0
}
/* Portfolio Animation */
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* Portfolio filter */
.portfolio-filter{
text-align:left
}
.portfolio-filter ul {
margin: 0 0 25px;
padding: 0;
text-align:left;
margin-bottom:50px
}
.portfolio-filter ul li {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
}
.portfolio-filter li a{
font-family: 'Open Sans' ,sans-serif;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
padding: 0px 0px;
color: #666 ;
float: left;
line-height: 1;
padding:0 15px;
background:rgba(0, 0, 0, 0);
line-height:40px;
position:relative ;
overflow:hidden;
border:1px rgba(0, 0, 0, 0) solid;
border-bottom:0px;
}
.portfolio-filter li:first-child a::after{
display:none ;
}
.portfolio-filter li:last-child a::after{
display:none ;
}
.portfolio-filter li:first-child a{
margin-right:0px;
}
.portfolio-filter li a span{
color:#111
}
.portfolio-filter li a.selected,
.portfolio-filter li a.selected:hover{
color: #dc3232 ;
border-color : #dc3232 ;
border-bottom:0px;
}
.portfolio-filter li:hover a{
color: #dc3232 ;
}
.portfolio-filter li a > span.btn_bg{
background: none repeat scroll 0 0 #fff;
content: "";
display: block;
height: 180%;
left: -20%;
opacity: 0;
position: absolute;
top: -135%;
transform: rotate(160deg);
width: 100%;
transition-duration: 0.5s;
z-index:1
}
.portfolio-filter li a:hover > span.btn_bg,
.portfolio-filter li a.selected > span.btn_bg
{
opacity:.1
}
/*****************************************************************************
Single Portfolio
**********************************************************************************/
.portfolio-detail {
padding:20px 0
}
.portfolio-detail-description {
margin:0 0 30px 0px;
display:inline-block;
width:100%;
}
.ott-portfolio-details {
background:#fff ;
padding:30px 30px;
position:relative;
border:1px #eee solid
}
.ott-portfolio-details > h4 {
margin-bottom:20px;
border-bottom:1px rgba(0, 0, 0, 0.05) solid;
padding-bottom:20px;
font-size:16px;
font-weight:600
}
.portfolio-detail .entry-gallery,
.portfolio-detail .entry-thumbnail{
margin-bottom:0px;
}
.ott-portfolio-details ul {
list-style:none;
margin:0px;
padding:0
}
.ott-portfolio-details ul li {
margin-bottom:10px;
}
.ott-portfolio-details .portfolio-cats ul li {
margin-bottom:0px;
}
.ott-portfolio-details span.side-portdesc-title {
font-weight:bold;
padding-right:20px;
width:100px;
}
.single-portfoli-entry-meta {
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:50px;
background:#fafafa;
line-height:50px;
}
.ott-portfolio-details-side {
margin-top:30px;
position:relative;
overflow:hidden ;
background:#fff;
border:1px #eee solid;
padding:30px;
}
.ott-portfolio-details-side li {
list-style:none;
line-height:30px;
}
.ott-portfolio-details-side li i {
margin-right:10px;
}
.single-poritem-wrap > h4 {
font-size:14px;
font-weight:600 ;
margin-bottom:10px;
}
.ott-portfolio-details-side .side-portdesc-title {
margin-right:5px;
font-weight:600
}
.ott-portfolio-details-side ul.side-por-meta {
margin:0px;
}
.ott-portfolio-details-side .portfolio-cats ul {
margin:0px
}
.side-portfoli-entry-meta .ott_post_sharebox {
margin-top:30px;
}
.side-portfoli-entry-meta .ott_post_sharebox > div {
width:40px;
float:left;
line-height:40px;
text-align:center ;
border:1px #ddd solid;
margin-right:5px;
}
.single-portfoli-entry-meta .ott_post_sharebox > div {
width:25%;
float:left;
line-height:50px;
text-align:center ;
border-left:1px #f2f2f2 solid;
margin:0px;
}
.single-portfoli-entry-meta .ott_post_sharebox > div:first-child {
border-left:0px;
}
.single-portfoli-entry-meta .ott_post_sharebox > div a i {
font-size:20px;
}
.single-poritem-wrap {
position:relative;
display:inline-block;
width:100%;
margin-bottom:25px;
border-bottom:1px #eee solid;
padding-bottom:10px;
}
a.live-preview {
width:40px;
line-height:40px;
text-align:center;
color:#fff ;
display:inline-block;
position:absolute;
right:-0px;
top:-10px;
}
a.live-preview:hover {
background:#26292f;
color:#fff
}
#portfolio-related-post {
margin:20px 0 0px 0;
display:inline-block;
width:100%;
padding-bottom:40px;
}
.ott-related-title {
float: left;
font-size: 16px;
font-weight: 600;
line-height: 30px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
width: 100%;
}
.portfolio_gallery_ns li {
margin-bottom:0px;
width:25%;
float:left ;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.portfolio_gallery_ns li:hover {
opacity:.8
}
.portfolio-side .portfolio_gallery_ns li {
width:50%;
}
.portfolio-wide .portfolio-detail-description{
margin-top:20px;
}
.single-item-title {
font-size:22px;
margin-bottom:20px;
}
.portfolio-wide, .portfolio-side {
padding-top:40px;
}
/*-----------------------------------------------------------------------------------*/
/* Callout
/*-----------------------------------------------------------------------------------*/
.callout{
margin:0;
padding:30px 20px 22px;
display: inline-block;
width:100%;
text-align: left;
}
.callout .callout-text{
font-size: 22px;
font-weight: 600;
display: inline-block;
}
.callout .callout-button{
float:right;
font-size: 22px;
font-weight: 600;
position:relative;
top:-3px;
margin-left: 30px !important;
margin-bottom:0px !important;
}
.standard-section .callout{
border-radius: 2px;
}
.callout-medium {
padding:30px 30px 22px;
}
.callout-medium.callout .callout-text {
line-height:35px;
}
.callout-large {
padding:30px 30px 22px;
}
.callout-large.callout .callout-text {
line-height:45px;
}
.callout-xlarge {
padding:30px 30px 22px;
}
.callout-xlarge.callout .callout-text {
line-height:50px;
}
/* teaser */
.teaser {
display: inline-block;
width:100%;
position:relative
}
.teaser-text {
width:70%;
float:left;
}
.teaser-btns {
position:absolute;
right:0px;
top:50%;
margin-top:-20px;
}
.teaser-text h3 {
font-size:20px;
margin-bottom:0 ;
}
.teaser-img {
display:inline-block;
margin-right:15px;
float:left;
}
.teaser-img img {
max-height:60px;
}
.teaser-bigteaser h3 {
font-size:30px;
line-height:35px;
margin-bottom:5px;
}
.teaser-bigteaser .teaser-img {
margin-right:30px;
}
.teaser-bigteaser .teaser-text > span {
font-size:15px;
}
.teaser-bigteaser a.button.medium{
padding:20px 35px;
margin:0px;
font-size:15px;
margin-left:15px
}
.teaser-bigteaser .teaser-btns {
margin-top:-29px;
}
.teaser-background {
text-align:center;
}
.teaser-background .teaser-text {
width:100%;
text-align:center;
display:block;
}
.teaser-background .teaser-btns{
margin-top: 20px;
position: relative;
right: 0;
top: 50%;
display:inline-block;
}
.teaser-background .teaser-text h3 {
background: rgba(255,255,255,0.8) ;
display:inline-block;
margin-bottom:5px;
padding:5px 20px;
font-size:25px;
}
.teaser-background .teaser-text > span {
background: rgba(255,255,255,0.8) ;
display:inline-block;
padding:5px 35px;
font-size:22px;
font-weight:700
}
/* text Teaser */
.teasertxt {
padding:30px 0px;
text-align:center ;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.teasertxt:hover {
background:#333 !important
}
.teaser-link {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
}
.teasertxt h2 {
font-size:20px;
margin-bottom:0
}
.teasertxt:hover h2 {
color:#fff !important
}
/*-----------------------------------------------------------------------------------*/
/* Category Image
/*-----------------------------------------------------------------------------------*/
a.catimage{
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
a.catimage{
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.2;
letter-spacing: 1px;
}
.catimage-text{
position: absolute;
bottom: 0px;
left: 0;
display: inline-block;
vertical-align: bottom;
background: rgba(0,0,0,0);
color: #333333;
width: 100%;
text-align: left;
padding: 15px 20px;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
background: rgba(255,255,255,0.2)
}
.color-light .catimage-text{
color: #ffffff;
background: rgba(0,0,0,0.2)
}
a.catimage span.catimage-bg{
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: auto;
display: block;
background-position: center center;
background-size:cover;
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease;
}
a.catimage .catimage-overlay{
background: rgba(255,255,255,0);
padding: 0 10%;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
-o-transition:background 0.4s ease;
transition:background 0.4s ease;
}
a.catimage:hover span{
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
a.catimage:hover .catimage-overlay{
background: rgba(255,255,255,0.5);
}
a.catimage:hover .catimage-text{
background: #11649b;
color: #ffffff;
}
/* style 3 */
.catimage.color-style3 > span.catimage-bg {
position:relative;
}
.catimage.color-style3 .catimage-text{
position:relative;
background:#333;
color:#fff ;
font-size:14px
}
.catimage.color-style3 .catimage-overlay {
padding:0px 0px;
}
/* style 4 */
.catimage.color-style4 > span {
position:relative;
z-index:1
}
.catimage.color-style4 .blind-div {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:2;
background:rgba(0, 0, 0, 0.3) ;
display:block ;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
-o-transition:background 0.4s ease;
transition:background 0.4s ease;
}
.catimage.color-style4:hover .blind-div {
opacity:0
}
.catimage.color-style4 .catimage-text{
position:absolute;
text-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.6);
color:#fff ;
background: rgba(0, 0, 0, 0) ;
font-size:15px !important;
z-index:3
}
.catimage.color-style4 .catimage-overlay {
padding:0px 0px;
}
/* style 5 */
.catimage.color-style5 > span {
position:relative;
z-index:1
}
.catimage.color-style5 .blind-div {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:2;
background:rgba(0, 0, 0, 0.4) ;
display:block ;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
-o-transition:background 0.4s ease;
transition:background 0.4s ease;
}
.catimage.color-style5:hover .blind-div {
opacity:0
}
.catimage.color-style5 .catimage-text{
position:absolute;
text-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.0);
color:#fff ;
background: rgba(0, 0, 0, 0) ;
font-size:15px !important;
z-index:3;
bottom:15px;
width:auto;
padding: 15px 25px;
}
.catimage.color-style5 .catimage-overlay {
padding:0px 0px;
}
/* style 6 */
a.catimage.color-style6 > span.catimage-bg {
position:relative
}
.catimage-title {
position:absolute;
left:20px;
bottom:60px;
padding-right:20px;
color:#fff;
z-index:3 ;
text-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.0);
font-size:22px;
font-weight:700
}
a.catimage.color-style6 .postslider-arrow {
z-index:3
}
a.catimage.color-style6:hover .postslider-arrow {
color:#fff;
border-color:#fff
}
.catimage.color-style6 .blind-div {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:2;
background:#11649b ;
display:block ;
opacity:0;
-webkit-transition:background 0.4s ease;
-moz-transition:background 0.4s ease;
-o-transition:background 0.4s ease;
transition:background 0.4s ease;
}
.catimage.color-style6:hover .blind-div {
opacity:0.9
}
/*-----------------------------------------------------------------------------------*/
/* Counter
/*-----------------------------------------------------------------------------------*/
.counter{
text-align: center;
margin: 0;
}
.counter-number{
font-size: 46px;
margin: 0;
padding: 0;
font-weight: 800;
line-height: 1;
color: #11649b;
}
.counter-title{
display: block;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0;
margin: 5px 0 0 0;
opacity: 0.8;
}
.counter.style2{
box-shadow: 0 0 2px 0 rgba(0,0,0,.05);
border-bottom:2px #f2f2f2 solid;
background:rgba(255,255,255,.8);
padding:25px 15px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.counter.style2:hover {
border-bottom-color:#11649b
}
.counter.style2 .counter-title {
color:#11649b
}
.counter.style3 .counter-number {
font-size:90px;
}
.counter.style3 .counter-title {
font-size:18px;
font-weight:700;
text-transform:none
}
.counter.style4 .counter-number {
font-size:28px;
font-weight:600;
}
.counter.style4 .counter-title {
font-size:15px;
font-weight:600;
color:#29445e;
text-transform:none
}
.color-dark .counter.style4 .counter-title {
color:#fff;
}
/* counter-icon */
.counter-icon > i{
font-size:30px;
display:block;
margin-bottom:20px;
}
.style1.counter-icon {
text-align:center;
}
.style1.counter-icon > i {
text-align:center;
}
.counter-icon-number {
font-size:32px;
font-weight:700 ;
margin-bottom:5px;
}
.style2.counter-icon {
position:relative;
padding-left:50px;
}
.style2.counter-icon > i {
position:absolute;
left:0px;
top:5px;
}
/*-----------------------------------------------------------------------------------*/
/* Divider
/*-----------------------------------------------------------------------------------*/
.divider{
display: block;
width: 100%;
height: 0;
margin: 0;
padding: 0;
}
.divider1{
clear: both;
border-bottom:1px solid rgba(0,0,0,0.05);
margin:60px 0;
height:1px;
}
.divider2{
clear: both;
height:1px;
width:100%;
background: url(../img/dotted.png) repeat-x;
margin:50px 0;
height:1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.divider2{
background-image: url(../img/dotted@2x.png);
background-size: 4px 1px;
}
}
.divider3{
height:25px;
background: url(../img/shadow.png) no-repeat center center;
width:100%;
margin:50px 0;
}
.divider4{
border-bottom:none;
margin:50px 0;
width:100%;
height:14px;
background: url(../img/stripes.png);
display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.divider4{
background-image: url(../images/stripes@2x.png);
background-size: 5px 5px;
}
}
.divider5{
text-align: center;
position: relative;
width:80px;
height:1px;
margin:60px auto;
border-bottom:2px solid #11649b;
}
.text-align-center .divider5 {
display:inline-block
}
.text-align-center .divider6 {
display:inline-block
}
.text-align-right .divider5 {
display:inline-block
}
.text-align-right .divider6 {
display:inline-block
}
.divider6{
text-align: center;
position: relative;
width:80px;
height:1px;
margin:30px auto;
border-bottom:2px solid #ddd;
}
.divider7{
clear: both;
border-bottom:2px dashed #e4e4e4;
margin:60px 0;
}
.divider8{
clear: both;
margin:60px 0;
height:1px;
text-align: center;
position: relative;
font-size: 0;
}
.divider8:after{
height: 1px;
background: #e4e4e4;
width: 20%;
display: inline-block;
content: '';
}
.divider8:before{
height: 1px;
background: #e4e4e4;
width: 20%;
display: inline-block;
content: '';
}
.divider8 .divider-icon{
display: inline-block;
font-size: 16px;
width: 50px;
margin: -14px auto 0px auto;
text-align: center;
vertical-align: text-top;
color: #c3c3c3;
}
.divider9{
clear: both;
border-bottom:1px solid rgba(255,255,255,0.3);
margin:60px 0;
height:1px;
}
.divider10{
clear: both;
border-bottom: 1px solid #dbe2e4;
border-top: 1px solid #dbe2e4;
height: 4px;
margin: 60px 0;
}
.divider11{
clear: both;
height: 4px;
border-top: 2px solid #dbe2e4;
margin: 60px 0;
display: block;
width: 100%;
position:relative
}
.divider11:after {
background: #21c2f8 none repeat scroll 0 0;
height: 2px;
left: 0;
position: absolute;
top: -2px;
width: 80px;
content: "";
display: table;
}
/*-----------------------------------------------------------------------------------*/
/* Dropcap
/*-----------------------------------------------------------------------------------*/
.dropcap{
display: block;
float: left;
font-size: 40px;
line-height: 34px;
margin: 6px 8px 0 0;
}
.dropcap.dropcap-circle{
margin:6px 9px 0 0;
width:34px;
height:34px;
line-height:34px;
font-size:20px;
padding:0;
text-align: center;
background-color: #11649b;
color: #ffffff;
font-weight: 600;
border-radius: 50%;
}
.dropcap.dropcap-box{
margin:6px 9px 0 0;
width:34px;
height:34px;
line-height:34px;
font-size:20px;
padding:0;
text-align: center;
background-color: #11649b;
color: #ffffff;
font-weight: 600;
border-radius: 2px;
}
.dropcap-circle.color,
.dropcap-box.color{
background: #444444;
}
.dropcap.dropcap-book{
margin:6px 8px 0 0;
font-family: Times, "Times New Roman", serif;
line-height:34px;
}
.dropcap.dropcap-color{
display: block;
float: left;
font-size: 40px;
line-height: 34px;
margin: 6px 8px 0 0;
color: #11649b;
}
/*-----------------------------------------------------------------------------------*/
/* Google Font
/*-----------------------------------------------------------------------------------*/
.googlefont{
line-height: 1.2;
}
/*-----------------------------------------------------------------------------------*/
/* Google Maps
/*-----------------------------------------------------------------------------------*/
.google_map{
margin-bottom:30px;
border:1px solid #cccccc;
background: #efefef;
}
.google_map.full{
width:100% !important;
height:auto;
margin:0px;
}
.google_map.fullsection{
width:100% !important;
height:auto;
margin:0px;
margin-bottom:-7px !important;
border: 0;
z-index: 1;
position: relative;
}
.gm-style-iw{
padding-top: 10px;
font-size: 14px !important;
font-family: "Open Sans", Arial, sans-serif !important;
font-weight: 400 !important;
}
.google_map img {
max-width: none;
}
.entry-content img {
max-width: 100%; /* override */
}
/*-----------------------------------------------------------------------------------*/
/* Icon
/*-----------------------------------------------------------------------------------*/
.otouch-icon{
font-size:14px;
display: inline-block;
}
/*-----------------------------------------------------------------------------------*/
/* Iconbox
/*-----------------------------------------------------------------------------------*/
.iconbox{
margin: 0 0 40px 0;
}
.iconbox p:last-child{
margin: 0;
}
.iconbox h3{
margin: 0 0 10px 0;
}
.iconbox i.boxicon{
position: relative;
z-index: 2;
-webkit-transition: all 0.08s ease-in;
-moz-transition: all 0.08s ease-in;
-ms-transition: all 0.08s ease-in;
-o-transition: all 0.08s ease-in;
transition: all 0.08s ease-in;
}
/* Accent Color */
.iconbox-style-1.otticon-color-accent i.boxicon,
.iconbox-style-2.otticon-color-accent i.boxicon,
.iconbox-style-3.otticon-color-accent i.boxicon,
.iconbox-style-8.otticon-color-accent i.boxicon,
.iconbox-style-9.otticon-color-accent i.boxicon,
.iconbox-style-13.otticon-color-accent i.boxicon,
.iconbox-style-12.otticon-color-accent i.boxicon
{
color: #11649b !important;
}
.iconbox-style-4.otticon-color-accent i.boxicon,
.iconbox-style-4.otticon-color-accent img.iconimg,
.iconbox-style-5.otticon-color-accent i.boxicon,
.iconbox-style-5.otticon-color-accent img.iconimg,
.iconbox-style-6.otticon-color-accent i.boxicon,
.iconbox-style-7.otticon-color-accent i.boxicon,
.flip .otticon-color-accent.card .back,
.iconbox-style-15.otticon-color-accent i.boxicon,
.iconbox-style-15.otticon-color-accent img.iconimg
{
background: #11649b;
color: #ffffff;
}
/* Greyscale Color */
.iconbox-style-1.otticon-color-greyscale i.boxicon,
.iconbox-style-2.otticon-color-greyscale i.boxicon,
.iconbox-style-3.otticon-color-greyscale i.boxicon,
.iconbox-style-8.otticon-color-greyscale i.boxicon,
.iconbox-style-9.otticon-color-greyscale i.boxicon,
.iconbox-style-12.otticon-color-greyscale i.boxicon,
.iconbox-style-13.otticon-color-greyscale i.boxicon
{
color: #999999;
}
.iconbox-style-4.otticon-color-greyscale i.boxicon,
.iconbox-style-5.otticon-color-greyscale i.boxicon,
.iconbox-style-6.otticon-color-greyscale i.boxicon ,
.iconbox-style-15.otticon-color-greyscale i.boxicon ,
{
background: #f1f1f1;
color: #999999;
}
.iconbox-style-7.otticon-color-greyscale i.boxicon{
background: #262626;
color: #ffffff;
}
.flip .otticon-color-greyscale.card .back{
background: #262626;
color: #ffffff;
}
/* Greyscale Color + Light Text */
.color-light .iconbox-style-1.otticon-color-greyscale i.boxicon,
.color-light .iconbox-style-2.otticon-color-greyscale i.boxicon,
.color-light .iconbox-style-3.otticon-color-greyscale i.boxicon,
.color-light .iconbox-style-8.otticon-color-greyscale i.boxicon,
.color-light .iconbox-style-9.otticon-color-greyscale i.boxicon{
color: #ffffff !important;
}
.iconbox-style-4.otticon-color-greyscale.color-light i.boxicon,
.iconbox-style-5.otticon-color-greyscale.color-light i.boxicon,
.iconbox-style-6.otticon-color-greyscale.color-light i.boxicon
{
background: #ffffff;
color: #999999;
}
/* Style 1 /--------------------------------------------------------- */
.iconbox-style-1 i.boxicon{
font-size: 28px;
margin-bottom: -6px;
margin-right:14px;
float: left;
}
.iconbox-style-1 .iconimg{
margin-right: 10px;
}
.iconbox-style-1 i.boxicon[class*="sl-"]{
font-weight: 400;
font-size: 24px;
margin-bottom: -6px;
float: left;
}
/* Style 2 /--------------------------------------------------------- */
.iconbox-icon img {
max-width:
}
.iconbox-style-2 i.boxicon{
font-size:34px;
text-align: center;
display: inline-block;
margin-top:6px;
}
.iconbox-style-2 .iconbox-icon{
float: left;
width: 30px;
margin-top: 0px;
text-align: center;
}
.iconbox-style-2 .iconbox-content{
margin-left: 64px;
}
.iconbox-style-2 i.boxicon[class*="sl-"]{
font-size: 34px;
}
/* Style 2 big /--------------------------------------------------------- */
.iconbox-style-16 i.boxicon{
font-size:50px;
line-height:60px;
text-align: center;
display: inline-block;
}
.iconbox-style-16 .iconbox-icon{
float: left;
width: 90px;
line-height:90px;
margin-top: 0px;
text-align: center;
color:#999
}
.iconbox-style-16 .iconbox-content{
margin-left: 114px;
}
.iconbox-style-16 i.boxicon[class*="sl-"]{
font-size: 70px;
}
/* Style 3 /--------------------------------------------------------- */
.iconbox-style-3{
text-align: center;
}
.iconbox-style-3 i.boxicon{
font-size:52px;
text-align: center;
display: inline-block;
line-height: 52px;
margin-bottom: 30px;
}
.iconbox-style-3 .iconimg{
margin-bottom: 16px;
}
/* Style 4 /--------------------------------------------------------- */
.iconbox-style-4{
text-align: center;
}
.iconbox-style-4 i.boxicon ,
.iconbox-style-4 .iconbox-icon .iconimg
{
font-size:28px;
text-align: center;
display: inline-block;
width: 73px;
height: 73px;
line-height: 75px;
background:#f9f9f9;
color: #999999;
border-radius: 50%;
margin-bottom: 16px !important;
}
.iconbox-style-4 i.boxicon[class*="sl-"]{
font-size: 34px;
}
.iconbox-style-4 .iconbox-icon .iconimg{
padding:15px;
}
/* Style 5 /--------------------------------------------------------- */
.iconbox-style-5 i.boxicon,
.iconbox-style-5 .iconbox-icon .iconimg{
font-size:28px;
text-align: center;
display: inline-block;
width: 63px;
height: 63px;
line-height: 65px;
background:#f1f1f1;
color: #999999;
border-radius: 50%;
}
.iconbox-style-5 .iconbox-icon{
float: left;
}
.iconbox-style-5 .iconbox-icon .iconimg{
padding:15px;
}
.iconbox-style-5 .iconbox-content{
margin-left: 88px;
overflow: hidden;
}
.iconbox-style-5 i.boxicon[class*="sl-"]{
font-size: 30px;
}
/* Style 14 /--------------------------------------------------------- */
.iconbox-style-14 i.boxicon,
.iconbox-style-14 .iconbox-icon .iconimg{
font-size:24px;
text-align: center;
display: inline-block;
width: 63px;
height: 63px;
line-height: 60px;
background:#fff;
border:2px #eee solid;
color: #999999;
border-radius: 50%;
}
.iconbox-style-14 .iconbox-icon{
float: left;
}
.iconbox-style-14 .iconbox-icon .iconimg{
padding:15px;
}
.iconbox-style-14 .iconbox-content{
margin-left: 88px;
overflow: hidden;
}
.iconbox-style-14 i.boxicon[class*="sl-"]{
font-size: 30px;
}
/* Style 6 /--------------------------------------------------------- */
.iconbox-style-6 i.boxicon{
background: #f9f9f9;
color: #555555;
font-size:56px;
line-height: 1;
text-align: center;
display: block;
margin: 0 0 20px 0;
padding: 42px 0;
border-radius: 2px;
width:100%
}
.iconbox-style-6 .iconimg{
margin-bottom: 16px;
}
/* Style 7 /--------------------------------------------------------- */
.iconbox-style-7{
text-align: center;
background: #f9f9f9;
padding: 0 30px 50px 30px;
border-radius: 4px;
margin-top:30px;
}
.iconbox-style-7 i.boxicon{
font-size:30px;
text-align: center;
display: block;
margin: 0 auto;
width: 76px;
height: 76px;
line-height: 78px;
background:#999999;
color: #ffffff;
border-radius: 50%;
margin-top:0;
margin-bottom: 0;
top: -38px;
}
.iconbox-style-7 .iconimg{
margin: 30px 0;
}
.iconbox-style-7.iconbox h3 {
font-size:20px
}
/* Style 8 /--------------------------------------------------------- */
.iconbox-style-8{
text-align: center;
background: #f9f9f9;
padding: 30px;
border-radius: 4px;
}
.iconbox-style-8 i.boxicon{
font-size:56px;
line-height: 1;
text-align: center;
display: block;
margin: 20px auto 20px auto;
color: #999999;
}
.iconbox-style-8 .iconimg{
margin: 10px auto 20px 0;
}
/* Style 11 /--------------------------------------------------------- */
/* Style 9 /--------------------------------------------------------- */
.flip {
-webkit-perspective: 800;
-ms-perspective: 800;
-moz-perspective: 800;
-o-perspective: 800;
width: 100%;
min-height: 260px;
height: 260px;
position: relative;
display: block;
margin: 0px auto;
}
.flip .card {
width: 100%;
height: 100%;
}
.flip .front, .flip .back{
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
-moz-transform-style: preserve-3d;
-moz-transition: 0.5s;
-ms-transform-style: preserve-3d;
-ms-transition: 0.5s;
-o-transform-style: preserve-3d;
-o-transition: 0.5s;
transform-style: preserve-3d;
transition: 0.5s;
}
.flip .card .face {
width: 100%;
height: 100%;
position: absolute;
text-align: center;
}
.flip .card .front {
position: absolute;
z-index: 1;
background: #f9f9f9;
border-radius: 4px;
backface-visibility: hidden; /* W3C */
-webkit-backface-visibility: hidden; /* Safari & Chrome */
-moz-backface-visibility: hidden; /* Firefox */
-ms-backface-visibility: hidden; /* Internet Explorer */
-o-backface-visibility: hidden; /* Opera */
}
.flip .card .back {
border-radius: 4px;
transform:rotatey(-180deg);
-ms-transform:rotatey(-180deg); /* IE 9 */
-moz-transform:rotatey(-180deg); /* Firefox */
-webkit-transform:rotatey(-180deg); /* Safari and Chrome */
-o-transform:rotatey(-180deg); /* Opera */
backface-visibility: hidden; /* W3C */
-webkit-backface-visibility: hidden; /* Safari & Chrome */
-moz-backface-visibility: hidden; /* Firefox */
-ms-backface-visibility: hidden; /* Internet Explorer */
-o-backface-visibility: hidden; /* Opera */
}
.flip:hover .front {
transform:rotatey(180deg);
-ms-transform:rotatey(180deg); /* IE 9 */
-moz-transform:rotatey(180deg); /* Firefox */
-webkit-transform:rotatey(180deg); /* Safari and Chrome */
-o-transform:rotatey(180deg); /* Opera */
}
.flip:hover .back {
transform:rotatey(0deg);
-ms-transform:rotatey(0deg); /* IE 9 */
-moz-transform:rotatey(0deg); /* Firefox */
-webkit-transform:rotatey(0deg); /* Safari and Chrome */
-o-transform:rotatey(0deg); /* Opera */
backface-visibility: visible; /* W3C */
-webkit-backface-visibility: visible; /* Safari & Chrome */
-moz-backface-visibility: visible; /* Firefox */
-ms-backface-visibility: visible; /* Internet Explorer */
-o-backface-visibility: visible; /* Opera */
}
.iconbox-style-9 h3,
.iconbox-style-9 p
{
text-align:center
}
.iconbox-style-9 i.boxicon{
font-size:58px;
text-align: center;
display: block;
color: #999999;
line-height: 1;
margin: 0 0 14px 0;
padding: 0;
}
.iconbox-style-9 .iconimg{
margin: 0 0 16px 0;
}
.iconbox-style-9 table{
height: 260px;
width: 100%;
}
.iconbox-style-9 table td{
vertical-align: middle;
padding: 10px 30px 0 30px;
}
.iconbox-style-9 .back h3{
color: #ffffff;
}
/* style 10 */
.iconbox-style-10 {
border:1px #c9c9c9 solid;
padding:0px;
display:block ;
width:100%;
background:#fff ;
position:relative
}
.iconbox-style-10 .icon-wrap {
background: #f6f6f6 none repeat scroll 0 0;
border-right: 1px solid #c9c9c9;
height: 100%;
text-align: center;
width: 100px;
float:left ;
position:absolute;
}
.iconbox-style-10 .ott-icon-txt{
padding: 15px 20px 15px 130px ;
width: 100%;
float:left
}
.iconbox-style-10 .ott-icon-txt > h3 {
margin-bottom:5px;
color:#11649b
}
.iconbox-style-10.iconbox i.boxicon {
font-size:35px;
position:absolute;
line-height:45px;
margin-top:-22.5px;
top:50%;
width:100%;
left:0px;
text-align:center ;
color:#11649b
}
/* style 10 */
.iconbox-style-11 {
border:1px #eee solid;
border-right:3px #eee solid;
padding:0px;
margin-bottom:30px;
display:block ;
width:100%;
background:#fff ;
position:relative ;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.iconbox-style-11:hover {
border-right-color:#11649b ;
}
.iconbox-style-11 .icon-wrap {
height: 100%;
text-align: center;
width: 100px;
position:absolute;
right:0px;
top:0px;
}
.iconbox-style-11 .ott-icon-txt{
padding: 15px 90px 15px 20px ;
width: 100%;
float:left
}
.iconbox-style-11 .ott-icon-txt > h3 {
margin-bottom:5px;
}
.iconbox-style-11.iconbox i.boxicon {
font-size:35px;
position:absolute;
line-height:45px;
margin-top:-22.5px;
top:50%;
width:100%;
right:0px;
text-align:center ;
color:#11649b
}
/* Style 12 /--------------------------------------------------------- */
.iconbox-style-12{
text-align: left;
}
.iconbox-style-12 i.boxicon{
font-size:52px;
text-align: center;
display: inline-block;
line-height: 52px;
margin-bottom: 30px;
}
.iconbox-style-12 .iconimg{
margin-bottom: 16px;
max-width:70px;
}
/* Style 13 /--------------------------------------------------------- */
.iconbox-style-13{
text-align: center;
background: #fff;
border:1px #f2f2f2 solid;
border-bottom:2px #eee solid;
padding: 20px 20px 30px;
border-radius: 4px;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.iconbox-style-13:hover {
border-bottom-color:#11649b
}
.iconbox-style-13 i.boxicon{
font-size:30px;
line-height: 1;
text-align: center;
display: block;
margin: 10px auto 20px auto;
}
.iconbox-style-13 .iconimg{
margin: 10px auto 20px 0;
}
/* Style 15 /--------------------------------------------------------- */
.iconbox-style-15{
text-align: center;
background: #fff;
border:1px #f2f2f2 solid;
border-bottom:2px #eee solid;
padding: 55px 20px 40px;
border-radius: 4px;
display:block;
position:relative;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.iconbox-style-15:hover {
border-bottom-color:#11649b
}
.iconbox-style-15 i.boxicon,
.iconbox-style-15 img.iconimg
{
font-size:25px;
text-align: center;
display: block;
margin: 0 auto;
width: 66px;
height: 66px;
line-height: 68px;
background:#999999;
color: #ffffff;
border-radius: 50%;
margin-top:0;
margin-bottom: 0;
top: -33px;
position:absolute;
left:50%;
margin-left:-33px;
}
.iconbox-style-15 img.iconimg{
padding:15px;
}
/* Style 1/ /--------------------------------------------------------- */
.iconbox-style-17{
background: #f2f2f2 ;
padding: 25px 30px;
display:block;
position:relative;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.iconbox-style-17 i.boxicon{
font-size:50px;
line-height:50px;
text-align: center;
display: inline-block;
}
.iconbox-style-17 .iconbox-icon{
float: left;
width: 90px;
line-height:90px;
margin-top: 0px;
text-align: center;
color:#999;
position:relative;
margin-top:20px;
}
.iconbox-style-17 .iconbox-content{
margin-left: 114px;
}
.iconbox-style-17 i.boxicon[class*="sl-"]{
font-size: 70px;
}
/*-----------------------------------------------------------------------------------*/
/* Image
/*-----------------------------------------------------------------------------------*/
.single_image {
width:100%;
display:inline-block !important
}
.single_image.align-left{
text-align: left;
}
.single_image.align-right{
text-align: right;
}
.single_image.align-center{
text-align: center;
}
.single_image{
position: relative;
}
.single_image img{
max-width: 100%;
height: auto;
position: relative;
}
.single_image-caption{
display: block;
padding: 3px 12px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.6);
font-weight: 600;
color: #ffffff;
}
.single_image .overlay-bg {
background: rgba(0,0,0,0.4);
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:2;
opacity:0 ;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.single_image:hover .overlay-bg {
opacity:1
}
.single_image i {
position:absolute;
left:50%;
top:50%;
font-size:40px;
line-height:40px;
width:40px;
display:block;
margin-left:-20px;
margin-top:-20px;
color:#fff
}
.single_image a > img {
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.single_image:hover a > img {
opacity:.8
}
.clients-logo .single_image-caption {
position:relative
}
.clients-logo:hover .single_image-caption {
background:#11649b
}
/*-----------------------------------------------------------------------------------*/
/* Imagebox
/*-----------------------------------------------------------------------------------*/
.image-overlay {
background: rgba(0,0,0,0.6);
display:block;
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
z-index:2;
opacity:0 ;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.imagebox .imagebox-img:hover .image-overlay {
opacity:1
}
.image-overlay i {
position:absolute;
left:50%;
top:45%;
width:20px;
height:20px;
line-height:20px;
text-align:center;
margin-left:-10px;
margin-top:-10px;
font-size:20px;
color:#fff;
-webkit-transition:all 0.9s ease;
-moz-transition:all 0.9s ease;
-o-transition:all 0.9s ease;
transition:all 0.9s ease;
}
.imagebox .imagebox-img:hover .image-overlay i {
top:50%
}
.imagebox-img a{
position:relative;
overflow:hidden;
width:100%;
height:100%;
display:block
}
.imagebox{
background: #ffffff;
color: #777777;
display: block;
border-radius: 0px;
border-bottom:2px solid #f2f2f2 ;
box-shadow: 0 0 2px 0 rgba(0,0,0,.05);
overflow: hidden;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.imagebox:hover {
border-bottom-color:#11649b
}
.imagebox-content {
padding:30px 30px 30px 30px;
}
.imagebox .inner-content > h3 {
font-size:15px;
}
.imagebox h1,
.imagebox h2,
.imagebox h3,
.imagebox h4,
.imagebox h5,
.imagebox h6,
.imagebox p{
margin:0 0 10px 0;
}
.imagebox .imagebox-img{
margin:-1px -1px 0 -1px;
display: block;
overflow: hidden;
}
.imagebox .imagebox-img img{
width:100%;
height:auto;
vertical-align: top;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.imagebox .imagebox-img:hover img {
opacity:.8
}
.imagebox a.button{
margin:20px 0 0 0;
}
.imagebox.style-2{
border: none;
border-radius: none;
box-shadow:none;
background: #f9f9f9;
}
.imagebox.style-2 a.button{
margin:10px 0 0 0;
}
.imagebox.style-3{
border: none;
border-radius: none;
box-shadow:none;
background: none;
padding:0px;
}
.imagebox.style-3 .imagebox-content {
padding:20px 0 0;
}
.imagebox.style-4{
border: none;
border-radius: none;
box-shadow:none;
background: none;
padding:0px;
text-align:left;
}
.imagebox.style-4.imagebox {
border-radius:0
}
.imagebox.style-4 .imagebox-img {
float:left;
width:30%;
margin:0px 0 10px 0;
border-radius:0px;
margin-right:20px;
}
.gray-image::after {
border-bottom: 89px solid #fff;
border-left: 0 solid transparent;
border-right: 767px solid transparent;
bottom: 0;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0;
z-index: 9;
}
/*---------------------- image box 2 ---------------------*/
.imagebox2 .imagebox2-img {
position:relative;
overflow:hidden
}
.imagebox2:hover a.imagebox-button {
opacity:1;
bottom:0px;
}
.imagebox2 a.imagebox-button {
position:absolute;
right:0px;
bottom:0px;
background:#3a433e;
padding:8px 20px;
text-align:center;
color:#fff ;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.imagebox2 a.imagebox-button:hover {
background:#11649b
}
.imgbox2-content {
padding:30px 0 0 0
}
.imagebox2.style-4 .imgbox2-content .element-title {
position:relative
}
.imagebox2.style-4 .imgbox2-content .element-title:before {
background:#11649b ;
top: 0px;
content: "";
height: 100%;
left: -20px;
position: absolute;
width: 3px;
z-index: 9;
}
/* style 1 */
.imagebox2.style-1{
background:#fff;
border:1px #eee solid;
}
.imagebox2.style-1 .imgbox2-content {
padding:30px 20px;
}
.color-light .imagebox2.style-1 {
background:#357cc5;
border:0;
}
.imagebox2.style-1 a.more-btn {
background:#26292f ;
z-index:2
}
.imagebox2.style-1 a.more-btn:hover {
background:#11649b ;
}
.color-light .imagebox2.style-1 a.more-btn:hover,
.color-light .imagebox2.style-3 a.more-btn:hover,
.color-light .imagebox2.style-2 a.more-btn:hover,
.color-light .imagebox2.style-4 a.more-btn:hover {
color:#26292f !important;
background:#fff ;
}
.imagebox2.style-1 .imagebox2-img img,
.imagebox2.style-2 .imagebox2-img img,
.imagebox2.style-4 .imagebox2-img img ,
.imagebox2.style-5 .imagebox2-img img
{
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
position:relative;
z-index:1 ;
width:100%
}
.imagebox2.style-1:hover .imagebox2-img img,
.imagebox2.style-2:hover .imagebox2-img img,
.imagebox2.style-4:hover .imagebox2-img img,
.imagebox2.style-5:hover .imagebox2-img img
{
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
/* style 2 */
.imagebox2.style-2 a.more-btn {
z-index:2
}
/* style 3 */
.imagebox2.style-3 a.more-btn {
display:block;
width:100%;
bottom:-40px;
z-index:2
}
.imagebox2.style-3:hover a.more-btn {
bottom:0px;
}
.imagebox2.style-3 .imagebox2-img img{
position:relative;
z-index:1;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.imagebox2.style-3:hover .imagebox2-img img {
transform: translate(0,-30px);
-webkit-transform: translate(0,-30px);
-o-transform: translate(0,-30px);
-moz-transform: translate(0,-30px);
}
/* style 4 */
.imagebox2.style-4 a.more-btn {
bottom:0px;
z-index:2 ;
opacity:0
}
.imagebox2.style-4 {
background:#fff;
border:0px #eee solid
}
.imagebox2.style-4 .imgbox2-content {
padding:30px 20px;
position:relative
}
.imagebox2.style-4:hover a.more-btn {
opacity:1
}
.color-light .imagebox2.style-4 {
background: rgba(0,0,0,.6);
border-color: rgba(0,0,0,.6);
border:0px
}
/* style 5 */
.imgbox2-content2 {
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
z-index:2
}
.imagebox2-content-bttom {
position:absolute;
left:0px;
bottom:0px;
padding:20px;
background: rgba(0,0,0,.6);
width:100%;
font-size:16px;
color:#fff ;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.imagebox2-content-bttom > p {
margin-bottom:10px;
}
.imagebox2-content-bttom .more-btn-light {
color:#fff
}
.whites-ablink {
position:absolute;
z-index:3;
width:100%;
height:100%;
left:0px;
top:0px;
display:block;
}
.imagebox2.style-5:hover .imagebox2-content-bttom {
padding:40px 20px
}
.imagebox2.style-5 .imgbox2-content2 > span.light-title {
background: rgba(0,0,0,.8);
color:#fff;
display:inline-block;
line-height:40px;
padding:0px 20px;
font-size:14px;
font-weight:600 ;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
transition:all 0.8s ease;
}
.imagebox2.style-5:hover .imgbox2-content2 > span.light-title {
background: rgba(0,0,0,1);
padding:0 35px
}
/*-----------------------------------------------------------------------------------*/
/* List
/*-----------------------------------------------------------------------------------*/
ul.styled-list{
list-style: none;
margin:0 0 0 20px;
padding:0;
}
.fa-li{
position: absolute;
left: -20px;
top: 10px;
text-align: center;
}
ul.styled-list li{
padding: 4px 0 4px 4px;
}
ul.styled-list li i{
margin-right: 7px;
font-size:16px;
text-align: center;
}
.widget_text ul.styled-list li{
padding: 0 !important;
background: none !important;
}
/*-----------------------------------------------------------------------------------*/
/* List Element
/*-----------------------------------------------------------------------------------*/
.ott_uns_list ul{
list-style: none;
margin: 0;
padding: 0;
}
.ott_uns_list > p {
margin:0px;
display:none !important
}
.ott_uns_list li{
padding:3px 0;
}
.ott_uns_list li:before {
margin-right: 10px;
}
.ott_uns_list.color-accent li:before {
color: #44bdbd;
}
.ott_uns_list.circle li:before {
font-family: "FontAwesome";
content: "\f10c";
}
.ott_uns_list.star li:before {
font-family: "FontAwesome";
content: "\f005";
}
.ott_uns_list.arrow li:before {
font-family: "FontAwesome";
content: "\f0da";
}
.ott_uns_list.circlearrow li:before {
font-family: "FontAwesome";
content: "\f138";
}
.ott_uns_list.dotcircle li:before {
font-family: "FontAwesome";
content: "\f192";
}
.ott_uns_list.plus li:before {
font-family: "FontAwesome";
content: "\f067";
}
.ott_uns_list.thumb li:before {
font-family: "FontAwesome";
content: "\f087";
}
.ott_uns_list.line li:before {
font-family: "FontAwesome";
content: "\f068";
}
.ott_uns_list.checkbox li:before {
font-family: "FontAwesome";
content: "\f00c";
}
.ott_uns_list.show_separator li{
padding: 8px 0;
border-bottom: 1px solid #efefef;
}
.ott_uns_list.show_separator li:last-child{
border: none;
}
/*-----------------------------------------------------------------------------------*/
/* Member
/*-----------------------------------------------------------------------------------*/
.member{
margin: 0;
}
.member-img img{
width: 100%;
max-width: 100%;
height:auto;
border-radius: 3px;
}
.member-img {
display: block;
margin-bottom: 20px;
}
.member h4{
text-transform: uppercase;
margin:0;
padding:0;
font-weight: 700;
font-size: 14px;
}
.member .member-role{
color:#999999;
margin: 0 0 10px 0;
}
.member .member-content{
padding:0px 0 0px 0 !important;
margin:0;
}
.member .member-social-icons{
margin: 20px 0 0 0;
padding:20px 0 0 0;
list-style: none;
border-top:1px solid rgba(130,130,130,0.14);
}
.member .member-social-icons li{
margin: 0 8px 0 0;
background:none ;
width:25px;
height:25px ;
line-height:25px;
list-style:none;
float:left ;
text-align:center;
}
.member .member-social-icons li:hover {
background:none !important
}
.member .member-social-icons li a{
font-size: 18px !important ;
width:25px;
height:25px;
text-align:center;
line-height:25px;
color:#b4b7bc
}
.member .member-social-icons li a:hover {
color:#11649b ;
background:none
}
/*-----------------------------------------------------------------------------------*/
/* Pricing Plan
/*-----------------------------------------------------------------------------------*/
.pricing-plan{
display: block;
padding: 0;
margin: 0;
border:1px solid #eee;
background: #ffffff;
border-radius: 5px;
width:100%
}
.pricing-plan-head{
text-align: left;
padding:20px 30px;
}
.style-1.pricing-plan .pricing-plan-head{
background: #ffffff;
color: #666666;
border-radius: 3px 3px 0px 0px;
}
.style-1.pricing-plan .pricing-plan-head h3{
display:block;
margin: 0;
font-size: 24px !important;
font-weight: 700;
letter-spacing: 1px;
color: #999999;
}
.pricing-plan.pricing-color-true .pricing-plan-head{
margin: -1px -1px 0px -1px;
color: #ffffff;
}
.pricing-plan.pricing-color-true .pricing-plan-head h3{
color: #ffffff;
background: none;
}
.pricing-plan .pricing-price{
}
.pricing-plan.pricing-color-true .pricing-price{
box-shadow: none;
margin: 0;
}
.pricing-plan .pricing-price span.pricing-amount{
font-size:20px;
font-weight: 600;
margin: 0;
line-height: 40px;
display:inline-block
}
.pricing-plan .pricing-price em.pricing-per{
opacity: 0.6;
padding: 0 0px 0px 10px;
margin: 0;
font-size:12px;
}
.pricing-plan.style-1 .pricing-signup{
display: block;
padding: 20px 20px;
}
.pricing-plan.style-1 a.pricing-button{
border-radius: 5px;
color: #ffffff;
display: block;
font-size: 15px;
line-height: 48px;
padding: 0 30px;
text-align: center;
text-transform: uppercase;
background: #666 ;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
a.pricing-button:hover {
background:#11649b ;
color: #ffffff;
}
.pricing-plan.style-1 ul{
margin:20px 0 0px 0;
padding:0 0 0px 0;
list-style: none;
background: #ffffff;
color: #777777;
}
.style-1.pricing-plan li{
margin: 0 20px;
padding:10px 0px 10px 20px;
text-align: left;
border-bottom: 1px solid #efefef;
position:relative
}
.style-1.pricing-plan li:after{
font-family: "FontAwesome";
content: "\f105";
position: absolute;
top: 10px;
left: 0;
font-size: 14px;
color: #cccccc;
}
.pricing-plan li:last-child{
border-bottom: none;
}
/* style 2 */
.style-2.pricing-plan{
display: block;
padding: 0;
margin: 0;
border:0px solid #eee;
background: #262626;
border-radius: 0px;
width:100%;
text-align:center
}
.pricing-plan.style-2 ul{
padding:0 0 0px 0;
margin:0px 0 20px;
list-style: none;
color: #ddd;
}
.style-2.pricing-plan li{
margin: 0 20px;
padding:10px 0px 10px 0px;
text-align:center
position:relative
}
.style-2.pricing-plan .pricing-plan-head {
text-align:center ;
border-top:5px #ddd solid
}
.style-2.pricing-plan .pricing-plan-head h3{
display:block;
margin: 0 0 20px 0;
font-size: 15px !important;
font-weight: 600;
letter-spacing: 0px;
color: #999999;
}
.style-2.pricing-plan.pricing-color-true .pricing-plan-head h3{
color: #ffffff;
}
.style-2.pricing-plan .pricing-price span.pricing-amount{
font-size:60px;
font-weight: 300;
margin: 0 0 10px 0;
line-height: 60px;
display:inline-block
}
.style-2.pricing-plan .pricing-price em.pricing-per{
opacity: 0.6;
padding: 0 0px 0px 10px;
margin: 0;
font-size:12px;
}
.pricing-plan.style-2 .pricing-signup{
display: block;
}
.pricing-plan.style-2 a.pricing-button{
color: #ffffff;
display: block;
font-size: 15px;
line-height: 48px;
padding: 0 30px;
text-align: center;
text-transform: uppercase;
background: #666 ;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.pricing-plan.style-2 a.pricing-button:hover {
background: #111 !important ;
}
/*-----------------------------------------------------------------------------------*/
/* Simple Price
/*-----------------------------------------------------------------------------------*/
.simpricing-plan {
position:relative;
display:block;
width:100%
}
.simpricing-plan .simpricing-img {
float:left;
width:25%;
}
.simpricing-plan .simpricing-plan-head {
float:left;
width:50%;
margin-left:3%
}
.simpricing-plan .simpricing-price {
float:left;
width:18%;
margin-left:4%;
position:relative;
}
.simpricing-plan .simpricing-price {
font-size:25px;
font-weight:600;
padding:0px 0;
padding-left:3%;
border-left:1px rgba(0,0,0,0.1) solid ;
position:absolute;
right:0px;
top:50% ;
line-height:30px;
margin-top:-15px;
}
/*-----------------------------------------------------------------------------------*/
/* Progressbar
/*-----------------------------------------------------------------------------------*/
.progressbar{
position: relative;
width:100%;
height: 6px;
display:block;
background: rgba(0,0,0,0.04);
margin-bottom:20px;
border-radius: 2px;
overflow: hidden;
}
.progressbar .progress-percentage{
background: #11649b;
display:block;
width:0%;
height:30px;
}
.progress-title{
font-size: 13px;
display: block;
margin:0 0 1px 0;
font-weight: 700;
letter-spacing: 1px;
}
.progress-title span{
float: right;
}
.style-2 .progress-title{
font-size: 13px;
display: block;
margin:0 0 1px 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.style-2 .progressbar {
position: relative;
width:100%;
height: 15px;
display:block;
background: rgba(0,0,0,0.04);
margin-bottom:20px;
border-radius: 2px;
overflow: hidden;
}
.style-3 .progressbar {
position: relative;
width:100%;
height: 35px;
display:block;
background: rgba(0,0,0,0.04);
margin-bottom:20px;
border-radius: 0px;
overflow: hidden;
}
.style-3 .progressbar .progress-percentage{
background: #11649b;
display:block;
width:0%;
height:35px;
}
.style-3 .progress-title{
font-size: 13px;
display: block;
margin:0 0 1px 0;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color:#fff ;
padding:0px 10px;
line-height:35px;
}
/* ott-steps */
.ott-steps {
text-align:center
}
.ott-steps-subtitle{
}
.ott-steps.style1 > .icon-wrap {
font-size:40px;
text-align:center;
width:80px;
height:80px;
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e8;
box-shadow: 0 0 0 6px #f6f6f6;
border-radius:50%;
margin:0 auto;
margin-bottom:30px;
}
.ott-steps.style1 > .icon-wrap i {
font-size:40px;
line-height:78px;
display:block
}
.ott-steps.style1.style-1 > .icon-wrap:after {
content: "";
display: table;
height: 1px;
width:80px;
background:rgba(0,0,0,.1);
position: absolute;
top: 46px;
right:-40px;
}
.ott-steps.style1.style-1 > .icon-wrap:before {
content: "";
display: table;
height: 20px;
width:20px;
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e8;
box-shadow: 0 0 0 6px #f6f6f6;
position: absolute;
right:-10px;
top: 46px;
margin-top:-10px;
border-radius:50%;
z-index:2
}
.ott-steps.style2 h2.ott-steps-subtitle {
margin-top:40px;
max-width: 80%;
position: relative;
text-align: left;
display:inline-block
}
.ott-steps.style2 span.step-num {
padding-right:10px;
font-size:60px;
position:absolute;
left:0px;
top:0px;
width:60px;
height:80px;
line-height:50px;
text-align:center
}
.ott-steps.style2 span.ott-steps-content {
font-size:20px;
font-weight:700;
line-height:30px;
padding-left:90px;
float:left
}
.steps-content {
position:relative
}
.ott-steps.style2.style-1 > .icon-wrap:before {
content: '\e8a8';
display: inline-block;
font-family: 'fontello';
height: 20px;
width:20px;
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e8;
box-shadow: 0 0 0 6px #f6f6f6;
position: absolute;
right:-10px;
top: 46px;
margin-top:-10px;
border-radius:50%;
z-index:2
}
/*-----------------------------------------------------------------------------------*/
/* portfolio
/*-----------------------------------------------------------------------------------*/
.standard-section .portfolio-element{
margin-left: -20px;
margin-right: -20px;
}
.portfolio-element.masonry {
margin-left:0 !important;
margin-right:0 !important
}
.portfolio-element.nomargin {
margin-bottom:-1px;
}
.standard-section .portfolio-element.nomargin {
margin-left: 0px;
margin-right:0px;
margin-top:40px;
}
.portfolio-element.nomargin .portfolio-items {
margin-top:0px !important;
width:100%;
display:block
}
.portfolio-items{
clear: both;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
.portfolio-items.animatedcontainer{
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.portfolio-item{
margin-bottom: 40px;
overflow: hidden;
text-align:left;
}
.portfolio-item .portfolio-image{
border-radius: 2px;
position: relative;
}
.portfolio-image-img{
position: relative;
overflow: hidden;
width: 100%;
}
.portfolio-item img{
position: relative;
max-width: 100%;
height: auto;
display: block;
margin: 0;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.portfolio-item h4{
margin: 0 0 0px 0;
padding: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.portfolio-item h4 a{ color: #666666; }
.portfolio-item h4 a:hover{
color: #11649b;
}
.full-width-section .portfolio-element.nomargin {
margin-right:-1px;
}
.portfolio-side-content {
margin-top:20px;
}
/* portfolio Filters */
.portfolio-filters {
margin: 30px 0 30px 0;
width:100%;
display:inline-block
}
#ott-main-wrap .portfolio-filters {
margin:0 0 30px;
}
.portfolio-filters ul {
padding: 0;
margin: 0;
list-style: none;
color: #cccccc;
}
.portfolio-filters ul li {
display: block;
float: left;
margin-right: 10px;
line-height: 2;
}
.portfolio-filters ul li:after{
content: '/';
}
.portfolio-filters ul li:last-child:after{
content: '';
}
.portfolio-filters ul li a {
display: block;
float: left;
color: #999999;
margin-right: 10px;
}
.portfolio-filters ul li a:hover {
color: #11649b
}
.portfolio-filters ul li a.active {
color: #11649b;
}
/* portfolio Style-Default */
.portfolio-default .portfolio-item .portfolio-image{
margin: 0 0 16px 0;
}
.portfolio-image {
overflow:hidden;
}
/* portfolio Style-Grid */
.portfolio-grid .portfolio-item{
margin-bottom: 40px;
}
.portfolio-grid .portfolio-item .portfolio-image{
margin: 0 0 0 0;
padding: 0;
}
/* portfolio Style-Nomargin */
.portfolio-nomargin{
margin: 0 !important;
}
.portfolio-nomargin .nomargin-col-3.portfolio-item{
width: 33.333%;
float: left;
margin: 0;
}
.portfolio-nomargin .nomargin-col-4.portfolio-item {
width:25% ;
float: left;
margin: 0;
}
.portfolio-nomargin .nomargin-col-2.portfolio-item {
width: 50%;
float: left;
margin: 0;
}
.portfolio-nomargin .portfolio-item .portfolio-image{
border-radius: 0;
}
.portfolio-nomargin .portfolio-item .portfolio-image img{
width: 100%;
height: auto;
}
/* portfolio Style-Masonry */
.portfolio-masonry{
background: #f9f9f9;
margin: 0 !important;
}
.portfolio-masonry .portfolio-item{
float: left;
margin: 0;
}
.portfolio-masonry .portfolio-item .portfolio-image{
border-radius: 0;
}
.portfolio-masonry .portfolio-item.regular{
width: 19.999%;
}
.portfolio-masonry .portfolio-item.wide{
width: 39.999%;
}
.portfolio-masonry .portfolio-item.tall{
width: 19.999%;
}
.portfolio-masonry .portfolio-item.widetall{
width: 39.999%;
}
.portfolio-masonry .portfolio-item img{
width: 100%;
height: auto;
}
/* Overlay-Icon */
.portfolio-overlay-icon .portfolio-image {
position:relative;
overflow:hidden
}
.portfolio-overlay-icon .portfolio-image img{
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.portfolio-overlay-icon .portfolio-image:hover img{
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
.portfolio-overlay-icon .portfolio-overlay{
width: 100%;
height: 100%;
background: #11649b;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
cursor: pointer !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-overlay-icon .portfolio-item:hover .portfolio-overlay {
opacity:.9
}
.portfolio-overlay-icon .portfolio-item:hover i{
opacity:1;
margin-top:-33px;
}
.portfolio-overlay-icon i{
display: block;
width: 66px;
height: 66px;
position: absolute;
left: 50%;
top: 50%;
margin: 23px 0 0 -33px;
border-radius:50%;
border: 2px rgba(255,255,255,0.6) solid;
text-align: center;
line-height: 64px;
opacity: 0;
font-size: 20px;
color: rgba(255,255,255,1);
font-weight: 400;
z-index: 2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-overlay-icon i a{ color: #ffffff; }
.portfolio-overlay-icon i:hover {
border-color: rgba(255,255,255,1);
}
span.portfolio-meta a {
color:#999
}
/* Overlay-Effect */
.portfolio-overlay-effect .portfolio-image-img {
z-index:1
}
.portfolio-overlay-effect .portfolio-overlay{
position: relative;
bottom: 0px;
width: 100%;
height: auto;
background: #eaeaea;
padding:50px 30px ;
z-index:2 ;
display:inline-block;
}
.portfolio-overlay-effect .portfolio-item:hover .ott-grid-overlay {
background: rgba(0,0,0,.5);
}
.portfolio-overlay-effect .portfolio-item .ott-grid-overlay {
background: rgba(0,0,0,.0);
}
.portfolio-overlay-effect =.ott-grid-overlay {
position:absolute ;
z-index:3 ;
}
.portfolio-overlay-effect .overlay-effect span{
display: block;
margin: 0px 0px;
color: #333;
}
.portfolio-overlay-effect span.element-title:hover {
color:#11649b !important
}
.portfolio-overlay-effect .portfolio-item:hover img {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.portfolio-overlay-effect .portfolio-item:hover img{
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
.portfolio-overlay-effect .element-tag {
position:absolute;
right:0px;
top:70px;
background:#11649b ;
color:#fff;
padding:3px 12px;
z-index:4
}
.portfolio-overlay-effect .element-tag a{
color:#fff !important;
font-size:14px;
font-weight:600;
text-transform:uppercase
}
.portfolio-element.nomargin .portfolio-overlay {
border-right:1px solid rgba(0,0,0,.05);
}
/* Overlay-Name */
.portfolio-overlay-name .portfolio-item:hover img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transform: translate(0,0);
-webkit-transform: translate(0,0);
-o-transform: translate(0,0);
-moz-transform: translate(0,0);
}
.portfolio-overlay-name .portfolio-item:hover img{
-webkit-transform:scale(1.1); /* Safari and Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* IE 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}
.portfolio-overlay-name .portfolio-item:hover .ott-grid-overlay {
background:none
}
.portfolio-overlay-name .portfolio-overlay{
background: #11649b;
width:102%;
height:100%;
position:absolute;
display:block;
left:-1%;
top:0px;
z-index:6;
transform: translate(0,100%);
-webkit-transform: translate(0,100%);
-o-transform: translate(0,100%);
-moz-transform: translate(0,100%);
perspective: 100px;
transform-style: preserve-3d;
transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important ;
}
.portfolio-overlay-name .portfolio-item:hover .portfolio-overlay {
opacity:1 ;
transform: translate(0,100%);
-webkit-transform: translate(0,100%);
-o-transform: translate(0,100%);
-moz-transform: translate(0,100%);
}
.portfolio-overlay-name .portfolio-overlay span{
display: block;
margin: 25px 25px 0px 25px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
line-height: 1.7;
}
.portfolio-overlay-name .portfolio-overlay > p {
padding:10px 25px 25px;
color:#fff
}
.portfolio-overlay-name .portfolio-overlay i{
color: #ffffff !important;
position: absolute;
bottom: 20px;
left: 25px;
opacity: 0.5;
font-size: 20px;
}
.ott-grid-overlay {
position:absolute;
left:0px;
top:0px;
padding:20px;
width:100%;
height:100% ;
z-index:2;
background:rgba(0,0,0,.5) ;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ott-grid-overlay .ott-grid-overlay-inner {
display: block;
height: 100%;
position: relative;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .ott-grid-overlay .ott-grid-overlay-inner {
opacity:0
}
.portfolio-item .ott-grid-overlay .ott-overlay-content {
left: 15%;
width: 70%;
top:20%;
position: absolute;
}
.ott-grid-overlay .ott-overlay-content h3 {
color:#fff;
position:relative ;
padding-top:20px;
font-size:18px;
line-height:25px;
}
.ott-grid-overlay .ott-overlay-content h3:after {
background: #11649b ;
content: "";
display: table;
height: 3px;
left: 0;
margin-bottom: 0;
position: absolute;
top: 0;
width: 40px;
}
.portfolio-link{
position:absolute;
right:-40px;
bottom:-40px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
background:#11649b;
color:#fff ;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-link:active,
.portfolio-link:visited {
color:#fff ;
}
.portfolio-link:hover {
background:#fff;
color:#11649b
}
.portfolio-item:hover .ott-grid-overlay .portfolio-link {
bottom:0px;
right:0px;
}
/*-----------------------------------------------------------------------------------*/
/* Pullquote
/*-----------------------------------------------------------------------------------*/
.pullquote {
color: #adadad;
width:260px;
margin: 22px 0 !important;
}
.pullquote.align-left{
float: left;
padding: 0px 20px 0px 20px;
border-left: 4px solid #e6e6e6;
}
.pullquote.align-right{
float: right;
padding: 0px 20px 0px 20px;
border-right: 4px solid #e6e6e6;
}
/*-----------------------------------------------------------------------------------*/
/* Spacer
/*-----------------------------------------------------------------------------------*/
.spacer{
display:block;
width:100%;
margin:0;
clear:both;
}
/*-----------------------------------------------------------------------------------*/
/* Social Icons
/*-----------------------------------------------------------------------------------*/
.social-icon {
display: inline-block;
margin:0 5px 5px 0;
background-color: #f9f9f9;
border-radius: 3px;
width:40px;
height:40px;
line-height: 40px;
font-size: 21px;
overflow: hidden;
}
.social-icon a{
display: inline-block;
width:40px;
height:40px;
line-height: 40px;
font-size: 21px;
text-align: center;
color: #999999;
}
.social-icon a:hover{
background-color: #777777;
color: #ffffff;
}
.social-big,
.social-big a{
width:60px;
height:60px;
line-height: 60px;
font-size: 28px;
}
.social-big.style2,
.social-big.style2 a {
background-color: #777777;
color: #ffffff;
}
/*-----------------------------------------------------------------------------------*/
/* Table
/*-----------------------------------------------------------------------------------*/
.custom-table-1 table {
margin: 0 0 20px 0;
text-align: left;
border:1px solid #e1e1e1;
border-radius: 2px;
}
.custom-table-1 tr:nth-child(even) {
background: #f9f9f9;
}
.custom-table-1 tr:nth-child(odd) {
background: #ffffff;
}
.custom-table-1 th,
.custom-table-1 td {
padding: 10px 20px;
vertical-align: middle;
}
.custom-table-1 thead th{
font-size:14px;
font-weight:700;
color:#333333;
border-bottom:1px solid #e1e1e1;
padding:15px 20px;
background-color: #fcfcfc;
}
/* Style-2 /--------------------------------------------------------- */
.custom-table-2 table {
margin: 0 0 20px 0;
text-align: left;
border: 1px solid #e1e1e1;
border-radius: 2px;
}
.custom-table-2 tr:nth-child(even) {
background: #ffffff;
}
.custom-table-2 tr:nth-child(odd) {
background: #ffffff;
}
.custom-table-2 th,
.custom-table-2 td {
padding: 10px 20px;
vertical-align: middle;
border: 1px solid #e1e1e1;
}
.custom-table-2 tr:hover {
background: #f9f9f9;
}
.custom-table-2 thead th{
color:#333333;
font-size:14px;
font-weight:700;
border:none;
border:1px solid #e1e1e1;
padding:15px 20px;
background-color: #fcfcfc;
}
/* Style-3 /--------------------------------------------------------- */
.custom-table-3 table {
margin: 0 0 20px 0;
text-align: left;
}
.custom-table-3 tr:nth-child(even) {
background: #ffffff;
}
.custom-table-3 tr:nth-child(odd) {
background: #ffffff;
}
.custom-table-3 th,
.custom-table-3 td {
padding: 10px 20px;
vertical-align: middle;
border-bottom:1px solid #e1e1e1;
}
.custom-table-3 tr:hover {
background: #fcfcfc;
}
.custom-table-3 thead th{
font-size:14px;
font-weight:700;
color:#ffffff;
border:none;
padding:15px 20px;
background: #333333;
}
/*-----------------------------------------------------------------------------------*/
/* animicon
/*-----------------------------------------------------------------------------------*/
.animicon-title {
padding:60px 20px;
text-align:center;
background:#11649b ;
}
.animicon-title h2 {
color:#fff ;
font-size:18px;
}
.animicon-icon > i {
font-size:45px;
color:#fff
}
/*-----------------------------------------------------------------------------------*/
/* Number Box
/*-----------------------------------------------------------------------------------*/
.whitespot_numbox {
border-bottom:2px rgba(0,0,0,.03) solid;
padding-bottom:25px;
}
h2.numbox-title {
font-size:22px;
font-weight:700
}
h2.numbox-title span {
position:relative;
color:#999;
margin-right:15px;
font-size:28px;
font-weight:600;
padding-right:15px;
}
h2.numbox-title span:after {
background-color: #1cbac8;
content: "";
display: inline-block;
height: 8px;
width: 8px;
position: absolute;
right: 0%;
bottom: 8px;
border-radius:50%;
}
.color-dark h2.numbox-title span {
color:#ddd
}
.color-dark .whitespot_numbox {
color:#ddd
}
.color-dark .whitespot_numbox {
border-bottom:2px rgba(255,255,255,.1) solid;
}
.color-dark h2.numbox-title span:after {
background:#ddd !important
}
/*-----------------------------------------------------------------------------------*/
/* Testimonial
/*-----------------------------------------------------------------------------------*/
.testimonial-wrap{
position: relative;
}
.testimonial{
padding:25px;
background: #ffffff;
border: 1px solid #e1e1e1;
color: #777777;
position: relative;
border-radius:2px;
box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
}
/* Triangle */
.testimonial:before, .testimonial:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-bottom: 0;
}
/* Stroke */
.testimonial:before {
bottom: -16px;
left: 25px;
/* If 1px darken stroke slightly */
border-top-color: #cccccc;
border-width: 16px;
}
/* Fill */
.testimonial:after {
bottom: -15px;
left: 26px;
border-top-color: #ffffff;
border-width: 15px;
}
.testimonial-author{
display: block;
margin:30px 0 0 24px;
font-weight: 700;
}
.testimonial-author span{
margin-top: -3px;
font-weight: 400;
display: block;
color: #999999;
}
.testimonial-img{
display: block;
overflow: hidden;
left: 50%;
width: 50px;
height: 50px;
border-radius: 50%;
float: left;
margin: 0px 14px 0 0;
}
.testimonial-img img{
width: 100%;
height: auto;
}
/*-----------------------------------------------------------------------------------*/
/* Testimonial Slider
/*-----------------------------------------------------------------------------------*/
.testimonial-slide{
padding: 0 5%;
margin: 0 0 14px 0;
font-size:16px;
line-height:1.5;
text-align: center;
font-weight: 400;
cursor:move;cursor:-webkit-grab;
cursor:-o-grab;cursor:
-ms-grab;
cursor:grab;
}
.testimonial-slide span{
display: block;
margin: 20px 0 0 0;
font-size: 16px;
font-weight: 700;
opacity: 0.6;
}
.tsslider1 .testimonial-slide .tsslide-inner > i {
display:none
}
.tsslider2 .testimonial-slide .tsslide-inner {
text-align:left;
background:#fff;
padding:20px 20px 20px 70px;
margin-top:2px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
position:relative;
}
.tsslider2 .testimonial-slide {
padding:0 0px;
}
.tsslider2 .testimonial-slide .tsslide-inner > i {
position:absolute;
left:20px;
width:30px;
height:80px;
top:25px;
background:#11649b ;
color:#fff;
line-height:80px;
text-align:center;
font-size:18px;
}
.tsslider2.owl-theme .owl-controls .owl-nav .owl-prev,
.tsslider2.owl-theme .owl-controls .owl-nav .owl-next {
left:auto;
top:-50px;
background:#fff;
border-radius:3px;
width:36px;
height:36px;
line-height:36px;
text-align:center;
opacity:1 ;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tsslider2.owl-theme .owl-controls .owl-nav .owl-prev:hover,
.tsslider2.owl-theme .owl-controls .owl-nav .owl-next:hover {
background:#11649b ;
}
.tsslider2.owl-theme .owl-controls .owl-nav .owl-prev {
right:40px;
}
.tsslider2.owl-theme .owl-controls .owl-nav .owl-next {
right:0px;
}
.tsslider2.owl-theme .owl-controls .owl-nav .owl-prev::after ,
.tsslider2.owl-theme .owl-controls .owl-nav .owl-next::after {
font-size:20px;
line-height:36px;
height:36px;
}
.tsslider2.owl-theme .owl-controls .owl-nav .owl-prev:hover:after,
.tsslider2.owl-theme .owl-controls .owl-nav .owl-next:hover:after {
color:#fff
}
/* tslider 3*/
.tsslider3 .testimonial-slide .tsslider-content {
background:#fafafa;
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.07);
padding: 50px 35px;
text-align: left;
position:relative
}
.tsslider3 .testimonial-slide{
font-size:14px;
padding:0
}
.ott-testimonial-arrow{
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 14px solid #fafafa;
bottom: -14px;
height: 0;
left: 40px;
position: absolute;
width: 0;
}
.tsslider3 .testimonial-slide span {
opacity:1
}
.tsslider3 .testimonial-slide span.tsauthor {
text-align:left;
padding-left:30px;
padding-top:10px;
}
.tsslider3 .testimonial-slide span.tsauthor > i{
background:#11649b ;
width:40px;
height:40px;
line-height:40px;
color:#fff;
font-size:20px;
display:inline-block;
text-align:center ;
margin-right:15px;
}
.color-light .tsslider3 .testimonial-slide .tsslider-content {
background:rgba(0, 0, 0, 0.6);
}
.color-light .ott-testimonial-arrow {
border-top: 14px solid rgba(0, 0, 0, 0.6);
}
/* .tsslider4 */
.tsslider4 .testimonial-slide{
text-align:left
}
.tsslider4 .tsslider-content {
padding-left:40px;
position:relative ;
}
.tsslider4 .tsslider-content > p {
font-size:17px;
}
.tsslider4 .tsslider-content i {
position:absolute;
left:0px;
top:0px;
}
.tsslider4 .tsslider-content .ott-testimonial-arrow {
display:none
}
.tsslider4 .tsauthor {
font-size:22px;
font-weight:600;
color:#fff ;
padding-left :40px;
}
.owl-theme.tsslider4 .owl-dots .owl-dot {
display: inline-block;
float:left
}
.owl-theme.tsslider4 .testimonial-slide {
padding:0px;
margin-bottom:30px;
}
/* tsslider5 */
.tsslider5 .tsslider-content > p {
font-size:22px;
}
.tsslider5 .testimonial-slide {
text-align:center
}
.tsslider5.owl-theme .owl-controls {
width: 100%;
}
.tsslider5.owl-theme .owl-dots {
position: relative;
width: auto;
display:inline-block;
float:none
}
/*-----------------------------------------------------------------------------------*/
/* Text
/*-----------------------------------------------------------------------------------*/
.headline{
line-height: 1.8;
margin: 0 0 20px 0;
}
.fontweight-inherit{
font-weight: 400;
}
.fontweight-300{
font-weight: 300;
}
.fontweight-400{
font-weight: 400;
}
.fontweight-500{
font-weight: 500;
}
.fontweight-600{
font-weight: 600;
}
.fontweight-700{
font-weight: 700;
}
.fontweight-800{
font-weight: 800;
}
.fontweight-900{
font-weight: 900;
}
.fontsize-inherit{
font-size: inherit;
}
.fontsize-xs{
font-size: 14px;
}
.fontsize-s{
font-size: 16px;
}
.fontsize-m{
font-size: 20px;
}
.fontsize-l{
font-size: 24px;
}
.fontsize-xl{
font-size: 28px;
}
.fontsize-xxl{
font-size: 34px;
}
.fontsize-xxxl{
font-size: 42px;
}
.fontsize-xxxxl{
font-size: 52px;
}
.fontsize-xxxxxl{
font-size: 60px;
}
.superlarge{
font-size: 100px;
}
.transform-inherit{
text-transform: inherit;
}
.transform-uppercase{
text-transform: uppercase;
}
.align-left{
text-align: left;
}
.align-center{
text-align: center;
}
.align-right{
text-align: right;
}
.headline > span {
font-weight:300;
opacity:.8
}
.lh-inherit{ }
.lh-12{
line-height: 1.2 !important;
}
.lh-13{
line-height: 1.3 !important;
}
.lh-14{
line-height: 1.4 !important;
}
.lh-15{
line-height: 1.5 !important;
}
.lh-16{
line-height: 1.6 !important;
}
.lh-17{
line-height: 1.7 !important;
}
.lh-18{
line-height: 1.8 !important;
}
.lh-19{
line-height: 1.9 !important;
}
.lh-20{
line-height: 2.0 !important;
}
.ls-1{
letter-spacing: 1px;
}
.ls-2{
letter-spacing: 2px;
}
.lowercase{
text-transform: none !important;
}
/*-----------------------------------------------------------------------------------*/
/* icon-headline-content
/*-----------------------------------------------------------------------------------*/
.icon-headline {
border-bottom:1px #eee solid;
padding-bottom:20px;
position:relative
}
.icon-headline i {
float:left;
margin-right:15px;
display:block;
font-size:25px;
color:#11649b ;
margin-top:15px;
}
.icon-headline-content {
float: left
}
.icon-headline-content > h2 {
font-size:20px;
font-weight:700;
margin-bottom:0;
line-height:20px ;
color:#444
}
.icon-headline-content > span {
font-size:12px;
color:#999 ;
line-height:1
}
.ott-more-link {
position:absolute;
right:-20px;
top:50%;
line-height:20px;
height:20px;
margin-top:-10px;
text-transform:uppercase;
color:#999 ;
opacity:0;
font-size:11px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.icon-headline:hover .ott-more-link {
right:0px;
opacity:1
}
/*-----------------------------------------------------------------------------------*/
/* Title
/*-----------------------------------------------------------------------------------*/
.divider-title{
display: block;
padding: 0;
font-size:14px;
color: #444444;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 14px;
font-weight: 700;
position: relative;
}
/* Align-Center */
.divider-title.align-center {
text-align: center;
margin:0 auto;
margin: 0 auto 80px 0 !important;
}
.divider-title.align-center:after {
background-color: #1cbac8;
content: "";
display: inline-block;
height: 3px;
width: 50px;
position: absolute;
left: 50%;
margin-left: -25px;
bottom: -20px;
}
/* Align-Left */
.divider-title.align-left{
text-align: left;
margin: 0 0 60px 0 !important;
}
.divider-title.align-left:after {
background-color: #1cbac8;
content: "";
display: inline-block;
height: 3px;
width: 50px;
position: absolute;
left: 0;
bottom: -20px;
}
/*-----------------------------------------------------------------------------------*/
/* Toggle
/*-----------------------------------------------------------------------------------*/
.toggle{
margin: 0 0 20px 0;
}
.toggle .toggle-title{
position: relative;
padding:10px 20px;
background-color: #fafafa;
border-radius: 3px;
cursor: pointer;
overflow: hidden;
color:#777777;
font-weight: 600;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
/* Avoid Select when clicking to fast */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toggle .toggle-title:hover{
background: #f5f5f5;
}
.toggle .toggle-title i{
opacity: 0.6;
font-size: 14px;
font-weight: 400;
margin: 5px 10px 0px 0;
}
.toggle .toggle-title.active{
background: #1cbac8;
color:#ffffff;
border-radius:3px 3px 0px 0px;
}
.toggle .toggle-title.active i{
opacity: 1;
}
.toggle .toggle-inner{
margin:0;
background: #ffffff;
border:1px solid #e1e1e1;
color: #777777;
border-top: 0;
padding:20px;
border-radius:0px 0px 3px 3px;
display:none;
box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
}
.toggle .toggle-inner p{
color: #777777 !important;
}
.toggle .toggle-inner div{
max-width: 100%;
}
.color-light .toggle .toggle-title{
background-color: #ffffff;
border: 1px solid #ffffff;
color:#777777;
}
.color-light .toggle .toggle-title:hover{
background: #efefef;
}
.color-light .toggle .toggle-title i{
opacity: 0.6;
font-size: 14px;
font-weight: 400;
margin: 5px 10px 0px 0;
}
.color-light .toggle .toggle-title.active{
background: #11649b;
color:#ffffff;
border-color: #11649b;
}
.color-light .toggle .toggle-title.active i{
opacity: 1;
}
.color-light .toggle .toggle-inner{
background: #ffffff;
border:1px solid #ffffff;
color: #777777;
}
.color-light .toggle .toggle-inner p{
color: #777777 !important;
}
/*-----------------------------------------------------------------------------------*/
/* Tooltips
/*-----------------------------------------------------------------------------------*/
.tooltips a, .tooltips a img{
margin: 0 auto;
padding: 0;
display: inline-block;
max-width: 100%;
text-align: center;
/*cursor: default;*/
}
.tooltips a img{
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tooltips a:hover img{
opacity: 0.7;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
}
/*-----------------------------------------------------------------------------------*/
/* Video Embed
/*-----------------------------------------------------------------------------------*/
.video-embed{
margin: 0 0 20px 0;
}
.video-embed iframe{
max-width: 100%;
height: auto;
}
/*-----------------------------------------------------------------------------------*/
/* Visibility
/*-----------------------------------------------------------------------------------*/
.visibility-mobile {
display: none !important;
}
.visibility-mobile-portrait {
display: none !important;
}
.visibility-mobile-landscape {
display: none !important;
}
.visibility-tablet {
display: none !important;
}
@media (max-width: 479px) {
.visibility-mobile {
display: inherit !important;
}
.visibility-mobile-portrait {
display: inherit !important;
}
.visibility-mobile-landscape {
display: none !important;
}
.visibility-desktop {
display: none !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.visibility-mobile {
display: inherit !important;
}
.visibility-mobile-portrait {
display: none !important;
}
.visibility-mobile-landscape {
display: inherit !important;
}
.visibility-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.visibility-tablet {
display: inherit !important;
}
.visibility-mobile-portrait {
display: none !important;
}
.visibility-mobile-landscape {
display: none !important;
}
.visibility-desktop {
display: none !important;
}
}
/*-----------------------------------------------------------------------------------*/
/* Section
/*-----------------------------------------------------------------------------------*/
.section{
background-position: 50% 50%;
background-repeat: no-repeat;
border-left: none !important;
border-right: none !important;
}
.section:after,
.section:before{
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Standard Section */
#content.columns > .standard-section{
/*padding: 60px 0 60px 0;*/
margin: 0 -20px;
}
#content.columns > .standard-section:last-child{
margin-bottom: 20px;
}
/* Full Width Section */
.full-width-section{
overflow: hidden;
}
.section img{
display:inline-block;
margin:0;
vertical-align:middle;
}
/* Section Backgrounds */
.section-parallax{
opacity: 0;
position:static;
background-position:center 0;
background-attachment:fixed;
}
.section-parallax.on-mobile{
background-attachment: scroll;
background-position:center center;
}
.section.bg-stretch{
background-repeat: repeat;
background-size: cover;
}
.section-parallax.on-mobile{
background-repeat: repeat;
background-attachment: scroll;
}
.section-parallax {
background-size:cover
}
/* Column Background */
.wpb_column{
background-repeat: repeat;
background-size: cover;
}
/* Triangle */
.section-triangle{
position: relative;
}
.section-triangle .section-triangle-color{
position: absolute;
top: 0;
left: 50%;
content: '';
width: 0px;
height: 0px;
z-index: 99;
border-style: solid;
margin-left: -16px;
border-width: 22px 22px 0 22px;
border-color: #ffffff transparent transparent transparent;
}
/* ------------------------------------------------------------------------ */
/* Visual Composer Tweaks
/* ------------------------------------------------------------------------ */
.wpb_row:after,
.wpb_row:after{
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.vc_container{
margin-right:auto;
margin-left:auto;
padding-left:20px;
padding-right:20px;
}
.wpb_row .col.span_12{
margin-left:0px;
margin-right:0px;
}
.standard-section .vc_column_container > .vc_column-inner {
padding-left:0px;
padding-right:0px;
margin:0px -15px;
width:100%;
display:inline-block
}
.wpb_wrapper {
width:100%;
display:block
}
.vertical-center > .wpb_wrapper {
width:100%;
display:table
}
.vc_row-o-content-middle > .col > .wpb_column > .wpb_wrapper {
width:100%;
display:table
}
.shadow-wrap {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
/* New Naming Convention of VC 4.3 */
.vc_non_responsive .wpb_row .vc_col-sm-1{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-2{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-3{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-4{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-5{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-6{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-7{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-8{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-9{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-10{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-11{
padding-left:20px;
padding-right:20px;
}
.vc_non_responsive .wpb_row .vc_col-sm-12{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-1{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-2{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-3{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-4{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-5{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-6{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-7{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-8{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-9{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-10{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-11{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .vc_col-sm-12{
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .col.span_12 > .vc_col-sm-12 {
padding-left:20px;
padding-right:20px;
}
.vc_responsive .wpb_row .col.span_12 .wpb_wrapper > .vc_col-sm-12 {
padding-left:0px;
padding-right:0px;
}
.vc_responsive .col-md-9 .wpb_row .col.span_12 > .vc_col-sm-12 {
padding-left:0px;
padding-right:0px;
}
.vc_responsive .col-md-9 .wpb_row .col.span_12 .wpb_wrapper > .vc_col-sm-12 {
padding-left:0px;
padding-right:0px;
}
/* Section & Sidebar Row and Child Rows */
#page .wpb_row{
margin: 0;
margin-bottom:0px;
}
#page .wpb_row .wpb_row{
margin: 0 -20px !important;
padding: 0;
}
#page .wpb_row .vc_inner.wpb_row {
margin: 0 0px !important;
}
.sidebar-left .wpb_row,
.sidebar-right .wpb_row{
margin-bottom: 0;
}
.sidebar-left .wpb_row .wpb_row,
.sidebar-right .wpb_row .wpb_row{
margin: 0 -20px;
}
.full-width-section .wpb_column{
padding: 0 ;
}
.vc_responsive .wpb_row .col.span_12 > .vc_col-sm-12.no-padding {
padding: 0 ;
}
.full-width-section .vc_column_container>.vc_column-inner {
padding: 0 !important;
}
.full-width-section .vc_tta-panel .wpb_column {
padding-left: 20px !important;
padding-right: 20px !important;
}
/* Fix for VC 4.3 margins */
.wpb_row .wpb_column p:last-child{
margin: 0;
}
/* Row - Bottom Margin /--------------------------------------------------------- */
@media (max-width: 767px) {
.wpb_row .wpb_column {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
/*.vc_responsive .wpb_row > :last-child,
.vc_responsive .wpb_row > :last-child > .wpb_column {
margin-bottom: 40px;
}*/
.vc_responsive .full-width-section .wpb_column{
margin-bottom: 0px !important;
}
.vc_responsive .wpb_row > div > :last-child,
.vc_responsive .wpb_row > div > :last-child > .wpb_column {
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 767px) {
/*.vc_responsive .wpb_row.full-width-section > div > :last-child,
.vc_responsive .wpb_row.full-width-section > div > :last-child > .wpb_column {
margin-bottom: -40px !important;
}*/
.section{overflow: hidden;}
}
/* Element Margin */
.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
margin-bottom: 0px ;
}
.wpb_wrapper .wpb_content_element,
.wpb_wrapper .wpb_column{
margin-bottom: 0px;
display:block;
}
.wpb_content_element {
width:100%;
display:inline-block !important
}
/* Row - Standard 1200px /--------------------------------------------------------- */
.page-section .standard-section .span_12,
.container{
max-width: 1180px;
margin: 0 auto;
}
/* Row - Desktop 960px /--------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.vc_responsive .page-section .standard-section .span_12{max-width:960px;}
}
/* Row - Tablet 768px /--------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.vc_responsive .page-section .standard-section .span_12{max-width:768px; }
}
/* Row - Mobile Portrait 320px /--------------------------------------------------------- */
@media only screen and (max-width: 767px) {
.vc_responsive .page-section .standard-section .span_12{max-width:340px;}
}
/* Row - Mobile Landscape 480px /--------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.vc_responsive .page-section .standard-section .span_12{max-width:460px;}
}
/* Text Align */
.col.text-align-center {
text-align: center;
}
.col.text-align-right {
text-align: right;
}
/* Column Padding */
.wpb_row .span_12 > .col.padding-1 {
padding: 1% !important;
}
.wpb_row .span_12 > .col.padding-2 {
padding: 2% !important;
}
.wpb_row .span_12 > .col.padding-3 {
padding: 3% !important;
}
.wpb_row .span_12 > .col.padding-4 {
padding: 4% !important;
}
.wpb_row .span_12 > .col.padding-5 {
padding: 5% !important;
}
.wpb_row .span_12 > .col.padding-6 {
padding: 6% !important;
}
.wpb_row .span_12 > .col.padding-7 {
padding: 7% !important;
}
.wpb_row .span_12 > .col.padding-8 {
padding: 8% !important;
}
.wpb_row .span_12 > .col.padding-9 {
padding: 9% !important;
}
.wpb_row .span_12 > .col.padding-10 {
padding: 10% !important;
}
/* Column Padding */
.wpb_row .vc_inner > .col.padding-1 {
padding: 1% !important;
}
.wpb_row .vc_inner > .col.padding-2 {
padding: 2% !important;
}
.wpb_row .vc_inner > .col.padding-3 {
padding: 3% !important;
}
.wpb_row .vc_inner > .col.padding-4 {
padding: 4% !important;
}
.wpb_row .vc_inner > .col.padding-5 {
padding: 5% !important;
}
.wpb_row .vc_inner > .col.padding-6 {
padding: 6% !important;
}
.wpb_row .vc_inner > .col.padding-7 {
padding: 7% !important;
}
.wpb_row .vc_inner > .col.padding-8 {
padding: 8% !important;
}
.wpb_row .vc_inner > .col.padding-9 {
padding: 9% !important;
}
.wpb_row .vc_inner > .col.padding-10 {
padding: 10% !important;
}
@media only screen and (max-width: 767px) {
.wpb_row .span_12 > .col.padding-1 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-2 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-3 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-4 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-5 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-6 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-7 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-8 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-9 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.wpb_row .span_12 > .col.padding-10 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
/* ------------------------------------------------------------------------ */
/* Widgetized
/* ------------------------------------------------------------------------ */
.wpb_widgetised_column .widget {
margin-bottom: 40px;
color: #888888;
}
.wpb_widgetised_column .widget_nav_menu.widget .otouch-title {
margin-bottom:30px;
}
.wpb_widgetised_column .widget ul li {
margin-bottom:0px;
}
.wpb_widgetised_column .widget ul li a{
display: block;
color: #777777;
line-height:40px;
}
.wpb_widgetised_column .widget ul li a:hover{
color: #11649b !important;
}
.wpb_widgetised_column .widget ul li:hover:after{
color: #11649b !important;
}
.wpb_widgetised_column .widget > ul > li.current_page_item,
.wpb_widgetised_column .widget > ul > li.current-menu-item {
font-weight: 600;
color: #11649b !important;
}
.no-margin-bottom .wpb_widgetised_column .widget {
margin-bottom:0px;
}
/* social links */
.wpb_widgetised_column .widget .ott-social-icon a {
border:1px solid rgba(100,100,100,.2) ;
color:#999 ;
}
.col.text-align-right .wpb_widgetised_column .widget .ott-social-icon a {
float:right
}
.col.text-align-center .wpb_widgetised_column .widget .ott-social-icon a {
float:none;
display:inline-block
}
/* ------------------------------------------------------------------------ */
/* Animations
/* ------------------------------------------------------------------------ */
.animate {
opacity: 0;
position: relative;
}
.animate[data-animation="fade-in-from-left"] {
left: -40px;
}
.animate[data-animation="fade-in-from-right"] {
right: -40px;
}
.animate[data-animation="fade-in-from-bottom"] {
bottom: -50px;
}
.animate[data-animation="fade-in-from-top"] {
top: -50px;
}
/* ------------------------------------------------------------------------ */
/* Accordion
/* ------------------------------------------------------------------------ */
#main .standard .wpb_accordion_section {
margin-bottom:5px;
}
#main .standard .wpb_accordion_section:last-child {
margin-bottom:0px
}
#main .standard .wpb_accordion_wrapper .wpb_accordion_header{
background-color: transparent;
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 5px;
cursor: pointer;
font-size: 13px;
padding: 14px 60px 14px 22px;
position: relative;
text-transform:uppercase
}
#main .standard .wpb_accordion_wrapper .wpb_accordion_header a {
padding:0px;
line-height:20px;
color:#777 ;
}
#main .standard .wpb_accordion_wrapper .wpb_accordion_header:hover a {
color:#333 ;
}
#main .standard .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
color:#11649b
}
#main .standard .wpb_accordion_wrapper .ui-icon {
position:absolute;
right:15px;
left:auto;
top:50%;
margin-top:-8px;
height:16px;
width:16px;
}
.wpb_accordion_wrapper .ui-icon {
background:none !important;
}
.wpb_accordion_wrapper .ui-icon:after {
color: #999999;
content: '\e9f7';
display: inline-block;
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
text-align:center;
position:absolute;
line-height:16px;
width:16px;
right:0px;
top:0px;
text-indent:1px
}
.wpb_accordion_wrapper .ui-state-active .ui-icon:after {
content: '\e823';
font-size:13px;
}
#main .color-light .standard .wpb_accordion_wrapper .wpb_accordion_header{
background: rgba(0, 0, 0, 0.01) none repeat scroll 0 0;
border: 1px solid #404250;
}
#main .color-light .standard .wpb_accordion_wrapper .wpb_accordion_header a {
color:#a1b1bc ;
}
#main .color-light .standard .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
color:#fff ;
}
/* minimal */
#main .minimal.wpb_content_element .wpb_accordion_section {
margin-bottom:5px;
}
#main .minimal.wpb_content_element .wpb_accordion_section:last-child {
margin-bottom:0px
}
#main .minimal.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{
background-color: transparent;
border-bottom: 1px solid #ddd;
border-radius: 0px;
cursor: pointer;
font-size: 14px;
padding: 14px 20px 14px 60px;
position: relative;
text-transform:uppercase
}
#main .minimal.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:hover a {
color:#333 ;
}
#main .minimal.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a {
padding:0px;
line-height:20px;
color:#777
}
#main .minimal.wpb_content_element .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
color:#11649b
}
#main .minimal.wpb_accordion .wpb_accordion_wrapper .ui-icon {
position:absolute;
right:auto;
left:0px;
top:50%;
margin-top:-12px;
height:24px;
width:24px;
border:1px #999 solid;
border-radius:50%;
}
.minimal.wpb_accordion .wpb_accordion_wrapper .ui-icon:after {
width:23px;
line-height:23px;
height:23px;
font-size:13px;
text-align:center ;
color:#999
}
.minimal.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after{
color:#11649b !important
}
.minimal.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
border-color: #11649b !important
}
#main .color-light .minimal .wpb_accordion_wrapper .wpb_accordion_header{
background: rgba(0, 0, 0, 0.01) none repeat scroll 0 0;
border-color: #404250;
}
#main .color-light .minimal .wpb_accordion_wrapper .wpb_accordion_header a {
color:#a1b1bc ;
}
#main .color-light .minimal .wpb_accordion_wrapper .wpb_accordion_header:hover a {
color:#fff ;
}
#main .color-light .minimal .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
color:#fff !important;
}
.color-light .minimal.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after{
color:#fff !important
}
.color-light .minimal.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
border-color: #fff !important
}
/* big style */
#main .big.wpb_accordion .wpb_accordion_section:first-child{
border-radius:5px 5px 0px 0px;
overflow:hidden
}
#main .big.wpb_accordion .wpb_accordion_section:first-child .wpb_accordion_header {
border-radius:5px 5px 0px 0px;
}
#main .big.wpb_accordion .wpb_accordion_section:last-child{
border-radius:0px 0px 5px 5px ;
overflow:hidden;
border-bottom-width:1px;
}
#main .big .wpb_accordion_section {
margin-bottom:-1px;
}
#main .big .wpb_accordion_section .wpb_accordion_content {
background: #fff none repeat scroll 0 0;
margin-top:-1px
}
#main .big .wpb_accordion_section:last-child {
margin-bottom:0px
}
#main .big .wpb_accordion_wrapper .wpb_accordion_header{
border: 1px solid #ddd;
border-bottom:0;
cursor: pointer;
font-size: 15px;
padding: 20px 60px 20px 22px;
position: relative;
text-transform:uppercase
}
#main .big .wpb_accordion_wrapper .wpb_accordion_header a {
padding:0px;
line-height:20px;
color:#777 ;
}
#main .big .wpb_accordion_wrapper .wpb_accordion_header:hover a {
color:#333 ;
}
#main .big .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
color:#11649b
}
#main .big .wpb_accordion_wrapper .ui-icon {
position:absolute;
right:15px;
left:auto;
top:50%;
margin-top:-8px;
height:16px;
width:16px;
}
#main .big .wpb_accordion_wrapper .wpb_accordion_section:last-child .wpb_accordion_header {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#main .big .wpb_accordion_wrapper .wpb_accordion_section:last-child .wpb_accordion_header.ui-accordion-header-active {
border-bottom:0px;
}
#main .big .wpb_accordion_content {
padding:30px 20px;
border:1px #ddd solid ;
border-top:0
}
#main .color-light .big .wpb_accordion_section {
background: rgba(0, 0, 0, 0.2)
}
#main .color-light .big .wpb_accordion_wrapper .wpb_accordion_header{
background: rgba(0, 0, 0, 0.01) none repeat scroll 0 0;
border: 1px solid #404250;
border-bottom:0px;
}
#main .color-light .big .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header{
border-bottom: 1px solid #404250;
}
#main .color-light .big .wpb_accordion_content {
border-color: #404250 ;
}
#main .color-light .big .wpb_accordion_wrapper .wpb_accordion_header a {
color:#a1b1bc ;
}
#main .color-light .big .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
color:#fff ;
}
#main .color-light .big.wpb_accordion .wpb_accordion_section:last-child{
border-bottom: 1px solid #404250;
}
#main .color-light .big .wpb_accordion_section .wpb_accordion_content {
background: rgba(0, 0, 0, 0.01)
}
/* style 2 */
#main .style2 .wpb_accordion_section {
margin-bottom:5px;
}
#main .style2 .wpb_accordion_section:last-child {
margin-bottom:0px
}
#main .style2 .wpb_accordion_wrapper .wpb_accordion_header{
background-color: transparent;
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 5px;
cursor: pointer;
font-size: 13px;
padding: 14px 60px 14px 22px;
position: relative;
text-transform:uppercase ;
margin-bottom:5px;
}
#main .style2 .wpb_accordion_wrapper .wpb_accordion_header a {
padding:0px;
line-height:20px;
color:#777 ;
}
#main .style2 .wpb_accordion_wrapper .wpb_accordion_header:hover a {
color:#333 ;
}
#main .style2 .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a {
color:#11649b
}
#main .style2 .wpb_accordion_wrapper .ui-icon {
position:absolute;
right:15px;
left:auto;
top:50%;
margin-top:-8px;
height:16px;
width:16px;
}
#main .style2 .wpb_accordion_content {
border: 1px solid #ddd;
border-radius: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon{
background-image:url(../images/accordion-open@2x.png);
background-size:10px 10px;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
background-image: url(../images/accordion-close@2x.png);
background-size:10px 10px;
}
}
/
/* ------------------------------------------------------------------------ */
/* Tabs
/* -----------------------------------
------------------------------------- */
.vc_tta.vc_general {
font-size: 1em;
}
.vc_tta.vc_general .vc_tta-panels, .vc_tta.vc_general .vc_tta-panels-container {
box-sizing: border-box;
position: relative;
}
.vc_tta.vc_general .vc_tta-panels .vc_col-sm-12{
padding:0px !important
}
.vc_tta.vc_general .vc_tta-panel {
display: block;
}
.vc_tta.vc_general .vc_tta-panel-heading {
border: medium solid transparent;
box-sizing: border-box;
transition: background 0.2s ease-in-out 0s;
}
.vc_tta.vc_general .vc_tta-panel-title {
line-height: 1;
margin: 0;
}
.vc_tta.vc_general .vc_tta-panel-title > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
box-sizing: border-box;
color: inherit;
display: block;
padding: 14px 20px;
position: relative;
text-decoration: none;
transition: color 0.2s ease-in-out 0s;
}
.vc_tta.vc_general .vc_tta-panel-title > a:focus,
.vc_tta.vc_general .vc_tta-panel-title > a:hover {
outline: 0 none;
text-decoration: none;
}
.vc_tta.vc_general .vc_tta-panel-body {
border: medium solid transparent;
box-sizing: content-box;
display: none;
overflow: hidden;
padding: 20px 0 0px 0 !important;
transform: translate3d(0px, 0px, 0px);
transition: padding 0.2s ease-in-out 0s;
}
.vc_tta.vc_general .vc_tta-panel-body > *:last-child {
margin-bottom: 0;
}
.vc_tta.vc_general .vc_tta-panel.vc_active,
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
display: block;
}
.vc_tta.vc_general .vc_tta-panel.vc_animating .vc_tta-panel-body {
display: block;
min-height: 0;
}
.vc_tta.vc_general.vc_tta-o-all-clickable .vc_tta-panel .vc_tta-panel-title > a:hover {
cursor: pointer;
}
.vc_tta-style-classic.vc_tta.vc_general .vc_tta-tabs-container {
display: block;
position: relative;
z-index: 3;
border-bottom:1px #eee solid;
margin-bottom:40px !important;
}
.vc_tta.vc_general .vc_tta-tabs-list {
box-sizing: border-box;
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
.vc_tta.vc_general .vc_tta-tab {
display: inline-block;
margin: 0;
padding: 0;
}
.vc_tta.vc_general .vc_tta-tab > a {
border: 0px solid #222 !important;
box-sizing: border-box;
color: #999 ;
display: block;
padding: 14px 20px;
position: relative;
text-decoration: none;
transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s;
}
.vc_tta.vc_tta-style-classic .vc_tta-tabs-list,
.vc_tta.vc_tta-style-modern .vc_tta-tabs-list {
padding-left: 1px;
padding-top: 1px;
}
.vc_tta.vc_tta-shape-square .vc_tta-panel-body,
.vc_tta.vc_tta-shape-square .vc_tta-panel-heading,
.vc_tta.vc_tta-shape-square .vc_tta-tab > a {
border-radius: 0;
}
.vc_tta.vc_general .vc_tta-tab > a:focus,
.vc_tta.vc_general .vc_tta-tab > a:hover {
outline: 0 none;
text-decoration: none;
}
.vc_tta-style-classic.vc_tta.vc_general .vc_tta-tab.vc_active > a {
color: inherit;
cursor: default;
text-decoration: none;
transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
position:relative;
border-bottom:3px solid #222 !important;
}
.vc_tta.vc_general .vc_tta-tab.vc_active > a:hover {
cursor: default;
}
.vc_tta.vc_general .vc_tta-icon {
display: inline;
font-size: 1.15em;
line-height: 0;
}
.vc_tta.vc_general .vc_tta-icon::before {
display: inline;
}
.vc_tta.vc_general .vc_tta-title-text:not(:empty):not(:first-child),
.vc_tta.vc_general .vc_tta-title-text:not(:empty) ~ * {
margin-left: 14px;
}
.vc_tta.vc_general .vc_tta-title-text:empty {
display: inline-block;
}
.vc_tta-icon.fa, .vc_tta-icon.vc_li {
vertical-align: middle;
}
.vc_tta.vc_tta-accordion .vc_tta-tabs-container,
.vc_tta.vc_tta-tabs .vc_tta-tabs-container {
display: none;
}
.vc_non_responsive .vc_tta.vc_tta-tabs .vc_tta-tabs-container,
.vc_tta-o-non-responsive .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
display: block;
}
.vc_non_responsive .vc_tta.vc_tta-tabs .vc_tta-panel-heading,
.vc_tta-o-non-responsive .vc_tta.vc_tta-tabs .vc_tta-panel-heading {
display: none;
}
.vc_tta.vc_tta-shape-square .vc_tta-panel-body {
min-height: 0;
}
.vc_tta.vc_tta-shape-square .vc_tta-tabs-container {
margin: 0;
}
#main .vc_tta-panel-body .wpb_text_column {
text-align:left;
}
.color-light .vc_tta.vc_general .vc_tta-tabs-container {
border-bottom-color: rgba(255, 255, 255, .1)
}
.color-light .vc_tta.vc_general .vc_tta-tab.vc_active > a,
.color-light .vc_tta.vc_general .vc_tta-tab > a:focus,
.color-light .vc_tta.vc_general .vc_tta-tab > a:hover {
color:#fff !important
}
.color-light .vc_tta.vc_general.vc_tta-tabs-position-top .vc_tta-tab.vc_active > a:after {
background:rgba(255, 255, 255, .1) !important
}
.vc_tta-style-modern.vc_tta.vc_general .vc_tta-tab.vc_active > a,
.vc_tta-style-modern.vc_tta.vc_general .vc_tta-tab.vc_active > a {
background:#fff !important;
color:#11649b !important
}
.vc_tta-style-modern.vc_tta.vc_general .vc_tta-tab > a,
.vc_tta-style-modern.vc_tta.vc_general .vc_tta-tab > a {
background:#11649b !important;
color:#fff !important ;
margin-right:30px;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
font-size:17px;
}
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-bottom .vc_tta-tab > a,
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-bottom .vc_tta-tab > a {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.vc_tta-style-modern.vc_tta.vc_general .vc_tta-panels {
background:#fff;
padding:50px 40px;
border-bottom-left-radius: 5px ;
border-bottom-right-radius: 5px ;
}
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-bottom .vc_tta-panels {
border-bottom-left-radius: 0 ;
border-bottom-right-radius: 0 ;
border-top-left-radius: 0 ;
border-top-right-radius: 0 ;
}
.vc_tta-style-modern.vc_tta.vc_general {
margin-bottom:-21.7px
}
.vc_tta-style-modern.vc_tta.vc_general .vc_tta-tab > a:hover {
color:#fff !important ;
}
.vc_tta-style-modern.vc_tta.vc_general .vc_tta-tab.vc_active > a:hover {
color:#11649b !important
}
.full-width-section .vc_tta-style-modern.vc_tta.vc_general .vc_tta-panel-body {
padding:14px 0px !important;
}
.full-width-section .vc_tta-panel .vc_col-sm-12.wpb_column {
padding:0px 0px !important;
}
/* flat */
.vc_tta-style-flat.vc_tta.vc_general .vc_tta-tabs-list {
background:#11649b
}
.vc_tta-style-flat.vc_tta.vc_general .vc_tta-tab {
padding:0px 30px;
}
.vc_tta-style-flat.vc_tta.vc_general .vc_tta-tab.vc_active {
padding:0px 30px;
background:#333
}
.vc_tta-style-flat.vc_tta.vc_general .vc_tta-panel-body {
padding:30px 0 !important
}
/* ------------------------------------------------------------------------ */
/* Tour
/* ------------------------------------------------------------------------ */
.vc_tta.vc_general .vc_tta-panel-body{
background:none !important;
padding:0px !important;
border:0px !important ;
}
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-right .vc_tta-tab > a,
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-left .vc_tta-tab > a{
background:#fafafa !important;
color:#333 !important;
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-right .vc_tta-tab.vc_active > a,
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-left .vc_tta-tab.vc_active > a {
background:#fff !important;
color:#11649b !important;
}
.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-right .vc_tta-panels .vc_col-sm-12 {
padding-right:30px !important;
}
.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-left .vc_tta-panels .vc_col-sm-12 {
padding-left:30px !important;
}
.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-list {
text-align:right
}
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-right .vc_tta-tab > a,
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-left .vc_tta-tab > a {
margin-right:0px !important;
font-size:13px;
}
.vc_tta-style-classic.vc_tta.vc_general.vc_tta-tabs-position-right .vc_tta-tabs-container,
.vc_tta-style-classic.vc_tta.vc_general.vc_tta-tabs-position-left .vc_tta-tabs-container {
border-bottom:0
}
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-right .vc_tta-panels {
border-top-left-radius: 5px;
}
.vc_tta-style-modern.vc_tta.vc_general.vc_tta-tabs-position-left .vc_tta-panels {
border-top-right-radius: 5px;
}
.vc_tta-tabs.vc_tta-tabs-position-right.vc_tta-o-shape-group .vc_tta-tab:first-child > a {
border-top-right-radius: 5px !important;
}
.vc_tta-tabs.vc_tta-tabs-position-right.vc_tta-o-shape-group .vc_tta-tab:last-child > a {
border-bottom-right-radius: 5px !important;
}
.vc_tta-tabs.vc_tta-tabs-position-left.vc_tta-o-shape-group .vc_tta-tab:first-child > a {
border-top-left-radius: 5px !important;
}
.vc_tta-tabs.vc_tta-tabs-position-left.vc_tta-o-shape-group .vc_tta-tab:last-child > a {
border-bottom-left-radius: 5px !important;
}
/* ------------------------------------------------------------------------ */
/* Video Background
/* ------------------------------------------------------------------------ */
.wpb_row{
position: relative;
}
.wpb_row .span_12 {
position: relative;
z-index: 10;
}
.video-fallback {
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpb_row .video-wrap {
overflow: hidden;
position: absolute!important;
top: 0;
left: 0;
padding-bottom: 0px!important;
opacity: 0;
z-index: 1;
}
.video-overlay {
width: 100%;
height: 100%;
opacity: 0.72;
position: absolute!important;
top: 0;
left: 0;
padding-bottom: 0px!important;
z-index: 3;
}
.wpb_row .video-wrap .mejs-container .mejs-controls {
display: none!important;
}
/* ------------------------------------------------------------------------ */
/* Misc
/* ------------------------------------------------------------------------ */
.vc_pie_chart {
width:100%;
}
.vc_pie_chart .vc_pie_wrapper {
}
.vc_pie_chart h4{
margin: 10px 0 0 0;
font-size: 14px;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
.vc_pie_chart{
margin: 0 !important;
}
/* ------------------------------------------------------------------------ */
/* Hover Icons
/* ------------------------------------------------------------------------ */
.ott-hover-icon {
border: 2px solid #3b3b3b;
float: left;
height: 180px;
margin-right: 5px;
padding-top: 55px;
transition: all 0.3s ease 0s;
width: 180px;
text-align:center
}
.ott-hover-icon > i {
font-size:40px;
margin-bottom:10px;
}
/* ------------------------------------------------------------------------ */
/* FAQS
/* ------------------------------------------------------------------------ */
.faq {
margin-bottom: 5px;
overflow:
}
.faq .question {
margin-bottom: 5px;
overflow: hidden;
position: relative;
color: #444;
}
.faq .question .title {
background-position: left top;
background-repeat: repeat-x;
border:1px #ddd solid;
cursor: pointer;
font-size: 13px;
padding: 12px 40px 12px 80px;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
hidden; background:#fff;
color:#777;
position: relative; cursor: pointer;
text-transform:uppercase
}
.faq .question .title:hover {
color:#444
}
.faq .question.active .title {
color:#11649b
}
.faq .question:last-child {
margin-bottom: 0px;
}
.faq .question .title > .icon-plus,
.faq .question .title > .icon-minus {
font-size: 15px;
line-height: 15px;
display: block;
position: absolute;
left: 0px;
text-align:center;
top: 15px;
width: 60px;
height: 20px;
text-align: center;
color: #777 !important;
}
.faq .question .title > .acc-icon-plus:before,
.faq .question .title > .acc-icon-minus:before {
margin: 0 !important;
}
.faq .question .title > .icon-plus {
display: block;
}
.faq .question .title > .icon-minus {
display: none;
}
.faq .question.active .title > .icon-plus {
display: none;
}
.faq .question.active .title > .icon-minus {
display: block;
color:#11649b !important
}
.faq .question.active p:last-child {
margin-bottom: 0;
}
.faq .question .title:before {
content: "";
width: 60px;
height: 100%;
border-width: 0 1px 0 0;
border-style: solid;
border-color: rgba(0,0,0,.1);
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.faq .question .title:after {
content: "";
width: 60px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.faq .question .answer {
background-position: left top;
background-repeat: repeat-x;
display: none;
overflow: hidden;
padding: 15px 20px 20px;
border-top:0px;
}
.color-light .faq .question .title {
background: rgba(0, 0, 0, 0.01) none repeat scroll 0 0;
border: 1px solid #404250;
color: #a1b1bc;
}
.color-light .faq .question .title:before {
border-color: #404250;
}
.color-light .faq .question .title {
background: rgba(0, 0, 0, 0.01) none repeat scroll 0 0;
border: 1px solid #404250;
color: #a1b1bc;
}
.color-light .faq .question.active .title {
color:#fff ;
background:none;
}
.color-light .faq .question .title > .icon-plus {
color:#a1b1bc !important
}
.color-light .faq .question .title:hover > .icon-plus {
color:#fff !important
}
.color-light .faq .question .title:hover {
color:#fff
}
.color-light .faq .question.active .title > .icon-minus {
color:#fff !important
}
.color-light .faq .question .answer ,
.color-light .faq .question .answer p {
color:#ddd !important;
}
/* ------------------------------------------------------------------------ */
/* Styled Style
/* ------------------------------------------------------------------------ */
.ottlis-item {
position:relative;
padding-left:30px;
}
.ottlis-item > i{
position:absolute;
left:0px;
top:10px ;
color:#11649b ;
font-size:15px;
}
h3.list-title {
line-height:30px;
font-size:13px;
font-weight:600;
margin-bottom:0
}
/* style -1 */
.style-1.ottlis-item > i {
border:1px #11649b solid;
height:24px;
width:24px;
line-height:22px;
text-align:center ;
border-radius:50%;
}
.style-1.ottlis-item {
padding-left:40px;
}
.style-1.ottlis-item h2{
line-height:34px;
}
/* style 2 */
.style-2.ottlis-item h2{
line-height:24px;
}
.style-2.ottlis-item h3.list-title {
font-size: 15px;
font-weight: 500;
line-height: 27px;
margin-bottom: 0;
}
/* style 3 */
.style-3.ottlis-item > i {
line-height:35px;
text-align:center ;
border-radius:50%;
font-size:35px;
}
.style-3.ottlis-item h2{
line-height:20px;
}
.style-3.ottlis-item {
padding-left:50px;
border-bottom:1px rgba(100,100,100,0.1) solid;
padding-bottom:10px;
margin-bottom:10px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.style-3.ottlis-item:hover {
border-bottom-color:#11649b
}
/* ------------------------------------------------------------------------ */
/* icon list Style
/* ------------------------------------------------------------------------ */
.ottlist-icon {
position:relative;
}
h3.list-title {
line-height:30px;
font-size:13px;
font-weight:600;
margin-bottom:0
}
/* style -1 */
.style-1.ottlist-icon{
padding-left:30px;
}
.style-1.ottlist-icon img.ottlist-icon-img {
height:40px;
width:40px;
line-height:22px;
text-align:center ;
border-radius:50%;
position:absolute;
left:0px;
top:10px ;
}
.style-1.ottlist-icon {
padding-left:60px;
}
/* style -1 */
.style-2.ottlist-icon h3.list-title {
line-height:40px;
position:relative;
padding-left:45px;
}
.style-2.ottlist-icon img.ottlist-icon-img {
height:30px;
width:30px;
line-height:22px;
text-align:center ;
border-radius:50%;
margin-right:10px;
position:absolute;
left:0px;
top:0px;
}
.style-2.ottlist-icon {
padding-left:0px;
}
/* ottlist-img*/
.ottlist-img .ott-icon-imglist {
float:left;
margin-right:20px;
}
.ottlist-img .list-title {
font-size:20px;
margin-bottom:0px;
}
.style-1.ottlist-img .ott-icon-imglist{
width:50px;
margin-right:20px;
}
.style-2.ottlist-img .ott-icon-imglist{
width:30px;
margin-right:10px;
}
.style-2.ottlist-img .list-title {
font-size:16px;
margin-bottom:10px;
}
/* ------------------------------------------------------------------------ */
/* History
/* ------------------------------------------------------------------------ */
.history-wrap {
width:100%;
position:relative;
min-height:220px;
overflow:hidden;
padding-bottom:10px;
}
.history-wrap:after {
content: "";
display: table;
height: 1000px;
width:1px;
background:rgba(0,0,0,.1);
position: absolute;
right:50%;
top: 0;
}
.history-year{
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e8;
border-radius: 80px;
box-shadow: 0 0 0 6px #f6f6f6;
color: #35373e;
display: block;
font-family: "Montserrat",sans-serif;
font-size: 11px;
height: 62px;
letter-spacing: 2px;
line-height: 60px;
position: absolute;
right: 50%;
top:10px;
margin-right:-31px;
text-align: center;
text-transform: uppercase;
width: 62px;
z-index: 1;
}
.history-inner {
width:40%;
float:left;
padding:30px;
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e8;
box-shadow: 0 0 0 6px #f6f6f6;
margin-top:60px;
margin-left:10px;
position:relative
}
.history-inner:before {
content: "";
display: table;
height: 1px;
width:80px;
background:rgba(0,0,0,.1);
position: absolute;
top: 50%;
}
.history-left .history-inner:before {
right:-80px;
}
.history-right .history-inner:before {
left:-80px;
}
.history-right .history-inner {
float:right;
margin-left:0px;
margin-right:10px;
}
.history-right .history-inner:after{
right:auto;
left:-10px;
}
.history-inner:after {
content: "";
display: table;
height: 20px;
width:20px;
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e8;
box-shadow: 0 0 0 6px #f6f6f6;
position: absolute;
right:-10px;
top: 50%;
margin-top:-10px;
border-radius:50%;
}
/* ------------------------------------------------------------------------ */
/* Color Light
/* ------------------------------------------------------------------------ */
.color-light,
.color-light p{
color: rgba(255,255,255,0.9) !important;
}
.color-light a,
.color-light h1 a,
.color-light h2 a,
.color-light h3 a,
.color-light h4 a,
.color-light h5 a,
.color-light h6 a{
color: #fff;
}
.color-light a:hover,
.color-light h1 a:hover,
.color-light h2 a:hover,
.color-light h3 a:hover,
.color-light h4 a:hover,
.color-light h5 a:hover,
.color-light h6 a:hover,
.color-light a:hover h1,
.color-light a:hover h2,
.color-light a:hover h3,
.color-light a:hover h4,
.color-light a:hover h5,
.color-light a:hover h6{
color: #fff !important;
}
.color-light h1,
.color-light h2,
.color-light h3,
.color-light h4,
.color-light h5,
.color-light h6,
.color-light h3.element-title {
color: #fff;
}
.color-custom h1,
.color-custom h2,
.color-custom h3,
.color-custom h4,
.color-custom h5,
.color-custom h6 {
color: inherit;
}
.color-light .progressbar{
background: rgba(255,255,255,0.2);
}
.color-light .testimonial-author{
color: rgba(255,255,255,0.8);
}
.color-light .testimonial{
background: #ffffff;
}
.color-light .testimonial:after{
border-color: #ffffff transparent transparent transparent;
}
.color-light .title{
color: #ffffff;
}
.color-light .divider-title{
color: #ffffff;
}
.color-light .member .member-role{
color: rgba(255,255,255,0.8);
}
.color-light .imagebox{
border: none;
}
.color-light .social-icon {
background-color: rgba(255,255,255,0.1) !important;
}
.color-light .social-icon a{
color: #ffffff;
}
.color-light .social-icon a:hover{
background: #ffffff;
color: #777777 !important;
}
.color-light .gallery-style-2 .gallery{
background: rgba(0,0,0,0.2);
}
.color-light input[type="text"],
.color-light input[type="password"],
.color-light input[type="email"],
.color-light textarea,
.color-light select
{
color: rgba(255,255,255,0.5);
border: 1px solid rgba(0,0,0,0.5);
background: rgba(0,0,0,0.2);
}
.color-light input[type="text"]:focus,
.color-light input[type="password"]:focus,
.color-light input[type="email"]:focus,
.color-light textarea:focus {
color: #ffffff;
background: rgba(0,0,0,0.4);
border-color: rgba(0,0,0,0.8);
}
.color-light .wpcf7 span.wpcf7-not-valid-tip {
color: #777777;
margin-top: -2px;
background: #ffffff;
padding: 4px 10px;
border-radius: 0 0 2px 2px;
}
.color-light input.wpcf7-not-valid{
border-color: #ffffff;
}
.color-light .wpcf7-form input::-webkit-input-placeholder {
color: rgba(255,255,255,0.7);
}
.color-light .wpcf7-form input:-moz-placeholder {
color: rgba(255,255,255,0.7);
}
.color-light .wpcf7-form input::-moz-placeholder {
color: rgba(255,255,255,0.7);
}
.color-light .wpcf7-form input:-ms-input-placeholder {
color: rgba(255,255,255,0.7);
}
.color-light .iconbox-content p{
opacity: 0.8;
}
.color-light .iconbox-style-8{
background: rgba(0,0,0,0.4);
color: #777777 !important;
}
.color-light .iconbox-style-8 i.boxicon{
color: #999999;
}
.color-light .latest-blog-list-modern li{
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.color-light .latest-blog-list-modern li a:hover{
background: rgba(255,255,255,0.07);
}
.color-light .latest-blog-list-modern li span{
color: rgba(255,255,255,0.7);
}
.color-light .owl-theme .owl-dots .owl-dot span{
border:2px solid #ffffff;
background:transparent;
}
.color-light .owl-theme .owl-dots .owl-dot.active span{
background:#ffffff;
}
/* .h-image img*/
.h-image-50 {
margin-top:-50px !important
}
.h-image-100 {
margin-top:-100px !important
}
.h-image-150 {
margin-top:-150px !important
}
.h-image-200 {
margin-top:-200px
}
.h-image-250 {
margin-top:-250px
}
.h-image-300 {
margin-top:-300px
}
/*-----------------------------------------------------------------------------------*/
/* Carousel
/*-----------------------------------------------------------------------------------*/
.whitespot_carousel{
opacity: 0;
}
.whitespot_carousel .wpb_content_element{
margin-bottom: 25px;
}
.whitespot_carousel.grab-true,
.whitespot_carousel.grab-true a{
cursor: grab!important;
cursor: -moz-grab!important;
cursor: -webkit-grab!important;
}
.whitespot_carousel.pagination_numbers .owl-dots{
text-align: left;
}
.whitespot_carousel.pagination_numbers .owl-dots:after{
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.whitespot_carousel.pagination_numbers .owl-dots .owl-dot{
display: inline-block;
float: left;
width: 40px;
height: 40px;
line-height: 40px;
font-weight: 700;
text-align: center;
background: #333333;
color: #ffffff;
margin-right: 5px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.whitespot_carousel.pagination_numbers .owl-dots .owl-dot.active{
background: #44bdbd;
color: #ffffff !important;
}
/*-----------------------------------------------------------------------------------*/
/* Boxed Holder
/*-----------------------------------------------------------------------------------*/
.whitespot_boxedholder{
border-style: solid;
}
.whitespot_boxedholder .wpb_content_element:last-child{
margin-bottom: 0px;
}
.whitespot_boxedholder .vc_col-sm-12 {
padding-right:0 !important;
padding-left:0 !important;
}
/*-----------------------------------------------------------------------------------*/
/* Masonry Grid
/*-----------------------------------------------------------------------------------*/
.whitespot_metroblocks{
margin:0px 0px 0;
padding: 0px 0;
overflow:hidden
}
.full-width-section .whitespot_masonrygrid{
margin: 0 0px;
}
.whitespot_metroblock_item{
float: left;
width: 25%;
background-color: rgba(0,0,0,0.88);
margin-bottom:-1px;
}
.whitespot_metroblock_item_wrap{
margin: 0;
box-sizing: border-box;
overflow: hidden;
}
.whitespot_metroblock_item_inner{
margin: 0;
padding: 0;
background-size: cover;
position: relative;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
padding:30px;
}
.whitespot_metroblock_item_cell{
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 60px 30px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.whitespot_metroblock_item_cell:hover{
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 40px 30px 80px;
}
.whitespot_metroblock_item_overlay{
color: #ffffff;
font-size: 20px;
letter-spacing: 1px;
width:25%;
}
/* Masonry Text */
.metroblock_text .whitespot_metroblock_item_inner{
background: #f3f3f3;
box-sizing: border-box;
padding: 60px;
}
.metroblock_text .whitespot_metroblock_item_cell{
text-align: left;
}
.metroblock_text h4{
font-size: 28px;
font-weight: inherit;
margin: 0;
padding: 0;
}
.metroblock_text .divider{
width: 40px;
height: 0;
border-bottom: 2px solid #cbcbcb;
margin: 30px 0;
}
/* Masonry Icon */
.metroblock_icon.whitespot_metroblock_item{
background: #f3f3f3;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-ms-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
}
.metroblock_icon i{
font-size: 55px;
color: #44bdbd;
margin-bottom:15px;
}
.metroblock_icon h4{
font-size: 18px;
margin: 10px 0 10px 0;
padding: 0;
-webkit-transition:all .16s;
-moz-transition:all .16s;
-ms-transition:all .16s;
-o-transition:all .16s;
transition:all .16s;
}
.metroblock_icon .whitespot_metroblocks_subtitle{
color: #999999;
}
.metroblock_icon.whitespot_metroblock_item:hover{
background: #222222 !important;
}
.metroblock_icon:hover h4{
color: #ffffff;
}
.metroblock_icon .whitespot_metroblock_item_inner:hover .whitespot_masonrygrid_subtitle {
color: #ffffff !important ;
}
.lighttxt.metroblock_icon h4 {
color:#fff
}
.lighttxt.metroblock_icon i {
color:#fff
}
.lighttxt .whitespot_metroblock_item_cell {
color:#fff
}
/* clients logos */
.clients-logo {
border:2px #eee solid;
padding:0px;
background:#fff
}
/*****************************************************
Events List Page
*******************************************************/
.event-item-date {
width:60px;
height:60px;
padding:15px;
text-align:center;
font-size:18px;
line-height:20px;
text-transform:uppercase;
font-weight:600 ;
position:absolute;
right:0px;
bottom:0px;
background:rgba(0,0,0,0.7);
color:#ddd ;
}
.event-item-date > span {
width:100%;
text-align:center;
margin-top:0px;
font-weight:500;
font-size:14px;
color:#ddd ;
display:block;
}
/*****************************************************
Jobs Page
*******************************************************/
.job_filters .job_types {
padding:20px 20px
}
article.single.type-job_listing {
border-bottom:0px;
margin-bottom:0px;
padding-bottom:0px;
}
article.single.type-job_listing .entry-content {
margin-bottom:0px;
}
.single_job_listing .company {
box-shadow:none
}
.single_job_listing .company img,
.rp4wp-related-job_listing > ul li.job_listing a img.company_logo,
.rp4wp-related-job_listing > ul li.no_job_listings_found a img.company_logo,
ul.job_listings li.job_listing a img.company_logo,
ul.job_listings li.no_job_listings_found a img.company_logo {
display:none !important;
}
.rp4wp-related-job_listing > ul li.job_listing a div.position,
.rp4wp-related-job_listing > ul li.no_job_listings_found a div.position,
ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
padding-left:0px;
}
.single_job_listing .company .name ,
.single_job_listing .company .tagline{
margin-left:0px;
}
.single_job_listing .company .name a {
position:absolute;
right:20px;
top:50%;
margin-top:-10px;
}
.rp4wp-related-job_listing > ul, ul.job_listings {
border-top:0
}
.job_filters .search_jobs {
padding:20px 20px;
}
.rp4wp-related-job_listing > ul li.job_listing a div.position h3,
.rp4wp-related-job_listing > ul li.no_job_listings_found a div.position h3,
ul.job_listings li.job_listing a div.position h3,
ul.job_listings li.no_job_listings_found a div.position h3 {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.rp4wp-related-job_listing > ul li.job_listing a div.position h3,
.rp4wp-related-job_listing > ul li.no_job_listings_found a div.position h3,
ul.job_listings li.job_listing a:hover div.position h3,
ul.job_listings li.no_job_listings_found a:hover div.position h3{
color:#428bca
}
.rp4wp-related-job_listing > ul li.job_listing a div.location,
.rp4wp-related-job_listing > ul li.no_job_listings_found a div.location,
ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location{
color:#428bca
}
.rp4wp-related-job_listing > ul li.job_listing a div.position h3,
.rp4wp-related-job_listing > ul li.no_job_listings_found a div.position h3,
ul.job_listings li.job_listing a div.position h3,
ul.job_listings li.no_job_listings_found a div.position h3 {
font-weight:600
}
.job_listing .company strong {
font-weight:500
}
/*****************
Element Title
***********************/
.latest-blog .blog-item h4 ,
.element-title,
.overlay-name > span ,
.metroblock_icon h4 ,
.tsslider2 .testimonial-slide span {
font-size: 17px;
font-weight: 600;
}
.imagebox .inner-content > h3 ,
.vc_tta.vc_general .vc_tta-tab > a {
font-size: 17px;
font-weight: 600;
}
ul.slider_featured_items li h3 ,
.counter-title,
.dropdown_widget ul.cart_list li a ,
.entry-title a,
.entry-title,
.vc_tta.vc_general .vc_tta-panel-title,
.toggle .toggle-title,
.portfolio-filters ul li a,
.testimonial-slide span,
div .dropdown_widget .cart_list li.empty,
.wpb_content_element .wpb_accordion_header a,
.vc_toggle_title > h4 ,
.vc_tta.vc_general .vc_tta-panel-title > h4 a,
.imagebox-content > h3 ,
.inner-content > h3 ,
.faq .question .title ,
.member h4 ,
.teaser-text h3 ,
.tribe-events-list-widget h4.tribe-event-title a ,
.counter.style3 .counter-number ,
.metroblock_text h4 ,
.whitespot_metroblock_item_overlay,
.ott-grid-overlay .ott-overlay-content h3{
font-weight: 600;
}
.portfolio-overlay-name .portfolio-overlay span,
.iconbox h3,
.catimage-text,
.element-title ,
.product-block .name{
font-size: 17px;
font-weight: 600;
}