/*
Theme Name: SUKAR
Theme URI: http://white.onetouchtheme.com/
Author: onetouchtheme
Author URI: https://themeforest.net/user/onetouchtheme/
Description: Clean WordPress theme
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sukar
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, translation-ready
*/
/**
* Table of Contents:
*
* 1.0 Reset
* 2.0 Base
* 3.0 Typography
* 4.0 Links and Form
* 5.0 Column Settings
* 6.0 WordPress Core
* 7.0 Row Core
* 8.0 Loading Section
* 9.0 Main Grid Padding CSS
* 10.0 Container Styles
* 11.0 jplayer Styles
* 12.0 Plugin - Tipsy
* 13.0 Plugin - PrettyPhoto CSS
* 14.0 Plugin - FlexSlider
* 15.0 Plugin - Owl Carousel
* ----------------------------------------------------------------------------
*/
/**
* 1.0 Reset
*
* ----------------------------------------------------------------------------
*/
.clearfix{
*zoom:1;
}
.clearfix:before,
.clearfix:after{
display:table;
content:"";
line-height:0;
}
.clearfix:after{
clear:both;
}
.page-wrap p + p{
display:inline-block;
width:100%
}
/**
* 2.0 Base
*
* ----------------------------------------------------------------------------
*/
html {
-webkit-font-smoothing: antialiased;
}
::selection {
background: #c59d5f ;
color: #ffffff;
}
::-moz-selection {
background: #c59d5f ;
color: #ffffff;
}
img.scale-with-grid {
max-width: 100%;
height: auto;
}
ul {
margin: 0;
list-style: none;
}
li{
line-height: 1.9;
}
p {
margin: 0 0 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.ott-content p:last-child,
.otouch-team p:last-child,
.single-portfolio p:last-child{
margin: 0;
}
embed, img {
max-width: 100%;
height: auto;
border: none;
}
iframe{
width: 100%;
max-width: 100%;
border: none;
}
a:hover {
text-decoration: none;
}
ul {
list-style-type: square;
}
nav ul, nav ol {
list-style: outside none none;
}
li > ul, li > ol {
margin: 0 0 0 20px;;
}
img {
border: 0 none;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
#ui-datepicker-div {
display:none
}
#main .ui-helper-reset {
line-height:1.6;
}
/**
* 3.0 typography
*
* ----------------------------------------------------------------------------
*/
body {
line-height: 1.9em;
font-size: 14px;
color: #444;
font-weight:400;
font-family: "Open Sans", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px 0;
padding: 0;
color: #000;
font-weight: bold;
font-family: 'Open San' ,sans-serif;
line-height: 1.6;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
.highlight {
color: #c59d5f ;
}
p img {
margin: 0;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
small {
font-size: 80%;
}
hr {
clear: both;
margin: 20px 0 20px;
height: 0;
border: solid #ddd;
border-width: 1px 0 0;
}
pre {
overflow-x:auto;
margin: 0 0 20px 0;
padding: 10px 20px;
height: auto;
border: 1px solid #e2e2e2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #f7f7f7;
font-family: Consolas, monospace;
}
.hidden { display: none !important; }
dt{
line-height: 2;
}
/**
* 4.0 Links and Form
*
* ----------------------------------------------------------------------------
*/
.ls-inner a{
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
ul,
ol { margin: 20px 0; }
ul { list-style: none outside; }
ol{ margin-left: 30px; }
ul { margin-left: 15px; padding-left:0px; }
ol { list-style: decimal; }
ul { list-style: circle outside; }
aside ul,.ott-twitter ul.jtwt{position: relative; margin: 0;padding-left: 20px; list-style: none;}
aside ul ul{margin-top: 15px;}
ul li ul,
ol li ul,
ol li ul,
ol li ol {
margin-bottom: 0;
font-size: 13px;
color: #444;
font-weight:400;
}
/**
* 4. Column Settings
*
* ----------------------------------------------------------------------------
*/
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-six,
.five-sixth ,
.four-sixth,
.two-sixth{
margin-right: 4%;
position:relative;
float:left;
}
.one-half{
width:48%;
}
.one-third{
width:30.6666%;
}
.one-fourth{
width:22%;
}
.one-fifth{
width: 16.8%;
}
.one-six {
width: 13.3333%;
}
.two-third{
width: 65.3332%;
}
.two-fourth {
width: 48%;
}
.two-fifth {
width: 37.6%;
}
.two-sixth {
width: 30.6666%;
}
.three-fourth{
width:74%;
}
.three-fifth {
width: 58.4%;
}
.three-sixth {
width: 47.9998%;
}
.four-fifth {
width: 79.2%;
}
.four-sixth {
width: 65.3332%;
}
.five-sixth {
width: 82.6665%;
}
.last{
margin-right:0 !important;
clear:right;
}
.one{
width:100%;
display:inline-block;
}
nav.langes-menu .menu li.parent a i {
line-height:50px;
height:50px;
display:block
}
nav.langes-menu .menu li.parent > a > span {
display:none
}
.ott-acc-menu-wrap a i {
display:none;
}
/* Row - Standard 1200px
/--------------------------------------------------------- */
.page-section .standard-section .span_12,
.container{
max-width: 1180px;
margin: 0 auto;
}
#slider {
width:100%;
}
.theme-boxed,
.theme-boxed #header.header-small,
.theme-boxed .fixed-footer{
width: 1260px;
}
.theme-boxed .otouch-full-element {
margin-left: -100px;
width: 1340px;
}
.theme-boxed.gird1560 ,
.theme-boxed.gird1560 #header.header-small,
.theme-boxed.gird1560 .fixed-footer {
width: 1560px;
}
/*-----------------------------------------------------------------------------------*/
/* Video Embed
/*-----------------------------------------------------------------------------------*/
.video-embed{
margin: 0 0 20px 0;
}
.video-embed iframe{
max-width: 100%;
height: auto;
}
/* ------------------------------------------------------------------------ */
/* 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;
}
/**
* 6. WordPress Core
*
* ----------------------------------------------------------------------------
*/
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 10px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 10px 20px;
}
a img.alignnone {
margin: 5px 20px 10px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
a img.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption {
padding: 5px 3px 10px;
max-width: 96%; /* Image does not overflow the content area */
border: 1px solid #f0f0f0;
background: #fff;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
margin: 0;
padding: 0;
max-width: 98.5%;
width: auto;
height: auto;
border: 0 none;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0 4px 5px;
font-size: 11px;
line-height: 17px;
}
/* WP Default Gallery */
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
max-width: 90%;
height: auto;
margin: 5% auto;
}
.gallery-caption {
margin: 0 0 8px;
font-style: italic;
font-family: arial;
}
.sticky {
display:block
}
.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
margin-bottom:20px;
}
.gallery .gallery-row {
display:block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery .gallery-item {
overflow: hidden;
float: left;
text-align: center;
list-style: none;
padding: 0;
position:relative
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
max-width: 90%;
height: auto;
margin: 5% auto;
-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;
position:relative
}
.gallery .gallery-item a:after{
background: rgba(0, 0, 0, .4);
content: "";
height: 100%;
left: 0;
opacity: 0;
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;
}
.gallery .gallery-item:hover a:after{
opacity:1
}
.gallery-caption {
margin: 0 0 8px;
font-style: italic;
font-family: arial;
}
#gallery-1 img {
max-width: 100%;
height: auto;
margin: 0% auto;
}
.gallery-style-2 .gallery {
margin:0 -1% 0 0 !important
}
.gallery-style-2 .gallery-columns-1 .gallery-item {
width:100%;
margin:0 0 2% 0 !important
}
.gallery-style-2 .gallery-columns-2 .gallery-item{
width:48% !important
}
.gallery-style-2 .gallery-columns-3 .gallery-item{
width:31.3%
}
.gallery-style-2 .gallery-columns-4 .gallery-item{
width:23%
}
.gallery-style-2 .gallery-columns-5 .gallery-item{
width:18% !important ;
margin:0 2% 20px 0 !important
}
.gallery-style-2 .gallery-columns-6 .gallery-item{
width:16.6667%; !important;
margin:0 2% 20px 0 !important
}
.gallery-style-2 .gallery-columns-7 .gallery-item{
width:12.3% !important;
margin:0 2% 20px 0 !important
}
.gallery-style-2 .gallery-columns-8 .gallery-item{
width:10.5% !important;
margin:0 2% 20px 0 !important
}
.gallery-style-2 .gallery-columns-9 .gallery-item{
width:9.3% !important;
margin:0 2% 20px 0 !important
}
.gallery-columns-6 .gallery-item:nth-child(6) {
margin-right:0 !important;
}
.gallery-columns-7 .gallery-item:nth-child(7) {
margin-right:0 !important
}
.gallery-columns-8 .gallery-item:nth-child(8) {
margin-right:0 !important
}
.gallery-columns-9 .gallery-item:nth-child(9) {
margin-right:0 !important
}
.gallery-style-1 .gallery-item {
border:0px ;
margin:0px;
}
.gallery-style-1 .gallery-item img {
width:100%;
height: auto;
margin: 0% auto;
max-width: 100%;
}
.gallery .gallery-item a{
margin: 0;
padding: 0;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.gallery img{
width: 100%;
height: auto;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
.gallery a:hover {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
}
.gallery-item{
margin: 0 !important;
padding: 0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.gallery-style-2 .gallery-item{
padding: 1px;
}
.gallery-columns-2 .gallery-item{
width:100% !important
}
.gallery-columns-2 .gallery-item{
width:50% !important
}
.gallery-columns-3 .gallery-item{
width:33.333% !important
}
.gallery-columns-4 .gallery-item{
width:25% !important
}
.gallery-columns-5 .gallery-item{
width:20% !important
}
.gallery-columns-6 .gallery-item{
width:16.666% !important
}
.gallery-columns-7 .gallery-item{
width:14.285% !important
}
.gallery-columns-8 .gallery-item{
width:12.5% !important
}
.gallery-columns-9 .gallery-item{
width:11.111% !important
}
.style-1.gallery .gallery-item img,
.style-1.gallery .gallery-item img.thumbnail {
margin:0px;
width:100%;
max-width:100%
}
.sukar-gallery {
margin-bottom:-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%);
}
.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;
}
/* Table Default Style */
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
del {
color: #333;
}
ins {
background: none repeat scroll 0 0 #fff9c0;
text-decoration: none;
}
.bypostauthor{
position:relative
}
/**
* 7.0 Row Core
*
* ----------------------------------------------------------------------------
*/
.row-container {
position:relative ;
display:block ;
width:100%;
clear:both
}
.row-container > .container > .row > .col-md-6 {
margin-bottom:0px !important
}
.row-container.bordered:after {
content: "";
display: table;
height: 5px;
width:100%;
background:rgba(100,100,100,0.1);
position: absolute;
left:0px;
top: 0%;
z-index:12
}
.dark .row-container.bordered:after {
background:rgba(255,255,255,0.2);
}
.row-icon {
position:absolute;
width:80px;
height:80px;
line-height:64px;
text-align:center;
left:50%;
top:-40px;
margin-left:-40px;
background:#c59d5f ;
z-index:20 ;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border:8px #fff solid;
color:#fff;
font-size:25px;
}
.mm-page {
overflow:hidden
}
/* Container */
body.not-responsive .container {
width: 1170px !important;
}
body.not-responsive .theme-full {
min-width: 1200px;
}
/**
* 8.0 Loading Section
*
* ----------------------------------------------------------------------------
*/
body.loading div#loading{
display: block;
width: 100%;
height: 100%;
background-image: url(assets/img/page-load.GIF);
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
margin-bottom:40px;
position:fixed;
left:0px;
top:0px;
overflow:hidden;
z-index:999999
}
body.loading div#loading.simple {
background-image: url(assets/img/page-load-ring.gif);
}
body.loading div#loading.box {
background-image: url(assets/img/page-load-box.gif);
}
body.loading {
overflow:hidden ;
margin-bottom:0px !important;
height: 100% !important
}
div#loading h2 {
display:none;
opacity:0;
}
body.loading .fixed-footer{
padding:0px;
margin:0 !important;
display:none !important
}
#google-map{
margin-bottom: -7px;
}
#google-container {
position: relative;
width: 100%;
height: 200px;
background-color: #e7eaf0;
}
.no-mobile-title {
color:#fff;
padding:10px 20px;
}
/**
* 9.0 Main Grid Padding CSS
*
* ----------------------------------------------------------------------------
*/
.otouch-pagebuilder #main {
padding: 0;
}
#slider{
position: relative;
background: #FFF;
z-index:2
}
#main {
z-index:3 ;
}
.page-wrap {
padding:60px 0;
}
#slider {
overflow:hidden ;
}
.page-template-page-onepage-php #main{
padding: 0;
}
#main [class*="col-md"] {
display: inline-block;
margin-top: 40px;
margin-bottom: 40px;
*display: inline;
}
#main .col-md-9 > .row > [class*="col-md"].ott-element,
#main .col-md-6 > .row > [class*="col-md"].ott-element
{
margin-top: 40px;
margin-bottom: 0px;
}
#main .col-md-3 > .row > [class*="col-md"].ott-element {
margin-bottom:0px;
}
#main .col-md-6 [class*="col-md"] {
margin-top: 20px;
margin-bottom: 20px;
}
#main .otouch-portfolio [class*="col-md"].portfolio{
margin-top: 0px;
margin-bottom: 30px;
}
#main .otouch-portfolio [class*="col-md-3"]{
width: 24.9%;
}
.onepage-header-container [class*="col-md"] {
display: inline-block;
margin-top: 40px;
margin-bottom: 40px;
*display: inline;
}
#main [class*="col-md"].otouch-column {
margin-bottom:0px;
}
/**
* 10.0 Container Styles
*
* ----------------------------------------------------------------------------
*/
.bg-scroll,.bg-parallax{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.bg-parallax{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: cover;
background-attachment: fixed;
box-sizing: border-box;
}
.bg-fixed{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.bg-fixed {
background-attachment: scroll;
}
}
.bg-pattern{
background-repeat: repeat;
background-position: left top;
}
/**
* 11.0 jplayer Styles
*
* ----------------------------------------------------------------------------
*/
div.jp-jplayer.jp-jplayer-video {
background-color: #292a2b;
}
.jp-jplayer-video video {
margin-bottom: -6px;
}
div.jp-audio,
div.jp-video {
color: #fff;
font-size: 1em;
font-family: Verdana, Arial, sans-serif;
line-height: 1.6;
}
div.jp-audio,
div.jp-video {
width: 100%;
}
div.jp-interface {
position: relative;
z-index: 100;
width: 100%;
background: url(assets/img/jplayer_bg.png) repeat-x;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
div.jp-type-single div.jp-interface {
height: 30px;
}
div.jp-interface ul.jp-controls {
margin: 0;
padding: 0;
list-style-type: none;
}
div.jp-interface ul.jp-controls li {
display: inline;
}
div.jp-interface ul.jp-controls a {
position: absolute;
overflow: hidden;
text-indent: -9999px;
}
a.jp-play,
a.jp-pause {
z-index: 1;
width: 33px;
height: 30px;
outline: none;
}
div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
top: 0;
left: 0;
}
a.jp-play {
background: url("assets/img/jplayer-black-and-yellow.png") 0 0 no-repeat;
}
a.jp-play:hover {
background: url("assets/img/jplayer-black-and-yellow.png") -33px 0 no-repeat;
}
a.jp-pause {
display: none;
background: url("assets/img/jplayer-black-and-yellow.png") 0 -30px no-repeat;
}
a.jp-pause:hover {
background: url("assets/img/jplayer-black-and-yellow.png") -33px -30px no-repeat;
}
div.jp-progress-container {
position: absolute;
top: 0;
left: 34px;
padding: 12px 10px;
width: 225px;
height: 6px;
}
div.jp-progress {
position: absolute;
overflow:hidden;
}
div.jp-type-single div.jp-progress {
padding: 1px;
width: 223px;
height: 7px;
background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x ;
}
.single div.jp-type-single div.jp-progress {
width: 411px;
}
div.jp-seek-bar {
width: 0px;
height: 5px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: url("assets/img/jplayer-black-and-yellow.png") 0 -163px repeat-x;
cursor: pointer;
}
div.jp-play-bar {
width: 0px;
height: 5px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x ;
}
div.jp-volume-bar-container {
position: absolute;
top: 0;
right: 20px;
padding: 12px 10px;
width: 40px;
height: 6px;
}
div.jp-volume-bar {
position: relative;
overflow: hidden;
width: 40px;
height: 9px;
background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x;
cursor: pointer;
}
div.jp-volume-bar-value {
margin: 1px;
width: 0px;
height: 5px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x;
}
a.jp-mute,
a.jp-unmute {
top: 9px;
right: 60px;
z-index: 1;
width: 17px;
height: 13px;
outline: none;
}
.seperator-first,
.seperator-second {
position: absolute;
left: 32px;
width: 2px;
height: 30px;
background:url(assets/img/seperator.png) no-repeat left;
}
.seperator-second {
right:90px;
left:auto;
}
a.jp-mute {
background: url("assets/img/jplayer-black-and-yellow.png") -10px -68px no-repeat;
}
a.jp-mute:hover {
background: url("assets/img/jplayer-black-and-yellow.png") -43px -68px no-repeat;
}
a.jp-unmute {
display: none;
background: url("assets/img/jplayer-black-and-yellow.png") -5px -98px no-repeat;
}
a.jp-unmute:hover {
background: url("assets/img/jplayer-black-and-yellow.png") -43px -98px no-repeat;
}
div.jp-jplayer {
background-color: #292a2b;
}
/**
* 12.0 Plugin - Tipsy
*
* ----------------------------------------------------------------------------
*/
.tipsy {
font-size: 13px;
position: absolute;
padding: 5px;
z-index: 9;
}
.tipsy-inner {
background-color: #000;
color: #FFF;
max-width: 200px;
padding: 5px 12px 4px 12px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0; l
ine-height: 0;
border: 5px dashed #000;
}
.tipsy-arrow-n {
border-bottom-color: #000;
}
.tipsy-arrow-s {
border-top-color: #000;
}
.tipsy-arrow-e {
border-left-color: #000;
}
.tipsy-arrow-w {
border-right-color: #000;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
/**
* 13.0 Plugin - PrettyPhoto CSS
*
* ----------------------------------------------------------------------------
*/
div.pp_default .pp_expand{
background:none !important;
cursor:pointer;
width:30px;
height:30px;
margin:0 11px 0 0;
}
div.pp_default .pp_expand:after{
background:rgba(0,0,0,.2);
color:#fff;
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:30px;
top:0;
left:0;
text-indent:0;
font-size:14px;
font-family:FontAwesome;content:'\f065';
-webkit-font-smoothing:antialiased;
}
div.pp_default .pp_contract{
cursor:pointer
;width:30px;
height:30px;
margin:0 11px 0 0;
}
div.pp_default .pp_contract:after{
background:rgba(0,0,0,.2);
color:#fff;
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:30px;
top:0;
left:0;
text-indent:0;
font-size:14px;
font-family:FontAwesome;content:'\f066';
-webkit-font-smoothing:antialiased;
}
a.pp_contract,a.pp_expand{
cursor:pointer;
display:none;
height:20px;
position:absolute;
right:30px;
text-indent:-10000px;
top:40px;
width:20px;
z-index:20000;
}
div.pp_default .pp_close{
width:30px;
height:30px;
cursor:pointer;
display:block;
margin:5px -7px 0 0;
padding:0;
line-height:1;
background:none !important ;
color:#fff;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
div.pp_default .pp_close {
text-indent:-99999px
}
div.pp_default .pp_close:hover{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
div.pp_default .pp_close:after{
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:30px;
top:0;
left:0;
text-indent:0;
font-size:18px;
font-family:'icomoon';
content:'\e603';
-webkit-font-smoothing:antialiased;
}
div.pp_default .pp_gallery ul li a{
border-radius:1px;
overflow:hidden;
}
div.pp_default .pp_gallery a.pp_arrow_next,
div.pp_default .pp_gallery a.pp_arrow_previous{
position:relative !important;
left:auto;
}
div.pp_default .pp_nav .pp_pause,
div.pp_default .pp_nav .pp_play{
height:30px;
width:30px;
margin:0;
color:#fff;
display:none;
}
div.pp_default .pp_nav .pp_play:after{
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:30px;
top:0;
left:0;
text-indent:0;
font-size:14px;
font-family:FontAwesome;
content:'\f04b';
-webkit-font-smoothing:antialiased;
}
div.pp_default .pp_nav .pp_pause:after{
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:30px;
top:0;
left:0;
text-indent:0;
font-size:14px;
font-family:FontAwesome;content:'\f04c';
-webkit-font-smoothing:antialiased;
}
div.pp_default a.pp_arrow_next, div.pp_default a.pp_arrow_previous {
background:none !important
}
div.pp_default a.pp_arrow_next,
div.pp_default a.pp_arrow_previous{
height:30px;
width:30px;
position:relative;
color:#fff;
}
div.pp_default a.pp_arrow_previous:after{
position:absolute;
width:30px;
height:30px
;text-align:center;
line-height:30px;
top:0;
left:0;
text-indent:0;
font-size:14px;
font-family:FontAwesome;
content:'\f053';
-webkit-font-smoothing:antialiased;
}
div.pp_default a.pp_arrow_next:after{
position:absolute;
width:30px;
height:30px;
text-align:center;
line-height:30px;
top:0;
left:0;
text-indent:0;
font-size:14px;
font-family:FontAwesome;
content:'\f054';
-webkit-font-smoothing:antialiased;
}
div.pp_default .pp_nav .currentTextHolder{
color:#fff;
display:block;
text-align:center;
padding:0 4px;
width:30px;
font-size:14px;
line-height:30px;
margin:0;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
opacity: 0.7;
}
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover,
div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_nav .pp_play:hover{
opacity:.7;
}
div.pp_pic_holder a:focus{
outline:0;
}
div.pp_overlay{
background:#000000;
left:0;
position:absolute;
top:0;
width:100%!important;
z-index:9999;
opacity:0;
-webkit-transition: opacity .35s ease;
-moz-transition: opacity .35s ease;
-ms-transition: opacity .35s ease;
-o-transition: opacity .35s ease;
transition: opacity .35s ease;
}
div.pp_pic_holder{
display:none;
position:absolute;
z-index:10001!important;
}
.pp_content{
margin:0;
padding:0;
}
.pp_content_container{
margin-left:-2px;
width:100%;
}
.pp_description{
display:none !important;
margin:0;
}
.pp_social{
float:left;
height:20px;
margin:10px 0 0;
}
.pp_social .facebook{
float:left;
overflow:hidden;
width:80px !important}
.pp_social .twitter{
float:left;
margin-right:10px;
display:block ;
display:none !important
}
.pp_nav{
clear:right;
float:left;
margin:5px 10px 0 -10px;
}
.pp_nav p{
float:left;
white-space:nowrap;
margin:0;
}
.pp_nav .pp_pause,
.pp_nav .pp_play{
float:left;
margin-right:0;
text-indent:-10000px;
}
a.pp_arrow_next,
a.pp_arrow_previous{
display:block;
float:left;
height:30px;
overflow:hidden;
text-indent:-10000px;
width:30px;
}
.pp_hoverContainer{
position:absolute;
top:0;
width:100%;
z-index:2000;
}
.pp_gallery{
display:none;
left:50%;
margin-top:-50px;
position:absolute;
z-index:10000;
}
.pp_gallery div{
float:left;
overflow:hidden;
position:relative;
}
.pp_gallery ul{
float:left;
height:35px;
position:relative;
white-space:nowrap;
margin:0 0 0 5px;
padding:0;
}
.pp_gallery ul a{
border:1px rgba(0,0,0,.3) solid;
display:block;
float:left;
height:33px;
overflow:hidden;
}
.pp_gallery ul a img{
border:0;
}
.pp_gallery li{
display:block;
float:left
;margin:0 5px 0 0;
padding:0;
}
.pp_gallery li.default a{
display:block;
height:33px;
width:50px;
}
a.pp_next, a.pp_previous {
background:none !important
}
a.pp_next{
display:block;
float:right;
height:100%;
text-indent:-10000px;
width:49%;
position:relative;
overflow:hidden;
}
a.pp_next:after{
position:absolute;
width:40px;
height:40px;
text-align:center;
line-height:40px;
right:0px;
top:50%;
margin-top:10px;
border-radius: 2px 0 0 2px;
background: rgba(0,0,0,0.3);
color:#fff;
text-indent:0;
font-size:25px;
font-family:FontAwesome;content:'\f105';
opacity:0;
-webkit-font-smoothing:antialiased;
-webkit-transition: opacity .2s ease;
-moz-transition: opacity .2s ease;
-ms-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}
a.pp_previous{
display:block;
float:left;
height:100%;
text-indent:-10000px;
width:49%;
position:relative;
overflow:hidden;
}
a.pp_previous:after{
position:absolute;
width:40px;
height:40px;
text-align:center;
line-height:40px;
left:0px;
top:50%;
margin-top:10px;
border-radius: 0 2px 2px 0;
background: rgba(0,0,0,0.3);
color:#fff;
text-indent:0;
font-size:25px;
font-family:FontAwesome;
content:'\f104';
opacity:0;
-webkit-font-smoothing:antialiased;
-webkit-transition: opacity .2s ease;
-moz-transition: opacity .2s ease;
-ms-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}
div.pp_default .pp_next:hover{
cursor:pointer;
}
div.pp_default .pp_next:hover:after{
opacity:1;
background: #333333;
}
div.pp_default .pp_previous:hover{
cursor:pointer;
}
div.pp_default .pp_previous:hover:after{
opacity:1;
background: #333333;
}
a.pp_close{
position:absolute;
right:0;
top:0;
display:block;
text-indent:-10000px;
}
.ppt{
margin-left:0px;
margin-bottom:10px;
font-size:18px;
color:#fff;
text-transform:uppercase
}
#pp_full_res{
line-height:1!important;
}
#pp_full_res .pp_inline{
text-align:left;
}
#pp_full_res .pp_inline p{
margin:0 0 15px;
}
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.facebook .pp_details,
div.light_rounded .pp_details,
div.light_square .pp_details,
div.pp_default .pp_details{
position:relative;
}
.pp_bottom,.pp_top{
height:0 !important;
display:none !important;
position:relative;
}
* html .pp_bottom,* html .pp_top{
padding:0;
}
.pp_fade,.pp_gallery li.default a img{
display:none;
}
div.pp_default .pp_content{
background:none !important;
}
div.pp_default .pp_fade {
background:none !important
}
div.pp_default .pp_content_container .pp_left ,
div.pp_default .pp_content_container .pp_right {
background:none !important;
padding:0px !important
}
.pp_gallery .pp_arrow_next, .pp_gallery .pp_arrow_previous {
margin-top:2px !important
}
/* Hide navigation beneath image */
.pp_details .pp_nav .pp_arrow_previous,
.pp_details .pp_nav .pp_arrow_next{
display: none;
}
/* Fix Loading Icon Crop */
.pp_content{
min-width: 40px;
min-height: 40px;
}
/* Loader Animation */
.pp_loaderIcon{
width:34px;
height:34px;
border-radius:54px;
border:3px solid rgba(120,120,120,0.8);
position:fixed;
left:50%;
top:50%;
margin-left:-15px;
margin-top:-15px;
z-index:1!important;
background:none !important
}
.pp_loaderIcon:after{
content:"";
position:absolute;
top:-3px;
left:-3px;
border:3px solid #ffffff;
border-radius:54px;
height:34px;
width:34px;
clip:rect(0px,26px,17px,0px);
-moz-animation:rotate .7s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-webkit-animation:rotate .7s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-ms-animation:rotate .7s;
-ms-animation-timing-function:linear;
-ms-animation-iteration-count:infinite;
animation:rotate .7s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}
@-moz-keyframes rotate {
0%{-moz-transform:rotate(0);}
100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
0%{-webkit-transform:rotate(0);}
100%{-webkit-transform:rotate(360deg);}
}
@-ms-keyframes rotate {
0%{-ms-transform:rotate(0);}
100%{-ms-transform:rotate(360deg);}
}
@keyframes rotate {
0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}
/**
* 14.0 Plugin - FlexSlider
*
* ----------------------------------------------------------------------------
*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles */
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme */
.flexslider {
margin: 0;
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 0.2 ease;
-moz-transition: all 0.2 ease;
-o-transition: all 0.2 ease;
transition: all 0.2 ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
cursor:pointer !important;
background: rgba(255,255,255,1);
opacity: 0;
text-decoration:none;
display: block;
color:#333 !important;
width: 36px;
height: 36px;
margin: -18px 0 0;
line-height:36px;
text-align:center;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
left: 0px;
border-radius: 0px ;
}
.flex-direction-nav .flex-next {
right: 0px;
border-radius:0px ;
}
.flexslider .flex-prev,
.flexslider .flex-next {
opacity: 0.9;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
opacity: 1;
color:#fff !important;
background: #222 ;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter:alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before {
font-family: "FontAwesome";
font-size:20px;
display: inline-block;
content: '\f104';
}
.flex-direction-nav a.flex-next:before {
content: '\f105';
}
/* Control Nav */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
}
.flex-control-nav li {
margin: 0 4px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
text-indent:-9999px;
display:inline-block;
background:transparent;
border:1px solid #111;
background:#333;
width:9px;
height:9px;
border-radius:50%;
opacity:.8;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
margin:0;
cursor:pointer
}
.flex-control-paging li a:hover {
opacity: 1;
}
.flex-control-paging li a.flex-active {
background: #ffffff;
border:1px solid #ddd;
opacity: 1;
}
/**
* 15.0 Plugin - Owl Carousel
*
* ----------------------------------------------------------------------------
*/
.owl-carousel .animated{
-webkit-animation-duration:1000ms;
animation-duration:1000ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
z-index:0
}
.owl-carousel .owl-animated-out{
z-index:1
}
.owl-carousel .fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{
-webkit-transition:height 400ms ease;
-moz-transition:height 400ms ease;
-ms-transition:height 400ms ease;
-o-transition:height 400ms ease;
transition:height 400ms ease
}
.owl-carousel{
display:none;
width:100%;
-webkit-tap-highlight-color:transparent;
position:relative;
z-index:1
}
.owl-carousel .owl-stage{
position:relative;
-ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.owl-carousel .owl-stage-outer{
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0px,0px,0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot{
cursor:pointer;
cursor:hand
;-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-loaded{
display:block
}
.owl-carousel.owl-loading{
opacity:0;
display:block
}
.owl-carousel.owl-hidden{
opacity:0
}
.owl-carousel .owl-refresh .owl-item{
display:none
}
.owl-carousel .owl-item{
position:relative;
min-height:1px;
float:left;
-webkit-backface-visibility:hidden;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.blog-carousel .owl-item img{
display:block;
width:100%;
-webkit-transform-style:preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item{
-webkit-user-select:auto;
-moz-user-select:auto;
-ms-user-select:auto;
user-select:auto
}
.owl-carousel .owl-grab{
cursor:move;
cursor:-webkit-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab
}
.owl-carousel.owl-rtl{
direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
float:right
}
.no-js .owl-carousel{
display:block
}
.owl-carousel .owl-item .owl-lazy{
opacity:0;
-webkit-transition:opacity 400ms ease;
-moz-transition:opacity 400ms ease;
-ms-transition:opacity 400ms ease;
-o-transition:opacity 400ms ease;
transition:opacity 400ms ease
}
.owl-carousel .owl-item img{
transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
position:relative;
height:100%;
background:#000
}
.owl-carousel .owl-video-play-icon{
position:absolute;
height:80px;
width:80px;
left:50%;
top:50%;
margin-left:-40px;
margin-top:-40px;
background:url(owl.video.play.png) no-repeat;
cursor:pointer;
z-index:1;-webkit-backface-visibility:hidden;
-webkit-transition:scale 100ms ease;
-moz-transition:scale 100ms ease;
-ms-transition:scale 100ms ease;
-o-transition:scale 100ms ease;
transition:scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover{
-webkit-transition:scale(1.3,1.3);
-moz-transition:scale(1.3,1.3);
-ms-transition:scale(1.3,1.3);
-o-transition:scale(1.3,1.3);
transition:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{
display:none
}
.owl-carousel .owl-video-tn{
opacity:0;
height:100%;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
-webkit-transition:opacity 400ms ease;
-moz-transition:opacity 400ms ease;
-ms-transition:opacity 400ms ease;
-o-transition:opacity 400ms ease;
transition:opacity 400ms ease
}
.owl-carousel .owl-video-frame{
position:relative;
z-index:1
}
/* Owl Theme Design */
.owl-theme .owl-controls{
margin-top:0px;
text-align:center;
-webkit-tap-highlight-color:transparent ;
display:inline-block
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
position: absolute;
top: 50%;
color:#fff;
cursor:pointer;
margin-top: -20px;
opacity: 0.5;
-webkit-transition:opacity 400ms ease;
-moz-transition:opacity 400ms ease;
-ms-transition:opacity 400ms ease;
-o-transition:opacity 400ms ease;
transition:opacity 400ms ease
}
.owl-theme .owl-controls .owl-nav .owl-prev:after{
font-family: "FontAwesome";
font-size:40px;
height:40px;
line-height: 40px;
display: block;
content: '\f104';
color: rgba(0,0,0,0.6);
}
.owl-theme .owl-controls .owl-nav .owl-prev{
left: -50px;
}
.owl-theme .owl-controls .owl-nav .owl-next:after{
font-family: "FontAwesome";
font-size:40px;
height:40px;
line-height: 40px;
display: block;
content: '\f105';
color: rgba(0,0,0,0.6);
}
.owl-theme .owl-controls .owl-nav .owl-next{
right: -50px;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
opacity: 1;
}
.owl-theme .owl-controls .owl-nav .disabled{
opacity:.5;
cursor:default
}
.owl-theme .owl-dots {
position:absolute;
width:100%;
}
.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1;
*display:inline
}
.owl-theme .owl-dots .owl-dot span{
width:9px;
height:9px;
margin:0 4px;
opacity: 0.5;
border:2px solid #999999;
background:transparent;
display:block;
-webkit-backface-visibility:visible;
-webkit-transition:opacity 200ms ease;
-moz-transition:opacity 200ms ease;
-ms-transition:opacity 200ms ease;
-o-transition:opacity 200ms ease;
transition:opacity 200ms ease;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span{
background:#999999;
opacity: 1;
}
.owl-theme .owl-dots .owl-dot:hover span{
opacity: 1;
}
.theme-boxed.gird1260 .owl-nav{
display: none;
}
.style-modern .owl-theme .owl-controls .owl-nav .owl-prev ,
.style-modern .owl-theme .owl-controls .owl-nav .owl-next
{
border:2px #c59d5f solid;
background:#fff;
width:40px;
height:40px;
line-height:36px;
border-radius:50%
}
.style-modern .owl-theme .owl-controls .owl-nav .owl-prev:after{
font-family: "FontAwesome";
font-size:25px;
height:40px;
line-height: 36px;
display: block;
content: '\f104';
color: #c59d5f;
}
.style-modern .owl-theme .owl-controls .owl-nav .owl-prev{
left: -80px;
}
.theme-boxed.gird1260 .style-modern .owl-theme .owl-controls .owl-nav .owl-prev{
left: -30px;
}
.style-modern .owl-theme .owl-controls .owl-nav .owl-next:after{
font-family: "FontAwesome";
font-size:25px;
height:40px;
line-height: 36px;
display: block;
content: '\f105';
color: #c59d5f
}
.style-modern .owl-theme .owl-controls .owl-nav .owl-next{
right: -80px;
}
.theme-boxed.gird1260 .style-modern .owl-theme .owl-controls .owl-nav .owl-next{
right: -30px;
}
/* Scroll Up Style */
#scrollUp {
position: fixed;
z-index: 8;
right: 25px;
bottom: 20px;
display: none;
width: 50px;
height: 50px;
color: #FFF !important;
text-align: center;
font-size: 14px;
line-height: 50px;
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color:#111 ;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity:1 ;
box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
background-color:#030409
}
#scrollUp.scrollUpBottom {
position:absolute;
}
#scrollUp:hover{
background-color: #fff;
border-color:#ddd;
opacity:1
}
#scrollUp > i {
line-height:50px;
display:block;
width:100%;
text-align:center;
font-size:25px;
}
#scrollUp:hover > i {
color:#c59d5f !important;
}
#sukar_cta_btn {
background:#c59d5f ;
border-radius:30px;
line-height:48px;
border:1px #c59d5f solid;
padding:0px 25px 0 55px;
position:fixed;
left:25px;
bottom:25px;
z-index:8 ;
color:#fff ;
font-size:14px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
display:none
}
#sukar_cta_btn:hover {
background-color: #fff;
border-color:#fff;
color:#c59d5f
}
#sukar_cta_btn > i {
line-height:50px;
display:block;
width:100%;
text-align:center;
font-size:18px;
position:absolute;
left:10px;
top:0px ;
width:48px;
height:48px;
line-height:48px;
text-align:center
}
/* Container background Video */
.background-video,.video-mask,.video-mask-color{
position: absolute;
width: 100%;
height: 100%;
}
.video-mask{
top: 0;
left: 0;
z-index: 3;
cursor: pointer;
background-image: url(assets/img/video-mask.png);
background-repeat: repeat;
background-size: 2px 2px;
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}
.paused > .video-mask{
background-color: rgba(28, 28, 28,.8);
}
.video-mask-color{
top: 0;
left: 0;
z-index: 3;
background: #222;
zoom: 1;
filter: alpha(opacity=40);
opacity: .4;
}
.bg-video-container{
text-align: center;
}
.bg-video-play{
cursor: pointer;
font-size: 30px;
width: 32px;
line-height: 32px;
height:32px;
padding: 15px;
border: 8px solid #fff;
color: #fff;
border-radius: 500px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
margin-bottom: 20px;
opacity:1 ;
transition: all 0.4s ease;
}
.bg-video-play:before {
margin-left:-0.5px;
}
.bg-video-play:hover{
opacity:.8
}
.bg-video-text{
color: #fff;
font-weight: 600;
font-size:32px;
}
.bg-video-content {
color:#fff;
font-size:14px;
position:relative ;
margin-bottom:0;
}
/* ------------------------------------------------------------------------ */
/* EOF
/* ------------------------------------------------------------------------ */
.customclass3 img {
transition: all 0.2s ease 0s;
}
.customclass3 img:hover {
transform: scale(0.9);
}
/* search page **/
.blog-search {
padding:60px 0
}
.search_noresult_wrap #searchform {
width:280px;
}
/**
* 14.0 404 page
*
* ----------------------------------------------------------------------------
*/
.page-404 .entry{
padding:90px 0;
text-align:center
}
.page-404 .entry h2 {
font-size:85px;
line-height:90px;
}
.search_404_wrap {
width:350px;
margin:0 auto;
margin-top:20px;
}
/* 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: #c59d5f ;
border:1px #c59d5f solid;
}
.otouch-pagination ul.page-numbers li a:hover{
color: #c59d5f ;
border:1px #c59d5f 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 ;
}
/**
* 2.0 Menu ESSENTIAL STYLES
*
* ----------------------------------------------------------------------------
*/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
display: block;
position: relative;
}
.sf-menu ul {
padding: 0px 0;
position: absolute;
min-width: 220px;
top: 100%;
left: 20px;
z-index: 99;
display: none;
}
.sf-menu > li {
float: left;
}
.sf-menu > li.menu-item-has-children:last-child {
padding-right: 0px;
border-right:0px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
z-index: 9999;
display: block;
}
.sf-menu a {
position: relative;
color:#ccc
}
.sf-menu ul ul {
top: 0;
left: 100% !important;
}
.sf-menu > li > ul:before {
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
bottom: 100%;
content: "";
height: 0;
left: 10%;
position: absolute;
top: -7px;
width: 0;
z-index: 470;
}
.sf-menu > li > ul.otouch-mega-menu:before {
display:none
}
/* Menu Arrow Class */
.sf-menu > li:before{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sf-menu li > ul{
-webkit-box-shadow: 0 0 3px rgba(1,1,1,.1) ;
-moz-box-shadow: 0 0 3px rgba(1,1,1,.1) ;
box-shadow: 0 0 3px rgba(1,1,1,.1);
}
/* otouch & ws Menu Styling*/
.sf-menu {
font-family: 'Oswald', sans-serif;
float: right;
position: relative;
z-index:2
}
ul.sf-menu > li > a{
padding: 25px 22px;
display: block;
color: #fff;
font-size: 14px;
line-height:0;
line-height: 1;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.sf-menu > li > a{
padding: 25px 20px;
}
}
ul.sf-menu li ul li a{
display: block;
color: #444;
line-height: 1;
padding: 16px 20px 16px 20px;
white-space:normal ;
border-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500 ;
border-bottom:1px solid rgba(100,100,100,.1)
}
ul.sf-menu li ul li:last-child > a {
border-bottom:0px ;
}
ul.sf-menu li ul li{
text-align: left;
line-height: 1;
}
ul.sf-menu li ul li:hover>a{
color: #c59d5f;
}
ul.sf-menu > li:hover > a,
ul.sf-menu > li:hover:after,
.sf-menu > li.current_page_item > a,
.sf-menu > li.current_page_ancestor >a,
.sf-menu > li.current-menu-ancestor >a,
.sf-menu > li.current-menu-item > a,
.page-template-page-onepage-php .sf-menu > .ott-menu-active > a,
.sf-menu > li.current_page_item.menu-item-has-children,
.sf-menu > li.current_page_ancestor.menu-item-has-children,
.sf-menu > li.current-menu-ancestor.menu-item-has-children,
.sf-menu > li.current-menu-item.menu-item-has-children {
color: #c59d5f;
}
.ott-menu-container{
float:left;
height:100%;
position:relative;
}
ul.sf-menu li ul li[class*="fa-"] a,
ul.sf-menu li ul li[class*="icon-"] a,
ul.sf-menu li ul li ul li[class*="fa-"] a,
ul.sf-menu li ul li ul li[class*="icon-"] a
{
padding: 15px 0 15px 60px;
}
.sf-menu ul [class^="fa-"]:before,
.sf-menu ul [class*=" fa-"]:before
{
font-family: FontAwesome;
display: block;
text-align: center;
position: absolute;
font-size: 14px;
line-height: 14px;
-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;
}
.sf-menu [class^="fa-"]:before,
.sf-menu [class*=" fa-"]:before
{
color: #4F4F4F;
}
.sf-menu ul [class^="fa-"]:before,
.sf-menu ul [class*=" fa-"]:before
{
color: #fff;
}
.sf-menu ul [class^="fa-"]:hover:before,
.sf-menu ul [class*=" fa-"]:hover:before,
.sf-menu ul .current_page_item[class^="fa-"]:before,
.sf-menu ul .current_page_item[class*=" fa-"]:before{
color: #c59d5f ;
}
.sf-menu > [class^="fa-"],.sf-menu > [class*=" fa-"]{
font-size: 14px;
padding-left:0px;
}
.sf-menu [class^="fa-"],.sf-menu [class*=" fa-"]{
transition: all 0.2s ease-in-out;
}
.sf-menu .otouch-mega-menu li a {
border-right:0
}
.sf-menu > li:before {
position:absolute;
left:20px;
top:50%;
margin-top:-20px;
line-height:40px;
margin-right:0px;
}
.sf-menu > [class^="fa-"] > a,
.sf-menu > [class*=" fa-"] > a{
padding-left:45px !important
}
ul.sf-menu > li ul li ul li a{
padding: 16px 30px 16px 30px ;
}
.sf-menu > li:last-child {
border-right:0px;
}
ul.sf-menu li ul li,
.sf-menu .otouch-mega-menu > li {
background: rgba(255, 255, 255, 1)
}
/* ------------
mega menu
--------------- */
.row-start {
clear:left;
}
.sf-menu .otouch-mega-menu>li{
min-height: 10px;
float: left;
}
.sf-menu .otouch-mega-menu ul,.sf-menu .otouch-mega-menu li{
border: none;
position: relative;
top: auto;
left: auto !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sf-menu .otouch-mega-menu.column-2 ul,
.sf-menu .otouch-mega-menu.column-2 li{
width:220px;
}
.sf-menu .otouch-mega-menu.column-3 ul,
.sf-menu .otouch-mega-menu.column-3 li{
width:220px;
}
.sf-menu .otouch-mega-menu .mega-menu-title{
font-family: 'Oswald', sans-serif;
border-right:1px solid rgba(100, 100, 100, 0.05) ;
border-bottom:0px solid rgba(100, 100, 100, 0.05) ;
border-top:0;
text-transform:uppercase;
font-size:12px;
font-weight:600;
padding: 0px 35px 0px ;
line-height:40px;
color: #fff ;
}
.sf-menu .otouch-mega-menu li ul li a{
padding: 15px 35px;
}
.sf-menu .otouch-mega-menu li,
.sf-menu .otouch-mega-menu ul{
display: inline-block !important;
visibility: visible !important;
}
.mega-menu-items li{
width: 100%;
}
.sf-menu .otouch-mega-menu > li > ul > li{
border-right:1px solid rgba(100, 100, 100, 0.05);
}
.sf-menu .otouch-mega-menu > li:last-child > ul > li {
border-right:0px;
}
.sf-menu .otouch-mega-menu li:before {
left: 35px;
line-height: 40px;
margin-right: 0;
margin-top: -20px;
position: absolute;
top: 50%;
-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;
}
.sf-menu .otouch-mega-menu ul [class^="fa-"]:before,
.sf-menu .otouch-mega-menu ul [class*=" fa-"]:before{
left: 30px;
}
.sf-menu .otouch-mega-menu li ul li[class^="fa-"] a,
.sf-menu .otouch-mega-menu li ul li[class*=" fa-"] a {
padding: 16px 30px 16px 65px !important;
}
.sf-menu > li > ul > li:before,
.sf-menu > li > ul > li > ul > li:before
{
color: #808080;
left: 20px;
line-height: 40px;
margin-right: 0;
position: absolute;
top: 14px;
transition: all 0.5s ease-in-out 0s;
}
ul.sf-menu li ul li[class*="fa-"] a {
padding: 16px 30px 16px 50px;
}
/**
* 3.0 Mobile Menu STYLES
*
* ----------------------------------------------------------------------------
*/
#mobile-menu{
z-index: 1;
}
.show-mobile-menu {
position: absolute;
top:50%;
right:20px;
z-index: 99;
width:28px;
height:20px;
margin-top:-10px;
cursor: pointer;
display: none;
-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;
}
.show-mobile-menu:hover {
opacity:.8
}
.show-mobile-menu .mobile-menu-icon{
float: right;
width: 25px;
}
.mobile-menu-icon span {
display: block;
margin-bottom: 4px;
width: 100%;
height: 2px;
background: #ddd;
}
.mobile-menu-icon span:last-child {
margin-bottom:0px;
}
.mm-opened .admin-bar #header.stuck {
top: 0;
}
html.mm-opened body{
margin-top: 0px;
}
#page {
min-height:200px;
}
.ott-mobacc-menu a{
float:left;
width:30px;
height:40px;
line-height:40px;
display:block;
text-align:center
}
.mobile-panel-wrap .ott-langes-menu ul::after {
display:none
}
.mobile-panel-wrap .ott-top-social-icon {
margin-top:0px;
}
ul.mobtop-left-contacts {
margin:0px;
padding:0px;
text-align:center
}
ul.mobtop-left-contacts li {
display:inline-block ;
line-height:50px;
padding:0px 3px;
}
.mobile-panel-wrap .ott-top-bar p,
.mobile-panel-wrap .ott-top-bar span,
.mobile-panel-wrap .ott-top-bar a {
font-size:12px;
}
/**
* 4.0 Page Title STYLES
*
* ----------------------------------------------------------------------------
*/
#page-title {
position: relative;
background-color: #1a1d2e;
background-size:cover
}
#page-title .container {
padding-bottom: 80px;
padding-top: 120px;
}
#page-title h1 {
margin: 0 0 10px 0;
color: #fff;
font-size: 22px;
font-weight: 600;
line-height:1;
}
#page-title p {
color: #fff;
font-size: 11px;
margin-bottom: 0px;
}
#page-title h2 {
margin: 0 0;
color: #fff;
font-size: 13px;
font-weight: normal;
}
#page-title.pagetitle1 .breadcrumps-wrap {
bottom: -10px;
position: absolute;
right: 50%;
-ms-transform: translate(50%, 0); /* IE 9 */
-webkit-transform: translate(50%, 0); /* Safari */
transform: translate(50%, 0);
}
/* Breadcrump added cause little css :P */
.title-with-breadcrumps{
display: inline-block;
width: 100%;
vertical-align: middle;
padding:20px 25px ;
height:auto;
text-align:center
}
.ott-breadcrumb{
top: 50%;
right: 0;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #fff;
}
.ott-breadcrumb .crumb-item:after {
content: '>';
display: inline-block;
padding: 0 5px;
color: #a4a4a4;
}
.ott-breadcrumb .crumb-item:last-child:after {
content: '';
padding: 0;
}
.ott-breadcrumb a{
color: #ddd;
}
.ott-breadcrumb a:hover{
color: #fff;
}
.ott-breadcrumb span{
padding:0 5px;
}
.breadcrumps-wrap {
position:absolute;
right:0px;
bottom:-50px;
}
#page-title p, #page-title h2 {
position:relative;
font-size:14px;
line-height:30px;
}
/* page title style 2*/
.pagetitle2 .title-with-breadcrumps {
background:none ;
padding:20px 0
}
.pagetitle2 .breadcrumps-wrap {
background:rgba(255, 255, 255, 0.1);
}
/* page title 3 */
.pagetitle3 .title-with-breadcrumps {
background:none ;
max-width:60%;
height:auto;
padding:0px;
text-align:left;
right:20px;
}
#page-title.pagetitle3 h1 {
display:block;
float:none;
}
.pagetitle3 .breadcrumps-wrap {
bottom:0px;
}
#page-title.pagetitle3 p,
#page-title.pagetitle3 h2 {
display:block;
float:none;
margin:0px;
padding:0px;
line-height:25px;
}
.header1 #page-title.bg-parallax.pagetitle3 .container {
padding:380px 0 50px;;
}
/* page title 4 */
.pagetitle4 .title-with-breadcrumps {
background:none !important ;
display:block;
}
.pagetitle4 .ebreadcrumb-wrap {
position:relative;
width:100%;
bottom:auto;
right:auto;
background:#fff;
border-bottom:1px solid rgba(100, 100, 100, 0.1) ;
display:block;
height:50px;
}
.pagetitle4 .ebreadcrumb-wrap .container {
padding:0px !important
}
.pagetitle4 .ebreadcrumb-wrap .breadcrumps-wrap {
position:relative;
bottom:auto;
right:auto
}
.pagetitle4 .ott-breadcrumb {
line-height:50px;
}
#page-title.pagetitle4 p::after,
#page-title.pagetitle4 h2::after {
background: rgba(100, 100, 100, 0.1) none repeat scroll 0 0;
}
.header2 #page-title.pagetitle4 .container {
padding-bottom: 0px;
padding-top: 90px;
}
/* page title 5 */
#page-title.pagetitle5 .title-with-breadcrumps{
background:none ;
text-align:center ;
height:auto
}
#page-title.pagetitle5 h1 {
float:none ;
width:100%;
}
#page-title.pagetitle5.bg-parallax .container {
padding-bottom: 150px;
padding-top: 220px;
}
.header12 #page-title.pagetitle5.bg-parallax .container {
padding-bottom: 150px;
padding-top: 220px;
}
#page-title.pagetitle5 p,
#page-title.pagetitle5 h2 {
display: inline-block;
float: none;
margin-top:20px;
padding-left:0px;
}
#page-title.pagetitle5 p::after,
#page-title.pagetitle5 h2::after {
display:none
}
#page-title.pagetitle5 .breadcrumps-wrap {
bottom: -10px;
position: absolute;
right: 50%;
-ms-transform: translate(50%, 0); /* IE 9 */
-webkit-transform: translate(50%, 0); /* Safari */
transform: translate(50%, 0);
}
/* ------------------------------------------------------------------------ */
/* 1.0 IcoMoon Custom Font
/* ------------------------------------------------------------------------ */
@font-face{
font-family:'icomoon';
src:url(assets/fonts/icomoon.eot);
src:url(assets/font/icomoon.eot?#iefix) format("embedded-opentype"),
url(assets/fonts/icomoon.ttf) format("truetype"),
url(assets/fonts/icomoon.woff) format("woff"),
url(assets/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"
}
/**
* 11.0 Portfolio STYLES
*
* ----------------------------------------------------------------------------
*/
#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;
}
/*-----------------------------------------------------------------------------------*/
/* 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:center;
}
.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: #1a1d2e; }
.portfolio-item h4 a:hover{
color: #c59d5f;
}
.full-width-section .portfolio-element.nomargin {
margin-right:-1px;
}
.portfolio-side-content {
margin-top:20px;
}
/* portfolio Filters */
.portfolio-filters {
margin: 40px 0 50px 0;
width:100%;
display:inline-block ;
text-align:center
}
#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: inline-block;
margin: 0 10px 10px;
line-height: 2;
}
.portfolio-filters ul li:last-child:after{
content: '';
}
.portfolio-filters ul li a {
display: block;
float: left;
color: #666;
font-size:14px;
line-height:40px;
margin-right: 0px;
border:1px rgba(0,0,0,0.4) solid;
padding:0px 30px;
border-radius:20px;
}
.portfolio-filters ul li a:hover {
color: #c59d5f ;
border-color: #c59d5f
}
.portfolio-filters ul li a.active {
color: #fff !important;
background: #c59d5f ;
border-color: #c59d5f
}
.portfolio-filters ul li a.active:hover {
color:#fff !important;
}
/* portfolio Style-Default */
.portfolio-default .portfolio-item .portfolio-image{
margin: 0 0 35px 0;
}
.portfolio-default .portfolio-item .portfolio-image{
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
}
.portfolio-default .portfolio-item:hover .portfolio-image{
-webkit-box-shadow: 0 0 3px rgba(1,1,1,.3) ;
-moz-box-shadow: 0 0 3px rgba(1,1,1,.3) ;
box-shadow: 0 1px 5px rgba(1,1,1,.3);
}
.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-overlay{
width: 100%;
height: 100%;
background: #c59d5f;
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:#c59d5f !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:#c59d5f ;
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: #c59d5f;
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: #c59d5f ;
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:#c59d5f;
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:#c59d5f
}
.portfolio-item:hover .ott-grid-overlay .portfolio-link {
bottom:0px;
right:0px;
}