/* /* Theme Name: arora Theme URI: Author: Imonthemes Author URI: http://www.imonthemes.com License: GNU General Public License, v3 License URI: URI: http://www.gnu.org/licenses/gpl-3.0.html Template: hathor Description: Nut is a child theme of hathor. it easy to fully customize the Layout, Colors and Style within minutes.The theme allows you to upload your logo.The Theme also has a 2 header style , 2 Service Block Style , 2 Latest Post layout , Full width and Box option. The theme is SEO Friendly and has plenty of user-friendly options. Due to its superb flexibility of its framework, it allows you to create unique Websites for many purposes like Magazine, Blog, Portfolio, Creative or Business. Fits all popular mobile devices and tablets. Version: 1.0 Tags: fixed-layout,fluid-layout,theme-options, one-column, dark, black, white, right-sidebar, custom-background, theme-options, featured-images, full-width-template,sticky-post, post-formats Nut WordPress Theme, Copyright 2014 imonthemes.com Nut is distributed under the terms of the GNU GPL */ /* Body Start */ body { font-family: 'Arimo', sans-serif; background: #f7f7f7; } #header { background: #353535; } p { font-size: 12px; line-height: 18px; font-weight: 400; color: #353535; } .no-padding { padding: 0px; } .warp{ background-color:#FFF;} /* Header ================================================================================ */ /*-----------------------------------------------------------------------------------*/ /* STRUCTURE /*-----------------------------------------------------------------------------------*/ /* Header */ #branding { /*border-bottom: 1px solid #dddddd;*/ background-color: #ffffff; position: relative; z-index: 102; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06); } #branding2 { z-index: 9999; background-color: #E1E1E1; position: relative; background-position: bottom; } /* logo*/ .desc { text-align: left; color: #000; font-size: 14px; text-align: center; padding-bottom: 20px; padding-top:10px; } #site-title { padding-top:20px; float:left; padding-bottom:20px; } #site-title2{padding-top:20px; text-align:center; } #site-title2 a { color: #000; font-size: 30px; line-height: 36px; text-decoration: none; text-align: center; } #site-title a { color: #000; font-size: 40px; line-height: 36px; text-decoration: none; text-align: center; } /*MENU*/ #menu_wrap { padding-top:10px; float: right; } #menu_wrap2 { float: none; text-align: center; background-color: rgb(204,204,204); border-top: 3px solid rgb(204,204,204); } .tinynav, .tinynav1 { display: none; } #navmenu { } .nav-header { margin: auto; padding: 0; display: block; } #navmenu ul { margin: 0px; padding: 0px; padding-left: 5px; } #navmenu ul li { list-style-type: none; display: inline-block; position: relative; margin-top: 0px; padding-top: 15px; height:60px; padding-left:10px; padding-right:10px; } #navmenu li a { font-size: 14px; color: #000; font-weight: 500; } #menu_wrap2 #navmenu li a { font-size: 14px; color: #000; font-weight: 500; } /* Effect 4: bottom border enlarge */ #navmenu ul { padding: 0 0 0px; } #navmenu ul > li::after { position: absolute; bottom:100%; left: 0; width: 100%; height: 0.5px; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); background-color: #09C; } #navmenu ul > li:hover::after, #navmenu ul > li:focus::after { height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } #navmenu ul >li ul li::after{ display:none;} #menu-icon { display: none; } /*SUBMENU*/ #navmenu ul li ul { position:absolute;width:210px; z-index:999999; padding-left:0; margin-left:0px; margin-top:18px; display:none;left: -60px; } #menu_wrap2 #navmenu ul li ul li { float: none; margin: 0; text-align: center; display: block; border-bottom: 1px solid #333; height: auto; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-color: #CCC; } #navmenu ul li ul li { float: none; margin: 0; text-align: center; background: #333; display: block; height: auto; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; } #navmenu ul li ul li:hover { background-color: #0099CC; } #navmenu ul > li ul li:hover { color: white; /* Old browsers */ background-color: #0099CC ; } #navmenu ul li ul li a { width:100%; margin:0px; display:block; color:#CCC; } #navmenu ul li ul li ul { left: 100%; margin-top: -28px; float: none; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; background-color:#333; } @media only screen and (max-width: 768px) { /*MENU*/ body #menu_wrap { width: 100%; } body #navmenu { width: 100%; text-align: center } #navmenu ul li { list-style-type: none; display: inline-block; position: relative; margin-top: 0px; padding-top: 15px; height: auto; padding-left:10px; padding-right:10px; } /* nav-wrap */ #menu_wrap { position: relative; } /* menu icon */ #menu-icon { padding: 10px 0px; cursor: pointer; font-size: 20px; display: block!important; /* show menu icon */ } #menu-icon:hover { } /* main nav */ body #navmenu ul.menu { clear: both; position: absolute; top: 50px; width: 100%; z-index: 10000; border: solid 1px #999; display: none; margin-top: 5px; background-color: rgb(51,51,51); } body #navmenu ul.menu li { width: 100%; clear: both; float: none; text-align: center; padding-top: 6px; padding-right: 30px; padding-bottom: 6px; padding-left: 0px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } body #navmenu ul > li:hover { background: none!important; } body #navmenu ul.menu li ul li { background: none!important; width: 100%; border: none; } body #navmenu ul.menu li ul li:hover { background: none!important; } body #navmenu ul.menu a, body #topmenu ul.menu ul a { background: none; display: inline; padding: 0; border: none; } body #navmenu ul.menu a:hover, body #topmenu ul.menu ul a:hover { background: none; } /* dropdown */ body #navmenu ul.menu ul { width: auto; position: static; display: block; border: none; background: inherit; margin-top: 0px; } body #navmenu ul.menu ul li { } } /*SLIDER*/ #slider { width: 100%; float: left; max-height: 500px; position: relative; overflow: hidden; border-bottom: 1px solid rgb(213, 213, 213); background-color: rgb(255, 255, 255); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } .slider_shadow { height: 49px; position: relative; top: -1px; background-image: url(images/shadow.png); background-repeat: no-repeat; background-position: center top; } .slider_shadow2 { height: 49px; position: relative; top: -1px; background-image: url(images/slider_shadow.png); background-repeat: no-repeat; background-position: center top; } /* The Nivo Slider styles */ .nivoSlider { position: relative; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; background-color: #fff; background-image: url(css/default/loading.gif); background-repeat: no-repeat; background-position: 50% 50%; margin-bottom:5px; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a { border:0; display:block; } .nivo-controlNav {text-align: center;padding: 15px 0;bottom: 10px;position: absolute;z-index: 99;left: 48%;} .nivo-controlNav a {cursor: pointer;background: #444;width: 15px;height: 10px;display: inline-block;margin-right: 5px; border: 3px solid #222;text-indent: -999999px;} .nivo-controlNav a.active {background:#26ae90;} .nivo-directionNav a { display: block; width: 30px; height: 30px; text-indent: -9999px; border: 0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background-image: url(css/default/arrows.png); background-repeat: no-repeat; } .nivo-directionNav a { opacity: 0.15; } .nivo-directionNav a:hover{ opacity:1;} a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .nivo-caption a:hover { color:#fff; } .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* welcome */ #callout { width: 100%; background-color: #F0F0F0; text-align: center; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); position: relative; padding:1.5%; margin-bottom: 20px; } /* welcome */ /* services-wrap */ .services-wrap { background-color: #FFF; } /* services-wrap */ /*......................flexslider..............*/ .title h2.blue1 { color:#313131; font-size:28px; padding:0 0 0 10px; } .caroufredsel_wrapper{ margin-left:0px !important} .title span.blue { color: rgb(13, 162, 205); } .our_work { margin-top: 50px; margin-right: 0px; margin-bottom: 0; margin-left: 0; } .our_work .title { padding:0 0 15px 0; text-align:center; } .our_work .title p {} .our_work li { margin:0 19px 0 0 !important; } .our_work li.last { margin:0 19px 0 0px !important; } .our_work .work { float: left; width: 335px; margin-right: 9px; margin-top: 14px; margin-left:8px; } .our_work .work.last { margin:25px 0 0 0; } .our_work p.port { text-align: center; width: 330px; padding: 15px; background: none repeat scroll 0% 0% #FAFAFA; position: relative; border-right: 1px solid #DDD; border-width: medium 1px 1px; border-color: -moz-use-text-color #DDD #DDD; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; float: left; clear: both; border-radius: 0px 0px 4px 4px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-sizing: border-box; } .our_work p.port a { color:#333;} .work-carousel{ background-color:#FFF;} .tf-work-carousel .flex-direction-nav { *height: 0; } .work-carousel-head { position: relative; margin-right:10px;} .work-carousel-head a { display: block; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 1; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; width: 19px; height: 19px; text-indent: -9999px; background-color: #D8D8D8; background-image: url('images/rps_arrows.png'); background-repeat: no-repeat; border-radius: 2px; margin-top: -36px; margin-right: 10px; margin-bottom: 0; margin-left: 0; } .work-carousel-head a:hover{ background-color:#F30} .work-carousel-head .next { background-position: -30px 0; } .work-carousel-head .prev { margin-right: 30px; } .work-carousel-head .next2 { background-position: -30px 0; } .work-carousel-head .prev2 { margin-right: 30px; } .work-carousel li { display: block; float: left; position: relative; background: #fff; margin:0 0px 0 0px !important; } .view { width: 330px; height:222px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask,.view .content { width: 330px; height:222px; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } .view h2 { font-family: 'MuseoSlab300Regular';color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 5px 0 0 0; text-transform:uppercase; } .view p { font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; height: 73px; overflow: hidden; margin-bottom:0px; } .view a.info { padding:7px 15px; text-decoration: none; font-size:12px; background: #000; margin:15px 0 0 112px; float:left; color: #fff; text-transform: uppercase; } .view a.info:hover { background: #f9f9f9; color: #000 ; } .view-second img { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .view-second .mask { background-color: rgba(115,146,184, 0.7); width: 400px; padding: 60px; height: 550px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-second h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); transform: translate(200px, -200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: 5px; margin-right: 40px; margin-bottom: 0px; margin-left: 40px; } .view-second p { -webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); transform: translate(-200px, 200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-second a.info { -webkit-transform: translate(0px, 100px); -moz-transform: translate(0px, 100px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate(0px, 100px); -webkit-transition: all 0.2s 0.1s ease-in-out; -moz-transition: all 0.2s 0.1s ease-in-out; -o-transition: all 0.2s 0.1s ease-in-out; -ms-transition: all 0.2s 0.1s ease-in-out; transition: all 0.2s 0.1s ease-in-out; } .view-second:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(-80px, -125px) rotate(45deg); -moz-transform: translate(-80px, -125px) rotate(45deg); -o-transform: translate(-80px, -125px) rotate(45deg); -ms-transform: translate(-80px, -125px) rotate(45deg); transform: translate(-80px, -125px) rotate(45deg); } .view-second:hover h2 { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .view-second:hover p { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .view-second:hover a.info { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } /*Midrow Blocks*/ /*MIDROW*/ .icon_warp{ width:100%; height:100px; overflow: hidden; } .icon{ margin-top: 15px; margin-bottom: 5px; display: inline-block; text-align:center; } .icon_img { width: 80px; height: 80px; border-radius: 50%; margin-left: 34%; border: 2px solid rgba(0,153,153,0.5); } .midrow{ width: 100%; float: left; margin-bottom: 30px; margin-top: 40px; margin-left:8px; } .midrow_wrap{ } .midrow_blocks{ width:23.5%; padding: 0px; float:left; position:relative;height: 300px; margin-left:6px; margin-right:6px; } .link { text-align:center;} .midbutton { display: inline-block; *display: inline; padding: 5px 15px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color:#FFF; border:1px solid; *border: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; background-color:#26ae90} .midbutton:hover{ color:#FFF; background-color:#ff4533 } .shadow{ background-image: url(images/service_shadow.png); background-repeat: no-repeat; } .midrow_block h3{ text-align:center; font-size:20px; color:#333;} .midrow_block p{ text-align:center; font-size:12px;} .midrow_blocks_wrap{ width:100%; float:left; background-color:#FFF; height:300px;overflow:hidden; box-shadow: 0px 0px 1px 1px #888888; } .mid_block_content { margin-top: -35px; height: 180px !important; overflow: hidden; padding-top: 23px; padding-right: 10px; padding-bottom: 0; padding-left: 10px; } .midrow_block:last-child .mid_block_content{ border:none;} .mid_block_content h3{text-align:center; font-size:20px; color:#333; padding-top:15px;} .midrow_block { overflow: hidden; border-top-width: 2px; border-top-style: solid; border-top-color: rgba(0,153,153,0.5); } .midrow_block:hover{ color: #000; } .midrow_block:hover h3{ color: #000; } .blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;} .blocklink{ display:block; width:36px; height:32px; background:url(images/blocklink.png) no-repeat;} .imgholder1 { height: 99px; width: 99px; margin-left: 75px; } /*MIDROW style2*/ .style2 {} .style2.icon_warp{ width:100%; height:100px; overflow: hidden; padding-top:5px;} .style2.icon{ margin-left: 14%; margin-top: 15px; margin-bottom: 5px; display: inline-block; } .style2.icon_img { width: 80px; height: 80px; border-radius: 50%; margin-left: 32%; border: 2px solid rgba(0,153,153,0.5); text-align:center; } .style2.midrow{ width: 100%; float: left; margin-bottom: 30px; margin-top: 40px; } .style2.midrow_wrap{ } .style2.midrow_blocks{ width:23.5%; padding: 0px; float:left; position:relative;height: 300px; margin-left:6px; margin-right:6px; } .style2.midbutton { color: #ffffff; border-color: #AF4040; border-bottom-color: #9A2020; background: -moz-linear-gradient(center top,#E85252 20%, #CF2E2E 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E85252),color-stop(1, #CF2E2E)); background: -webkit-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E85252', endColorstr='#CF2E2E',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* W3C */ text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); border-color: #AF4040; border-bottom-color: #9A2020; margin-left:22%; border-width: 1px; border-style: solid;border-image: none; border-radius: 3px; font-size: 13px; display: inline-block; text-decoration: none; cursor: pointer; line-height: normal; padding: 4px 16px;} .style2.midbutton:hover{ color:#FFF;} .style2.shadow{ background-image: url(images/service_shadow.png); background-repeat: no-repeat; } .style2.midrow_block h3{ text-align:center; font-size:20px; color:#333;} .style2.midrow_block p{ text-align:center; font-size:12px;} .style2.midrow_blocks_wrap{ width:100%; float:left; background-color:#FFF; height:300px;overflow:hidden; box-shadow: 0px 0px 1px 1px #888888; } .style2.mid_block_content { margin-top: -35px; height: 180px !important; overflow: hidden; padding-top: 23px; padding-right: 10px; padding-bottom: 0; padding-left: 10px; } .style2.midrow_block:last-child .mid_block_content{ border:none;} .style2.mid_block_content h3{text-align:center; font-size:20px; color:#333; padding-top:15px;} .style2.midrow_block { overflow: hidden; border-top-width: 2px; border-top-style: solid; border-top-color: rgba(0,153,153,0.5); } .style2.midrow_block:hover{ color: #000; } .style2.midrow_block:hover h3{ color: #000; } .style2.blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;} .blocklink{ display:block; width:36px; height:32px; background:url(images/blocklink.png) no-repeat;} .style2.imgholder1 { height: 99px; width: 99px; margin-left: 75px; } /*LAYOUT child*/ .laych { width: 69%; float: left; margin-top: 30px; padding-top: 10px; margin-left:50px;} .laych .hentry { width: 300px; height:380px; background: #fff; margin-right: 15px; margin-left: 15px; float: left; padding-left: 10px; overflow: hidden; margin-bottom:30px; } /*LAYOUT 1*/ .lay1 { width: 100%; float: left; margin-top: 30px; padding-top: 10px; margin-left:50px;} .lay1 .hentry { width: 300px; height:380px; background: #fff; margin-right: 15px; margin-left: 15px; float: left; padding-left: 10px; overflow: hidden; margin-bottom:30px; } .imgwrap{width: 100%; max-height:190px; border-radius: 4px 4px 0px 0px; overflow:hidden;} .imgwrap:hover { opacity: 0.75; } .postitle_lay{ text-align: left; font-size:18px;} .post_content2 { width: 100%; margin-bottom: 3px; float: left; clear: both; border-radius: 0px 0px 4px 4px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-sizing: border-box; height: 170px; overflow: hidden; border-top-width: medium; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-left-style: solid; border-left-color: #CCC; border-right-width: 1px; border-right-color: #CCC; padding:4px; } .post_content3{height: 155px; overflow:hidden;} .post_content2 p{ padding-bottom:5px;} .bottom_holder_2 { width: 100%; margin-bottom: 3px; border-top: medium none; float: left; clear: both; border-radius: 0px 0px 4px 4px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-sizing: border-box; } /*Our team*/ .caroufredsel_wrapper{ margin-left:0px !important} .our_team { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0; } .our_team .title { padding:0 0 15px 0; text-align:center; } .our_team .title p {} .our_team li { margin:0 19px 0 0 !important; } .our_team li.last { margin:0 19px 0 0px !important; } .our_team .work { float: left; width: 300px; margin-right:22px; margin-top: 14px; margin-left:20px; } .our_team .work.last { margin:25px 0 0 0; } .our_team p.port_team { text-align: center; width: 300px; padding: 15px; background: none repeat scroll 0% 0% #FAFAFA; position: relative; border-right: 1px solid #DDD; border-width: medium 1px 1px; border-color: -moz-use-text-color #DDD #DDD; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; float: left; clear: both; border-radius: 0px 0px 4px 4px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-sizing: border-box; } .our_team p.port_team a{ color:#333 !important;} .work-carousel{ background-color:#FFF;} .tf-work-carousel .flex-direction-nav { *height: 0; } .work-carousel-head { position: relative; margin-right:10px;} .work-carousel-head a { display: block; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 1; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; width: 19px; height: 19px; text-indent: -9999px; background-color: #D8D8D8; background-image: url('images/rps_arrows.png'); background-repeat: no-repeat; border-radius: 2px; margin-top: -36px; margin-right: 10px; margin-bottom: 0; margin-left: 0; } .work-carousel-head a:hover{ background-color:#F30} .work-carousel-head .next { background-position: -30px 0; } .work-carousel-head .prev { margin-right: 30px; } .work-carousel-head .next3 { background-position: -30px 0; } .work-carousel-head .prev3 { margin-right: 30px; } .work-carousel li { display: block; float: left; position: relative; background: #fff; margin:0 0px 0 0px !important; } .view_team { width: 300px; height:300px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .view_team .mask,.view_team .content { width: 300px; height:300px; position: absolute; overflow: hidden; top: 0; left: 0; } .view_team img { display: block; position: relative; } .view_team h2 { font-family: 'MuseoSlab300Regular';color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; margin: 5px 0 0 0; text-transform:uppercase; } .view_team p { font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; height: 83px; overflow: hidden; } .view_team a.info { padding:7px 15px; text-decoration: none; font-size:12px; background: #000; margin:15px 0 0 112px; float:left; color: #fff; text-transform: uppercase; } .view_team a.info:hover { background: #f9f9f9; color: #000 ; } .view-fifth img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } .view-fifth .mask { background-color: rgba(51,51,51,0.6); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth h2 { color: #fff; } .view-fifth p { color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-fifth:hover .mask { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /*single post*/ #content{ width:100%; float:left; background-color:#FFF; padding-bottom:20px; } .sep-20 { margin-top: 20px; height: 15px; } #content .top-content { width:70%; position: relative; float: left; background-color: #FFF; padding: 40px ; } #content .top-content2 { width:100%; position: relative; float: left; background-color: #FFF; padding: 20px 20px; } .post_content { width: 100%; background: #fff; } .post_content a:link { } .commentlist { background: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10); } .postitle { width: 100%; text-align: center; font-size: 18px; } .postimg { width: 100%; position: relative; float: left; padding-left: 10px; padding-bottom: 10px; cursor: default; } .metainfo { width: 100%; position: relative; } .metadate { float: left; padding: 4px; opacity: 1; position: relative; font-size: 14px; } .metaauth { float: right; padding: 4px; position: relative; font-size: 14px; } .post_info_wrap { width: 100%; background-color: #FFF; text-align: left; font-size: 14px; margin-top: 5px; -ms-word-wrap: break-word; word-wrap: break-word; } .post_info_wrap ul {margin-left: 30px;} .post_info_wrap ol {margin-left: 30px;} .left_link { float: left; position: relative; height: 20px } .right_link { float: right; position: relative; height: 20px; } .post_cat { padding: 10px; float: right; position: relative; font-size: 12px; background-color: #EEEEEE; margin-top: 5px; } .post_tag { float: none; position: relative; font-size: 12px; background-color: #EEEEEE; color: #000; padding-top: 11px; padding-right: 11px; padding-bottom: 15px; padding-left: 25px; background-image: url(images/tag.png); background-repeat: no-repeat; width: 100%; } .post_tag a:hover{ color:#09C; text-decoration:underline;} .post_tag a{ padding-left:8px; float:left; position:relative; background-color:#EEEEEE; } .post_cat a{ margin-left: 5px; } .post_cat a:hover{text-decoration:underline;} #submit,#searchsubmit { display: inline-block; padding: 5px 15px; margin-bottom: 0px; font-size: 13px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #FFF; border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 4px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 3px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; background-color:#26ae90; } #submit:hover{ background:#ff4533; color:#fff; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.6s ease-out; cursor:pointer; } .post_info_wrap pre{ overflow: auto; background: none repeat scroll 0% 0% rgb(245, 245, 245); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(240, 240, 240) rgb(240, 240, 240) rgb(240, 240, 240) rgb(224, 224, 224); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding-left: 2.5rem;} .label{width:40% !important;} /*FULL WIDTH PAGE*/ .hathor_fullwdth_body #content .top-content{ width:100%;} /*FOOTER*/ #footer { width: 100%; float: left; border-bottom: 1px solid rgb(63, 63, 63); background-color: rgb(55, 55, 55); overflow: hidden; } #footer .widgets { padding: 10px; } #footer .widgets .widget a { } #footer .widgets ul { margin: 0; padding: 0; } .widget_wrap { width: 100% } #calendar-2{ width:200px !important; margin-right:75px !important;} #footer .widgets .widget { width: 221px; float: left; margin-right: 4%; list-style-type: none; margin-bottom: 25px; } #footer .widgets .widgettitle, #midrow .widgets .widgettitle a { color: #2bb975; font-size: 20px; margin-top: 10px; } #footer .widgets .widget ul { margin: 0; padding: 0; } #footer .widgets .widget ul li { list-style-type: none; padding: 6px 0; } #footer .widgets .widget ul li a { text-decoration: none; color: #888; } #footer .widgets .widget ul li .thn_wgt_tt { color: #888; } #footer .thn_wgt_thumb img { width: 50px; height: 50px; } #footer .widgets .widget:nth-child(4), #footer .widgets .widget:nth-child(8), #footer .widgets .widget:nth-child(12) { margin-right: 0; } #footer .thn_ad250x250_widget img { width: 212px; height: 212px; } #footer .thn_ad125x125_widget img { width: 100px; height: 100px; } .thn_feat ul p, .thn_pop ul p, .thn_rand ul p { margin: 5px 0; } #footer .widgets .widget .thn_feat ul li, #footer .widgets .widget .thn_pop ul li, #footer .widgets .widget .thn_rand ul li { min-height: 55px; padding: 10px 0px; } #footer #searchform { margin-top: 20px; } #footer #searchform #s { width: 90%; } #footer #wp-calendar #today { background: #2BB975; } #footer #wp-calendar caption { } #footer .widgets .widget { list-style-type: none; color: #fff; font-size: 14px; line-height: 1.6em; text-align: left; } #calendar_wrap { width: 200px; } #wp-calendar { margin-right: 5px; } #copyright { width: 100%; padding: 15px; float: left; background-color: rgb(39, 39, 39); } #copyright a { color: #666; } .copytext { float: left; padding: 5px 10px; width: 70%; color:#CCC; } /*Footer Menu*/ #footmenu { width: 50%; float: right; } #footmenu ul { float: right; padding: 5px 10px; margin: 0; } #footmenu ul li { list-style-type: none; display: inline-block; margin-left: 15px; } #footmenu ul li a { color: #FFF; } #footmenu ul li a:hover { color: #EEE; } .title h2.green1 { color:#313131; font-size:28px; padding:0 0 0 10px; margin-bottom:40px; } .title span.green { color:#93b72b; } .client { width:250px; height:120px; float: left; overflow:hidden; margin-bottom: 21px; margin-left:14px; } .view_team { } .clients { position:relative; margin-top:40px; } .client:hover{ opacity:.75} /*WIDGETS ------------- */ .thn_wgt_thumb { } .thn_wgt_thumb img { width: 65px; float: left; height: 65px; margin-right: 10px; } #sidebar .widgets .widget ul li .thn_wgt_tt, #midrow .widgets .widget ul li .thn_wgt_tt { color: #333; } body #sidebar .widgets .thn_feat_widget ul, body #sidebar .widgets .thn_rand_widget ul, body #sidebar .widgets .thn_pop_widget ul { margin-left: 0px; } #footer .widget_content p { font-size: 12px; } .thn_ad125x125_widget { float: left; display: block; width: 283px; } .ads-125x125 img { width: 120px; height: 120px; float: left; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; } .ads-125x125 a:nth-child(2) img, .ads-125x125 a:nth-child(4) img { margin-right: 0; } .ads-160x600 { float: left; margin-left: 50px; margin-top: 30px; margin-bottom: 30px; } .ads-250x250 { float: left; } .thn_twitter .tweet_text a, .widget_tag_cloud a:hover, .textwidget a { color: #2BB975; } .thn_twitter .tweet_avatar { width: 60px; float: left; } .thn_flckr_widget img { padding: 9px; display: inline; width: 67px; height: auto; } .flickr_badge_image { display: inline-block; } #sidebar .widgets .widget_nav_menu ul li ul li, #midrow .widgets .widget_nav_menu ul li ul li, #footer .widgets .widget_nav_menu ul li ul li { background: none; padding-left: 15px; border-bottom: none; } #sidebar .thn_feat ul, #sidebar .thn_pop ul, #sidebar .thn_rand ul { margin-left: 0; } .thn_feat ul li, .thn_pop ul li, .thn_rand ul li { list-style-type: none; min-height: 75px; } #searchform .screen-reader-text { display: none; } #sidebar #searchform #s { width: 90%; padding: 5px; border: 1px solid #ececec; color: #888; } #wp-calendar { width: 100%; } #wp-calendar caption { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; } #wp-calendar tbody td { text-align: center; } #wp-calendar #today { background: #2BB975; color: #FFF; } #wp-calendar #today a { color: #FFF; } #wp-calendar #prev { padding-top: 10px; } .rsswidget img{ margin-left:10%;} /*SIDEBAR*/ #sidebar { float: left; width: 285px; margin-top: 30px; border-left: 1px solid rgba(0, 0, 0, 0.05); } #sidebar .widgets { } #sidebar .widgets ul { margin: 0; padding: 0; } #sidebar .widgets ul li { list-style-type: none; } #sidebar .widgets .widget { padding: 0px; width: 285px; float: left; background: #fff; margin-bottom: 30px; } #sidebar .widgets .widget_wrap { padding: 15px; float: left; width: 255px; line-height:1.6em; } #sidebar .widgettitle, #sidebar .widgettitle a { color: #333; margin: 0; text-align: left; padding-bottom: 10px; padding-right: 15px; padding-top: 5px; font-size: 24px; margin-left: -15px; width: 270px; margin-bottom: 7px; padding-left:5px; } #sidebar .widgets .widget ul { margin: 0px; padding: 0px; margin-left: 15px; } #sidebar .widgets .widget li { padding: 7px 0; margin: 7px 0; border-bottom: 1px solid #f5f5f5; color: #666; } #sidebar .widgets .widget li a { color: #888; -ms-word-wrap: break-word; word-wrap: break-word; } #sidebar .widget_archive ul, #sidebar .widget_meta ul, #sidebar .widget_recent_entries ul, #sidebar .widget_nav_menu ul, #sidebar .widget_recent_comments ul, #sidebar .widget_pages ul, #sidebar .widget_links ul, #sidebar .widget_categories ul { margin: 0px; padding: 0px; padding-left: 15px; } #sidebar .widget_archive li, #sidebar .widget_meta li, #sidebar .widget_recent_entries li, #sidebar .widget_nav_menu li, #sidebar .widget_recent_comments li, #sidebar .widget_pages li, #sidebar .widget_links li, #sidebar .widget_categories li { list-style-image: url(images/list_type.png); } #sidebar .widgets .widget li:last-child { border: none; -ms-word-wrap: break-word; word-wrap: break-word; } /*WordPress Core*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: url(images/transblack.png) repeat; border: 1px solid #ececec; max-width: 96%; /* Image does not overflow the content area */ padding: 10px 3px 10px; text-align: center; } .wp-caption img { max-width: 98%!important; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none !important; margin: 0 !important; max-width: 570px; padding: 0 !important; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .sticky { } .gallery-caption { } /* =Comments -------------------------------------------------------------- */ #commentform { margin: 0; } #commentform a { color:#333;} .commentlist { border-bottom: 1px solid #e5e5e5; list-style: none; margin: 0; padding: 0; } .commentlist ol { list-style: decimal; } .commentlist li { -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #ffffff; border-radius: 4px; margin: 0; } .commentlist .bypostauthor { } .commentlist li cite { color: #111111; font-size: 1.1em; font-style: normal; font-weight: 400; } .commentlist li.alt { background: #f9f9f9; } .commentlist .children { list-style: none; margin-left: 10px; padding: 10px; } .commentlist .avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; margin-right: 10px; padding: 0; vertical-align: middle; } .comment-author .fn { } .comment-author .says { color: #999999; } .comment-body .comment-meta { color: #999999; display: inline-block; margin: 0; padding: 0; text-align: left; } .comment-body .comment-meta a { font-size: 11px; color:#333; } .comment-body { clear: both; padding: 10px; } .comment-body p { clear: both; margin-left: 20px; margin-top: 30px; } .comment-body .reply { } .comment-body .reply a { color:#666;} .pingback, .trackback { list-style: none; margin: 20px 0; } .pingback cite, .trackback cite { font-style: normal; } #pings, #comments { text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; } #respond { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; margin-left:10px; margin-top:20px; } #respond label { display: inline; } .reply { margin: 10px 0; } .comment-form-url input, .comment-form-email input, .comment-form-author input, .comment-form-comment textarea { display: block; width: 100%; } .nocomments { color: #999999; font-size: .9em; text-align: center; } #comment { width:100%; min-height: 250px; float:left; } #author { width: 100% } #email { width: 100% } #url { width: 100% } .navigation{ margin-top: 5px; padding-bottom:5px; } .next{ float:right} .previous{ float:left} .previous a,.next a { color:#333;} .comment-form-author { width: 180px; margin-right: 15px; float:left;} .comment-form-email { width: 180px; margin-right: 15px; float:left;} .comment-form-url{ width: 180px; margin-right: 15px; float:left;} .comment-form-comment{clear: both;margin-bottom: 10px; float:left; width:100%; } .form-submit{ padding-bottom: 10px; padding-left: 10px; float:left; } .form-allowed-tags{ float:left; width:100%; display:none;} /* Pagination */ .wp-pagenavi { overflow: hidden; text-align: center; display: block; font-size: 12px; margin: 18px 0; width: 90%; } .wp-pagenavi .pages { text-transform: uppercase; font-size: 11px; width: 100px; color: #999999; } .wp-pagenavi .alignleft a, .wp-pagenavi .alignright a { width: auto; height: auto; padding: 4px 8px; color:#666; } .wp-pagenavi a, .wp-pagenavi span { display: inline-block; margin-right: 3px; padding: 0 8px; line-height: 24px; text-align: center; } .wp-pagenavi .current, .wp-pagenavi a:hover { color: #33CCFF; } .wp-pagenavi a { border: 1px solid #CCCCCC; word-break: break-all; } /* blog */ #sub_banner { text-align: center; background-color: #26AE90; box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.1) inset; min-height: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 30px;color:#CCC; } #sub_banner h1 { font-size:32px; color:#CCC; } #sub_banner a {font-size:32px; color:#CCC;} .post_info { font-size:12px; color:#ababab; } .post_info a { font-style:italic; color:#6f6f6f ; } .post_info a:hover { color:#ff5555 ; } .post_info_delimiter { display: inline-block; height:10px; margin-left:10px; border-left:1px solid #6f6f6f; padding-left:10px; } .post_info .post_views, .post_info .post_comments { position:relative; display:inline-block; padding-left:5px; } .post_info .post_views [class^="icon-"]:before, .post_info .post_views [class*=" icon-"]:before, .post_info .post_comments [class^="icon-"]:before, .post_info .post_comments [class*=" icon-"]:before { font-size: 15px; left: 0; top: 4px; color:#d7d7d7; } .post_views a, .post_comments a { color:#ababab ; font-weight:normal !important; font-style:normal !important; } .post_views a:hover, .post_comments a:hover { color:#ff5555 ; font-weight:normal !important; font-style:normal !important; } .post_comments a:hover .comments_number { color:#ff5555 ; } .post_views a:hover [class^="icon-"]:before, .post_views a:hover [class*=" icon-"]:before, .post_comments a:hover [class^="icon-"]:before, .post_comments a:hover [class*=" icon-"]:before { color:#ff5555 ; } /* ----------- Blog style 1 -------------------- */ .b1_pic_wrapper{padding-left:70px; margin-top:60px; } .content_blog.blog_style_b1 article { padding-left:70px; min-height:150px; } .content_blog2.blog_style_b2 article { padding-left:70px; min-height:150px; } .left_sidebar .content_blog.blog_style_b1 article { padding-left:0; padding-right:70px; } .blog_style_b1 .post_info_1 { position: absolute; left: 0px; top: 0px; width:50px; height:150px; color:#ffffff; } .left_sidebar .blog_style_b1 .post_info_1 { left: auto; right: 0px; } .post_info_1 .post_format, .post_info_1 .post_comments, .post_info_1 .post_date { width:50px; height:50px; position:relative; } .post_info_1 .post_date a{ color:#FFF;} .post_info_1 .post_format { background-color:#ff5555; color:#ffffff; } .post_info_1 .post_format [class^="icon-"]:before, .post_info_1 .post_format [class*=" icon-"]:before { font-size: 20px; display:block; margin:0; padding:0; line-height:50px; width:50px; height:50px; text-align:center; } .post_info_1 .post_date { background-color: #999999; } .post_info_1 .post_date span { display:block; text-align:center; } .post_info_1 .post_date .day { font-size:18px; font-weight:bold; padding-top: 6px; } .post_info_1 .post_date .month { font-size:13px; } .post_info_1 .post_comments span { display:block; text-align:center; } .post_info_1 .post_comments .comments_number { font-size:14px; font-weight:bold; padding-top: 4px; color: #6f6f6f; } .post_info_1 .post_comments [class^="icon-"]:before, .post_info_1 .post_comments [class*=" icon-"]:before { left: 17px; top: 24px; color:#c9c9c9; } .blog_style_b1 .pic_wrapper, .blog_style_b1 .sc_slider { margin-bottom:22px; } .blog_style_b1 .title_area { margin-bottom: 22px; } .blog_style_b1 .post_info_2 { margin-bottom:22px; } .blog_style_b1 .post_content { margin-bottom:4px; width:100%; -ms-word-wrap: break-word; word-wrap: break-word; } .blog_style_b1 .post_content ul { margin-left:15px} .blog_style_b1 .post_content ol { margin-left:15px} .blog_style_b1 .post_content pre{ overflow:auto;} .blog_style_b1 .post_info_3 { padding-top:4px; } .blog_style_b1 .sc_slider ul.slides { height: 391px; } .blog_style_b1 .readmore { max-width:100px; float:right; padding-right:5px; } .icon-pencil{background-image: url(images/Untitled-1.png); background-repeat: no-repeat; display:block; background-position:center; padding-top:35px;} .post-edit-link{ opacity:1; font-size:12px; line-height:normal; } /* --------------------- Blog section ------------------------ */ .share{ right:40%; position:relative;} .content_blog article { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; padding-bottom: 20px; position:relative; overflow:hidden; } #content .readmore { text-align:right; } #content .readmore a { color:#FFF !important;} #content .sc_slider { margin-bottom:30px; } #content .sc_slider_revo { height:auto !important; } #content .video_container { margin-bottom:20px; } #content .more-link { color: #FFF; padding: 7px 15px; border-radius: 3px; position: relative; float: left; margin: 0px 0px 20px; background-color:#26ae90; font-size:12px; font-weight:500; } .content_blog .post_title { margin: 0; width:100%; overflow:auto; -ms-word-wrap: break-word; word-wrap: break-word; } .content_blog .post_title a { color: #191919; font-size:21px; } .content_blog .post_title a:hover { color: #ff5555; } .content_blog .post_format_quote blockquote { margin:0; } .content_blog .post_format_quote .post_content { position:relative; padding: 16px 16px 1px 40px; background-color:#fafafa; font-size:18px; margin-top:0; margin-bottom:20px; } .content_blog .post_format_quote .pic_wrapper { margin-top:0; } .content_blog .post_format_quote .post_content:before { content: "\e81d"; position:absolute; display:block; font-family: 'fontello'; font-size:18px; color:#ff5555; left: 18px; top:18px;; } .content_blog .post_format_quote .post_content a { color:#191919; font-weight:bold; font-style:normal; font-size:14px; } .content_blog .post_format_quote .post_content a:hover { color:#ff5555; } .content_blog .post_format_quote .post_content .readmore { margin: 16px -16px 0 0; } .content_blog #portfolio_iso_filters { margin-top:30px; border-radius: 2px; border: 1px solid #dcdcdc; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f3f3f3)); background: -webkit-linear-gradient(#ffffff 0%, #f3f3f3 100%); background: -moz-linear-gradient(#ffffff 0%, #f3f3f3 100%); background: -ms-linear-gradient(#ffffff 0%, #f3f3f3 100%); background: -o-linear-gradient(#ffffff 0%, #f3f3f3 100%); background: linear-gradient(#ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); -webkit-box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.75); -moz-box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.75); } .content_blog #portfolio_iso_filters a { display:inline-block; height:40px; line-height:40px; color:#191919; font-weight:bold; padding:0 20px; border-right:1px solid #dcdcdc; } .content_blog #portfolio_iso_filters a.current, .content_blog #portfolio_iso_filters a:hover { color:#ff5555; background: #ffffff; } /*social*/ /* Social Profiles */ .social-profiles { float: right; } .social-profiles ul { margin: -10px 0 0; float:right;list-style: none; } .social-profiles ul li { margin-top:10px; float:left; } .social-profiles ul li a { display: block; width: 30px; height: 30px; text-indent: -99999px; background-image: url(images/social-icons.png); background-position: right bottom; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .social-profiles ul li.facebook a { background-position: 0 0; } .social-profiles ul li.facebook a:hover { background-position: 0 -40px; } .social-profiles ul li.twitter a { background-position: -40px 0; } .social-profiles ul li.twitter a:hover { background-position: -40px -40px; } .social-profiles ul li.google-plus a { background-position: -80px 0; } .social-profiles ul li.google-plus a:hover { background-position: -80px -40px; } .social-profiles ul li.pinterest a { background-position: -120px 0 ; } .social-profiles ul li.pinterest a:hover { background-position: -120px -40px ; } .social-profiles ul li.linked a { background-position: -160px 0; } .social-profiles ul li.linked a:hover { background-position: -160px -40px; } .social-profiles ul li.tumblr a { background-position: -200px 0 ; } .social-profiles ul li.tumblr a:hover { background-position: -200px -40px; } .social-profiles ul li.vimeo a { background-position: -240px 0; } .social-profiles ul li.vimeo a:hover { background-position: -240px -40px; } .social-profiles ul li.my-space a { background-position: -280px 0; } .social-profiles ul li.my-space a:hover { background-position: -280px -40px; } .social-profiles ul li.flickr a { background-position: -320px 0; } .social-profiles ul li.flickr a:hover { background-position: -320px -40px; } .social-profiles ul li.you-tube a { background-position: -360px 0; } .social-profiles ul li.you-tube a:hover { background-position: -360px -40px; } .social-profiles ul li.rss a { background-position: -400px 0; } .social-profiles ul li.rss a:hover { background-position: -400px -40px; } .space35 { margin-bottom: 35px; } /*lay2*/ .lay2 { width: 100%; } .lay2 h2 { text-align: center; margin-top: 20px; } .box { position: relative; width: 230px; height: 0px; padding-bottom: 353px; float: left; opacity: 0.85; } .flip, .bar { position: absolute; } .flip { top: 0px; left: 0px; width: 230px; height: 100%; overflow: hidden; background: rgba(255,255,255,0.5); cursor: pointer; -webkit-animation: flipout 0.5s ease forwards; -moz-animation: flipout 0.5s ease forwards; -o-animation: flipout 0.5s ease forwards; animation: flipout 0.5s ease forwards; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); } .bar { bottom: 0px; left: 0px; width: 100%; background: white; } .bar h3 { font-size: 1.5rem; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; } .box:hover { opacity: 1; } .box:hover > .flip { background: rgba(255,255,255,0.8); -webkit-animation: flipin 0.5s ease forwards; -moz-animation: flipin 0.5s ease forwards; -o-animation: flipin 0.5s ease forwards; animation: flipin 0.5s ease forwards; } @-webkit-keyframes flipout { 0% { -webkit-transform: translate(0px, 0px) scale(1); } 30% { -webkit-transform: translate(0px, -30px) scale(0.98); } 100% { -webkit-transform: translate(0px, 0px) scale(0.9); } } @-o-keyframes flipout { 0% { -o-transform: translate(0px, 0px) scale(1); } 30% { -o-transform: translate(0px, -30px) scale(0.98); } 100% { -o-transform: translate(0px, 0px) scale(0.9); } } @-moz-keyframes flipout { 0% { -moz-transform: translate(0px, 0px) scale(1); } 30% { -moz-transform: translate(0px, -30px) scale(0.98); } 100% { -moz-transform: translate(0px, 0px) scale(0.9); } } @keyframes flipout { 0% { transform: translate(0px, 0px) scale(1); } 30% { transform: translate(0px, -30px) scale(0.98); } 100% { transform: translate(0px, 0px) scale(0.9); } } @-webkit-keyframes flipin { 0% { -webkit-transform: translate(0px, 0px) scale(0.9); } 30% { -webkit-transform: translate(0px, -30px) scale(0.98); } 100% { -webkit-transform: translate(0px, 0px) scale(1); } } @-o-keyframes flipin { 0% { -o-transform: translate(0px, 0px) scale(0.9); } 30% { -o-transform: translate(0px, -30px) scale(0.98); } 100% { -o-transform: translate(0px, 0px) scale(1); } } @-moz-keyframes flipin { 0% { -moz-transform: translate(0px, 0px) scale(0.9); } 30% { -moz-transform: translate(0px, -30px) scale(0.98); } 100% { -moz-transform: translate(0px, 0px) scale(1); } } @keyframes flipin { 0% { transform: translate(0px, 0px) scale(0.9); } 30% { transform: translate(0px, -30px) scale(0.98); } 100% { transform: translate(0px, 0px) scale(1); } } /* Error 404*/ .error1 { text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 100px; margin-left: 0; } .error2{ font-size:150px;} .error1 h4 { font-size:60px; } .error1 a { float:none; } .gray_btn { background: #1f1f1f; float: left; color: #fff !important; font-size: 13px; text-transform: uppercase; border: solid 1px #0c0c0c; -moz-box-shadow: inset -0px 1px #0c0c0c; -webkit-box-shadow: inset -0px 1px #0c0c0c; box-shadow: inset -0px 1px #7b7b7b; margin-top: 15px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 6px; padding-right: 22px; padding-bottom: 6px; padding-left: 22px; } #error3 .searchform { margin:14px auto 30px; width:220px; text-align:left; } #error3 .searchform input { border: none; width:220px; padding:5px; } #error3 input { font-size:16px; } #error3 .search_form_link { position:relative; } #error3 .search_form_link .icon-search:before { color:#c9c9c9; font-size:18px; } #error3 .search_form_link:hover .icon-search:before { color: #000000 !important; } .scrollup { display: block; text-decoration: none; position: relative; bottom: 10px; right: -32%; overflow: hidden; width: 35px; height: 35px; border: none; text-indent: 100%; z-index: 99999999999; border: 1px solid; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out; background-color: #099; background-image: url(images/ui.totop.png); background-repeat: no-repeat; background-position: center; } .scrollup:hover{ opacity:0.7; } /*mobile css */ @media only screen and (max-width:1024px) { .our_work .work { float: left; width: 335px; margin-right:65px; margin-top: 14px; margin-left: 50px; } .lay1 { width: 100%; float: left; margin-top: 30px; padding-top: 10px; margin-left: 0px; } .our_team .work { float: left; width: 300px; margin-right: 70px; margin-top: 14px; margin-left: 65px; } #footer .widgets .widget { margin-right:0px; margin-left:10px;} .client { float: left; margin-right: 40px; margin-bottom: 21px; margin-left: 40px;} } /*ipad 768*1024 */ @media only screen and (max-width:768px) { .style2.midrow_blocks { width:300px; margin-bottom:20px; margin-left:50px;} .icon { margin-left:20%} .our_work .work{float: left; width: 335px; margin-right: 12px; margin-top: 14px; margin-left: 12px;} .client { float: left; margin-right: 37px; margin-bottom: 21px; margin-left: 38px;} .our_team .work { float: left; width: 300px; margin-right: 25px; margin-top: 14px; margin-left: 22px; } .midrow_blocks{ width:300px; margin-bottom:20px; margin-left:50px;} .lay1 { width: 100%; float: left; margin-top: 30px; padding-top: 10px; margin-left: 40px; } .style2.icon_img { width: 80px; height: 80px; border-radius: 50%; margin-left: 36%; border: 2px solid rgba(0, 153, 153, 0.5); } .scrollup {right: -25%;} #footer .widgets .widget { margin-right:0px; margin-left:20px;} body #menu_wrap2 #navmenu ul.menu{ clear: both; position: absolute; top: 120px; width: 100%; z-index: 10000; border: solid 1px #999; display: none; margin-top: 22px; background-color: rgb(51,51,51); width: 60%; margin-left: 18%; } body #menu_wrap #navmenu ul.menu{ clear: both; position: absolute; top: 120px; width: 100%; z-index: 10000; border: solid 1px #999; display: none; margin-top: -70px; background-color: rgb(51,51,51); width: 60%; margin-left: 18%; } #content .top-content { width: 62%; position: relative; float: left; background-color: #FFF; padding: 40px; } } /*iphone 320*480 */ @media only screen and (max-width:480px) { .style2.midrow_blocks { width:280px; margin-bottom:20px; margin-left:10px;} .midrow_blocks { width:280px; margin-bottom:20px; margin-left:10px;} .social-profiles { float: left; margin-left: 10px; margin-right: 20px; } #site-title { padding-top: 20px; float: left; width:90%; margin-top:40px; margin-left:10%; } #menu-icon { padding: 0px; cursor: pointer; font-size: 20px; display: block!important; border: 1px solid #CCC; width: 60%; margin-left: 18%; } body #menu_wrap #navmenu ul.menu { clear: both; position: absolute; top: 42px; width: 100%; z-index: 10000; border: solid 1px #999; display: none; margin-top: -10px; background-color: rgb(51,51,51); width: 60%; margin-left: 18%; } body #menu_wrap2 #navmenu ul.menu{ clear: both; position: absolute; top: 120px; width: 100%; z-index: 10000; border: solid 1px #999; display: none; margin-top: 5px; background-color: rgb(51,51,51); width: 60%; margin-left: 18%; } .entry-title {width:100%; } .entry-title a { font-size:12px !important; padding:0px;} .nivo-caption h3 { padding:5px;} .lay1 .hentry { width: 220px; background: #fff; height: 350px; margin-right: 22px; float: left; margin-bottom: 40px; margin-left: 10px; } .blog_style_b1 .post_content { margin-bottom: 4px; width: 260px; -ms-word-wrap: break-word; word-wrap: break-word; margin-left: -60px; } .share { right: 0px; position: relative;} .blog_style_b1 .pic_wrapper, .blog_style_b1 .sc_slider { margin-left: -80px; } .clients{ text-align:center;} .client { margin-left:15%;} .nivo-caption h3 { font-size:20px !important;} .nivo-controlNav{ display:none !important;} #navmenu ul > li::before { display:none !important;} #content .top-content { width: 100%; position: relative; float: left; background-color: #FFF; padding: 20px; } .b1_pic_wrapper { width:350px; margin-left: -60px; margin-top: 60px; } #sub_banner h1 { font-size:16px;} .style2.icon_imgg { width: 80px; height: 80px; border-radius: 50%; margin-left: 34%; border: 2px solid rgba(0, 153, 153, 0.5); } #footer .widgets .widget { margin-right:0px; margin-left:8%;} }