/*
Theme Name: Square
Theme URI: http://themeforest.net/item/square-responsive-wordpress-theme/3007657
Author: EngineThemes
Author URI: http://themeforest.net/user/EngineThemes
Description: Square is a clean, minimal yet powerful wordpress theme. Square has a compatible layout with mobile devices. We have tested it in iPhone, iPad and many other mobile devices. It contains two homepage types one for portfolio, and another for business purposes.
Version: 2.1
License: GNU General Public License
License URI: license.txt
Tags: white, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-menu, featured-image-header, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/

/****************************
RESET STYLES * HTML5
****************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { font:12px/1.8em 'Open Sans', sans-serif; color:#333; overflow-x:hidden; margin-bottom:50px; } 
body embed { position:absolute; top:0; right:0; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul, ul li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input, textarea, select { font:12px 'Open Sans'; color:#323232; border:0; padding:4px; }
h1, h2, h3, h4, h5, h6 { font-family:'Open Sans', sans-serif; display:block; color:#323232; margin-bottom:15px; font-weight:normal; }
h1 { font-size:36px; }
h2 { font-size:28px; }
h3 { font-size:26px; }
h4 { font-size:24px; }
h5 { font-size:15px; }
a:link, a:visited { color:#7e7e7e; text-decoration:none; }
p { margin-bottom:15px; }
img, iframe { vertical-align:top; }
.last { margin:0 !important; }
::selection { background:#72798a; color:#FFF; }
::-moz-selection { background:#72798a; color:#FFF; }


/****************************
IE8 HTML5
****************************/

header, nav, section, article, aside, footer, hgroup { display: block; }


/****************************
GLOBAL STYLES
****************************/

.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#container { width:1200px; margin:0 auto; background:#FFF; }
#mselect { display:none; }
.wrap { width:1020px; margin:0 auto; border-top:4px solid #1D1D1D; }
header { margin-top:15px; padding-bottom:7px; background:url('img/line-separator.png') repeat-x bottom; }
.logo { float:left; }
.menu { float:right; margin-top:10px; }
.menu ul li { margin-left:20px; }
.menu ul li a:link, .menu ul li a:visited { color:#6e6e6e; font:14px 'Open Sans', sans-serif; text-transform:uppercase; }
.menu ul li a:hover { color:#ff3000; }
.menu ul li.current_page_item a, .menu ul li.current-menu-parent a, .menu ul li.current-menu-ancestor a { color:#323232; font-weight:700; }
footer { margin-top:35px; color:#777; font-family:'Open Sans', sans-serif; padding-bottom:80px; }
.footer-main { font-size:11px; position:relative; }
.footer-widgets { padding-bottom:10px; background:url('img/single-separator.png') repeat-x bottom; margin-bottom:20px; }
.copyright a:hover { color:#666; }


/****************************
LAYOUT
****************************/

#welcome, #services, .cycle-slider, .psingle { margin-top:30px; background:url('img/single-separator.png') repeat-x bottom; padding-bottom:1px; }
#welcome h1 { text-transform:none; line-height:40px; font-weight:300; margin-bottom:20px; }
#welcome h1 a:link, #welcome h1 a:visited, #welcome h1 span { color:#ff3000; }
#welcome h1 a:hover { color:#FFF; background:#ff3000; }
#welcome a.view, .cycle-swing-text a.view { color:#7e7e7e; font:18px 'Open Sans', sans-serif; padding-right:25px; background:url('img/view-arrow.png') no-repeat right 6px; }
#welcome a.view:hover, .cycle-swing-text a.view:hover { color:#666; }

#projects, #works, #team, #cpage { margin-top:35px; padding-bottom:10px; background:url('img/line-separator.png') repeat-x bottom; }
#projects ul { overflow:hidden; }
#projects ul li, #works ul li { float:left; background:#1D1D1D; line-height:18px; }
.details { margin:20px; color:#a5a4a4; }
.details h5 a:link, .details h5 a:visited { color:#FFF; font-weight:700; text-transform:none; }
.details a:link, .details a:visited { color:#686868; }
.details a:hover { color:#a5a4a4; } 
.thumbs-animate, .thumbs-team-animate { width:255px; height:191px; position:relative; overflow:hidden; cursor:pointer; color:white; }
.thumbs-animate img, .thumbs-team-animate img.wp-post-image, .thumbs-animate iframe { position:absolute; z-index:3; }
.thumbs-team-animate { width:316px; height:287px; }

#services { width:100%; }
#services ul { width:766px; }
.services-list ul { width:100% !important; }
#services ul, #works ul { float:right; }
#services ul li { float:left; background:#F5F5F5; border:1px solid #E3E3E3; padding:20px; width:198px; margin-right:20px; color:#777; }
.home #services ul li { width:200px; }
#services ul li:last-child, #team ul li:last-child, .blog-fullwidth .blist:last-child { margin-right:0; }
.services-desc { width:240px; float:left; color:#777; }
.services-desc h4, #team h4, #respond h4, #projects h4, .content h4 { text-transform:none; font-weight:300; }
.services-list h5 { text-transform:none; font-weight:300; font-size:14px; padding-top:10px; margin-bottom:20px; }
.services-list img { float:left; margin-right:10px; }
.services-list p { margin-bottom:0; }
a.arrow-link { background:#F5F5F5 url('img/view-arrow.png') no-repeat center; border:1px solid #E4E4E4; padding:8px 20px; float:right; }
a.arrow-link:hover { background:#ededed url('img/view-arrow.png') no-repeat center; }
a.view-all, #submit, a.back, a.visit, .widget-newsletter input[type='submit'] { 
    background:#F5F5F5 url('img/view-arrow.png') no-repeat 80px 14px; border:1px solid #E4E4E4; padding:10px 35px 10px 25px; display:inline-block; color:#494949; 
}
a.view-all:hover, #submit:hover { background:#ededed url('img/view-arrow.png') no-repeat 82px 14px; }
#submit { background-position:70px 13px; cursor:pointer; }
#submit:hover { background-position:72px 13px; }
a.visit { background:#F5F5F5; position:absolute; bottom:40px; padding:10px 25px; }
a.visit:hover { background:#E4E4E4; }

#team ul, .blog-fullwidth .blog-list { margin-top:45px; }
#team ul li, .blog-fullwidth .blog-list .post { float:left; margin-right:35px; background:#F3F3F3; }
.team-details, .blog-details { background:#F8F8F8; border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9; padding:10px 20px; }
.team-details h5 { font-size:13px; margin-bottom:2px; text-transform:none; }
.team-details span { font:italic 11px 'Open Sans', sans-serif; color:#9d9d9d; }
.team-social { position:relative; top:50%; z-index:2; }
.team-social ul { float:left; margin-top:0 !important; position:relative; left:50%; }
.team-social ul li { position:relative; right:50%; }

.our-works { position:relative; }
.our-works ul { margin-top:35px; }
.cat-list, a.back { position:absolute; right:0; top:-10px; width:auto; }
.cat-list ul { margin-top:0 !important; border:1px solid #E5E5E5; }
.cat-list ul li { background:none !important; border-right:1px solid #E5E5E5; }
.cat-list ul li:last-child { border:0; }
.cat-list ul li a:link, .cat-list ul li a:visited { background:#F5F5F5; display:block; padding:12px 25px; font-weight:600; color:#494949; }
.cat-list ul li a:hover { background:#f9f8f8; }
.cat-list ul li.current a, .cat-list ul li.current-cat a { background:#FFF; }
.psingle { margin-top:35px; position:relative; }
.psingle-images { float:left; width:640px; }
.psingle-desc { float:right; width:348px; color:#777; }
.psingle-desc h2 { font-weight:300; font-size:24px; margin-top:20px; margin-bottom:15px; }
.psingle-desc ul { margin-top:0 !important; }
.psingle-desc ul li { background:#FFF url('img/icons/tick.png') no-repeat 0 2px !important; display:block; float:none !important; padding-left:25px; margin-bottom:6px; }
a.back:link, a.back:visited { background:#F5F5F5 url('img/view-larrow.png') no-repeat 14px 14px; padding-left:35px; padding-right:25px; top:-12px; }
a.back:hover { background:#ededed url('img/view-larrow.png') no-repeat 12px 14px; }
.other-works { margin-top:30px; }

.page-not-found { background:url('img/img404.png') no-repeat; margin:0 auto; width:405px; height:416px; color:#878787; text-shadow:0 1px 1px #FFF; position:relative; } 
.nfound { position:absolute; top:50%; left:20%; }
.nfound h2 { font-size:48px; text-transform:uppercase; color:#878787; font-weight:600; }
.nfound label { font-style:italic; font-size:13px; }

.blist { width:350px; float:left; margin-right:50px; margin-bottom:50px; }
.blog-details h4 { margin-bottom:4px !important; }
.blog-details h4 a { color:#474747; font:600 13px 'Open Sans', sans-serif; }
.blog-details span, .sdetail span { font-size:10px; text-transform:uppercase; color:#9f9f9f; }
.blog-details span a:link, .blog-details span a:visited { color:#4e535e; }
.blog-details span a:hover { color:#000; }
.blog-fullwidth .blist, .blog-fullwidth .blist .last { margin-bottom:35px !important; width:316px; color:#777; }
.blist a:hover img, .blog-fullwidth ul li a:hover img { opacity:0.7; }
.sdetail { background:url('img/single-separator.png') repeat-x bottom; padding-bottom:20px; margin-bottom:20px; }
.blog-fullwidth .blist { width:316px; float:left; margin-right:35px; margin-bottom:35px; }

.pcontent { margin-top:30px; color:#777; }
.bsingle img, .bsingle .fplayer { margin-bottom:20px; }
.bsingle h4 { margin-bottom:6px !important; }
.bsingle h4 a { font:600 18px 'Open Sans', sans-serif; color:#474747; }
.bsingle h4 a:hover { color:#666; }
.blog-list iframe { margin-bottom:0 !important; }
.blog-list .last { margin-right:0 !important; margin-bottom:50px !important; }
.blog-fullwidth .blog-list .last { margin-right:0 !important; margin-bottom:35px !important; }
.the-tags span { background:#CCC; padding:2px 6px; margin-right:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.single #submit { background-position:95px 13px; }
.single #submit:hover { background-position:97px 13px; }
#comments { margin-top:30px; }
#respond h5, #comments h5 { margin-bottom:30px; text-transform:uppercase; }
.parent { margin-bottom:15px; }
.parent img { float:left; margin-right:20px; }
.comment-details { float:right; width:650px; }
.comment-details h6 { margin-bottom:10px; }
.comment-details h6 a:link, .comment-details h6 a:visited, .comment-details h6 { color:#ff3000 !important; margin-right:6px !important; display:inline-block; font-size:16px; }
.comment-details span, #cancel-comment-reply-link { font:italic 11px 'Open Sans', sans-serif; }
#cancel-comment-reply-link {  margin-bottom:15px; display:block; }
.children .parent { margin:0 0 25px 80px; padding:20px 20px 0 20px; background:#F8F8F8; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; }
.children .parent .comment-details { width:530px; }
.children .children .parent { margin-left:180px !important; }
.children .children .parent .comment-details { width:430px; }
.comment #respond { margin-bottom:20px; }

.content { margin-top:30px; color:#777; }
.content h4 { margin-bottom:40px; }
.left-container { float:left; width:750px; }
.right.left-container { float:right; }
.left-container iframe { margin-bottom:30px; }

#cform { margin-top:30px; }
#respond input[type='text'], #respond textarea { border:1px solid #E1E1E1; padding:10px; width:211px !important; font-size:12px !important; }
#respond textarea { width:727px !important; height:120px; }
#respond ul li { float:left; margin-right:25px; margin-bottom:20px; font:700 12px 'Open Sans', sans-serif; }
#respond ul li.msg, #respond ul li.pselect { float:none !important; margin-right:0 !important; clear:both; }
#respond ul li.pselect span { font-weight:700; }
#respond ul li.pselect label { display:inline-block !important; font-weight:300; margin-top:4px; margin-bottom:0 !important; }
#respond ul li.pselect input[type='radio'] { display:inline; margin-top:-2px; }
#respond ul li label { display:block; margin-bottom:15px; }
#respond ul li span { font-weight:400; }
#respond p { margin-bottom:0 !important; }
#respond ul li label.error { display:none !important; }
#respond ul li input.error, #respond ul li textarea.error { border:1px solid #FF0000; }
img.resize { margin-bottom:40px; }

a#toTop { 
    position:absolute; top:-15px; right:0; background:#EDEDED url('img/top.png') no-repeat center; width:42px; height:42px; display:block;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
a#toTop:hover { background:#DDD url('img/top.png') no-repeat center; }


/****************************
SIDEBAR + WIDGETS
****************************/

.sidebar { float:right; width:240px; }
.left.sidebar { float:left; }
.sidebar h5, #respond h5, #comments h5 { font-size:14px; padding-bottom:15px; background:url('img/single-separator.png') repeat-x bottom; }
.sidebar .widget { margin-bottom:30px; }
.widget h5 { text-transform:uppercase; }

.widget-blog ul li, .widget-twitter ul li { margin-bottom:30px; }
.widget-blog ul li img, .widget-twitter ul li img { margin-right:12px; margin-top:4px; float:left; }
.widget-blog ul li span { display:inline-block; color:#9f9f9f; font-size:10px; text-transform:uppercase; }
.widget-blog a:link, .widget-blog a:visited, .widget-twitter a:link, .widget-twitter a:visited { color:#777; }
.widget-blog a:hover, .widget-twitter a:hover { color:#666; }
.widget-about a.btn {
    color:#FFF; text-shadow:0 1px 1px #942b20; padding:10px 20px; font:600 13px 'Open Sans', sans-serif; cursor:pointer; border:1px solid #B33122; margin-top:10px; display:inline-block;
    background: #f05d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #f05d4d 0%, #d94333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05d4d), color-stop(100%,#d94333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f05d4d 0%,#d94333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f05d4d 0%,#d94333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f05d4d 0%,#d94333 100%); /* IE10+ */
    background: linear-gradient(top, #f05d4d 0%,#d94333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05d4d', endColorstr='#d94333',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0px 1px 0px #F5978D;
    -webkit-box-shadow: inset 0px 1px 0px #F5978D;
    -moz-box-shadow: inset 0px 1px 0px #F5978D;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    -moz-transition-duration:0;
    -moz-transition-timing-function:none;
}
.widget-about a.btn:hover { background:#EE5B4B; }
.widget-get-in-touch ul li, .team-social ul li { float:left; margin-right:8px !important; margin-bottom:8px; }
.widget-get-in-touch ul li a:link, .widget-get-in-touch ul li a:visited, .team-social ul li a:link, .team-social ul li a:visited { 
    width:27px; height:27px; background:#A6A9AE; display:inline-block; 
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 
}
.widget-get-in-touch ul li a:hover, .team-social ul li a:hover { background:#4E535E; }
.widget-get-in-touch ul li a img, .team-social ul li a img { position:relative; top:6px; left:6px; }
.widget-contact-info iframe { margin-bottom:15px; }
.widget-contact-info ul li { margin-bottom:6px; }
.widget-contact-info ul li span { font-weight:600; }
.widget-newsletter form input[type="text"], .search form input[type='text'] { 
    border:1px solid #D7D7D7; color:#9F9F9F; font-size:11px; padding:12px; width:117px;
    box-shadow: 1px 1px 1px 1px #F2F2F2 inset; -moz-box-shadow: 1px 1px 1px 1px #F2F2F2 inset; -webkit-box-shadow: 1px 1px 1px 1px #F2F2F2 inset;
}
.widget-newsletter input[type='submit'] { padding:10px 25px 10px 10px; cursor:pointer; background-position:78px 13px; border-left:0; }
.widget-newsletter input[type='submit']:hover { background-position:80px 13px; }
.widget-newsletter label { margin-bottom:15px; display:block; }
.widget-tags ul { overflow:hidden; margin-top:20px; }
.widget-tags ul li { float:left; margin-right:15px; margin-bottom:8px; }
.widget_categories ul li, .widget_archive ul li, .widget_links ul li, .widget_meta ul li,
.widget_recent_entries ul li { background:url('img/side-arrow.png') no-repeat left 9px; padding-left:20px; margin-bottom:6px; }
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_links ul li a:hover, .widget_meta ul li a:hover,
.widget_recent_entries ul li a:hover { color:#666; }
.search form input[type='text'] { width:214px; }
#wp-calendar { width:100%; }
#wp-calendar tbody tr td { text-align:center; }
#wp-calendar caption { background:#999; margin-bottom:10px; text-transform:uppercase; color:#FFF; padding:6px 0; }
#wp-calendar tfoot { display:none; }
#today { background:#CCC; }
#today a { color:#FFF; }
.widget-video iframe { width:240px; height:180px; margin-bottom:8px; }

footer h5 { margin-bottom:30px; }
footer .widget { float:left; width:240px; margin-right:20px; }
footer .three-cols .widget { width:320px; }
footer .five-cols .widget { width:188px; }
footer .widget:last-child { margin-right:0 !important; }
footer .widget-blog ul li span { display:block; }


/****************************
PAGINATION
****************************/

.page-numbers li { float:left; margin-right:8px; }
.page-numbers li a, .alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited {
    color:#6b6b6b; font:700 12px 'Open Sans', sans-serif; text-shadow:0 1px 1px #FFF; border:1px solid #CDCDCD; padding:4px 10px;
    background: #F3F3F3; /* Old browsers */
    background: -moz-linear-gradient(top, #F3F3F3 0%, #EAEAEA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* IE10+ */
    background: linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#EAEAEA',GradientType=0 ); /* IE6-9 */
    border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
    box-shadow: inset 0px 1px 0px #FFF;
    -webkit-box-shadow: inset 0px 1px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 0px #FFF;
}
.page-numbers li a:hover, .alignleft a:hover, .alignright a:hover { background:#F3F3F3; }
span.current { 
    color:#6b6b6b; font:700 12px 'Open Sans', sans-serif; border:1px solid #D0D0D0; padding:4px 10px;
    background: #FFF; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
}


/****************************
TOOLTIP TIPSY
****************************/

.tipsy { padding:5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url('js/tipsy/tipsy.gif'); }
.tipsy-inner { padding: 0 6px; background-color: black; color:#FFF; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/****************************
SUDO SLIDER
****************************/

#slider ul, #slider li { margin:0; padding:0; list-style:none; position:relative; display:block; }
#slider li { width:220px; overflow:hidden; margin:0 20px 0 0; }
#slider p { margin-bottom:15px; font:italic 12px/20px 'arial', sans-serif; }
#controls { display:block; }
#slider span { font:12px 'Open Sans', sans-serif; display:block; text-align:right; margin-bottom:2px; }


/****************************
WORDPRESS STYLES
****************************/

.aligncenter { display:block; margin:0 auto; }
.alignright { float:right; }
.alignleft { float:left; }
.floatleft { float:left; }
.floatright { float:right; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.textleft { text-align:left; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
.wp-smiley { margin:0 !important; max-height:1em; }
blockquote.left { margin-right:20px; text-align:right; margin-left:0; width:30%; float:left; }
blockquote.right { margin-left:20px; text-align:left; margin-right:0; width:30%; float:right; }
.sticky, .gallery-caption, .bypostauthor { }