/* ---------------------------------------------------------------------- */ /* Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/) /* ---------------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#222;font-style:italic}input,select{vertical-align:middle}ins{background-color:black;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0} /* #Basic Styles ================================================== */ body { font: 14px/1.7 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; font-weight:lighter; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font-size: 100%; vertical-align: baseline; } @font-face{ font-family:"colabreg"; src:url('../fonts/colabreg-webfont.eot'); src:url('../fonts/colabreg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/colabreg-webfont.woff') format('woff'), url('../fonts/colabreg-webfont.ttf') format('truetype'), url('../fonts/colabreg-webfont.svg#ColabReg') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family:'OswaldRegular'; src:url('../fonts/oswald-webfont.eot'); src:url('../fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-webfont.woff') format('woff'), url('../fonts/oswald-webfont.ttf') format('truetype'), url('../fonts/oswald-webfont.svg#OswaldRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neueregular'; src: url('../fonts/bebasneue-webfont.eot'); src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue-webfont.woff') format('woff'), url('../fonts/bebasneue-webfont.ttf') format('truetype'), url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } /* Menu style*/ .header .nav li{ font-family: 'OswaldRegular', Arial, Helvetica, sans-serif; font-size:18px; text-align: center; white-space: nowrap; text-transform: uppercase; } .header .nav ul li .arrow{ background:url(../images/menu_arrow.png) bottom center no-repeat; } /* #Typography ================================================== */ h1, h2{ font-family: 'bebas_neueregular', Arial, Helvetica, sans-serif; } h3, h4, h5{ font-family: 'OswaldRegular', Arial, Helvetica, sans-serif; } h1 { font-size: 86px; line-height:1.2} h2 { font-size: 44px; line-height:1.3 } h3 { font-size: 22px; } h4 { font-size: 18px; font-weight: 400;} h5 { font-size: 18px; font-weight: 400;} h6 { font-size: 12px; font-weight: 400;} h1, h2, h3, h4 { text-transform: uppercase; font-weight: 400; } .title_text { position:relative; display: block; float:left; font-family: 'bebas_neueregular', Arial, Helvetica, sans-serif; font-size: 86px; text-transform: uppercase; font-weight: 400; } .title_logo { position:relative; display: block; float:right; width: 210px; height: 140px; background:url(../images/logo-wit.png) center center no-repeat; } .mini_description{ font: 18px 'Swis721 Lt BT', 'Open Sans', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; font-weight:lighter; line-height: 1.4; } .tiny_font{ font-size:12px; letter-spacing: 1px; } p { margin: 15px 0 15px 0; font-weight:lighter; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 14px; font-style: italic; } blockquote { margin: 0 0 20px; padding: 5px 15px 5px 15px; border-left: 1px solid; } blockquote cite { display: block; font-size: 12px; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { visibility:hidden; border:none; border-style:none; clear: both; margin: 10px 0 22px; height: 2px; } /* #Links ================================================== */ a, a:visited { text-decoration: none; outline: 0; cursor:pointer; } a:hover { text-decoration:none; } p a, p a:visited { line-height: inherit; } a.imgBtn img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; -webkit-transition: 180ms ease-in-out; -moz-transition: 180ms ease-in-out; -o-transition: 180ms ease-in-out; transition: 180ms ease-in-out; } a.imgBtn:hover img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; } a.underLine, a.underLine:visited { text-decoration: underline} a.underLine:hover { text-decoration:none; } a.button, a.button:visited, a.normal, a.normal:visited { text-decoration: none; outline: 0; cursor:pointer; } a.button:hover, a.normal:hover, a.text_hover, a:hover.text_hover, a:visited.text_hover, a.list_hover, a:hover.list_hover, a:visited.list_hover{ text-decoration:none; } .text_hover { padding: 0px 4px 2px 4px;} .list_hover { font-family: 'Open Sans', Arial, Helvetica, sans-serif; display:inline-block; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 0px; padding: 4px 0px 4px 0px; } .pad { padding: 6px 10px 8px 10px; } a.no_decor{ text-decoration:none; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 10px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } .list1, .list2, .list3, .list4, .list5, .list6, .list7, .list8, .list9, .list10{ padding:0px 5px 3px 28px; height:20px; list-style-type:none; text-align:left; display:inline; } .list1{ background:url(../images/list/icon1.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon1.png) 1x, url(../images/list/icon1@2x.png) 2x); /* Image for Retina */ } .list2{ background:url(../images/list/icon2.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon2.png) 1x, url(../images/list/icon2@2x.png) 2x); /* Image for Retina */ } .list3{ background:url(../images/list/icon3.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon3.png) 1x, url(../images/list/icon3@2x.png) 2x); /* Image for Retina */ } .list4{ background:url(../images/list/icon4.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon4.png) 1x, url(../images/list/icon4@2x.png) 2x); /* Image for Retina */ } .list5{ background:url(../images/list/icon5.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon5.png) 1x, url(../images/list/icon5@2x.png) 2x); /* Image for Retina */ } .list6{ background:url(../images/list/icon6.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon6.png) 1x, url(../images/list/icon6@2x.png) 2x); /* Image for Retina */ } .list7{ background:url(../images/list/icon7.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon7.png) 1x, url(../images/list/icon7@2x.png) 2x); /* Image for Retina */ } .list8{ background:url(../images/list/icon8.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon8.png) 1x, url(../images/list/icon8@2x.png) 2x); /* Image for Retina */ } .list9{ background:url(../images/list/icon9.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon9.png) 1x, url(../images/list/icon9@2x.png) 2x); /* Image for Retina */ } .list10{ background:url(../images/list/icon10.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon10.png) 1x, url(../images/list/icon10@2x.png) 2x); /* Image for Retina */ } /* White List */ .list1_white, .list2_white, .list4_white, .list5_white, .list6_white, .list7_white, .list8_white, .list9_white, .list10_white{ padding:0px 5px 3px 28px; height:20px; list-style-type:none; text-align:left; display:inline; } .list1_white{ background:url(../images/list/icon1_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon1_white.png) 1x, url(../images/list/icon1_white@2x.png) 2x); /* Image for Retina */ } .list2_white{ background:url(../images/list/icon2_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon2_white.png) 1x, url(../images/list/icon2_white@2x.png) 2x); /* Image for Retina */ } .list4_white{ background:url(../images/list/icon4_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon4_white.png) 1x, url(../images/list/icon4_white@2x.png) 2x); /* Image for Retina */ } .list5_white{ background:url(../images/list/icon5_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon5_white.png) 1x, url(../images/list/icon5_white@2x.png) 2x); /* Image for Retina */ } .list6_white{ background:url(../images/list/icon6_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon6_white.png) 1x, url(../images/list/icon6_white@2x.png) 2x); /* Image for Retina */ } .list7_white{ background:url(../images/list/icon7_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon7_white.png) 1x, url(../images/list/icon7_white@2x.png) 2x); /* Image for Retina */ } .list8_white{ background:url(../images/list/icon8_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon8_white.png) 1x, url(../images/list/icon8_white@2x.png) 2x); /* Image for Retina */ } .list9_white{ background:url(../images/list/icon9_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon9_white.png) 1x, url(../images/list/icon9_white@2x.png) 2x); /* Image for Retina */ } .list10_white{ background:url(../images/list/icon10_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon10_white.png) 1x, url(../images/list/icon10_white@2x.png) 2x); /* Image for Retina */ } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img.scale-img { width: 100%; height: auto; } img.img-align-left{ float:left; margin: 0px 20px 10px 0px } img.scale_fill { min-width:100%; min-height:100%; } img.scale_fit { max-width:100%; max-height:100%; } /* service image icons*/ .service_icon1{ background: url(../images/service_img1.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img1.png) 1x, url(../images/service_img1@2x.png) 2x); /* Image for Retina */ } .service_icon2{ background: url(../images/service_img2.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img2.png) 1x, url(../images/service_img2@2x.png) 2x); /* Image for Retina */ } .service_icon3{ background: url(../images/service_img3.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img3.png) 1x, url(../images/service_img3@2x.png) 2x); /* Image for Retina */ } .service_icon4{ background: url(../images/service_img4.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img4.png) 1x, url(../images/service_img4@2x.png) 2x); /* Image for Retina */ } .service_icon5{ background: url(../images/service_img5.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img5.png) 1x, url(../images/service_img5@2x.png) 2x); /* Image for Retina */ } .service_icon1_w{ background: url(../images/service_img1_w.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img1_w.png) 1x, url(../images/service_img1_w@2x.png) 2x); /* Image for Retina */ } .service_icon2_w{ background: url(../images/service_img2_w.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img2_w.png) 1x, url(../images/service_img2_w@2x.png) 2x); /* Image for Retina */ } .service_icon3_w{ background: url(../images/service_img3_w.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img3_w.png) 1x, url(../images/service_img3_w@2x.png) 2x); /* Image for Retina */ } .service_icon4_w{ background: url(../images/service_img4_w.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img4_w.png) 1x, url(../images/service_img4_w@2x.png) 2x); /* Image for Retina */ } .service_icon5_w{ background: url(../images/service_img5_w.png) center no-repeat; background-image: -Webkit-image-set(url(../images/service_img5_w.png) 1x, url(../images/service_img5_w@2x.png) 2x); /* Image for Retina */ } /* #Buttons ================================================== */ a.button, .button, button { font-family: 'Open Sans', Arial, Helvetica, sans-serif; white-space: nowrap; display: inline-block; font-weight: bold; text-decoration: none; cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 6px 10px 6px 10px; border:none; } a .button { position:relative } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #000; } .button.full-width, button.full-width{ width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .button, button{ font-size: 12px; } .button.small, button.small{ font-size: 10px; } .button.medium, button.medium{ font-size: 16px; } .button.large, button.large{ font-size: 23px; } /* #Tabs (activate in custom.js) ================================================== */ ul.tabs { font-family: 'colabreg', Arial, Helvetica, sans-serif; display: block; margin: 10px 0px 20px 0px; padding: 0; } ul.tabs li { display: block; width: auto; height: 32px; padding: 0; float: left; margin-bottom: 0; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 28px; padding: 0px 20px; line-height: 25px; margin: 0; font-size: 18px; padding-top:5px; } ul.tabs li a.active { height: 28px; font-size: 18px; position: relative; border-left-width: 1px; margin: 0 0 0 0px; } ul.tabs li:first-child a.active { margin-left: 0; } ul.tabs-content { margin: 0; display: block;} ul.tabs-content > li { display:none; } ul.tabs-content > li.active { display: block; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } /* #Forms ================================================== */ form { margin: 0px 0px 0px 0px; width:90%; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea, select { font: 14px 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; border:0px; padding: 5px 4px; outline: none; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 10px; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus { } textarea { min-height: 60px; font: 12px 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; } label, legend { display: block; } select { width: 100%; } input[type="checkbox"] { display: inline; } label span, legend span { } label { margin-bottom:10px;} /* comments ================================================== */ #comments-sec {} #comments-sec, #comment-replay { margin: 0px 0px 20px 20px; } .comment-list { border-bottom: 1px solid; margin: 40px 0 70px; padding: 0 0 40px; overflow: hidden; } .comment { list-style: none; margin: 40px 0 0; padding: 40px 0 0; border-top: 1px solid; } .comment:first-child { margin-top: 0; padding-top: 0; border-top: none; } .comment > article { margin: 0; overflow: hidden; } .comment .avatar { float: left; margin: 0 0 5px 0; position: relative; width: 54px; z-index: 1; } .comment .comment-area, .comment .comment-aut { float: right; margin: 0 0 -20px 25px; width: 720px; } .comment .comment-aut { margin-bottom: 0; } .comment .author, .comment .author a { margin: 0; } .comment .date { font-style: italic; margin: -1px 0 5px; } .comment .children { margin: 0; padding: 30px 0 0 70px; position: relative; } .comment .children .comment { border-top: 1px solid; margin: 30px 0 0; padding: 35px 0 0; position: relative; } .comment .children .comment:first-child { margin-top: 0; } .comment .children .comment-area, .comment .children .comment-aut { width: 650px; } /* Replay ================================================== */ #comment-replay { } .comments-form { margin: 20px -20px 0 0px; width: 550px;} .comments-form input { width: 190px; } .comments-form textarea { height: 150px; width: 100%; } /* Blog date */ .blog_date{ width:48px; height:65px; text-align:center; font-size:12px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.25; padding: 29px 10px 0px 0px; margin: -10px 10px 0px 0px; background: url(../images/calender.png) no-repeat 0px 0px; background-image: -Webkit-image-set(url(../images/calender.png) 1x, url(../images/calender@2x.png) 2x); /* Image for Retina */ } /* social bookmarks ================================================== */ .social_bookmarks { float:left; margin:0; padding:0; height:100%; } .social_bookmarks li { height:16px; float:left; padding:0; margin:10px 0px 5px 0px; list-style:none; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .social_bookmarks li a { float:left; width:30px; min-height:20px; height:100%; display: block; text-indent: -9999px; margin:0px; padding:0; outline: none; } .social_bookmarks .twitter { background: transparent url(../images/social/black/twitter.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/twitter.png) 1x, url(../images/social/black/twitter@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .facebook { background: transparent url(../images/social/black/facebook.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/facebook.png) 1x, url(../images/social/black/facebook@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus { background: transparent url(../images/social/black/gplus.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/gplus.png) 1x, url(../images/social/black/gplus@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .linkedin { background: transparent url(../images/social/black/linkedin.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/linkedin.png) 1x, url(../images/social/black/linkedin@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .rss { background: transparent url(../images/social/black/rss.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/rss.png) 1x, url(../images/social/black/rss@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .digg { background: transparent url(../images/social/black/digg.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/digg.png) 1x, url(../images/social/black/digg@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .delicious { background: transparent url(../images/social/black/delicious.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/delicious.png) 1x, url(../images/social/black/delicious@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .youtube { background: transparent url(../images/social/black/youtube.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/youtube.png) 1x, url(../images/social/black/youtube@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .vimeo { background: transparent url(../images/social/black/vimeo.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/vimeo.png) 1x, url(../images/social/black/vimeo@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .skype { background: transparent url(../images/social/black/skype.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/skype.png) 1x, url(../images/social/black/skype@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .dribbble { background: transparent url(../images/social/black/dribbble.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/dribbble.png) 1x, url(../images/social/black/dribbble@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .ichat { background: transparent url(../images/social/black/ichat.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/ichat.png) 1x, url(../images/social/black/ichat@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .deviantart { background: transparent url(../images/social/black/deviantart.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/deviantart.png) 1x, url(../images/social/black/deviantart@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .stumbleupon { background: transparent url(../images/social/black/stumbleupon.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/stumbleupon.png) 1x, url(../images/social/black/stumbleupon@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus:hover, .social_bookmarks .linkedin:hover, .social_bookmarks .twitter:hover, .social_bookmarks .facebook:hover, .social_bookmarks .rss:hover, .social_bookmarks .digg:hover, .social_bookmarks .delicious:hover, .social_bookmarks .youtube:hover, .social_bookmarks .vimeo:hover, .social_bookmarks .skype:hover, .social_bookmarks .dribbble:hover, .social_bookmarks .ichat:hover, .social_bookmarks .deviantart:hover, .social_bookmarks .stumbleupon:hover{ background-position: 0% 100% ; } /* White Theme*/ .social_bookmarks .twitter_white { background: transparent url(../images/social/white/twitter.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/twitter.png) 1x, url(../images/social/white/twitter@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .facebook_white { background: transparent url(../images/social/white/facebook.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/facebook.png) 1x, url(../images/social/white/facebook@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus_white { background: transparent url(../images/social/white/gplus.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/gplus.png) 1x, url(../images/social/white/gplus@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .linkedin_white { background: transparent url(../images/social/white/linkedin.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/linkedin.png) 1x, url(../images/social/white/linkedin@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .rss_white { background: transparent url(../images/social/white/rss.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/rss.png) 1x, url(../images/social/white/rss@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .digg_white { background: transparent url(../images/social/white/digg.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/digg.png) 1x, url(../images/social/white/digg@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .delicious_white { background: transparent url(../images/social/white/delicious.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/delicious.png) 1x, url(../images/social/white/delicious@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .youtube_white { background: transparent url(../images/social/white/youtube.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/youtube.png) 1x, url(../images/social/white/youtube@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .vimeo_white { background: transparent url(../images/social/white/vimeo.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/vimeo.png) 1x, url(../images/social/white/vimeo@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .skype_white { background: transparent url(../images/social/white/skype.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/skype.png) 1x, url(../images/social/white/skype@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .dribbble_white { background: transparent url(../images/social/white/dribbble.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/dribbble.png) 1x, url(../images/social/white/dribbble@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .ichat_white { background: transparent url(../images/social/white/ichat.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/ichat.png) 1x, url(../images/social/white/ichat@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .deviantart_white { background: transparent url(../images/social/white/deviantart.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/deviantart.png) 1x, url(../images/social/white/deviantart@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .stumbleupon_white { background: transparent url(../images/social/white/stumbleupon.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/stumbleupon.png) 1x, url(../images/social/white/stumbleupon@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus_white:hover, .social_bookmarks .linkedin_white:hover, .social_bookmarks .twitter_white:hover, .social_bookmarks .facebook_white:hover, .social_bookmarks .rss_white:hover, .social_bookmarks .digg_white:hover, .social_bookmarks .delicious_white:hover, .social_bookmarks .youtube_white:hover, .social_bookmarks .vimeo_white:hover, .social_bookmarks .skype_white:hover, .social_bookmarks .dribbble_white:hover, .social_bookmarks .ichat_white:hover, .social_bookmarks .deviantart_white:hover, .social_bookmarks .stumbleupon_white:hover { background-position: 0% 100%; } /* End social bookmarks */ /* Twitter */ #twitter_update_list { list-style:none; } #twitter_update_list li span { font-family: 'OswaldRegular', Arial, Helvetica, sans-serif; font-size: 34px; line-height:1.3; } #twitter_update_list li span a { font-size: 24px; margin-top: 10px;} #twitter_update_list li a { font-size: 36px; display: block; margin-top: 15px;} /* tipsy tooltips style tipsy, facebook style tipsys for jquery version 1.0.0a (c) 2008-2010 jason frame [jason@onehackoranother.com] releated under the MIT license*/ .tipsy { width:auto; padding:5px; position: absolute; z-index: 100001; } .tipsy-inner { padding: 5px 8px 10px 8px; zoom: 1; max-width: 200px; text-align: center; font-size:12px; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat; background-position: bottom left; width: 9px; height: 5px; bottom: 0; left: 50%; margin-left: -4px; } a.hastip, a.hastip:visited { text-decoration:none } /* End tipsy tooltips style */ /* Static content (The static pages below the home page) style */ .contentWrapper{ width:100%; overflow-x:hidden; margin:0px; padding:0px 0px 0px 0px; position:relative; } .contentSpacing{ padding:70px 0px 70px 0px; } .contentWrapper.homeSlider { padding:0px; } .fullWidth { width:100%; padding:50px 0px 0px 0px;} .fullWidth.titleTop, .titleTopLarge { padding:10px 0px 10px 0px;} /* Parallax style */ .parallax { background: 50% 50% fixed repeat; margin: 0 auto; width: 100%; position: relative; background-size:100%; } .parallax .container{ display: table; height: 450px; } .parallax .container .table_middle{ display: table-cell; vertical-align: middle; text-align:center; position:relative; width:100%; height:100%; margin: 0 auto; } .parallax .container .table_left{ display: table-cell; vertical-align: middle; text-align:left; position:relative; width:100%; height:100%; margin: 0 auto; padding:40px 10px 40px 10px; } .overlayPattern, .parallaxPattern{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; } .overlayPattern{ background: url(../images/background_overlay.png) repeat fixed; } .parallaxPattern{ background: url(../images/parallax_overlay.png) repeat fixed; } /* Video style */ .video_title{ margin:0px; } .video_title li{ float:left; left:0px; display: block; margin:0px 20px 20px 0px; list-style:none; } .video_content{ position:relative; width:100%; height:500px; } .video_hover{ background:url(../images/video_over.png); background-image: -Webkit-image-set(url(../images/video_over.png) 1x, url(../images/video_over@2x.png) 2x); /* Image for Retina */ background-position:center; display:inline-block; position:absolute; margin:0px; width:100%; height:100%; top:0px; left:0px; z-index:2; } /* Accordion ===================================================*/ .accordion { padding: 0px 0px 0px 0px; position:relative; } .accordion dt a { position:relative; } /* Accordion open/close style */ .accordion dt .closeOpen{ position:absolute; width:14px; height:14px; right:10px; margin-top:9px; overflow:hidden; display:inline-block; background-position: 0px 0px; background-repeat: no-repeat; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .accordion dt .closeOpen{ background : transparent url(../images/accordion_icon.png); background-image: -Webkit-image-set(url(../images/accordion_icon.png) 1x, url(../images/accordion_icon@2x.png) 2x); /* Image for Retina */ } .darkStyle .accordion dt .closeOpen{ background : transparent url(../images/accordion_white_icon.png); background-image: -Webkit-image-set(url(../images/accordion_white_icon.png) 1x, url(../images/accordion_white_icon@2x.png) 2x); /* Image for Retina */ } .lightStyle .accordion dt .closeOpen{ background : transparent url(../images/accordion_icon.png); background-image: -Webkit-image-set(url(../images/accordion_icon.png) 1x, url(../images/accordion_icon@2x.png) 2x); /* Image for Retina */ } /* Accordion Heading */ .accordion dt .acc_heading{ width:100%; padding: 7px 0px 5px 0px; margin: 0px 0px 2px 0px; display:inline-block; border-bottom: 0; } .accordion dt .acc_heading h6 { margin: 0px 34px 0px 10px; } /* Accordion tab content style */ .accordion dd .acc_content{ position:relative; font-weight:lighter; font-size:13px; padding: 0px 0px 10px 5px; display:inline-block; } /* image mouseover overlay */ .overlay { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity : 0; -webkit-transition: opacity 180ms ease-in-out; -moz-transition: opacity 180ms ease-in-out; -o-transition: opacity 180ms ease-in-out; transition: opacity 180ms ease-in-out; } .img_place:hover .overlay.social{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } .img_place:hover .overlay.social .social_bookmarks{ top:70px; } a:hover .overlay{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity : .8; } .overlay.zoom { display: block; background: transparent; background: url(../images/overlay_zoom.png) no-repeat center center; zoom: 1; } .overlay.link { display: block; background: url(../images/overlay_link.png) no-repeat center center; zoom: 1; } .overlay.detail{ display: block; background: transparent; background: url(../images/overlay_detail.png) no-repeat center center; zoom: 1; } .overlay.social{ display: block; overflow:hidden; background: transparent; background: url(../images/overlay_social.png) no-repeat center center; zoom: 1; } .overlay.social .social_bookmarks{ position:relative; top:100%; left:25%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* #Misc ================================================== */ p { margin-right:1px;} .alignLeft { float:left } .alignRight { float:right } .alignCenter { margin: 0 auto; } .noMargin { margin: 0 0 0 0; } .bottom_spacing{ margin-bottom:10px; } .spacing{ margin: 20px; } .right_spacing{ margin-right:20px;} .left_spacing{ margin-left:20px; } .isotope_spacing{ padding-left:0px; } .video_spacing{ padding-left:10px; } /* Spacing for mobile device*/ .mobile_spacing { margin:0px; } .mobile_right_spacing { margin: 0px 0px 0px 0px; } .mobile_top_spacing { margin: 0px 0px 0px 0px; } .desktop_right_spacing { margin: 0px 30px 0px 0px; } .mobile_top_padding { padding-top: 0px; } /* Image style */ .smallImg { float: left; display: inline-block; width: 70px; height:auto; margin-right:10px;} .large_image{ height:360px; margin: 0 auto; padding:0px; position:relative; overflow:hidden; } .medium_image { width: 243px; height:176px; position:relative; overflow:hidden } .post_image{ height:255px; margin: 0 auto; position:relative; overflow:hidden } .smallImg img, .large_image img , .medium_image img, .post_image img { max-width: 100%; } .border1{ border: solid 2px;} .border2{ border: solid 1px;} .border3{ border: solid 2px;} .separator { clear: both; margin: 0px 0px 10px; height: 2px; } .separator_mini { clear: both; margin: 0px 0px 20px; height: 2px; } .separator_bar { clear: both; margin: 40px 0px 40px 0px; height: 5px; border-bottom: 1px solid; } .title_bottomspace { display: block; padding-bottom:5px } .heading_bottomspace { display: block; padding-bottom:10px } .removePadding{ padding:0px !important; } .container.contactUsPg{ padding:0px; top:0px; } .footer_fit{ position:relative; } .footer{ bottom:0 !important; padding:0px !important;} .padLeft{ padding-left:10px !important} .padLeft_small{ padding-left:5px !important} body, ul.tabs-content p, p { font: 14px 'Swis721 Lt BT', 'Open Sans', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; font-weight:lighter; line-height: 1.65; } /* Scroll Items */ .move_down { height:50px; background:url(../images/footer_bg_black.png) center top no-repeat; background-image: -Webkit-image-set(url(../images/footer_bg_black.png) 1x, url(../images/footer_bg_black@2x.png) 2x); /* Image for Retina */ position:relative; display:block; margin: 0 auto; text-align:center; margin:40px 0px 0px 0px; bottom:0px; } .move_down span { height:36px; width:36px; background: url(../images/sprite.png) 100% 56%; background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ position:relative; text-align:center; display:block; margin: 0 auto; top:10px; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; -webkit-transition: 180ms ease-in-out; -moz-transition: 180ms ease-in-out; -o-transition: 180ms ease-in-out; transition: 180ms ease-in-out; } .move_down:hover span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } .move_down_white { height:50px; background:url(../images/footer_bg_white.png) center top no-repeat; background-image: -Webkit-image-set(url(../images/footer_bg_white.png) 1x, url(../images/footer_bg_white@2x.png) 2x); /* Image for Retina */ position:relative; display:block; margin: 0 auto; text-align:center; margin:40px 0px 0px 0px; bottom:0px; } .move_down_white span { height:36px; width:36px; background: url(../images/sprite.png) 100% 43%; background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ position:relative; text-align:center; display:block; margin: 0 auto; top:10px; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; -webkit-transition: 180ms ease-in-out; -moz-transition: 180ms ease-in-out; -o-transition: 180ms ease-in-out; transition: 180ms ease-in-out; } .move_down_white:hover span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } .move_up, .move_up_white { height:36px; width:36px; position:relative; text-align:center; display:block; margin: 0 auto; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; -webkit-transition: 180ms ease-in-out; -moz-transition: 180ms ease-in-out; -o-transition: 180ms ease-in-out; transition: 180ms ease-in-out; } .move_up{ background: #111 url(../images/sprite.png) 0% 42%; background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ border:#333 solid 2px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .move_up_white { background: #eeeeee url(../images/sprite.png) 0% 55%; background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ border:#cccccc solid 2px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .move_up:hover { border-color:#666; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } .move_up_white:hover { border-color:#909090; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } .move_down_white.bottomAlign, .move_down.bottomAlign{ position:absolute !important; bottom:0px; width:100% !important; } /* Close button */ .closeBtn{ width:30px; height:30px; position:relative; cursor:pointer; } .closeBtn .closeBtn_inner{ position:relative; width:30px; height:30px; right:0px; top:0px; float:right; overflow:hidden; } .closeBtn .closeBtn_icon{ position:absolute; right:-40px; width:70px; height:30px; background : transparent url(../images/sprite.png); background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ background-position: 100% 43% ; background-repeat:no-repeat; } .closeBtn:hover .closeBtn_icon{ background-position: 100% 55%; } /* Gallery Next button, previous button and item Number */ .itemNav { margin:10px 0px 0px 10px; } /* Next button */ a.next_button{ width:40px; height:40px; overflow:hidden; cursor:pointer; z-index:1002; display:block; position:relative; background : transparent url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button@2x.png) 2x); /* Image for Retina */ background-position: 100% 0px; background-repeat:no-repeat; } a.next_button.white_arrow{ background : transparent url(../images/next_previous_button_white.png) ; background-image: -Webkit-image-set(url(../images/next_previous_button_white.png) 1x, url(../images/next_previous_button_white@2x.png) 2x); /* Image for Retina */ background-position: 100% 0px; background-repeat:no-repeat; } /* previous button */ a.previous_button{ width:40px; height:40px; overflow:hidden; cursor:pointer; z-index:1000; display:block; position:relative; background : transparent url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button@2x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; } a.previous_button.white_arrow{ background : transparent url(../images/next_previous_button_white.png); background-image: -Webkit-image-set(url(../images/next_previous_button_white.png) 1x, url(../images/next_previous_button_white@2x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; } /* Close button */ a.close_button{ width:40px; height:40px; overflow:hidden; cursor:pointer; z-index:1002; display:block; position:relative; margin: 0px 0px 0px 10px; background : transparent url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button@2x.png) 2x); /* Image for Retina */ background-position: 50% 0px; background-repeat:no-repeat; } a.close_button.white_arrow{ background : transparent url(../images/next_previous_button_white.png); background-image: -Webkit-image-set(url(../images/next_previous_button_white.png) 1x, url(../images/next_previous_button_white@2x.png) 2x); /* Image for Retina */ background-position: 50% 0px; background-repeat:no-repeat; } /* item Number */ .sliderNumber{ padding:7px; z-index:999; display:block; position:relative; margin: 0px 10px 0px 0px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:22px; font-weight: 400; line-height: 1.25; } /* Full Screen gallery ================================================== */ .home_slider_title1, .home_slider_title2, .home_slider_title3, .home_slider_title4, .home_slider_title5, .home_slider_title6, .home_slider_title7{ display:none; } .home_slider_title1{ position:absolute; width:100%; top:55%; } .home_slider_title2{ position:absolute; width:75%; bottom:200px; left:50px; } .home_slider_title3{ position:absolute; width:75%; bottom:200px; left:50px; } .home_slider_title4 { position:absolute; width:75%; bottom:200px; left:50px; } .home_slider_title5 { position:absolute; width:75%; bottom:200px; left:50px; } .home_slider_title6 { position:absolute; width:75%; bottom:200px; left:50px; } .home_slider_title7 { position:absolute; width:75%; bottom:200px; left:50px; } .blockquote_large{ padding: 0px 10px 0px 15px; border-left: #8FA0BE 7px solid; } .light_color p { font-size: 1.6em; font-weight: bold; } /* Gallery Isotope ========================================================== */ /* options style */ #options li { float: left; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:11px; font-weight: 700; line-height: 25px; letter-spacing: 0.5px; position:relative; margin-right: 0px; padding-right:18px; margin-top: 5px; height:27px; overflow:hidden; } #options li a { display: block; width:100%; left:0px; text-decoration:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; } #options li:hover a .catName, #options li a.selected .catName { bottom:25px; } .catName span{ display:block; text-transform: uppercase; } #options li a { font-family: 'OswaldRegular', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; } /* Category name animation */ #options li a .catName{ position:relative; bottom:0px; padding: 5px 0px 3px 7px; text-indent:-3px; zoom: 1; /* gives the object layout */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* Isotope Gallery item style */ .isotope_items .item a{ position:relative; visibility:visible; display:block; } .isotope_items{ display:block; } .isotope_items .item { overflow:hidden; } .isotope_items .item .portImg{ width:100%; position:relative; overflow:hidden; display:block; margin:0px; padding:0px; z-index:1; } .isotope_items .item .portImg .overlay{ z-index:2; } .isotope_items .item .portImg img{ position:relative; display:block; } .projName, .miniDesc{ height:auto; top:0px; left:0px; position:relative; float:left; } .projName span{ display:block; padding:10px; } .miniDesc span{ display:block; padding:20px 10px 20px 10px; } /* Protfolio page style */ .projName{ width:100%; height:auto; display: inline; } .projName span{ font-weight:700} .miniDesc{ padding:0px; width:100%; position:relative; float:left; } .miniDesc span{ display:block; font-size:12px; line-height: 16px; letter-spacing: -0.08px; } .fullDetails { height:0px; width:0px; overflow-y:hidden; } .fullDetails { padding:0px 0px 50px 0px;} /* End Isotope styles ========================== */ .fullDetails .container { margin: 0 auto; padding: 0; } .detail_spacing { margin-right:20px; display:block } /* Misc */ .thumb_small{ height:100px; width:100px; position:relative; float: left; display:block; margin:0px 20px 20px 0px; line-height:0px; } .fixedHeight{ height:450px; } .projImgs{ position:relative; float:left; overflow:hidden } .projDetails { height:100px; overflow:hidden } /* image */ .img_place { position:relative; display:block; line-height:0px; } /* circular image */ .circle_holder{ position:relative; display: inline; padding: 0px 0px 0px 0px; width:300px; float:left; margin:0px ; } .enableTransition{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* circular image type two */ .circle { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-align:center; vertical-align:middle; display:block; width:auto; height:auto; background-position:center; background-size:105% } .circle span{ display:inline-block; padding:75px 12px 20px 12px; } .circleHolder { width:186px; display:inline-block; position:relative; text-align:center; top:0px; margin: 0 auto; height:100%; -webkit-transition-property: background; -webkit-transition-duration: .25s, .25s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:background; -moz-transition-duration: .25s, .25s; -moz-transition-timing-function: linear, ease-in; -o-transition-property: background; -o-transition-duration: .25s, .25s; -o-transition-timing-function: linear, ease-in; -ms-transition-property: background; -ms-transition-duration: .25s, .25s; -ms-transition-timing-function: linear, ease-in; } .circleHolder .description{ margin:15px; display:inline-block; } .smallCircle, .smallCircle .circle{ width:160px; height:160px; } .flipPanel.smallCircle{ top:10px; left:10px; margin-top:10px;} /* Flip panel */ .front, .back{ position:absolute; float:left; } .flipPanel { float: left; position: relative; font-size: .8em; margin:0 auto; padding-bottom:25px; } .flipPanel .front { float: none; position: absolute; top: 0; left: 0; z-index: 900; width: inherit; height: inherit; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .flipPanel.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .flipPanel .back { float: none; position: absolute; top: 0; left: 0; z-index: 800; width: inherit; height: inherit; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .flipPanel.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .imageAlignCenter{ display:inline-block; width:100%; margin:0 auto; text-align:center; } h1 .textBackground, h1 .textBackground_white, h1 .textBackground_black { padding:0px 15px 0px 15px; } .textBackground, .textBackground_white, .textBackground_black { padding:0px 10px 0px 10px; } .bottomSpace{ bottom:50px; } .top_bot_pad{ padding:40px 0px 40px 0px; } .textAlignCenter{ text-align:center !important; } .textAlignRight{ text-align:right !important; } .padTopLarge { padding-top:50px !important; } /* portfolio images */ .flexSlideshow.fixedSize { height:350px; overflow:hidden; } .flexSlideshow.fixedSize .slides img{ max-width:100%; height: auto; } .flexSlideshow .slides img { max-height: 100%; } .midVideo{ height:288px; } /* Media style */ @media only screen and (min-width: 768px) and (max-width: 1150px) { .flexSlideshow.fixedSize { height:290px; } .parallax { background-size:130%; } .parallax .container{ height: 320px; } .overlay.social .social_bookmarks{ left:20%; } .img_place:hover .overlay.social .social_bookmarks{ top:50px; } .circle_holder{ width:182px; } .fixedHeight{ height:350px; } .large_image{ height:376px; } .medium_image { width: 200px; height:145px; } .post_image{ height:200px; } .video_content{ height:400px; } h1 { font-size:60px; } .circleHolder { width:150px; } .smallCircle { margin-right:15px;} .smallCircle, .smallCircle .circle{ width:130px; height:130px; } .circle span{ margin-top:-10px; } .isotope_spacing{ padding-left:0px; } .video_spacing{ padding-left:0px; } .comment .comment-area, .comment .comment-aut { width: 550px; } .comment .children .comment-area, .comment .children .comment-aut { width: 480px; } } @media only screen and (min-width: 767px) and (max-width: 960px) { .isotope_spacing{ padding-left:32px; } .video_spacing{ padding-left:10px; } } /* styles for mobile */ @media screen and (max-width: 767px) { h1 { font-size:50px; } .homeSlider p { font-size:12px; } .home_slider_title1{ width:90%; top:55%; } .home_slider_title2 { position:absolute !important; width:80%; left:10px; } .home_slider_title3{ position:absolute !important; width:80%; left:10px; } .home_slider_title4 span{ position:absolute !important; width:80%; left:10px; } .home_slider_title5 { position:absolute !important; width:80%; left:10px; } .home_slider_title6 { position:absolute !important; width:80%; left:10px; } .home_slider_title7 { position:absolute !important; width:80%; left:10px; } .homeSlider h1, .homeSlider h2, .homeSlider h3{ font-size:21px } .homeSlider h4, .homeSlider h5, .homeSlider h6{ font-size:14px } h1 .textBackground, h1 .textBackground_white, h1 .textBackground_black { padding:2px 5px 2px 5px; } .textBackground, .textBackground_white, .textBackground_black { padding:2px 5px 2px 5px; } } /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .parallax { background-size:150%; } .parallax .container{ height: 180px; } .mobile_spacing { margin:10px; } .mobile_right_spacing { margin: 0px 20px 10px 0px; } .mobile_top_spacing { margin: 20px 0px 0px 0px; } .desktop_right_spacing { margin: 0px 10px 0px 10px; } .mobile_top_padding { padding-top: 40px; } .separator_mini { clear: both; margin: 0px 0 15px; height: 2px; } .separator_bar { margin: 0px 10px 20px 10px; height: 20px; } .overlayPattern, .homeSlider .overlayPattern, .parallaxPattern { display: none } .circleHolder { width:186px; } .smallCircle, .smallCircle .circle{ width:160px; height:160px; } .smallCircle { margin-right:10px;} .circle span{ padding:75px 12px 20px 12px; } .large_image{ height:115px; } .slideshow_medium{ width:280px; height:110px; margin-left:-10px } .post_image{ height:110px; } .video_content{ height:158px; } .photo_holder { padding: 0px 15px 20px 10px; } .fixedHeight{ height:auto; } .flexSlideshow.fixedSize { height:160px; } .flexSlideshow .slides img { max-width: 100%; height:auto; } .title_text { font-size: 50px; } .tiny_font{ font-size:12px; letter-spacing: 0.5px; } /* Blog comment */ #comments-sec, #comment-replay { margin: 0px 0px 40px 0px; } .comment-list { margin: 30px 0 0px; padding: 0 0 20px; } .comment { margin: 10px 0 0; padding: 25px 0 0; } .comment .comment-area, .comment .comment-aut { float: none; margin: 0 0 -5px 65px; width: 210px; } .comment .children .comment-area, .comment .children .comment-aut { width: 190px; } .comment .children { padding: 0px 0 0 20px; } .comment .children .comment { margin: 10px 0 0; padding: 25px 0 0; } .comments-form { margin: 20px -10px 0 0px; width: 100%; } .comments-form input { width: 190px; } .comments-form textarea { width: 270px; } } /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .parallax { background-size:150%; } .parallax .container{ height: 240px; } .mobile_spacing { margin:10px; } .mobile_top_spacing { margin: 20px 0px 0px 0px; } .desktop_right_spacing { margin: 0px 10px 0px 10px; } .mobile_top_padding { padding-top: 40px } .separator_mini { clear: both; margin: 0px 0 15px; height: 2px; } .separator_bar { margin: 20px 10px 20px 10px; } .img_place:hover .overlay.social .social_bookmarks{ top:100px; } .circleHolder { width:186px; } .smallCircle, .smallCircle .circle{ width:160px; height:160px; } .smallCircle { margin-right:10px;} .circle span{ padding:75px 12px 20px 12px; } .overlayPattern, .homeSlider .overlayPattern, .parallaxPattern { display: none} .large_image{ height:164px; } .slideshow_medium { width: 100%; height:160px; } .post_image{ height:158px; } .video_content{ height:225px; } .fixedHeight{ height:auto; } .flexSlideshow.fixedSize { height:210px; } .title_text { font-size: 50px; } .tiny_font{ font-size:12px; letter-spacing: .5px; } /* Blog comment */ #comments-sec, #comment-replay { margin: 0px 0px 40px 0px; } .comment-list { margin: 30px 0 0px; padding: 0 0 20px; } .comment { margin: 10px 0 0; padding: 25px 0 0; } .comment .comment-area, .comment .comment-aut { float: none; margin: 0 0 -5px 65px; width: 330px; } .comment .children .comment-area, .comment .children .comment-aut { width: 312px; } .comment .children { padding: 0px 0 0 20px; } .comment .children .comment { margin: 10px 0 0; padding: 25px 0 0; } .comments-form { margin: 20px -10px 0 0px; width:390px; } .comments-form input { width: 190px; } .comments-form textarea { width: 100%; } } .borderleft_grey {border-left: 1px solid #E4E4E4 !important; }