@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700italic,800italic";
@import "https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic";
@import "https://fonts.googleapis.com/css?family=Raleway:400,300,700";
body{
font-family:open sans,sans-serif;
font-size:13px;
line-height:21px;
font-weight:300;
color:#666;
overflow-x:hidden;
background:url(../images/patterns/1.png) fixed repeat}
strong,b{
font-weight:600}
img{
max-width:100%;
height:auto}
ul,ol{
list-style:none}
ul{
padding:0;
margin:0}
a{
transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-webkit-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out}
a:hover{
color:#444}
a,a:hover{
text-decoration:none}
i{
font-size:1.1em}
h1,h2,h3,h4,h5,h6{
font-family:open sans,sans-serif;
font-weight:600;
margin:0;
color:#444}
h1{
font-size:24px;
line-height:30px}
h2{
font-size:22px;
line-height:28px}
h3{
font-size:18px;
line-height:24px}
h4{
font-size:16px;
line-height:22px}
h5{
font-size:14px;
line-height:20px}
h6{
font-size:12px;
line-height:18px}
p{
color:#666;
font-size:13px;
font-family:open sans,sans-serif;
line-height:22px;
margin:0}
p strong{
font-weight:600}
.accent-color-bg{
color:#fff}
.fittext{
font-size:38px;
font-weight:300;
line-height:1.6em;
margin-bottom:35px;
color:rgba(0,0,0,.8)}
.fittext strong{
font-weight:700}
.page-content p{
margin-bottom:15px}
.wite-text{
color:#fff}
.uppercase{
text-transform:uppercase}
.image-text{
margin-right:10px}
a.main-button,input[type=submit]{
display:inline-block;
text-decoration:none;
color:#fff;
font-size:12px;
font-family:open sans,sans-serif;
font-weight:300;
text-transform:uppercase;
padding:6px 16px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
a.main-button:hover,input[type=submit]:hover{
background:#444;
color:#fff}
a.main-button i{
font-size:1.2em}
input[type=submit]{
border:0}
.tooltip .tooltip-inner{
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px}
#content {
padding: 40px 0 0;
}
#content.full-sections{
padding:0}
.section{
position:relative;
overflow:hidden;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size:cover!important;
-moz-background-size:cover!important;
-o-background-size:cover!important;
background-size:cover!important}
.section.repeat-bg{
background-repeat:repeat;
-webkit-background-size:auto!important;
-moz-background-size:auto!important;
-o-background-size:auto!important;
background-size:auto!important}
.bg-parallax{
background-attachment:fixed;
background-position:50% 30%}
.section-video{
position:absolute;
z-index:33;
left:0;
top:-100px;
width:100%!important;
max-width:100%!important;
height:auto!important}
.section-video object{
display:block;
width:100%!important;
height:auto!important}
.section-video img{
display:block;
width:100%!important;
height:auto!important}
.section-video-content{
z-index:35;
position:relative;
opacity:.98}
.section-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:34;
opacity:.7}
.light-section{
color:#fff}
.light-section .testimonials{
color:#666}
.light-section .testimonials .testimonial-content p{
color:#c4c4c4}
#container{
background-color:#fff}
.bg-color1{
background:#f2f2f2}
.boxed-page{
position:relative;
width:1220px;
margin:0 auto;
background-color:#fff;
-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);
-moz-box-shadow:0 0 10px rgba(0,0,0,.3);
-o-box-shadow:0 0 10px rgba(0,0,0,.3);
box-shadow:0 0 10px rgba(0,0,0,.3)}
.boxed-page header{
width:1220px}
.space-bottom{
height:30px;
display:block}
#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
z-index:99999999999}
.spinner{
position:absolute;
width:40px;
height:40px;
top:50%;
left:50%;
margin-left:-40px;
margin-top:-40px;
-webkit-animation:rotatee 2s infinite linear;
animation:rotatee 2s infinite linear}
.dot1,.dot2{
width:60%;
height:60%;
display:inline-block;
position:absolute;
top:0;
border-radius:100%;
-webkit-animation:bouncee 2s infinite ease-in-out;
animation:bouncee 2s infinite ease-in-out}
.dot2{
top:auto;
bottom:0;
-webkit-animation-delay:-1s;
animation-delay:-1s}
@-webkit-keyframes rotatee{
100%{
-webkit-transform:rotate(360deg)}
}
@keyframes rotatee{
100%{
transform:rotate(360deg);
-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes bouncee{
0%,100%{
-webkit-transform:scale(0)}
50%{
-webkit-transform:scale(1)}
}
@keyframes bouncee{
0%,100%{
transform:scale(0);
-webkit-transform:scale(0)}
50%{
transform:scale(1);
-webkit-transform:scale(1)}
}
.tp-splitted{
position:relative;
display:inline-block;
color:#fff;
visibility:visible;
opacity:1}
.largeHeading{
z-index:8;
white-space:normal;
line-height:60px;
border-width:0;
margin:0;
padding:0;
visibility:visible;
opacity:0}
.detailText p{
font-family:open sans,sans-serif;
line-height:normal;
color:#fff;
font-weight:300;
line-height:30px}
.detailText h2{
font-family:open sans,sans-serif;
font-size:36px;
line-height:normal;
color:#fff;
text-transform:uppercase;
font-weight:300;
line-height:30px}
.tp-resizeme a:hover{
color:#fff}
header{
width:100%;
z-index:999999}
.navbar-top.affix{
width:100%;
top:0;
z-index:9999999;
box-shadow:0 3px 3px -3px rgba(0,0,0,.2);
-o-box-shadow:0 3px 3px -3px rgba(0,0,0,.2);
-moz-box-shadow:0 3px 3px -3px rgba(0,0,0,.2);
-webkit-box-shadow:0 3px 3px -3px rgba(0,0,0,.2)}
.navbar-top.affix .navbar-brand{
padding:0px 0}
.navbar-top.affix .navbar-nav>li>a,.navbar-top.affix .navbar-nav>li>a:focus{
padding:20px 14px}
.navbar-top.affix .search-side{
margin-top:-7px}
.top-bar {
background-color: #333;
border-bottom: 1px solid #f2f2f2;
color: #fff;
}
.top-bar.color-bar{
border-bottom:0}
.top-bar.color-bar a{
color:rgba(255,255,255,.6)}
.top-bar.color-bar a:hover{
color:#fff!important}
.top-bar.color-bar ul.social-list li a i{
border-left:1px solid rgba(255,255,255,.1)}
.top-bar.color-bar ul.social-list li:last-child a i{
border-right:1px solid rgba(255,255,255,.1)}
.top-bar.color-bar .contact-details li a:before{
color:rgba(255,255,255,.2)}
.top-bar.dark-bar{
background-color:#444;
border-bottom:0}
.top-bar.dark-bar a{
color:rgba(255,255,255,.4)}
.top-bar.dark-bar a:hover{
color:#fff!important}
.top-bar.dark-bar ul.social-list li a i{
border-left:1px solid rgba(255,255,255,.08)}
.top-bar.dark-bar ul.social-list li:last-child a i{
border-right:1px solid rgba(255,255,255,.08)}
.top-bar.dark-bar .contact-details li a:before{
color:rgba(255,255,255,.2)}
.top-bar a {
color: #d6d0d0;
}
.top-bar .contact-details li{
display:inline-block}
.top-bar .contact-details li a:before{
position:relative;
content:"|";
font-size:13px;
margin:0 3px;
top:-1px;
color:#ddd}
.top-bar .contact-details li a:before{
color:#666}
.top-bar .contact-details li:first-child a:before{
display:none}
.top-bar .contact-details li a {
font-size: 12px;
display: block;
line-height: 26px;
}
ul.social-list {
float: right;
border: none;
padding: 3px 0;
}
ul.social-list li{
float:left}
ul.social-list li a{
display:inline-block;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
ul.social-list li a:hover{
color:#fff}
ul.social-list li a.facebook:hover{
background-color:#507cbe}
ul.social-list li a.twitter:hover{
background-color:#63cdf1}
ul.social-list li a.google:hover{
background-color:#f16261}
ul.social-list li a.dribbble:hover{
background-color:#e46387}
ul.social-list li a.linkdin:hover{
background-color:#90cadd}
ul.social-list li a.tumblr:hover{
background-color:#4d7ea3}
ul.social-list li a.flickr:hover{
background-color:#e474af}
ul.social-list li a.instgram:hover{
background-color:#4d4f54}
ul.social-list li a.vimeo:hover{
background-color:#87d3e0}
ul.social-list li a.skype:hover{
background-color:#36c4f3}
ul.social-list li a i {
font-size: 1em;
display: block;
width: 24px;
text-align: center;
padding:2px 0;
}
.wpb-mobile-menu{
display:none}
.slicknav_menu{
display:none}
.navbar-toggle{
display:none}
.navbar{
margin-bottom:0;
background:#fff;
border:0;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0}
.navbar-brand>img {
display: block;
width: 57%;
}
.navbar-brand{
position:relative;
padding:5px 0 8px;
margin:0!important;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out}
.navbar-default .navbar-nav{
margin-right:10px!important;
position:relative;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.navbar-default .navbar-nav>li{
margin-left:6px}
.navbar-default .navbar-nav>li:first-child{
margin-left:0}
.navbar-default .navbar-nav>li>a {
color: #474342;
display: block;
font-size: 14px;
font-weight: 300;
padding: 24px 14px;
overflow: hidden;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
font-weight: 600;
}
.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li:hover>a{
border-bottom:2px solid}
.navbar-default .navbar-nav>li>a i{
margin:0 -2px 0 -5px}
.navbar-default .navbar-nav .dropdown{
position:absolute;
left:0;
top:100%;
width:180px;
background-color:#fff;
visibility:hidden;
z-index:99;
opacity:0;
transition:opacity .3s ease-in-out;
-moz-transition:opacity .3s ease-in-out;
-webkit-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
box-shadow:0 1px 3px rgba(0,0,0,.1);
-o-box-shadow:0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1)}
.navbar-default .navbar-nav>li.drop:hover .dropdown{
visibility:visible;
opacity:1}
.dropdown li,.sup-dropdown li{
position:relative;
border-top:1px solid rgba(0,0,0,.04)}
.dropdown li:first-child,.sup-dropdown li:first-child{
border-top:0}
.dropdown li a,.sup-dropdown li a{
display:block;
color:#666;
font-size:13px;
font-family:open sans,sans-serif;
padding:11px 16px;
text-decoration:none;
text-transform:capitalize;
transition:padding .2s ease-in-out;
-moz-transition:padding .2s ease-in-out;
-webkit-transition:padding .2s ease-in-out;
-o-transition:padding .2s ease-in-out}
.dropdown>li:hover>a,.sup-dropdown li:hover>a{
padding-left:18px}
.dropdown li a i{
margin:0 0 0 -4px}
.navbar-default .navbar-nav .sup-dropdown{
position:absolute;
left:100%;
top:0;
width:180px;
background-color:#fff;
margin-top:10px;
transition:margin-top .2s ease-in-out;
-moz-transition:margin-top .2s ease-in-out;
-webkit-transition:margin-top .2s ease-in-out;
-o-transition:margin-top .2s ease-in-out;
visibility:hidden;
z-index:3;
box-shadow:0 1px 3px rgba(0,0,0,.1);
-o-box-shadow:0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1)}
.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown{
visibility:visible;
margin-top:0}
.search-side{
position:relative;
float:right;
top:19px;
right:-15px;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out}
.show-search{
position:relative;
display:block;
float:right}
.show-search i{
font-size:1.2em!important;
display:block;
color:#666;
width:36px;
cursor:pointer;
height:36px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
line-height:36px;
text-align:center;
background-color:#f2f2f2;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.show-search:hover i{
color:#666}
.navbar .search-form{
position:absolute;
right:0;
z-index:99;
float:right;
display:none;
top:40px}
.navbar .search-form:before{
background-color:#ccc;
top:-2px;
content:'';
display:block;
height:4px;
width:4px;
z-index:20;
right:15px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute}
.navbar .search-form form input{
border:2px solid #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
padding:5px 14px;
z-index:22;
color:#9d9d9d;
box-shadow:none;
-o-box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
outline:0;
box-shadow:none}
.navbar .search-form form{
position:absolute;
right:0;
top:0;
z-index:20}
#main-slide .item img{
width:100%}
#main-slide .item .slider-content{
z-index:0;
opacity:0;
-webkit-transition:opacity 500ms;
-moz-transition:opacity 500ms;
-o-transition:opacity 500ms;
transition:opacity 500ms}
#main-slide .item.active .slider-content{
z-index:0;
opacity:1;
-webkit-transition:opacity 100ms;
-moz-transition:opacity 100ms;
-o-transition:opacity 100ms;
transition:opacity 100ms}
#main-slide .slider-content{
top:50%;
margin-top:-70px;
left:0;
padding:0;
text-align:center;
position:absolute;
width:100%;
height:100%;
color:#fff}
#main-slide .carousel-indicators{
bottom:30px}
.carousel-indicators li{
width:14px!important;
height:14px!important;
border:2px solid #fff!important;
margin:1px!important}
#main-slide .carousel-control.left,#main-slide .carousel-control.right{
opacity:1;
filter:alpha(opacity=100);
background-image:none;
background-repeat:no-repeat;
text-shadow:none}
#main-slide .carousel-control.left span{
padding:15px}
#main-slide .carousel-control.right span{
padding:15px}
#main-slide .carousel-control .fa-angle-left,#main-slide .carousel-control .fa-angle-right{
position:absolute;
top:40%;
z-index:5;
display:inline-block}
#main-slide .carousel-control .fa-angle-left{
left:0}
#main-slide .carousel-control .fa-angle-right{
right:0}
#main-slide .carousel-control i {
background: rgba(0, 0, 0, 0.54);
color: #fff;
line-height: 36px;
font-size: 21px;
padding: 4px 13px;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
#main-slide .slider-content h2{
font-size:76px;
font-weight:100;
text-transform:uppercase;
color:#333}
#main-slide .slider-content h2.white,#main-slide .slider-content h3.white{
color:#fff}
#main-slide .slider-content h3 {
font-size: 26px;
font-weight: 600;
margin-top: 40px;
text-transform: uppercase;
text-align: center;
color: #333;
}
.slider.btn{
padding:10px 40px;
margin-top:40px;
font-size:20px;
border-radius:2px;
text-transform:uppercase;
line-height:28px;
border:0;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
box-shadow:0 4px 0 rgba(0,0,0,.1) inset;
-o-box-shadow:0 4px 0 rgba(0,0,0,.1) inset;
-moz-box-shadow:0 4px 0 rgba(0,0,0,.1) inset;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,.1) inset}
.slider.btn.btn-default{
margin-left:4px;
background:#ececec}
.slider.btn.btn-default:hover{
background:#000;
color:#fff}
.slider-content-left{
position:relative;
margin:0 0 0 40px}
.slider-content-right{
position:relative}
.carousel .item.active .animated1{
}
.carousel .item.active .animated2{
-webkit-animation:lightSpeedIn 1s ease-in 200ms both;
animation:lightSpeedIn 1s ease-in 200ms both}
.carousel .item.active .animated3{
-webkit-animation:bounceInLeft 1s ease-in-out 500ms both;
animation:bounceInLeft 1s ease-in-out 500ms both}
.carousel .item.active .animated4{
-webkit-animation:flipInX 1s ease-in 500ms both;
animation:flipInX 1s ease-in 500ms both;
text-align:center}
.carousel .item.active .animated5{
-webkit-animation:bounceInLeft 1s ease-in-out 100ms both;
animation:bounceInLeft 1s ease-in-out 100ms both}
.carousel .item.active .animated6{
-webkit-animation:bounceIn 1s ease-in 500ms both;
animation:bounceIn 1s ease-in 500ms both;
text-align:center}
.carousel .item.active .animated7{
-webkit-animation:bounceIn 1s ease-in 500ms both;
animation:bounceIn 1s ease-in 500ms both}
.carousel .item.active .animated8{
-webkit-animation:fadeInDown 1s ease-in 1e3ms both;
animation:fadeInDown 1s ease-in 1e3ms both}
.page-banner{
padding:30px 0;
background:url(../images/slide-02-bg.jpg) center;
border-bottom:1px solid #eee}
.page-banner h2{
font-weight:500;
text-transform:uppercase}
.page-banner p{
font-weight:300}
ul.breadcrumbs{
float:right;
margin-top:15px}
.no-subtitle ul.breadcrumbs{
margin-top:4px}
ul.breadcrumbs li{
font-family:open sans,sans-serif;
font-size:13px;
font-weight:300;
margin-left:3px;
color:#999;
float:left}
ul.breadcrumbs li:before{
content:'/';
margin:0 4px 0 2px;
color:#bbb}
ul.breadcrumbs li:first-child{
margin:0}
ul.breadcrumbs li:first-child:before{
content:'';
margin:0}
ul.breadcrumbs li a{
color:#666;
font-weight:600;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
label{
font-size:13px;
color:#666;
font-weight:300;
cursor:pointer}
label .required{
color:#ed2c3a;
margin-left:2px}
input[type=submit]{
outline:0}
.widget-search input[type=search],#contactForm input[type=text],#contactForm textarea,#respond input[type=text],#respond textarea,.email{
color:#666fb5;
font-size:13px;
font-family:open sans,sans-serif;
border:1px solid #eee;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
outline:0;
width:100%;
padding:7px 14px;
display:block;
margin-bottom:10px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.widget-search input[type=search]:focus,#contactForm input[type=text]:focus,#contactForm textarea:focus,#respond input[type=text]:focus,#respond textarea:focus{
border-color:#ddd;
box-shadow:0 0 3px #eee;
-o-box-shadow:0 0 3px #eee;
-moz-box-shadow:0 0 3px #eee;
-webkit-box-shadow:0 0 3px #eee}
.mail_response{
border-bottom:1px solid #eee;
padding-bottom:15px;
margin-bottom:15px}
.name-missing,.email-missing,.message-missing{
opacity:0;
color:#ed2c3a;
margin-left:10px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.error-page{
padding:90px 0;
text-align:center}
.error-page h1{
font-size:160px;
line-height:140px;
font-weight:700;
color:#333}
.error-page h3{
font-size:64px;
line-height:70px;
font-weight:300}
.error-page p{
font-size:22px;
line-height:28px;
color:#666;
margin-bottom:25px}
#map{
position:relative;
height:350px;
width:100%}
.margin-60{
margin-top:20px;
margin-bottom:20px}
.margin-top{
margin-top:30px}
.hr1{
height:1px}
.hr2{
height:0;
border-bottom:1px solid #eee}
.hr3{
height:0;
border-bottom:1px dotted #eee}
.hr4{
height:0;
border-bottom:1px dashed #eee}
.hr5{
height:1px;
background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0))}
.partner{
padding-bottom:60px}
.clients-carousel .client-item a{
display:block;
padding:12px 0;
text-align:center}
.clients-carousel .client-item a img{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url(data:image/svg+xml;
utf8;
base64,PHN2ZyB4bWxucz0iXCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnIj48ZmlsdGVyIGlkPSJcJ2dyYXlzY2FsZVwnIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJcJ21hdHJpeFwnIiB2YWx1ZXM9IlwnMC4zMzMzIi8+PC9maWx0ZXI+PC9zdmc+I2dyYXlzY2FsZQ==);
filter:grayscale(100%);
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.clients-carousel:hover .client-item a img{
opacity:.6}
.clients-carousel:hover .client-item a:hover img{
-webkit-filter:grayscale(0);
-moz-filter:grayscale(0);
-o-filter:grayscale(0);
filter:none;
opacity:1}
.call-action-boxed{
padding:30px 40px}
.call-action.no-descripton h2.primary{
margin-top:4px}
.call-action h2.primary{
font-weight:500}
.call-action h2.primary strong{
font-weight:700}
.call-action p{
font-size:14px;
margin-bottom:0}
.call-action h2+p{
margin-top:4px}
.call-action .button-side{
float:right}
.call-action-style1{
border:1px solid #e8e8e8;
box-shadow:0 0 25px rgba(0,0,0,.04) inset;
-o-box-shadow:0 0 25px rgba(0,0,0,.04) inset;
-moz-box-shadow:0 0 25px rgba(0,0,0,.04) inset;
-webkit-box-shadow:0 0 25px rgba(0,0,0,.04) inset}
.call-action-style2{
background:#f2f2f2}
.call-action-style3{
background:#444}
.call-action-style3 h2.primary{
color:#fff}
.call-action-style3 p{
color:#bbb}
.custom-carousel .item{
padding-right:20px}
.custom-carousel.show-one-slide .item{
padding-right:0}
.latest-posts-classic .post-row {
margin-bottom: 10px;
display: block;
clear: both;
border: 1px solid #ddd;
padding: 10px 10px 0;
border-radius: 4px;
background: #fff;
}
.articles-section {
background: #f0f0f0;
padding: 25px 0;
}
.our-journals {
background: #f0f0f0;
padding: 30px 0 40px;
}
.latest-posts-classic .left-meta-post {
float: left;
text-align: center;
margin-right: 12px;
margin-bottom: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
width: 5%;
}
.right-meta-post {
float: right;
width: 93%;
}
.article-type a {
color: #333;
font-size: 14px;
font-weight: 600;
}
.journal-name a {
color: #000;
font-weight: 600;
font-size: 12px;
}
.latest-posts-classic .left-meta-post .post-date {
padding: 8px 0;
width: 40px;
color: #31708f;
border-right: 1px solid #ddd;
}
.latest-posts-classic .left-meta-post .post-date .day{
font-size:20px;
font-weight:700;
display:block;
letter-spacing:1px}
.latest-posts-classic .left-meta-post .post-date .month{
display:block;
text-transform:uppercase;
line-height:14px;
font-size:11px;
letter-spacing:1px}
.latest-posts-classic .left-meta-post .post-type i{
display:block;
height:40px;
line-height:39px;
width:42px;
color:#fff;
font-size:1.4em}
.latest-posts-classic .post-title{
margin-bottom:5px}
.latest-posts-classic .post-title a{
color:#444;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.latest-posts-classic .read-more{
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.latest-posts-classic .read-more:hover{
color:#444}
.panel-default>.panel-heading{
background-color:#fff}
.panel-group .panel{
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px}
.panel-default{
border-color:#e8e8e8}
.panel-body{
padding:4px 15px 10px}
.panel-heading{
padding:0}
.panel-title{
font-size:13px;
font-weight:600}
.panel-title a{
position:relative;
display:block;
padding:6px 12px;
background-color:#fff;
box-shadow:none;
-o-box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.panel-title a.collapsed{
color:#444;
box-shadow:0 0 15px rgba(0,0,0,.04) inset;
-o-box-shadow:0 0 15px rgba(0,0,0,.04) inset;
-moz-box-shadow:0 0 15px rgba(0,0,0,.04) inset;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.04) inset}
.panel-title a.collapsed:hover{
color:#666}
.panel-title a .control-icon{
position:absolute;
top:50%;
right:10px;
margin-top:-11px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.panel-title a.collapsed .control-icon{
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
-o-transform:rotate(-180deg)}
.panel-title a i{
font-size:1.2em;
padding-right:5px}
.panel-default>.panel-heading+.panel-collapse .panel-body{
border-top:0}
.dropcap{
display:block;
float:left;
font-size:40px;
line-height:34px;
color:#444;
margin:6px 8px 0 0}
.dropcap.border-dropcap{
border:2px solid #444;
width:46px;
height:46px;
font-size:28px;
font-weight:500;
line-height:42px;
text-align:center;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
margin:8px 12px 0 0}
.dropcap.bg-dropcap{
background-color:#444;
color:#fff;
width:48px;
height:48px;
font-size:28px;
font-weight:500;
line-height:48px;
text-align:center;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
margin:8px 12px 0 0}
.dropcap.circle-dropcap{
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%}
.milestone-block{
display:inline-block;
margin-bottom:25px;
margin-right:50px}
.milestone-block:last-child{
margin-right:0}
.milestone-block .milestone-icon{
float:left;
width:48px;
height:48px;
line-height:48px;
text-align:center;
margin-right:9px;
margin-bottom:4px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
position:relative}
.milestone-block .milestone-icon:after{
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:21px;
right:-2px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg)}
.milestone-block .milestone-icon i{
font-size:2em;
color:#fff}
.milestone-block .milestone-right{
float:left;
text-align:left}
.milestone-block .milestone-number{
font-size:26px;
line-height:28px;
font-weight:500}
.milestone-block .milestone-text{
font-size:18px;
color:#444}
.pricing-tables{
padding:25px 0;
text-align:center}
.pricing-tables .pricing-table{
border:1px solid #e4e4e4;
text-align:center;
position:relative;
background-color:#fff;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.pricing-tables .pricing-table:hover{
z-index:2;
top:-3px;
box-shadow:0 0 8px rgba(0,0,0,.1);
-moz-box-shadow:0 0 8px rgba(0,0,0,.1);
-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);
-o-box-shadow:0 0 8px rgba(0,0,0,.1)}
.pricing-tables .highlight-plan{
margin:-15px 0;
margin-right:-1px;
z-index:1;
box-shadow:0 0 6px rgba(0,0,0,.06);
-moz-box-shadow:0 0 6px rgba(0,0,0,.06);
-webkit-box-shadow:0 0 6px rgba(0,0,0,.06);
-o-box-shadow:0 0 6px rgba(0,0,0,.06)}
.pricing-tables .pricing-table.highlight-plan .plan-name{
padding:25px 0}
.pricing-tables .pricing-table.highlight-plan .plan-name h3{
color:#fff}
.pricing-tables .pricing-table.highlight-plan .plan-signup{
padding:30px 0}
.pricing-tables .pricing-table.highlight-plan .plan-signup .btn-system.border-btn{
border-color:#fff;
color:#fff}
.pricing-table .plan-name{
padding:15px 0;
box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-o-box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-moz-box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-webkit-box-shadow:0 0 20px rgba(0,0,0,.04) inset;
border-bottom:1px solid #eee}
.pricing-table .plan-name h3{
font-weight:700;
color:#666;
text-transform:uppercase}
.pricing-table .plan-price{
padding:25px 0}
.pricing-table .plan-price .price-value{
font-size:38px;
line-height:40px;
font-weight:600;
color:#444}
.pricing-table .plan-price .price-value span{
font-size:18px;
font-weight:300;
line-height:18px}
.pricing-table .plan-price .interval{
line-height:14px}
.pricing-table .plan-list li{
padding:8px;
font-size:12px;
border-bottom:1px solid #eee}
.pricing-table .plan-list li:first-child{
border-top:1px solid #eee}
.pricing-table .plan-signup{
padding:25px 0;
box-shadow:0 0 20px rgba(0,0,0,.06) inset;
-o-box-shadow:0 0 20px rgba(0,0,0,.06) inset;
-moz-box-shadow:0 0 20px rgba(0,0,0,.06) inset;
-webkit-box-shadow:0 0 20px rgba(0,0,0,.06) inset}
.pricing-table .plan-signup a{
text-transform:uppercase}
.btn{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.btn-system{
display:inline-block;
color:#fff;
margin-right:5px;
font-weight:300;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
box-shadow:0 4px 0 rgba(0,0,0,.1) inset;
-o-box-shadow:0 4px 0 rgba(0,0,0,.1) inset;
-moz-box-shadow:0 4px 0 rgba(0,0,0,.1) inset;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,.1) inset;
border:0;
text-transform:uppercase;
font-weight:400}
.btn-system:last-child{
margin-right:0}
.btn-system{
font-size:1em;
width:auto}
.btn-system.border-btn{
background-color:transparent;
border:1px solid;
box-shadow:none;
-o-box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none}
.btn-system:hover{
color:#fff;
opacity:.8}
.btn-system.border-btn:hover{
opacity:1;
color:#fff}
.btn-system.border-btn.btn-gray:hover{
background-color:#444;
color:#fff}
.btn-system.border-btn.btn-black:hover{
background-color:#111;
color:#fff}
.btn-system.border-btn.btn-wite:hover{
background-color:#fff}
.btn-system.btn-gray{
background-color:#444}
.btn-system.btn-black{
background-color:#111}
.btn-system.btn-wite{
background-color:#fff}
.btn-system.border-btn.btn-gray{
background-color:transparent;
border:1px solid #444;
color:#444}
.btn-system.border-btn.btn-black{
background-color:transparent;
border:1px solid #111;
color:#111}
.btn-system.border-btn.btn-wite{
background-color:transparent;
border:1px solid #fff;
color:#fff}
.btn-large{
font-size:14px;
padding:9px 22px}
.btn-medium{
font-size:14px;
padding:7px 18px}
.btn-small{
padding:5px 15px}
.btn-mini{
padding:3px 12px}
.btn-large.border-btn{
padding:8px 22px}
.btn-medium.border-btn{
padding:6px 18px}
.btn-small.border-btn{
padding:4px 15px}
.btn-mini.border-btn{
padding:2px 12px}
.alert{
}
.alert-success p{
color:#468847}
.alert-info p{
color:#3a87ad}
.alert-warning p{
color:#c09853}
.alert-danger p{
color:#a94442}
.alert h4{
margin-bottom:10px}
.alert strong{
font-weight:700}
.easyPieChart{
font-size:24px;
font-weight:400;
position:relative;
text-align:center;
display:inline-block;
margin:0 80px 20px 0;
overflow:hidden}
.easyPieChart:last-child{
margin-right:0}
.easyPieChart span{
color:#666;
line-height:20px;
font-size:13px;
font-weight:700}
.easyPieChart i{
position:absolute;
width:100%;
top:-2px;
right:0;
display:block;
font-size:3.5em;
color:rgba(0,0,0,.05);
text-align:center}
.easyPieChart canvas{
position:absolute;
top:0;
left:0}
ul.icons-list{
margin-bottom:6px}
ul.icons-list li,ul.list-unstyled li{
margin-bottom:4px}
ul.icons-list li i{
font-size:14px;
margin-right:4px}
.nav-tabs{
border-color:#eee}
.nav-tabs>li>a{
font-weight:600;
color:#666;
padding:8px 14px;
border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
-o-border-radius:3px 3px 0 0;
border:1px solid #eee;
border-bottom:0;
box-shadow:0 0 15px rgba(0,0,0,.04) inset;
-o-box-shadow:0 0 15px rgba(0,0,0,.04) inset;
-moz-box-shadow:0 0 15px rgba(0,0,0,.04) inset;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.04) inset;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.nav-tabs>li>a i{
margin-right:1px;
padding-right:5px}
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{
color:#fff;
border-color:#fff;
box-shadow:0 0 15px rgba(0,0,0,.1) inset;
-o-box-shadow:0 0 15px rgba(0,0,0,.1) inset;
-moz-box-shadow:0 0 15px rgba(0,0,0,.1) inset;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.1) inset}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
border-color:#eee;
border-bottom-color:#fff}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{
box-shadow:0 0 0 rgba(0,0,0,.1) inset;
-o-box-shadow:0 0 0 rgba(0,0,0,.1) inset;
-moz-box-shadow:0 0 0 rgba(0,0,0,.1) inset;
-webkit-box-shadow:0 0 0 rgba(0,0,0,.1) inset}
.tab-content{
border:1px solid #eee;
border-top:0;
padding:12px 16px}
.tab-content p{
margin-bottom:15px}
.tab-content p:last-child{
margin-bottom:0}
.section{
padding-top:80px;
padding-bottom:80px}
.service{
//padding-top:80px;
//padding-bottom:60px}
.icon-small{
font-size:2em;
color:#444;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.icon-small:hover,.service-box:hover .icon-small{
text-shadow:5px 5px 2px transparent}
.icon-medium{
font-size:2.5em;
color:#666;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.icon-medium:hover,.service-box:hover .icon-medium{
text-shadow:5px 5px 2px transparent}
.icon-large{
font-size:3em;
color:#666;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.icon-large:hover,.service-box:hover .icon-large{
text-shadow:5px 5px 2px transparent}
.icon-mini-effect{
position:relative;
display:block;
z-index:1;
font-size:1.2em;
color:#fff;
top:4px;
width:32px;
height:32px;
line-height:32px;
text-align:center;
margin:0;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.icon-medium-effect{
position:relative;
display:block;
z-index:1;
font-size:2em;
color:#fff;
width:64px;
height:64px;
line-height:64px;
text-align:center;
margin:0;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.icon-large-effect{
position:relative;
display:block;
z-index:1;
font-size:2.6em;
color:#fff;
width:80px;
height:80px;
line-height:80px;
text-align:center;
margin:0;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.icon-mini-effect:after,.icon-medium-effect:after,.icon-large-effect:after{
pointer-events:none;
position:absolute;
width:100%;
height:100%;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
content:'';
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box}
.icon-effect-1{
background-color:#fff;
-webkit-transition:color .4s;
-moz-transition:color .4s;
transition:color .4s}
.gray-icon.icon-effect-1{
box-shadow:0 0 0 3px #444;
-o-box-shadow:0 0 0 3px #444;
-moz-box-shadow:0 0 0 3px #444;
-webkit-box-shadow:0 0 0 3px #444}
.icon-effect-1:after{
top:-2px;
left:-2px;
padding:2px;
z-index:-1;
-webkit-transition:-webkit-transform .4s,opacity .4s;
-moz-transition:-moz-transform .4s,opacity .4s;
transition:transform .4s,opacity .4s}
.gray-icon.icon-effect-1:after{
background:#444}
.icon-effect-1.gray-icon:hover,.service-box:hover .gray-icon.icon-effect-1{
color:#444}
.icon-effect-1:hover:after,.service-box:hover .icon-effect-1:after{
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);
opacity:0}
.icon-effect-2{
background:#fff;
-webkit-transition:color .4s;
-moz-transition:color .4s;
transition:color .4s}
.gray-icon.icon-effect-2{
color:#444;
box-shadow:0 0 0 3px #444;
-o-box-shadow:0 0 0 3px #444;
-moz-box-shadow:0 0 0 3px #444;
-webkit-box-shadow:0 0 0 3px #444}
.icon-effect-2:after{
top:-2px;
left:-2px;
padding:2px;
z-index:-1;
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);
opacity:0;
-webkit-transition:-webkit-transform .4s,opacity .4s;
-moz-transition:-moz-transform .4s,opacity .4s;
transition:transform .4s,opacity .4s}
.gray-icon.icon-effect-2:after{
background:#444}
.icon-effect-2:hover,.service-box:hover .icon-effect-2,.icon-effect-2.gray-icon:hover,.service-box:hover .gray-icon.icon-effect-2{
color:#fff}
.icon-effect-2:hover:after,.service-box:hover .icon-effect-2:after{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1}
.icon-effect-3{
background:#fff}
.gray-icon.icon-effect-3{
color:#444;
box-shadow:0 0 0 3px #444;
-o-box-shadow:0 0 0 3px #444;
-moz-box-shadow:0 0 0 3px #444;
-webkit-box-shadow:0 0 0 3px #444}
.icon-effect-3:hover:before,.service-box:hover .icon-effect-3:before{
-webkit-animation:toRightFromLeft .4s forwards;
-moz-animation:toRightFromLeft .4s forwards;
animation:toRightFromLeft .4s forwards}
@-webkit-keyframes toRightFromLeft{
49%{
-webkit-transform:translate(100%)}
50%{
opacity:0;
-webkit-transform:translate(-100%)}
51%{
opacity:1}
}
@-moz-keyframes toRightFromLeft{
49%{
-moz-transform:translate(100%)}
50%{
opacity:0;
-moz-transform:translate(-100%)}
51%{
opacity:1}
}
@keyframes toRightFromLeft{
49%{
transform:translate(100%)}
50%{
opacity:0;
transform:translate(-100%)}
51%{
opacity:1}
}
.icon-effect-4{
background:#fff}
.gray-icon.icon-effect-4{
color:#444;
box-shadow:0 0 0 3px #444;
-o-box-shadow:0 0 0 3px #444;
-moz-box-shadow:0 0 0 3px #444;
-webkit-box-shadow:0 0 0 3px #444}
.icon-effect-4:hover:before,.service-box:hover .icon-effect-4:before{
-webkit-animation:toLeftFromRight .4s forwards;
-moz-animation:toLeftFromRight .4s forwards;
animation:toLeftFromRight .4s forwards}
@-webkit-keyframes toLeftFromRight{
49%{
-webkit-transform:translate(-100%)}
50%{
opacity:0;
-webkit-transform:translate(100%)}
51%{
opacity:1}
}
@-moz-keyframes toLeftFromRight{
49%{
-moz-transform:translate(-100%)}
50%{
opacity:0;
-moz-transform:translate(100%)}
51%{
opacity:1}
}
@keyframes toLeftFromRight{
49%{
transform:translate(-100%)}
50%{
opacity:0;
transform:translate(100%)}
51%{
opacity:1}
}
.icon-effect-5{
background:#fff}
.gray-icon.icon-effect-5{
color:#444;
box-shadow:0 0 0 3px #444;
-o-box-shadow:0 0 0 3px #444;
-moz-box-shadow:0 0 0 3px #444;
-webkit-box-shadow:0 0 0 3px #444}
.icon-effect-5:hover:before,.service-box:hover .icon-effect-5:before{
-webkit-animation:toTopFromBottom .4s forwards;
-moz-animation:toTopFromBottom .4s forwards;
animation:toTopFromBottom .4s forwards}
@-webkit-keyframes toTopFromBottom{
49%{
-webkit-transform:translateY(-100%)}
50%{
opacity:0;
-webkit-transform:translateY(100%)}
51%{
opacity:1}
}
@-moz-keyframes toTopFromBottom{
49%{
-moz-transform:translateY(-100%)}
50%{
opacity:0;
-moz-transform:translateY(100%)}
51%{
opacity:1}
}
@keyframes toTopFromBottom{
49%{
transform:translateY(-100%)}
50%{
opacity:0;
transform:translateY(100%)}
51%{
opacity:1}
}
.icon-effect-6{
background:#fff}
.gray-icon.icon-effect-6{
color:#444;
box-shadow:0 0 0 3px #444;
-o-box-shadow:0 0 0 3px #444;
-moz-box-shadow:0 0 0 3px #444;
-webkit-box-shadow:0 0 0 3px #444}
.icon-effect-6:hover:before,.service-box:hover .icon-effect-6:before{
-webkit-animation:toBottomFromTop .4s forwards;
-moz-animation:toBottomFromTop .4s forwards;
animation:toBottomFromTop .4s forwards}
@-webkit-keyframes toBottomFromTop{
49%{
-webkit-transform:translateY(100%)}
50%{
opacity:0;
-webkit-transform:translateY(-100%)}
51%{
opacity:1}
}
@-moz-keyframes toBottomFromTop{
49%{
-moz-transform:translateY(100%)}
50%{
opacity:0;
-moz-transform:translateY(-100%)}
51%{
opacity:1}
}
@keyframes toBottomFromTop{
49%{
transform:translateY(100%)}
50%{
opacity:0;
transform:translateY(-100%)}
51%{
opacity:1}
}
.features .list-icon{
margin-bottom:15px}
.features .list-icon i{
font-size:4em}
.features h4{
font-size:18px;
margin-top:2px;
margin-bottom:10px;
font-weight:600}
.support-main{
background:#444}
.support-main .support-list-item{
margin-top:15px;
margin-bottom:15px}
.support-main .su-content-wrap{
padding:20px;
display:inline-block}
.support-main .support-list-item .icon-wrapper i{
color:#fff;
margin-bottom:20px}
.support-main .icon-description h4{
color:#fff;
text-transform:uppercase}
.support-main .icon-description p{
color:#fff}
.service-box .read-more{
margin-top:4px;
font-weight:500;
margin-left:2px}
.service-box .read-more i{
display:inline-block;
position:relative;
top:1px}
.image-service-box img{
margin-bottom:14px}
.image-service-box h4{
margin-bottom:8px;
padding:0 10px;
font-weight:400}
.image-service-box p{
padding:0 10px}
.service-box{
margin-bottom:35px}
.service-center{
text-align:center}
.service-icon-left .service-icon{
float:left}
.service-icon-left .service-content{
padding-left:45px}
.service-icon-left-more .service-icon{
float:left}
.service-icon-left-more .service-content{
padding-left:60px}
.service-center .service-icon{
margin-bottom:14px}
.service-center .service-content h4{
margin-bottom:6px;
font-weight:500}
.service-center .service-icon i{
display:inline-block}
.service-box h4 {
margin-bottom: 5px;
font-weight: 600;
color: #000;
}
.service-icon .fa {
font-size: 3em;
color: #00afd1;
}
.service-box>div:first-child{
padding:0}
.service-boxed{
margin-top:30px;
padding:0 15px 20px!important;
border:1px solid #eee;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.service-boxed:hover{
border-color:#e2e2e2;
box-shadow:0 0 6px rgba(0,0,0,.1);
-o-box-shadow:0 0 6px rgba(0,0,0,.1);
-moz-box-shadow:0 0 6px rgba(0,0,0,.1);
-webkit-box-shadow:0 0 6px rgba(0,0,0,.1)}
.service-boxed p{
margin-bottom:0}
.testimonials{
padding-top:8px;
text-align:center;
position:relative}
.testimonials .testimonial-content p{
font-family:lora,serif;
font-size:24px;
line-height:36px;
font-style:italic;
font-weight:400;
color:#444}
.testimonials .testimonial-content{
position:relative}
.testimonials .testimonial-content p::before{
content:open-quote;
margin-right:6px}
.testimonials .testimonial-content p::after{
content:close-quote;
margin-left:6px}
.testimonials .testimonial-author{
padding:8px;
margin-bottom:10px}
.classic-testimonials .testimonial-content{
position:relative;
padding:14px 18px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
margin-bottom:10px;
border:1px solid #e8e8e8;
box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-o-box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-moz-box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-webkit-box-shadow:0 0 20px rgba(0,0,0,.04) inset}
.classic-testimonials .testimonial-content:before{
content:"\201C";
font-weight:300;
position:absolute;
font-size:30px;
opacity:.5;
top:8px;
left:6px}
.classic-testimonials .testimonial-author{
margin-left:10px}
.classic-testimonials .testimonial-author span{
font-weight:600}
.team-member{
padding:3px;
position:relative}
.team-member .member-photo{
padding:3px;
border:1px solid #eee;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
position:relative;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.team-member .member-photo .member-name{
position:absolute;
bottom:12px;
right:10px;
color:#fff;
font-size:14px;
font-weight:700;
padding:5px 14px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
background-color:#444;
z-index:9994}
.team-member .member-photo .member-name span{
position:absolute;
top:90%;
right:0;
color:#fff;
font-size:13px;
font-weight:300;
padding:1px 10px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px}
.team-member .member-info{
padding:15px 6px 12px}
.team-member .member-socail{
//text-align:center}
.team-member .member-socail a i{
color:#fff;
width:28px;
height:28px;
line-height:28px;
text-align:center;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
display:inline-block;
background-color:#d2d2d2;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.team-member .member-socail a.facebook:hover i{
background-color:#507cbe}
.team-member .member-socail a.twitter:hover i{
background-color:#63cdf1}
.team-member .member-socail a.gplus:hover i{
background-color:#f16261}
.team-member .member-socail a.dribbble:hover i{
background-color:#e46387}
.team-member .member-socail a.linkedin:hover i{
background-color:#90cadd}
.team-member .member-socail a.flickr:hover i{
background-color:#e474af}
.team-member .member-socail a.instagramm:hover i{
background-color:#4d4f54}
.team-member.modern .member-info{
padding:14px 0}
.team-member.modern .member-photo{
position:relative;
padding:0;
border:0;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0}
.team-member.modern .member-photo img{
width:100%}
.team-member.modern .member-photo:after{
content:"";
display:block;
width:100%;
height:calc(100% + 1px);
opacity:0;
position:absolute;
top:0;
left:0;
z-index:9993;
transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out}
.team-member.modern:hover .member-photo:after{
opacity:.5;
width:100%;
height:100%}
.team-member.modern .progress{
height:3px;
border-width:2px;
margin-bottom:6px}
.team-member.modern .progress-label{
font-size:12px;
line-height:2em;
font-weight:700}
.team-member.modern .progress span{
display:none}
.team-member.modern .member-socail{
margin-top:15px}
.team-member.modern .member-socail a i{
background-color:transparent;
color:#666}
.team-member.modern .member-socail a:hover i{
color:#fff}
.classic-title {
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
font-weight: 300;
margin-top: 32px;
}
.classic-title span {
padding-bottom: 10px;
border-bottom: 1px solid;
font-weight: 600;
font-size: 20px;
}
.big-title{
margin-bottom:20px}
.big-title h1,.big-title h2{
font-size:26px;
line-height:32px;
font-weight:300}
.big-title h1 strong,.big-title h2 strong{
font-weight:400}
.big-title .title-desc{
font-size:16px;
line-height:22px;
color:#666}
.big-title h2+.title-desc,.big-title h1+.title-desc{
margin-top:4px}
.portfolio-filter{
margin-bottom:30px}
.portfolio-filter li{
display:inline-block;
margin-right:2px}
.portfolio-filter li a{
color:#666;
display:inline-block;
padding:5px 14px;
border:1px solid #eee;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out}
.portfolio-filter li a:hover{
border-color:#ddd}
.portfolio-filter li a.selected,.portfolio-filter li a.selected:hover{
color:#fff}
.portfolio-item {
margin-bottom: 30px;
float: left;
width: 20%;
text-align: center;
}
.portfolio-4{
margin-left:5px}
.portfolio-4 .portfolio-item{
width:24.99%!important;
padding-left:10px;
padding-right:10px;
margin-bottom:22px}
.portfolio-item .portfolio-border {
padding: 8px;
border: 1px solid #eee;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
overflow: hidden;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
min-height: 120px;
margin-right: 20px;
}
.portfolio-thumb img.center {
object-fit: contain;
height: 100px;
}
.classic li {
padding: 6px 0;
font-size: 14px;
}
.portfolio-item:hover .portfolio-border{
box-shadow:0 1px 3px #f8f8f8;
-o-box-shadow:0 1px 3px #f8f8f8;
-moz-box-shadow:0 1px 3px #f8f8f8;
-webkit-box-shadow:0 1px 3px #f8f8f8}
.portfolio-item .portfolio-thumb{
position:relative;
overflow:hidden}
.portfolio-item .portfolio-thumb .thumb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out}
.portfolio-item:hover .portfolio-thumb .thumb-overlay{
background:rgba(255,255,255,.5)}
.portfolio-item .portfolio-thumb .thumb-overlay i{
color:transparent;
position:absolute;
top:42%;
left:50%;
display:block;
margin-left:-27px;
margin-top:-19px;
font-size:3em;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out}
.portfolio-item:hover .portfolio-thumb .thumb-overlay i{
top:50%;
color:#444}
.portfolio-item .portfolio-details{
position:relative;
padding:9px 12px 6px}
.portfolio-item .portfolio-details .like-link{
position:absolute;
right:8px;
top:50%;
margin-top:-9px}
.portfolio-item .portfolio-details .like-link i,.portfolio-item .portfolio-details .like-link span{
color:#666;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out}
.portfolio-item .portfolio-details .like-link:hover i,.portfolio-item .portfolio-details .like-link:hover span{
color:#f54b5c}
.portfolio-item .portfolio-details .like-link i{
padding-right:5px}
.portfolio-item .portfolio-details h4{
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out}
.portfolio-item .portfolio-details a span{
color:#666}
.portfolio-item .portfolio-details span:after{
content:", ";
margin-right:2px}
.portfolio-item .portfolio-details span:last-child:after{
content:""}
.isotope-item{
z-index:2}
.isotope-hidden.isotope-item{
pointer-events:none;
z-index:1}
.isotope,.isotope .isotope-item{
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
transition-duration:.8s}
.isotope{
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
transition-property:height,width}
.isotope .isotope-item{
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
transition-property:transform,opacity}
.campaign{
background:#f1f1f1;
padding:30px 0}
.campaign img{
max-width:100%}
.text-center{
margin-bottom:35px}
#portfolio-list{
list-style:none;
margin:0;
padding:0;
display:block}
#portfolio-list li{
position:relative;
overflow:hidden;
display:inline-block;
width:50%;
margin-left:-1px;
margin-bottom:-4px;
padding:0;
text-align:center;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s}
#portfolio-list li img{
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
-webkit-transform:scale(1) rotate(0);
-moz-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
-o-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)}
#portfolio-list li:hover img{
-webkit-transform:scale(1.3) rotate(3deg);
-moz-transform:scale(1.3) rotate(3deg);
-ms-transform:scale(1.3) rotate(3deg);
-o-transform:scale(1.3) rotate(3deg);
transform:scale(1.3) rotate(3deg)}
#portfolio-list li:after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9;
opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s}
#portfolio-list li:hover:after{
opacity:1}
#portfolio-list li h3{
background:#fff;
bottom:0;
font-size:1.4em;
font-weight:300;
left:0;
letter-spacing:1px;
margin:0;
padding:20px;
position:absolute;
text-align:right;
text-transform:none;
width:100%;
transition:transform .2s ease 0s,color .2s ease 0s;
-webkit-transition:transform .2s ease 0s,color .2s ease 0s;
-moz-transition:transform .2s ease 0s,color .2s ease 0s;
-o-transition:transform .2s ease 0s,color .2s ease 0s;
-ms-transition:transform .2s ease 0s,color .2s ease 0s}
@media only screen and (max-width:550px){
#portfolio-list li{
width:100%}
}
@media only screen and (min-width:551px){
#portfolio-list li{
width:49%}
}
@media(min-width:768px){
.portfolio-4column #portfolio-list li{
width:24.8%}
}
@media(min-width:768px){
.full-width-portfolio #portfolio-list li{
width:49.85%}
}
@media(min-width:768px){
.portfolio-3column #portfolio-list li{
width:33.2%}
}
@media(min-width:768px){
.portfolio-2column #portfolio-list li{
width:49.9%}
}
@media(min-width:992px){
.full-width-portfolio #portfolio-list li{
width:33.2%}
}
#portfolio-list li .header{
margin:2% 2% 0%;
font-size:1.5em;
line-height:1.5;
font-weight:300;
text-transform:none;
color:#fff;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
-webkit-transform:translateY(40%);
-moz-transform:translateY(40%);
transform:translateY(40%)}
@media(min-width:992px){
#portfolio-list li .header{
display:block}
}
#portfolio-list li .body{
font-size:1em;
color:#fff;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
-webkit-transform:translateY(-40%);
-moz-transform:translateY(-40%);
transform:translateY(-40%)}
@media(min-width:992px){
#portfolio-list li .body{
display:block}
}
#portfolio-list li img{
width:100%;
-webkit-transition:all .75s;
-moz-transition:all .75s;
-ms-transition:all .75s;
-o-transition:all .75s;
transition:all .75s}
#portfolio-list li .portfolio-item-content{
position:absolute;
color:#050f1e;
bottom:25px;
width:100%;
opacity:0;
z-index:999;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s}
#portfolio-list .icon-list{
position:absolute;
top:50%;
margin-top:-40px;
left:50%;
margin-left:-40px;
z-index:99;
opacity:0;
text-align:center}
#portfolio-list .icon-list a{
background:#fff;
display:inline-block;
font-size:18px;
line-height:40px;
width:40px;
margin-right:5px;
height:40px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s}
#portfolio-list .icon-list a:hover{
color:#fff}
#portfolio-list .icon-list .link{
transform:translate(100%,100%);
-webkit-transform:translate(100%,100%);
-moz-transform:translate(100%,100%)}
#portfolio-list .icon-list .zoom{
transform:translate(-100%,100%);
-webkit-transform:translate(-100%,100%);
-moz-transform:translate(-100%,100%)}
#portfolio-list :hover .icon-list{
opacity:1}
#portfolio-list :hover .icon-list .link{
transform:translateX(0px)}
#portfolio-list :hover .icon-list .zoom{
transform:translateX(0px)}
#portfolio-list li:hover h3{
color:#fff;
transform:translate3d(0px,70px,0px);
-webkit-transform:translate3d(0px,70px,0px);
-moz-transform:translate3d(0px,70px,0px);
-o-transform:translate3d(0px,70px,0px);
-ms-transform:translate3d(0px,70px,0px);
opacity:0;
-webkit-opacity:0;
transition:all .25s ease-in-out 0s;
-webkit-transition:all .25s ease-in-out 0s;
-moz-transition:all .25s ease-in-out 0s;
-o-transition:all .25s ease-in-out 0s}
#portfolio-list li:hover>li:before{
border-color:#2e3444;
border-width:14px}
#portfolio-list li:hover .portfolio-item-content{
opacity:1}
#portfolio-list li:hover .portfolio-item-content .header{
transform:translateY(0%)}
#portfolio-list li:hover .portfolio-item-content .body{
transform:translateY(0%)}
#portfolio-list li:hover .more{
opacity:.75;
-webkit-opacity:.75;
-moz-opacity:.75;
-o-opacity:.75;
top:50%;
margin-top:-40px;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%}
.project {
padding-top: 20px;
}
.project-page{
margin-bottom:50px}
.project-slider{
position:relative}
.project-slider img{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px}
.project-slider .thumb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
background-color:transparent;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.project-slider:hover .thumb-overlay{
background:rgba(255,255,255,.5)}
.project-slider .thumb-overlay i{
font-size:3em;
color:transparent;
position:absolute;
left:50%;
top:42%;
margin-left:-27px;
margin-top:-19px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.project-slider:hover .thumb-overlay i{
top:50%;
color:#444}
.project-content h4{
margin-bottom:12px;
padding-bottom:8px;
border-bottom:1px solid #eee}
.project-content h4 span{
padding-bottom:8px;
border-bottom:1px solid}
.project-content p,.project-content ul{
margin-bottom:30px}
.project-content ul li{
margin-bottom:5px}
.recent-projects h4.title{
margin-bottom:16px;
padding-bottom:8px;
border-bottom:1px solid #eee}
.recent-projects h4.title span{
padding-bottom:8px;
border-bottom:1px solid}
.projects-carousel{
width:1150px!important}
.projects-carousel .item{
margin-right:15px;
margin-bottom:0}
.full-width-recent-projects .projects-carousel{
width:100%!important}
.full-width-recent-projects .projects-carousel .item{
margin:0}
.full-width-recent-projects .portfolio-item .portfolio-border{
padding:0;
border:0;
border-radius:0;
box-shadow:none}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay{
opacity:.65;
z-index:9994}
.full-width-recent-projects .portfolio-item .portfolio-thumb .thumb-overlay i{
top:25%}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay i{
color:#fff;
top:45%}
.full-width-recent-projects .portfolio-item .portfolio-details{
position:absolute;
bottom:-10px;
opacity:0;
width:100%;
z-index:9995;
padding:0 20px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.full-width-recent-projects .portfolio-item:hover .portfolio-details{
bottom:10px;
opacity:1}
.full-width-recent-projects .portfolio-item:hover .portfolio-details h4{
color:rgba(255,255,255,.9)}
.full-width-recent-projects .portfolio-item .portfolio-details a span{
color:rgba(255,255,255,.8)}
.full-width-recent-projects .portfolio-item .portfolio-details .like-link i,.full-width-recent-projects .portfolio-item .portfolio-details .like-link span{
color:#fff}
.blog-post{
margin-bottom:40px;
padding-bottom:40px;
border-bottom:1px solid #eee}
.blog-post .post-head{
overflow:hidden;
position:relative;
margin-bottom:16px}
.blog-post .post-head .thumb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
background-color:transparent;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.blog-post .post-head:hover .thumb-overlay{
background-color:rgba(255,255,255,.4)}
.blog-post .post-head .thumb-overlay i{
font-size:3em;
color:transparent;
position:absolute;
left:50%;
top:42%;
margin-left:-27px;
margin-top:-19px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.blog-post .post-head:hover .thumb-overlay i{
color:#444;
top:50%}
.blog-post .post-head img{
max-width:100%;
height:auto;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px}
.blog-post .post-content{
padding-left:54px;
position:relative}
.blog-post .post-type{
position:absolute;
left:0;
top:5px;
width:36px;
height:36px;
line-height:36px;
text-align:center;
background-color:#444;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px}
.blog-post .post-type i{
font-size:1.2em;
color:#fff}
.blog-post.quote-post .post-type{
top:0}
.post-content h2{
margin-bottom:4px}
.post-content h2 a{
color:#444;
font-weight:500;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.blog-post.quote-post .qoute-box{
background:#444;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
padding:20px 25px;
color:#fff;
margin-bottom:10px}
.blog-post.quote-post .qoute-box a{
color:#999}
.blog-post.quote-post .qoute-box h2{
font-family:lora,serif;
font-size:18px;
line-height:26px;
font-style:italic;
font-weight:400;
color:#fff;
margin-bottom:10px}
.blog-post.quote-post .qoute-box .qoute-author{
margin-left:5px}
.blog-post.quote-post .qoute-box .qoute-author:before,.blog-post.quote-post .qoute-box .qoute-author:after{
content:" - "}
.blog-post .post-slider{
position:relative}
ul.post-meta{
margin-bottom:10px}
ul.post-meta li{
display:inline-block}
ul.post-meta li:after{
content:"-";
margin:0 8px}
ul.post-meta li:last-child:after{
content:"";
margin:0}
ul.post-meta li,ul.post-meta li a{
color:#666;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.post-content p{
margin-bottom:15px}
#pagination span,#pagination a{
display:inline-block;
text-align:center;
height:34px;
width:34px;
color:#666;
line-height:33px;
border:1px solid #eee;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
#pagination span.current{
color:#fff}
#pagination a:hover{
border-color:#ddd}
#pagination .all-pages,#pagination .next-page{
width:auto;
padding:0 14px}
.blog-page,.blog-post-page{
padding-top:5px}
.blog-post-page .blog-post{
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px solid #eee}
.blog-post-page ul.post-meta{
margin-bottom:12px}
.post-content h2{
font-weight:500}
.post-bottom{
padding:20px 0;
margin-bottom:20px;
border-bottom:1px solid #f6f6f6}
.post-tags-list{
float:right;
padding-top:6px}
.post-tags-list a{
display:inline-block;
color:#666;
font-size:12px;
padding:2px 8px;
background:#eee;
margin-bottom:4px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.post-tags-list a:hover{
color:#fff}
.post-share{
float:left}
.post-share span{
margin-right:4px;
font-size:13px;
color:#666}
.post-share a{
display:inline-block;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.post-share a.facebook{
background-color:#507cbe}
.post-share a.facebook:hover{
background-color:#3e68a8}
.post-share a.twitter{
background-color:#63cdf1}
.post-share a.twitter:hover{
background-color:#36bfed}
.post-share a.gplus{
background-color:#f16261}
.post-share a.gplus:hover{
background-color:#ef4545}
.post-share a.linkedin{
background-color:#90cadd}
.post-share a.linkedin:hover{
background-color:#72bbd3}
.post-share a i{
width:32px;
height:32px;
line-height:32px;
text-align:center;
display:block;
color:#fff;
font-size:1em}
.blog-post .author-info{
display:block;
margin-bottom:10px}
.blog-post .author-info .author-image{
float:left}
.blog-post .author-info .author-image img{
width:70px;
height:70px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
border:4px solid #eee}
.blog-post .author-info .author-bio{
padding-left:85px}
.blog-post .author-info h4{
margin-bottom:4px;
font-weight:500}
.blog-post .author-info p:last-child{
margin:0}
#comments .comments-list{
padding:0;
margin:0 0 35px}
#comments .comments-title{
font-weight:500;
margin-bottom:20px}
#comments .comments-list li .comment-box{
padding:20px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
margin-bottom:20px;
border:1px solid #e8e8e8;
box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-o-box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-moz-box-shadow:0 0 20px rgba(0,0,0,.04) inset;
-webkit-box-shadow:0 0 20px rgba(0,0,0,.04) inset}
#comments .comments-list li ul{
padding-left:80px}
#comments .avatar{
float:left}
#comments .avatar img{
width:60px;
height:60px;
padding:3px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
border:1px solid #e8e8e8}
#comments .comment-content{
padding-left:72px}
#comments .comment-content .comment-meta{
margin-bottom:5px}
.comment-content .comment-meta span:after{
content:"-";
margin:0 5px;
font-weight:100;
color:#666}
.comment-content .comment-meta span:last-child:after{
content:"";
margin:0}
.comment-content .comment-meta .comment-by{
font-weight:600;
color:#444}
.comment-content .comment-meta .comment-date{
color:#666}
#respond .respond-title{
font-weight:500;
margin-bottom:15px}
.sidebar{
margin-bottom:30px}
.sidebar a{
color:#666}
.sidebar .widget{
overflow:hidden;
margin-bottom:50px}
.sidebar .widget ul{
margin:0}
.widget-search input[type=search]{
position:relative;
margin:0;
float:left;
height:37px;
line-height:37px;
width:calc(100% - 38px);
border-right:0;
border-radius:2px 0 0 2px;
-webkit-border-radius:2px 0 0 2px;
-moz-border-radius:2px 0 0 2px;
-o-border-radius:2px 0 0 2px}
.widget-search .search-btn{
display:inline-block;
width:38px;
height:37px;
border:0;
color:#fff;
font-size:1.2em;
line-height:36px;
text-align:center;
border-radius:0 2px 2px 0;
-webkit-border-radius:0 2px 2px 0;
-moz-border-radius:0 2px 2px 0;
-o-border-radius:0 2px 2px 0;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.widget-search .search-btn:hover{
background-color:#444}
.sidebar .widget h4{
text-transform:uppercase;
padding-bottom:8px;
margin-bottom:16px;
font-size:14px;
font-weight:500;
position:relative}
.sidebar .widget h4 .head-line{
position:absolute;
bottom:0;
left:0;
display:block;
width:50px;
height:2px;
background-color:#ddd;
margin:0}
.widget-categories ul li a{
padding:8px 0;
text-decoration:none;
display:block;
border-bottom:1px solid #eee;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.widget-categories ul li:first-child a{
padding-top:0}
.widget-categories ul li a:hover{
padding-left:8px}
.sidebar .widget-popular-posts li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #eee}
.sidebar .widget-popular-posts li:last-child{
margin:0;
padding:0;
border:0}
.sidebar .widget-popular-posts .widget-thumb{
float:left;
margin-right:8px;
border:3px solid #eee;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px}
.sidebar .widget-popular-posts .widget-thumb img{
width:65px;
height:65px;
opacity:1;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.sidebar .widget-popular-posts .widget-thumb:hover img{
opacity:.7}
.sidebar .widget-popular-posts .widget-content h5{
font-size:13px;
line-height:19px;
margin-bottom:5px;
font-weight:300}
.sidebar .widget-popular-posts .widget-content span{
color:#bbb;
font-size:12px}
.sidebar .tagcloud a{
display:inline-block;
color:#666;
font-size:12px;
padding:4px 10px;
background:#eee;
margin-bottom:4px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.sidebar .tagcloud a:hover{
color:#fff}
footer {
background-color: #222;
padding-top: 40px;
border-top: 4px solid #555;
color: #ccc;
}
footer p{
color:#ccc}
footer a {
color: #d0caca;
}
footer a:hover{
color:#666;
text-decoration:underline}
.footer-widget{
margin-bottom:30px}
.footer-widget h4{
color:#eee;
text-transform:uppercase;
padding-bottom:8px;
margin-bottom:20px;
font-size:14px;
font-weight:700;
position:relative}
.footer-widget h4 .head-line{
position:absolute;
bottom:0;
left:0;
display:block;
width:50px;
height:3px;
background-color:#333;
margin:0}
.social-widget ul.social-icons li{
display:inline-block;
margin-right:4px;
margin-bottom:4px}
.social-widget h4 {
margin-bottom: 12px;
}
.social-widget ul.social-icons li a i{
font-size:1.4em;
width:36px;
height:36px;
color:#fff;
line-height:36px;
text-align:center;
display:block;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.social-widget ul.social-icons li a:hover{
text-decoration:none}
.social-widget ul.social-icons li a.facebook:hover i{
background-color:#507cbe}
.social-widget ul.social-icons li a.twitter:hover i{
background-color:#63cdf1}
.social-widget ul.social-icons li a.google:hover i{
background-color:#f16261}
.social-widget ul.social-icons li a.dribbble:hover i{
background-color:#e46387}
.social-widget ul.social-icons li a.linkdin:hover i{
background-color:#90cadd}
.social-widget ul.social-icons li a.tumblr:hover i{
background-color:#4d7ea3}
.social-widget ul.social-icons li a.flickr:hover i{
background-color:#e474af}
.social-widget ul.social-icons li a.instgram:hover i{
background-color:#4d4f54}
.social-widget ul.social-icons li a.vimeo:hover i{
background-color:#87d3e0}
.social-widget ul.social-icons li a.skype:hover i{
background-color:#36c4f3}
.contact-widget{
background:url(../images/map.png) center bottom no-repeat}
.contact-widget span{
font-weight:700}
.contact-widget ul li{
margin-bottom:12px}
.contact-widget ul li p a{
color:#bbb}
.contact-widget p {
padding-bottom: 20px;
text-align: justify;
}
.contact-widget a{
color:#00afd1;
}
.flickr-list i {
margin-right: 4px;
color: #777;
}
.twitter-widget a:hover{
color:#43b9cd;
text-decoration:underline}
.twitter-widget ul li {
margin-bottom: 5px;
}
.twitter-widget ul li span {
color: #777;
margin-right: 3px;
}
.flickr-widget ul{
overflow:hidden}
.flickr-widget ul li{
margin-bottom:8px}
.flickr-widget ul li:nth-child(3n+1){
margin-left:0}
.flickr-widget ul li a {
display: block;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.flickr-widget ul li a img{
width:100%;
height:65px}
.flickr-widget ul li a:hover{
opacity:1}
.mail-subscribe-widget form{
margin-top:15px;
margin-bottom:20px}
.mail-subscribe-widget form input[type=text]{
outline:0;
color:#666;
font-size:12px;
padding:6px 12px;
border:0;
background:#fff;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
outline:0}
.copyright-section{
padding:15px 0;
font-size:11px;
letter-spacing:.5px;
border-top:1px solid rgba(255,255,255,.06)}
.copyright-section p {
font-size: 9px;
line-height: 16px;
text-align: center;
}
.copyright-section p a:hover{
text-decoration:none;
color:#fff}
ul.footer-nav{
float:right}
ul.footer-nav li{
display:inline-block;
float:left;
margin-left:15px}
ul.footer-nav li:first-child{
margin-left:0}
ul.footer-nav li a{
display:inline-block;
text-transform:uppercase;
text-decoration:none;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
ul.footer-nav li a:hover{
color:#fff}
.back-to-top{
display:none;
position:fixed;
bottom:18px;
right:15px}
.back-to-top i{
display:block;
width:36px;
height:36px;
line-height:36px;
color:#fff;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
text-align:center;
background-color:#444;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.nivo-lightbox-overlay{
position:fixed;
top:0;
left:0;
z-index:99999999;
width:100%;
height:100%;
overflow:hidden;
visibility:hidden;
opacity:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
.nivo-lightbox-overlay.nivo-lightbox-open{
visibility:visible;
opacity:1}
.nivo-lightbox-wrap{
position:absolute;
top:10%;
bottom:10%;
left:10%;
right:10%}
.nivo-lightbox-content{
width:100%;
height:100%}
.nivo-lightbox-title-wrap{
position:absolute;
bottom:0;
left:0;
width:100%;
z-index:99999;
text-align:center}
.nivo-lightbox-nav{
display:none}
.nivo-lightbox-prev{
position:absolute;
top:50%;
left:0}
.nivo-lightbox-next{
position:absolute;
top:50%;
right:0}
.nivo-lightbox-close{
position:absolute;
top:2%;
right:2%}
.nivo-lightbox-image{
text-align:center}
.nivo-lightbox-image img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
vertical-align:middle}
.nivo-lightbox-content iframe{
width:100%;
height:100%}
.nivo-lightbox-ajax{
max-height:100%;
overflow:auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
.nivo-lightbox-error{
display:table;
text-align:center;
width:100%;
height:100%;
color:#fff;
text-shadow:0 1px 1px #000}
.nivo-lightbox-error p{
display:table-cell;
vertical-align:middle}
.nivo-lightbox-effect-fade,.nivo-lightbox-effect-fadeScale,.nivo-lightbox-effect-slideLeft,.nivo-lightbox-effect-slideRight,.nivo-lightbox-effect-slideUp,.nivo-lightbox-effect-slideDown,.nivo-lightbox-effect-fall{
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap{
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
-webkit-transform:scale(.7);
-moz-transform:scale(.7);
-ms-transform:scale(.7);
transform:scale(.7)}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap{
-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);
-moz-transition:all .3s cubic-bezier(.25,.5,.5,.9);
-ms-transition:all .3s cubic-bezier(.25,.5,.5,.9);
-o-transition:all .3s cubic-bezier(.25,.5,.5,.9);
transition:all .3s cubic-bezier(.25,.5,.5,.9)}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap{
-webkit-transform:translateX(-10%);
-moz-transform:translateX(-10%);
-ms-transform:translateX(-10%);
transform:translateX(-10%)}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap{
-webkit-transform:translateX(10%);
-moz-transform:translateX(10%);
-ms-transform:translateX(10%);
transform:translateX(10%)}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap{
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap{
-webkit-transform:translateY(-10%);
-moz-transform:translateY(-10%);
-ms-transform:translateY(-10%);
transform:translateY(-10%)}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{
-webkit-transform:translateY(10%);
-moz-transform:translateY(10%);
-ms-transform:translateY(10%);
transform:translateY(10%)}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap{
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall{
-webkit-perspective:1e3px;
-moz-perspective:1e3px;
perspective:1e3px}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap{
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;
-webkit-transform:translateZ(300px);
-moz-transform:translateZ(300px);
-ms-transform:translateZ(300px);
transform:translateZ(300px)}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap{
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0)}
.nivo-lightbox-theme-default.nivo-lightbox-overlay{
background:#666;
background:rgba(0,0,0,.8)}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{
background:url(../images/lightbox/loading.gif) no-repeat 50% 50%}
.nivo-lightbox-theme-default .nivo-lightbox-nav{
top:10%;
width:8%;
height:80%;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:50% 50%;
opacity:.5;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover{
opacity:1;
background-color:rgba(0,0,0,.5)}
.nivo-lightbox-theme-default .nivo-lightbox-prev{
background-image:url(../images/lightbox/prev.png);
border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
-o-border-radius:0 3px 3px 0}
.nivo-lightbox-theme-default .nivo-lightbox-next{
background-image:url(../images/lightbox/next.png);
border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-o-border-radius:3px 0 0 3px}
.nivo-lightbox-theme-default .nivo-lightbox-close{
display:block;
background:url(../images/lightbox/close.png) no-repeat 5px 5px;
width:16px;
height:16px;
text-indent:-9999px;
padding:5px;
opacity:.5}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover{
opacity:1}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap{
bottom:-7%}
.nivo-lightbox-theme-default .nivo-lightbox-title{
font:14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
font-style:normal;
font-weight:400;
background:#000;
color:#fff;
padding:7px 15px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px}
.nivo-lightbox-theme-default .nivo-lightbox-image img{
background:#fff;
box-shadow:0 0 8px rgba(0,0,0,.5);
-o-box-shadow:0 0 8px rgba(0,0,0,.5);
-moz-box-shadow:0 0 8px rgba(0,0,0,.5);
-webkit-box-shadow:0 0 8px rgba(0,0,0,.5)}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,.nivo-lightbox-theme-default .nivo-lightbox-inline{
background:#fff;
padding:40px;
box-shadow:0 0 8px rgba(0,0,0,.5);
-o-box-shadow:0 0 8px rgba(0,0,0,.5);
-moz-box-shadow:0 0 8px rgba(0,0,0,.5);
-webkit-box-shadow:0 0 8px rgba(0,0,0,.5)}
@media(-webkit-min-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(min--moz-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{
background-image:url(../images/lightbox/loading@2x.gif);
background-size:32px 32px}
.nivo-lightbox-theme-default .nivo-lightbox-prev{
background-image:url(../images/lightbox/prev@2x.png);
background-size:48px 48px}
.nivo-lightbox-theme-default .nivo-lightbox-next{
background-image:url(../images/lightbox/next@2x.png);
background-size:48px 48px}
.nivo-lightbox-theme-default .nivo-lightbox-close{
background-image:url(../images/lightbox/close@2x.png);
background-size:16px 16px}
}
.owl-carousel .owl-wrapper:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0}
.owl-carousel{
display:none;
position:relative;
width:100%;
-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{
display:none;
position:relative;
-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{
overflow:hidden;
position:relative;
width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition:height 500ms ease-in-out;
-moz-transition:height 500ms ease-in-out;
-ms-transition:height 500ms ease-in-out;
-o-transition:height 500ms ease-in-out;
transition:height 500ms ease-in-out}
.owl-carousel .owl-item{
float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{
cursor:pointer}
.owl-controls{
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:transparent}
.grabbing{
cursor:url(../images/icons/grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0)}
.owl-origin{
-webkit-perspective:1200px;
-webkit-perspective-origin-x:50%;
-webkit-perspective-origin-y:50%;
-moz-perspective:1200px;
-moz-perspective-origin-x:50%;
-moz-perspective-origin-y:50%;
perspective:1200px}
.owl-fade-out{
z-index:10;
-webkit-animation:fadeOut .7s both ease;
-moz-animation:fadeOut .7s both ease;
animation:fadeOut .7s both ease}
.owl-fade-in{
-webkit-animation:fadeIn .7s both ease;
-moz-animation:fadeIn .7s both ease;
animation:fadeIn .7s both ease}
.owl-backSlide-out{
-webkit-animation:backSlideOut 1s both ease;
-moz-animation:backSlideOut 1s both ease;
animation:backSlideOut 1s both ease}
.owl-backSlide-in{
-webkit-animation:backSlideIn 1s both ease;
-moz-animation:backSlideIn 1s both ease;
animation:backSlideIn 1s both ease}
.owl-goDown-out{
-webkit-animation:scaleToFade .7s ease both;
-moz-animation:scaleToFade .7s ease both;
animation:scaleToFade .7s ease both}
.owl-goDown-in{
-webkit-animation:goDown .6s ease both;
-moz-animation:goDown .6s ease both;
animation:goDown .6s ease both}
.owl-fadeUp-in{
-webkit-animation:scaleUpFrom .5s ease both;
-moz-animation:scaleUpFrom .5s ease both;
animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{
-webkit-animation:scaleUpTo .5s ease both;
-moz-animation:scaleUpTo .5s ease both;
animation:scaleUpTo .5s ease both}
@-webkit-keyframes empty{
0%{
opacity:1}
}
@-moz-keyframes empty{
0%{
opacity:1}
}
@keyframes empty{
0%{
opacity:1}
}
@-webkit-keyframes fadeIn{
0%{
opacity:0}
100%{
opacity:1}
}
@-moz-keyframes fadeIn{
0%{
opacity:0}
100%{
opacity:1}
}
@keyframes fadeIn{
0%{
opacity:0}
100%{
opacity:1}
}
@-webkit-keyframes fadeOut{
0%{
opacity:1}
100%{
opacity:0}
}
@-moz-keyframes fadeOut{
0%{
opacity:1}
100%{
opacity:0}
}
@keyframes fadeOut{
0%{
opacity:1}
100%{
opacity:0}
}
@-webkit-keyframes backSlideOut{
25%{
opacity:.5;
-webkit-transform:translateZ(-500px)}
75%{
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut{
25%{
opacity:.5;
-moz-transform:translateZ(-500px)}
75%{
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)}
100%{
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut{
25%{
opacity:.5;
transform:translateZ(-500px)}
75%{
opacity:.5;
transform:translateZ(-500px) translateX(-200%)}
100%{
opacity:.5;
transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn{
0%,25%{
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)}
75%{
opacity:.5;
-webkit-transform:translateZ(-500px)}
100%{
opacity:1;
-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn{
0%,25%{
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%)}
75%{
opacity:.5;
-moz-transform:translateZ(-500px)}
100%{
opacity:1;
-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn{
0%,25%{
opacity:.5;
transform:translateZ(-500px) translateX(200%)}
75%{
opacity:.5;
transform:translateZ(-500px)}
100%{
opacity:1;
transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade{
to{
opacity:0;
-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade{
to{
opacity:0;
-moz-transform:scale(.8)}
}
@keyframes scaleToFade{
to{
opacity:0;
transform:scale(.8)}
}
@-webkit-keyframes goDown{
from{
-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown{
from{
-moz-transform:translateY(-100%)}
}
@keyframes goDown{
from{
transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom{
from{
opacity:0;
-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom{
from{
opacity:0;
-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom{
from{
opacity:0;
transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo{
to{
opacity:0;
-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo{
to{
opacity:0;
-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo{
to{
opacity:0;
transform:scale(1.5)}
}
.owl-theme .owl-controls{
text-align:center}
.touch-slider .owl-controls .owl-buttons div{
position:absolute;
top:50%;
height:60px;
line-height:60px;
display:inline-block;
zoom:1;
padding:0 1px;
*display:inline;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
background:#444;
filter:Alpha(Opacity=60);
opacity:.6;
margin-top:-30px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.touch-slider:hover .owl-controls .owl-buttons div{
filter:Alpha(Opacity=100);
opacity:1}
.touch-slider .owl-controls .owl-buttons div.owl-prev{
left:0;
border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
-o-border-radius:0 3px 3px 0}
.touch-slider .owl-controls .owl-buttons div.owl-next{
right:0;
border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-o-border-radius:3px 0 0 3px}
.touch-slider .owl-controls .owl-buttons div i{
font-size:1.8em;
color:#fff}
.touch-carousel .owl-controls .owl-buttons{
position:absolute;
top:-50px;
right:2px}
.touch-carousel.projects-carousel .owl-controls .owl-buttons{
right:12px}
.touch-carousel.navigation-2 .owl-controls .owl-buttons{
position:relative;
top:0;
right:0}
.touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons{
top:-8px}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div,.touch-carousel.navigation-3 .owl-controls .owl-buttons div{
background-color:#f2f2f2}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div i,.touch-carousel.navigation-3 .owl-controls .owl-buttons div i{
color:#666}
.touch-carousel.navigation-3{
padding-top:45px}
.touch-carousel.navigation-3.clients-carousel{
padding-top:25px}
.touch-carousel.navigation-3 .owl-controls .owl-buttons{
position:absolute;
top:0;
right:0;
width:100%}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div,.touch-carousel.navigation-3 .owl-controls .owl-buttons div{
width:28px;
height:28px;
line-height:28px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%}
.touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons{
right:9px}
.touch-carousel .owl-controls .owl-buttons div,.testimonials-carousel .owl-controls .owl-buttons div{
height:22px;
width:22px;
line-height:22px;
display:inline-block;
zoom:1;
*display:inline;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
background-color:#fff;
margin-left:4px;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
border:1px solid #ccc}
.touch-carousel .owl-controls .owl-buttons div i,.testimonials-carousel .owl-controls .owl-buttons div i{
font-size:1.2em;
color:#ccc;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.testimonials-carousel .owl-controls .owl-buttons div i{
color:#fff}
.touch-carousel .owl-controls.clickable .owl-buttons div:hover i{
color:#fff}
.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover{
background-color:#fff;
box-shadow:0 1px 1px rgba(0,0,0,.2)}
.owl-pagination{
position:absolute;
width:100%;
left:0;
bottom:5px}
.owl-theme .owl-controls .owl-page{
display:inline-block;
zoom:1;
*display:inline}
.owl-theme .owl-controls .owl-page span{
display:block;
width:16px;
height:16px;
margin:2px 4px;
filter:Alpha(Opacity=50);
opacity:.5;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
border:3px solid #444;
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.touch-slider:hover .owl-controls .owl-page span{
filter:Alpha(Opacity=100);
opacity:1}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{
border-color:#0a95d8}
.owl-theme .owl-controls .owl-page span.owl-numbers{
height:auto;
width:auto;
color:#fff;
padding:2px 10px;
font-size:12px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;
border-radius:30px}
#bar{
width:0%;
max-width:100%;
height:4px;
background:#444;
filter:Alpha(Opacity=50);
opacity:.5}
#progressBar{
position:absolute;
top:0;
z-index:99;
width:100%}
.owl-item.loading{
min-height:150px;
background:url(../images/icons/ajaxloader.gif) no-repeat center center}
.switcher-box{
width:212px;
position:fixed;
left:-212px;
top:160px;
text-align:center;
z-index:99999999;
background-color:#fff;
border-radius:0 0 2px 0;
border-radius:0 5px 5px 0;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.2);
-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
box-shadow:0 0 5px rgba(0,0,0,.2);
transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out}
.switcher-box a{
cursor:pointer}
.switcher-box h4{
display:block;
height:40px;
line-height:42px;
font-size:14px;
font-weight:700;
color:#fff;
background-color:#333;
margin-bottom:10px}
.switcher-box span{
display:block;
padding:5px 20px;
text-align:left}
.switcher-box .colors-list{
padding:0 18px;
margin-bottom:8px;
line-height:20px}
.switcher-box .colors-list li{
display:inline-block;
margin-right:2px}
.switcher-box .colors-list li a{
display:block;
width:24px;
height:18px;
cursor:pointer}
.switcher-box .colors-list li a.blue{
background-color:#0a9fd8}
.switcher-box .colors-list li a.cyan{
background-color:#27bebe}
.switcher-box .colors-list li a.jade{
background-color:#0bb586}
.switcher-box .colors-list li a.red{
background-color:#ee3733}
.switcher-box .colors-list li a.peach{
background-color:#f49237}
.switcher-box .colors-list li a.sky-blue{
background-color:#38cbcb}
.switcher-box .colors-list li a.yellow{
background-color:#f8ba01}
.switcher-box .colors-list li a.green{
background-color:#94c523}
.switcher-box .colors-list li a.orange{
background-color:#f36510}
.switcher-box .colors-list li a.pink{
background-color:#f1505b}
.switcher-box .colors-list li a.purple{
background-color:#6a3da3}
.switcher-box .colors-list li a.beige{
background-color:#fdb655}
.switcher-box .layout-style,.switcher-box .topbar-style{
width:172px;
padding:6px 9px;
outline:0;
display:block;
background:#fff;
border-radius:3px;
padding:4px 6px;
color:#666;
cursor:pointer;
border-radius:2px;
font-size:12px;
margin:0 0 12px 20px;
border:1px solid #ddd;
-webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.06);
box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.06)}
.switcher-box .bg-list{
padding:0 18px;
margin-bottom:18px}
.switcher-box .bg-list li{
display:inline-block;
margin-right:2px}
.switcher-box .bg-list li a{
display:block;
width:20px;
height:20px}
.switcher-box .bg-list li a.bg1{
background:url(../images/patterns/1.png) repeat}
.switcher-box .bg-list li a.bg2{
background:url(../images/patterns/2.png) repeat}
.switcher-box .bg-list li a.bg3{
background:url(../images/patterns/3.png) repeat}
.switcher-box .bg-list li a.bg4{
background:url(../images/patterns/4.png) repeat}
.switcher-box .bg-list li a.bg5{
background:url(../images/patterns/5.png) repeat}
.switcher-box .bg-list li a.bg6{
background:url(../images/patterns/6.png) repeat}
.switcher-box .bg-list li a.bg7{
background:url(../images/patterns/7.png) repeat}
.switcher-box .bg-list li a.bg8{
background:url(../images/patterns/8.png) repeat}
.switcher-box .bg-list li a.bg9{
background:url(../images/patterns/9.png) repeat}
.switcher-box .bg-list li a.bg10{
background:url(../images/patterns/10.png) repeat}
.switcher-box .bg-list li a.bg11{
background:url(../images/patterns/11.png) repeat}
.switcher-box .bg-list li a.bg12{
background:url(../images/patterns/12.png) repeat}
.switcher-box .bg-list li a.bg13{
background:url(../images/patterns/13.png) repeat}
.switcher-box .bg-list li a.bg14{
background:url(../images/patterns/14.png) repeat}
.switcher-box .open-switcher{
width:40px;
height:40px;
display:block;
position:absolute;
top:0;
left:100%;
border-radius:0 2px 2px 0;
background:#444 center no-repeat;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
-moz-box-shadow:0 0 4px rgba(0,0,0,.2);
box-shadow:0 0 4px rgba(0,0,0,.2)}
.switcher-box .open-switcher:hover{
background:url(../images/icons/switcher.png) #444 center no-repeat;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
-moz-box-shadow:0 0 4px rgba(0,0,0,.2);
box-shadow:0 0 4px rgba(0,0,0,.2);
color:#fff}
.switcher-box .open-switcher i{
text-align:center;
padding-top:7px}
.iframe{
border:0}
.services-2{
position:relative;
text-align:center;
margin:0 0 30px}
.services-2-icon{
display:inline-block;
width:100%;
display:table}
.services-2-icon i{
width:60px;
height:60px;
line-height:60px;
margin:0 auto;
position:relative;
display:inline-block;
margin-right:15px;
border-radius:50%;
float:left;
text-align:center;
font-size:26px;
background:#e93735;
color:#fff;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out}
.services-2:hover .services-2-icon i{
display:block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg)}
.services-2-text{
margin-left:75px;
overflow:hidden}
.services-2-icon h4{
font-family:open sans,sans-serif;
color:#404449;
font-size:16px;
font-weight:400;
margin:15px 0 0;
text-align:left;
display:table-cell;
padding:0;
vertical-align:middle;
width:100%}
.services-2 p{
color:#acb2b8;
margin:0;
text-align:left}
.skill p{
margin-bottom:7px}
.progress{
overflow:visible;
height:18px;
margin-bottom:10px;
background-color:#f9f9f9;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none}
.progress-bar{
float:left;
height:100%;
font-size:12px;
color:#fff;
text-align:center;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:width .6s ease;
transition:width .6s ease;
position:relative}
.progress-bar-span{
opacity:1;
position:absolute;
top:-5px;
background:#acb2b8;
padding:3px 10px;
color:#fff;
border-radius:0;
right:0;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out}
.skill:hover .progress-bar-span{
opacity:1;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out}
.counter-item{
position:relative;
text-align:center}
.counter-item h5{
text-align:center;
margin-bottom:0;
color:#fff;
text-transform:uppercase}
.counter-item i{
font-size:40px}
.timer{
font-size:48px;
font-weight:800;
text-transform:uppercase;
text-align:center;
line-height:80px}
.parallax{
width:100%;
background-position:50% 0;
background-attachment:absolute}
.parallax-text-container-1 .parallax-text-item{
padding:120px 0;
text-align:center}
.parallax-mobile{
background-position:50% 0;
background-attachment:scroll!important}
.services-3{
position:relative;
text-align:center;
margin:0 0 30px}
.services-3-icon{
display:inline-block;
width:100%;
display:table}
.services-3-icon i{
width:60px;
height:60px;
line-height:60px;
margin:0 auto;
position:relative;
display:inline-block;
margin-left:15px;
border-radius:50%;
float:left;
text-align:center;
font-size:26px;
color:#fff;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out}
.services-3:hover .services-3-icon i{
display:block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg)}
.services-3-text{
margin-right:75px;
overflow:hidden}
.services-3-icon h4{
font-family:raleway,sans-serif;
color:#404449;
font-size:16px;
font-weight:400;
margin:0 0 15px;
text-align:right;
display:table-cell;
padding:0;
vertical-align:middle;
width:100%}
.services-3 p{
color:#acb2b8;
margin:0;
text-align:right}
.purchase{
background:url(../images/parallax/bg-01.jpg) no-repeat}
.navbar-collapse{
max-height:340px}
#qunit-fixture{
position:static;
height:4e3px;
width:4e3px}
#qunit-fixture span{
position:absolute;
top:0;
left:0;
width:100px;
height:100px;
visibility:hidden}
#position-fixed span{
position:fixed}
#background-attachment-fixed span{
background-attachment:fixed}
#background-vertical-only span{
background-position:100% 0}
#background-horizontal-only span{
background-position:0 100%}
.offset-parent{
position:absolute;
top:0;
left:0}
.default-offset-parent{
position:absolute;
top:20px;
left:20px}
.custom-offsets{
position:absolute;
top:20px;
left:20px}
#scroll-property-transform{
position:absolute;
top:0;
left:0}
.navbar-header {
float: left;
width: 41%;
}
.img-div {
border: 1px solid #ddd;
padding: 4px;
margin-bottom: 20px;
}
.article-formats .left-meta-post {
width: 12%;
padding-right: 21px;
}
.article-formats img {
padding-right: 5px;
}
.article-formats .post-row {
width: 31%;
float: left;
clear: none;
margin-right: 20px;
}
.shadow {
background: url(../images/singleheader.png) no-repeat scroll center -8px;
top: 0;
content: "";
height: 20px;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
#home{
position:relative;
}
.navbar-brand{
height:auto;
}
.banner {
padding: 60px 0;
}
.banner h1 span {
background: #00000094;
padding: 6px 14px;
color: #fff;
}
.img-inn-jour {
float: left;
margin-right: 16px;
}
.jounral-para p {
text-align: justify;
}
.inner-content {
margin: 20px 0;
clear: both;
}
.line {
display: none;
}
.contact-us {
clear: both;
margin: 60px 0;
}
.cforms {
    padding: 20px;
}
.label{
	color: #333;
	font-size: 100%;
}
.input,label.textarea {
    width: 100%;
}
input,select,textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 6px;
     margin-bottom: 16px;
}