@charset "utf-8";
html, body
{
min-height:100%;
-webkit-text-size-adjust:100%;
}
body { position:relative; }
input, textarea
{
-webkit-appearance:none;
-webkit-border-radius:0;
-webkit-box-shadow:none;
}
iframe {
width:100%;
}
/* Common Css */
.menu, .contaianer, .header-scetion, .footer-section
{
max-width:960px;
margin:0 auto;
}
.menu, .contaianer, .header-scetion, .footer-section { max-width:1200px; }
.row, .content
{
overflow:hidden;
width:100%;
}
.row
{
position:relative;
margin:0 0 1px;
}
.col-1
{
width:25%;
min-height:239px;
float:left;
margin-right:1px;
}
.side-navigation
{
width:25.1%;
min-height:239px;
float:left;
}
.side-navigation ul { width:101%; }
.chrome .side-navigation ul { margin-left:-1px; }
#portfolio .side-navigation
{
float: left;
min-height: 239px;
width: 74.8%;
}
#portfolio-filter
{
width:101%;
margin-left:1px;
}
.col-2
{
width:74.8%;
float:left;
min-height:239px;
}
.banner
{
width:74.8%;
float:right;
min-height:239px;
}
.col-3
{
width:73%;
float:right;
min-height:239px;
}
.contents
{
width:73%;
float:right;
min-height:239px;
}
.formSection
{
width:50%;
float:left;
min-height:239px;
margin-left:1px;
}
#Contact .formSection
{
width:74.8%;
float:right;
min-height:239px;
margin-left:0;
background:#fff;
}
.col-1.last { width:24.6%; }
.title
{
background:#3c3c3c;
width:22.9%;
padding-right:2.2%;
height:239px;
float:left;
display:table;
word-wrap:break-word;
}
.heading
{
display:table;
margin:23px 0 15px 0;
}
.fixed .header-scetion { display:none; }
.col-12
{
width: 100%;
display:inline-block;
}
.gallery
{
width: 100%;
display:inline-block;
}
.details
{
width: 100%;
overflow:hidden;
}
.details .col { width: 24.898%; }
.Service
{
width: 100.5%;
display:inline-block;
}
#second .Service .col
{
width:22.9%;
padding-left:1%;
padding-right:1%;
}
.blog_content
{
width: 100%;
display:inline-block;
}
.col
{
float:left;
width:25%;
}
#intro, .white { background:#fff; }
#second .details .col.white
{
background:#fff;
height:218px;
min-height:0;
padding-top:21px;
margin-right:1px;
}
.white:hover { background:#fff !important; }
#second { background:#ebebeb; }
/* Common Css */
/* Header Section Css */
.top
{
width:100%;
background:url(../images/header-bg.jpg) 0 top no-repeat;
position:relative;
background-size:cover;
padding-bottom: 1px;
}
.left-repeater
{
width:100%;
min-height:480px;
background:#141414;
position:absolute;
top:0;
left:-50%;
margin-left: -313px;
}
.creative
{
width:23%;
min-height:234px;
float:left;
text-align:right;
background:#141414;
padding-right:20px;
}
.safari .creative { width:25%; }
.safari .title { width:25%; }
.table, .creative
{
display:table;
height:480px;
}
.uniqueness
{
width:72%;
padding-left:14px;
display:table-cell;
vertical-align:middle;
}
.uniqueness *, .creative * { color:#fff; }
.left-contant
{
display:table-cell;
vertical-align:middle;
margin-right:21px;
}
.creative strong
{
font-size:1.8em;
line-height:1.4;
color:#fff;
font-weight:700;
text-transform:uppercase;
display:block;
text-align:right;
}
.creative span
{
font-size:1.8em;
line-height:1.4;
color:#fff;
font-weight:400;
display:inline-block;
}
.creative span a { color:#0052d9; }
.safari .logo { width:25%; }
.chrome .logo { width:23%; }
.chrome .navigation ul li { height:118px; }
.logo
{
width:23%;
height:119px;
float:left;
padding-right:20px;
text-align:right;
display:table;
background:#141414;
text-align:right;
}
/* .safari .logo, */ .ie .logo { padding-bottom:47px }
.logo a
{
display:table-cell;
vertical-align:middle;
text-align:right;
}
/* Navigation css */
.nav-wrapper
{
width:100%;
left: 0;
position: absolute;
height:120px;
}
.nav-wrapper .left-repeater
{
height:119px;
min-height:0;
}
.fixed
{
position:fixed;
top:0 !important;
margin-top:0;
left:0;
z-index:9999;
background:#fff url(../images/header-bg.jpg) 155.7% -481px no-repeat;
}
.navigation-section
{
display: inline-block;
width: 100%;
position:relative;
}
.navigation
{
width:74.9%;
float:left;
}
.navigation ul { width:101%; }
.navigation ul li
{
width:119px;
height: 119px;
float:left;
margin-left:1px;
text-align:center;
background:url(../images/li_bg.png) left top repeat;
}
.navigation ul li a
{
font-size:1.4em;
line-height:1;
color:#b4b4b4;
display:block;
cursor:pointer;
height:100%;
position:relative;
}
.navigation ul li a span
{
background:url(../images/nav_icon.png) 0 0 no-repeat;
display:block;
height:54px;
}
.navigation ul li a small
{
bottom: 10px;
display: block;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
}
.navigation ul li:hover, .navigation ul li a.active
{
background:#0052d9;
color:#fff;
}
.navigation ul li:hover a small, .navigation ul li a.active small { color:#fff; }
.navigation ul li:hover a span, .navigation ul li a.active span
{
background:url(../images/nav_icon_h.png) 0 -126px no-repeat;
color:#fff;
}
.navigation ul li.about a span { background-position:6% -34px; }
.navigation ul li.services a span { background-position:23% -34px; }
.navigation ul li.portfolio a span { background-position:41% -34px; }
.navigation ul li.our_team a span { background-position:58% -34px; }
.navigation ul li.blog a span { background-position:76% -34px; ; }
.navigation ul li.contact a span { background-position:92% -34px; }
.navigation ul li em
{
background:url(../images/bullet-nav.png) top left no-repeat;
width:7px;
height:3px;
display:inline-block;
position:relative;
top:-3px;
}
.navigation ul li:hover em, .navigation ul li.active_li em { background:url(../images/bullet-nav-h.png) top left no-repeat; }
/* I Phone Navigation */
.iphone-menu
{
position:relative;
width:100%;
display:none;
z-index:10;
padding-top:31px;
padding-bottom:28px;
}
.touch
{
width:99.8%;
background:#fff url(../images/i-nav.png) 96% 11px no-repeat;
border:1px solid #707070;
height:45px;
margin:0 auto 0;
position:relative;
z-index:10;
display:none;
}
.i-menu
{
position:absolute;
left:0px;
right:0;
top:77px;
width:86.5%;
margin:0 auto;
z-index:5;
}
.i-menu ul
{
background:#969696;
border-bottom: 2px solid #FFFFFF;
padding: 0 0 10px 20px;
}
.i-menu ul li { float:none; }
.i-menu ul li a
{
font-size:1.4em;
line-height:2.5;
color:#fff;
display:block
}
.touch a {
display:block;
padding:0 10px;
}
.touch a span
{
font-size:1.4em;
line-height:3;
color:#646464
}
/* Header Section Css end*/
/* About Section Css */
#intro, #intro .row { margin-top:1px; }
.contaianer { overflow:hidden; }
.banner { position:relative; }
.side-navigation ul li
{
float:left;
text-align:center;
margin-right:1px;
margin-bottom:1px;
font-size:1.3em;
}
.side-navigation ul li a
{
color:#fff;
font-size:1.4em;
line-height:1.4;
width:109.5px;
height:118px;
word-wrap:break-word;
display:table-cell;
vertical-align:middle;
padding:0 5px;
background:#969696;
transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
}
.side-navigation ul li a:hover, .side-navigation ul li a.selected
{
background:#0052d9;
transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
}
.side-navigation ul li a span { display:block; }
.chrome .side-navigation ul li a { width:140px; }
.point { padding-top:10px; }
.point ul li
{
font-size:1.3em;
line-height:1.4;
color:#888888;
margin-bottom:18px;
background:url(../images/bullet.png) left 8px no-repeat;
padding-left:10px;
}
.partner { margin-top: 32px; }
.companylogo
{
padding-top:14px;
margin-bottom:14px;
}
.partner ul { overflow:hidden; }
.partner ul li
{
float:left;
width:18%;
background: none;
text-align:center;
margin-bottom:0;
}
.partner ul li a { display:block; }
.partner ul li a img { max-width:100%; }
.contaianer .last { margin-right:0; }
.tabcontent { min-height:245px; }
/* Service Section Css */
#second .col
{
text-align:center;
min-height:203px;
padding-top:36px;
transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
}
#second .Service article span
{
/* background-image:url(../images/service_icons.png);
background-repeat:no-repeat; */
width:65px;
height:65px;
display:inline-block;
text-align:center;
margin-bottom:13px;
position:relative;
}
#second .Service article span img
{
position:absolute;
top:0;
left:0;
opacity:1;
}
#second .Service article span img + img
{
position:absolute;
top:0;
left:0;
opacity:0;
}
#second .col:hover span img + img { opacity:1; }
/* #second .col:hover span {
background:url(../images/service_icons_h.png);
background-repeat:no-repeat;
}
#second .special {
background-position:0 0;
}
#second .flexibileLayout {
background-position:-83px 12px;
}
#second .developments {
background-position:-158px 12px;
}
#second .plainingVisons {
background-position:-227px 12px;
}
#second .col:hover .special {
background-position:0 0;
}
#second .col:hover .flexibileLayout {
background-position:-83px 12px;
}
#second .col:hover .developments {
background-position:-158px 12px;
}
#second .col:hover .plainingVisons {
background-position:-227px 12px;
} */
#second .col P
{
display:block;
line-height:1.4;
font-size:1.4em;
}
#second .col a
{
width:100%;
word-wrap:break-word;
}
#second .col:hover { background:#0052d9; }
#second .col:hover * { color:#fff; }
#second .details .col
{
text-align:left;
padding-top:0px;
min-height:239px;
}
#second .details .col img { display:block; }
#second .overview p { font-size:1.2em }
#second .details .col:hover { background:none; }
#second .details .col:hover * { color:#888888; }
.none { margin-right:0 !important; }
#second .side-navigation ul li a { height:119px; }
#Preferences { width:100.5%; }
/* Portfolio Section */
#portfolio .row { margin:0; }
.pagination
{
float:right;
margin-top:-2px;
}
.gallery ul li
{
float:left;
margin-right: 1px;
margin-bottom:1px;
}
.gallery ul li.large { width:49.6%; }
.gallery ul li.medium { width:33%; }
.gallery ul li.small { width:24.7%; }
.gallery ul li a, .gallery ul li a img { display:block; }
.gallery ul li a img { width:100%; }
.gallery ul li a img.light2 {background:#0052d9;}
.pagination ul li
{
float:left;
margin-left:1px;
}
.pagination ul li a
{
font-size:1.4em;
display:block;
background:#969696;
min-width:59px;
height:59px;
text-align:center;
vertical-align:middle;
display:table-cell;
color:#fff;
transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
}
.pagination ul li a.active { background:#0052D9; }
.pagination ul li a:hover { background:#646464; }
.pagination ul li.prev-btn a { background:#969696 url(../images/prev-btn.png) center center no-repeat }
.pagination ul li.next-btn a { background:#969696 url(../images/next-btn.png) center center no-repeat }
.pagination ul li.prev-btn a:hover { background:#646464 url(../images/prev-btn.png) center center no-repeat }
.pagination ul li.next-btn a:hover { background:#646464 url(../images/next-btn.png) center center no-repeat }
#portfolio .side-navigation li a
{
width:103px;
height:119px !important;
display:table-cell;
vertical-align:middle;
padding-top:0px !important;
padding:0 8px;
}
/* Portfolio Section End */
/* Team Section */
#team .content
{
width:100.1%;
margin-left:-1px;
}
.member
{
width:24.89%;
min-height:239px;
float:left;
margin-left:1px;
}
.safari #team .content { width:100%; }
.safari .member
{
width:25%;
margin-left:0px;
}
.member figure img
{
width:99.9%;
display:block;
margin-bottom:1px;
}
#team .member a
{
display:block;
text-align:center;
min-height: 150px;
word-wrap:break-word;
}
.intro
{
width:84%;
padding:15% 8%;
background:#fff;
overflow:hidden;
transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
}
#team .member strong
{
color:#323232;
font-weight:700;
font-size:2em;
line-height:1.5;
display:block;
}
#team .member span
{
color:#0052d9;
font-weight:400;
font-size:1.3em;
display:block;
line-height:1.8;
margin-top:5px;
margin-bottom:10px;
}
.col-1 figure img { display:block; }
.intro:hover { background:#0052d9; }
.intro:hover * { color:#fff !important; }
#team .social-link ul li
{
float:left;
margin-right:1px;
}
#team .social-link ul li a
{
width:47px;
height:47px;
min-height:0;
display:block;
background:url(../images/social-icon.png) left top no-repeat;
padding:0;
}
#team .social-link ul li:hover a { background:url(../images/social-icon_h.png) 0 -47px no-repeat; }
#team .social-link ul li.tweet a { background-position:0 0; }
#team .social-link ul li.tweet-icon a { background-position:-96px 0px; }
#team .social-link ul li.facebook a { background-position:-48px 0px; }
#team .social-link ul li.linkedin a { background-position:-144px 0px; }
/* Team Section Section End*/
/* Blog first Section */
#blog { padding-top:1px; }
#blog .container { margin-top:-1px; }
#blog #container { margin-bottom:-5px; }
.comment ul
{
width:100%;
text-align:center;
}
.comment ul li
{
display:inline-cell;
margin:0 0 2px 2px;
vertical-align:top;
}
#blog p { font-size:1.2em; }
.blog-comment
{
padding:14px;
position:relative;
}
.blog-comment h6 { margin-bottom:14px; }
.blog-comment p { margin-bottom:20px; }
#blog .title
{
margin:0 0 1px!important;
padding-right:0;
width: 24.9%;
}
#blog .title div
{
margin-right:20px;
display:table;
height:239px;
width:91.5%;
}
.blog-comment samp
{
background:url(../images/blog_corner.png) left top no-repeat;
width:30px;
height:15px;
display:block;
position:absolute;
top:-15px;
left:15px;
}
.blog-comment span
{
width:38%;
float:left;
display:block;
color:#888888;
font-size:1.2em;
line-height:1.3;
}
.blog-comment h6 a { color:#323232; }
.blog-comment h6 a:hover { color:#0052d9; }
.comment-like
{
width:50%;
float:right;
text-align:right;
padding-bottom:29px;
}
.comment-like a
{
display:inline-block;
color:#888888;
font-size:1.2em;
margin-left:10px;
padding-left:20px;
}
#container
{
background: #EBEBEB;
padding:0px;
width:100%;
margin-bottom: 20px;
clear: both;
}
.centered { margin: 0 auto; }
.box
{
margin:0 0 10px;
background:#333;
}
.box.col-1
{
float:none;
width:24.9%;
background:#fff;
min-height:0;/* margin-left:1px; */
}
.box.col-1 img { width:100%; }
.rtl .box
{
float: right;
text-align: right;
direction: rtl;
}
.box.col-1.title
{
background:#3C3C3C;
min-height: 239px;
}
.box.col-1.post, .box.col-1 .blogpost { background:#141414; }
.box.col-1.post .blog-comment, .box.col-1 .blogpost .blog-comment
{
padding:30px 20px 10px 40px;
background:url(../images/icon_img.png) 20px 33px no-repeat;
}
.box.col-1 .blogpost .blog-comment
{
padding:25px 20px 25px 40px;
background-position:20px 25px;
}
.box.col-1 .blogpost .blog-comment p { margin-bottom:5px; }
#blog .box.col-1.post p, #blog .box.col-1 .blogpost small, #blog .box.col-1 .blogpost p
{
border-left:1px solid #2f2f2f;
padding-left:10px;
font-style:italic;
font-size:1.4em;
line-height:1.5;
color:#fff;
}
#blog .box.col-1 .blogpost small
{
display:block;
font-style:inherit;
line-height:1;
}
.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick
{
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.transitions-enabled.masonry
{
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick
{
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
.transitions-enabled.infinite-scroll.masonry
{
-webkit-transition-property: none;
-moz-transition-property: none;
-ms-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.mrg { margin-left:24.8%; }
/* Blog first end Section */
/* Blog second Section */
#blog-second
{
position:absolute;
top:0;
left:0;
z-index:999999;
width:100%;
height:100%;
padding-top:30px;
}
.comment-button
{
overflow:hidden;
margin-top: 102px;
background:#fff;
width:100%;
}
.comment-button li
{
float:left;
margin-right:1px;
background:#969696;
}
.comment-button li:hover { background:#0052d9; }
.comment-button li a
{
display:block;
width:59px;
height:59px;
}
.comment-button li.like-heart a { background:url(../images/like.png) center center no-repeat; }
.comment-button li.comment-menu a { background:url(../images/menu-bg.png) center center no-repeat; }
.comment-button li.prev-comment a { background:url(../images/prev-btn.png) center center no-repeat; }
.comment-button li.next-comment a { background:url(../images/next-btn.png) center center no-repeat; }
.commnet-details { margin-top: 21px; }
.commnet-details li
{
color:#888888;
font-size:1.2em;
margin-bottom: 12px;
}
.commnet-details li a
{
color:#888888;
padding-left:20px;
}
.comment-bg { background:url(../images/comment-bg.png) left center no-repeat; }
.like-bg { background:url(../images/like_bg.png) left center no-repeat; }
.blog-content{padding: 24px 13px; background:#fff;}
.blog-content p { font-size: 1.2em; }
.social-icon { background:#fff; }
.social-icon ul
{
display:inline-block;
width:100%;
}
.social-icon ul li
{
float:left;
margin-left:1px;
margin-bottom:1px;
}
.social-icon ul li a
{
width:47px;
height:47px;
display:block;
background:url(../images/media_icon.png) left top no-repeat;
}
.social-icon ul li:hover a { background:url(../images/media_icon_h.png) left top no-repeat; }
.social-icon ul li.twitter a { background-position:0 0; }
.social-icon ul li.fb a { background-position:-48px 0; }
.social-icon ul li.g-plus a { background-position:-96px 0; }
.social-icon ul li.rss a { background-position:-144px 0; }
.social-icon ul li.flickr a { background-position:-192px 0; }
.social-icon ul li.myspace a { background-position:-241px 0; }
.social-icon ul li.in a { background-position:-289px 0; }
.social-icon ul li.be a { background-position:-337px 0; }
.social-icon ul li.dribbble a { background-position:-385px 0; }
.social-icon ul li.forrst a { background-position:-433px 0; }
.comment-number
{
font-size:1.6em;
color:#fff;
background:#3c3c3c;
display:block;
padding:21px 13px;
margin-top: -2px;
border-top:1px solid #ebebeb;
}
.comment-list
{
overflow:hidden;
margin-bottom:1px;
}
.comment-list ul li
{
float:right;
background:#fff url(../images/commented.png) 14px 31px no-repeat;
padding:27px 18px 15px 65px;
border-bottom:1px solid #ebebeb;
}
.comment-list ul li span
{
color:#323232;
font-size:1.3em;
line-height:1.4;
display:block;
margin-bottom:6px;
}
.comment-list ul li small
{
font-size:1.3em;
line-height:1.5;
color:#b4b4b4;
display:block;
padding-bottom:18px;
}
.comment-list ul li small a { color:#b4b4b4; }
.comment-list ul li.commnet-fst { background:url(../images/commented.png) no-repeat 14px 31px #fafafa }
.comment-list ul li.commnet-scnd { background:url(../images/commented.png) no-repeat 14px 31px #fafafa }
.leave-comment
{
overflow:hidden;
padding:20px 0px 0;
width:100%;
background:#fff;
margin-top:-1px;
}
.post { margin-left:14px; }
.leave-comment span
{
font-size:1.6em;
color:#323232;
display:block;
line-height:1.8;
}
.leave-comment small
{
font-size:1.3em;
color:#888888;
}
.leave-comment ul
{
overflow:hidden;
margin-top:41px;
}
.leave-comment ul li
{
display:inline-block;
vertical-align:bottom;
width:45.5%;
margin-right:16px;
margin-bottom: 17px;
margin-left: 14px;
}
.name { clear:left; }
.leave-comment ul li.grid-1 { width:98.5%; }
.leave-comment ul li.grid-1 input[type="text"]
{
width:43%;
display:block;
}
.leave-comment ul li.text-field
{
margin-right:0;
width:96%;
}
.leave-comment ul li.submit-area
{
margin:0;
width:100%;
background:#3c3c3c;
display:inline-block;
margin-top:8px;
}
.leave-comment ul li div
{
float:left;
width:87%;
padding:20px 14px;
}
.submit-area span
{
color:#fff;
font-size:1.3em;
line-height:1.4;
display:inline-block;
text-align:right;
float:right;
}
.submit-area small
{
color:#888888;
font-size:1.3em;
line-height:1.4;
display:inline-block;
}
.submit-area .thanks div
{
float:left;
width:82%
}
/* Blog second End Section */
/* Conatact Section */
.banner iframe {
width:100%;
height:240px;
border:0px;
overflow:auto;
}
#Contact address ul li
{
color:#888888;
font-size:1.3em;
line-height:1.4;
padding-left:30px;
margin-bottom: 21px;
word-wrap: break-word;
}
#Contact { margin-top:-6px; }
#Contact address ul li.adr { background:url(../images/location.png) left top no-repeat; }
#Contact address ul li.tel { background:url(../images/tel.png) left top no-repeat; }
#Contact address ul li.mail
{
background:url(../images/mail.png) left top no-repeat;
margin-bottom:0;
}
#Contact address ul li span { display:block; }
#Contact .adress-area { padding:0 13px 20px 15px; }
#Contact .col-1 { background:#fff; }
#Contact .col-1 strong, .social-area strong
{
color:#b4b4b4;
font-size:3.4em;
display:block;
text-align:center;
letter-spacing: 8px;
margin-bottom:8px;
}
.contact-title
{
float:left;
width:50%;
padding-left:14px;
}
.I-none
{
height:200px;
display:table;
border-top:1px solid #ebebeb;
width:100%;
word-wrap:break-word;
}
.chrome .I-none { height:210px; }
.safari .I-none { height:210px; }
.grid
{
display:table-cell;
vertical-align:middle;
}
#Contact .row { margin-bottom:0; }
#Contact .col-1 small, .social-area small
{
display:block;
color:#b4b4b4;
font-size:1.3em;
text-align:center;
}
#Contact .get-touch ul li
{
width:46%;
margin-right:0;
display:inline-block;
vertical-align:bottom;
margin-bottom: 10px;
margin-left: 14px;
}
#Contact .get-touch ul li.grid-1 { width: 98.5%; }
#Contact .get-touch ul li.grid-1 input[type="text"]
{
display: block;
width:43.5%;
}
#Contact .get-touch ul li.text-field { width:93%; }
#Contact .get-touch ul li.name { margin-right: 10px; }
#Contact .get-touch ul li.text-field { width:94.8%; }
#Contact .get-touch ul li.submit-area { width:100%; }
#Contact .get-touch ul li .thanks
{
width:80%;
float:left;
padding:22px 14px 0;
}
#Contact .content { position: relative; }
#Contact .get-touch ul li.submit-area
{
margin: 22px 0 0;
background: #3c3c3c;
display: inline-block;
}
.name small
{
color: #888888;
font-size: 1.3em;
}
.get-touch
{
width:100%;
display:inline-block;
margin-top:-30px;
}
#Contact .leave-comment { padding-bottom:0; }
.contact-title
{
float:left;
width:50%;
}
.I-social { display:none }
#Contact .social-icon
{
width:240px;
float:right;
margin-right:13px;
position:relative;
z-index:100;
}
.contact-form
{
overflow: hidden;
padding: 20px 0px 0;
width: 100%;
background: #fff;
position:relative;
}
.contact-title span
{
font-size: 1.6em;
color: #323232;
display: block;
line-height: 1.8;
}
.contact-title small
{
font-size: 1.3em;
color: #888888;
}
/* Conatact End Section */
/* Footer Section */
.footer
{
width:1200px;
min-height:120px;
background:#141414;
margin: 0 auto;
margin-top: 26px;
}
.footer-section
{
padding-top:50px;
position:relative;
}
.footer-section span
{
float:left;
color:#5a5c5c;
font-size:1.2em;
width:40%;
margin-left: 15px;
}
.footer-section span a { color:#0052d9; }
.footer-section nav
{
float:right;
color:#5a5c5c;
width:40%;
margin-right: 15px;
}
.footer-section nav ul
{
float:right;
text-align:right;
}
.footer-section nav ul li
{
float:left;
color:#5a5c5c;
margin-left: 10px;
}
.footer-section nav ul li a
{
color:#5a5c5c;
font-size:1.2em;
color:#5a5c5c;
}
.footer-section a:hover { color:#0052d9; }
.go-top
{
background:url(../images/gotop.png) left top no-repeat;
width:59px;
height:59px;
position:absolute;
right:-60px;
top:-59px;
cursor:pointer;
}
/* Footer end Section */
/* Infinite Scroll loader */
#infscr-loading
{
width:239px;
height:120px;
padding-top:119px;
color: #FFF;
text-align: center;
background: #0052d9;
opacity:1;
display:table-cell;
vertical-align:middle;
font-size:1.6em;
font-family: 'PT Sans', sans-serif;
z-index: 100;
position: absolute;
right:0;
bottom:10px;
}
/* Content - Portfolio Listing */
ul#portfolio-filter a:hover, ul#portfolio-filter a.current { color: #fff; }
ul#portfolio-filter a.current { background-color: #0052D9; }
ul#portfolio-list
{
list-style: none;
width:101%;
}
ul#portfolio-list li
{
display: block;
float: left;
}
ul#portfolio-list li a
{
display: block;
overflow: hidden;
position:relative;
transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
}
ul#portfolio-list li a:hover img
{
opacity:0.5;
transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
}
ul#portfolio-list li a:hover img.light2 { opacity:1; }
ul#portfolio-list li p
{
font-size: 11px;
line-height: 15px;
color: #AAA;
margin: 5px 0;
}
ul#portfolio-list li a img.light2
{
width:119px;
height:119px;
position:absolute;
top:50%;
left:50%;
z-index:9;
margin-top:-59px;
margin-left:-59px;
}
#cboxCurrent { display:none !important; }
/* Tiny Scrollbar */
.scrollbar1 .viewport
{
width: 79%;
height: 200px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.scrollbar1 .overview
{
list-style: none;
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
margin-top:-16px;
}
.scrollbar1 .scrollbar
{
position: relative;
background-position: 0 0;
float: right;
width: 8px;
}
.scrollbar1 .thumb
{
background:#0052d9;
height: 30px;
width: 8px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
left:0px;
}
.scrollbar1 .disable { display: none; }
.close
{
background: url(../images/close_button.png) no-repeat scroll 0 0 transparent;
top:-24px;
height:45px;
position: absolute;
right:-20px;
text-indent: -9999px;
width:45px;
z-index:999999;
}
.contentssss
{
margin:0;
width:239px;
height:239px;
overflow:auto;
background:#333;
}
.overlay-wrap
{
position:absolute;
width:100%;
min-height:100%;
background:#000;
z-index:999999;
top:0;
display:none;
}
#blog-second .contaianer
{
position:relative;
overflow:inherit;
}
#blog-second .title { width:97.8%; }
#blog-second .col-1
{
margin-right:0;
background:#fff;
}
#blog-second .banner { width:75%; }
.social-area { display:none; }
#blog-second .social-icon ul
{
bottom: -3px;
position:relative;
}
#blog-second textarea { width:96.9%; }
.chrome .banner { width: 74.8%; }
.chrome .navigation { width:75%; }
.chrome #portfolio .side-navigation { width: 74.8% }
.chrome .contents { width:72.8%; }
.chrome #intro .side-navigation { width: 25%; }