/*--------------------------
RESET
---------------------------*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video{margin:0; padding:0}
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section{display:block}

table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal;}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
q:before, q:after{content:''}
abbr, acronym{border:0}
/*--------------------------
GLOBAL
---------------------------*/
html { overflow-y:scroll;}
body { font-family: 'Open Sans', sans-serif; font-weight:400; background: url(../images/body-bg.png) repeat;}

.clearfix:after{ content:"";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0}
.clearfix{ display:inline-block }
html[xmlns] .clearfix{ display:block}
* html .clearfix{ height:1%}
.fl{ float:left; }
.fr{ float:right; }
.icon_left{ float:left; margin-right:10px;}

a img {border:0; }
a, a:link{ color:#50b990; text-decoration:none; }
a:hover{ color:#50b990 !important; text-decoration:none;  -webkit-transition: all 0.2s ease; -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;}
::selection {background: rgb(80,185,144); color:#fafafa;}
::-moz-selection {background: rgb(80,185,144); color:#fafafa;}
img::selection {background: transparent;}
img::-moz-selection	{background: transparent;}


h1, h2, h3, h4, h5, h6{ margin:0px 0 20px 0; color:#141414; font-family: 'Open Sans', sans-serif; font-weight:400;}
h1{ font-size:24px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:12px; }
h6{ font-size:10px; }

ul, ol{ margin-bottom:20px; }
ul, ol,{ margin-left:20px; font-size:12px;}
p, span, small, li{ font-size:12px; line-height:22px; color:#757575;}
p{ color:#5a5a5a; margin-bottom:20px; font-family: 'Open Sans', sans-serif; font-weight:300;}

figure, img {max-width:100%; height:auto; margin-bottom:20px;}
img.left {margin:0 20px 0 0; float:left; }
img.right {margin:0 0 0 20px; float:right;}
img.center {  display: block; margin-left: auto; margin-right: auto; }
object, embed, video{max-width:100%; height:auto}

.video-container { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; margin-bottom:20px; }

.video-container iframe,  
.video-container object,  
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.aligncenter{ text-align:center; }
.alignleft{ text-align:left; }
.alignright{ text-align:right; }

/*--------------------------
COLUMN
---------------------------*/
.whole{ width:100%; float:left; margin-bottom:40px;}
.one-half{ width:48%; float:left; margin-left:3.5%; margin-bottom:40px;}
.one-third{  width:31.1%; float:left; margin-left:3.2%; margin-bottom:40px;}
.one-fourth{ width:23.3%; float:left; margin-left:2%; margin-bottom:40px;}
.three-fourth{ width:73.7%; float:left; margin-left:3.5%; margin-bottom:40px;}
.one-fifth{ width:17.9%; float:left; margin-left:2.5%;  margin-bottom:40px;}

/*--------------------------
LAYOUT
---------------------------*/
#page_wrap{ margin: 0 auto;  max-width: 68.75em; padding:0;  /* 988px / 16px = 61.75em */}
.container_wrap{ padding:0; float:left; width:100%; background: rgba(255, 255, 255, 1); box-shadow: 0 0 10px rgba(0,0,0, .1); -webkit-box-shadow: 0 0 10px rgba(0,0,0, .1); -moz-box-shadow: 0 0 10px rgba(0,0,0, .1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; border-top:2px solid #50b990;} 
header{ margin:0 30px;}
.container{ margin:0; float:left; display:block; width:100%; }
.primary-content{ width:69.4%; float:left; padding-top:40px; margin-left:30px;}
.sidebar{ width:21.2%; float:right !important; border-left:1px solid #ddd; padding-left:20px; padding-top:40px; margin-right:30px; }
.content_wrap{ width:94.8%; float:left; margin:40px 0 0 30px;}
footer{ width:100%; float:left; background:#141414; padding:40px 0 0 0; box-shadow: 0 0 10px rgba(0,0,0, .1); -webkit-box-shadow: 0 0 10px rgba(0,0,0, .1); -moz-box-shadow: 0 0 10px rgba(0,0,0, .1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}
.footer-container{ margin:0 30px; display:block;}
/*-------------*/
/*   CONTENT   */
/*-------------*/
h1.logo{ width:171px; height:32px; margin:40px 0; float:left;  text-indent:-999999px; }
h1.logo a{ width:171px; height:32px; display:block; background:url(../images/logo.png) no-repeat;}

span.ads{ float:right; margin:0; }
span.ads a img{ margin:35px 0 40px 0; float:left; border:1px solid #f0f0f0; padding:2px;}
span.ads img{ margin-bottom:0; float:left;}

/*menu*/
.main-menu{ border-top:2px solid #141414; border-bottom:1px solid #ddd; width:100%; float:left;}
nav select { display: none; }
nav{ float:left; width:75%; }
.ddsmoothmenu ul { list-style-type: none; margin: 0 0 0 0; padding: 0; z-index:100; float:left;}
.ddsmoothmenu ul li { font-size:14px; float: left; list-style: none; margin: 0; padding: 0; font-weight:700; position:relative; }
.ddsmoothmenu ul li a { color: #141414; display: block; padding:10px 18px;}

.ddsmoothmenu ul li a.current { color:#fff; border-top:1px solid #50b990; background:#50b990; margin-bottom:-2px;}
.ddsmoothmenu ul li a.current:hover{ color:#fff !important;}
* html .ddsmoothmenu ul li a { display: inline-block; }
.ddsmoothmenu ul li ul { display: none; float:left; left: 0; position: absolute; visibility: hidden; padding:0 0 5px 0; background:rgba(255,255,255, 1); z-index:500; margin-top:0px; border:1px solid #ddd; border-top:0; }
	
.ddsmoothmenu ul li ul li { text-transform:none; display: list-item; float: none; margin-left:-1px; padding:0px 0px; font-weight:400; }
.ddsmoothmenu ul li ul li.no-border{ border-top:0}
.ddsmoothmenu ul li ul li a { color:#242424; font-size:12px; margin: 0 0 0 0; padding:9px 15px; width: 175px; background:0; border-left:0;  border-top-width: 0 }
.ddsmoothmenu ul li ul li a:hover { color:#757575 !important; background:#141414; width: 178px;}
* html .ddsmoothmenu { height: 1%;}

.downarrowclass {  position: absolute; right: 7px; top: 14px; display:none;  }
.rightarrowclass { position: absolute; right: 5px; top: 13px; display:none; }

.ddshadow { height: 0; margin-top: 100px; position: absolute; top: 0; width: 0; }
.toplevelshadow { opacity: 0.8; }

.social-popbox{ float:right;}

ul.social{ float:left; width:140px; margin:10px 0 0 0;}
ul.social li{ float:left; list-style:none; margin:0 3px 0 0; width:32px; height:32px;}
ul.social li a{ float:left; padding:0; margin:0; width:12px; height:12px; padding:10px; }
ul.social li a.facebook{ background:#3c5a98;}
ul.social li a.twitter{ background:#00abf0;}
ul.social li a.skype{ background:#1bb2e7;}
ul.social li a.rss{ background:#ffa13b;}
ul.social li a:hover{ background:#141414;}

.popbox { position:relative; float:right; width:47px !important; height:48px !important;}
.collapse { position:relative; }
.open-search { float:left; text-indent:-999999px; width:47px; height:48px; background:url(../images/search-icon.png) no-repeat center;}
.box { width:207px; display:none; background:#fff; padding:10px; position:absolute; margin:42px 0 0 -102px; border:1px solid #ddd; z-index: 2;}
.box a.close { color:red; font-size:12px; font-family:arial; text-decoration:underline; }
.search_bar{ float:left;}
.search_bar fieldset input{ padding:8px 10px; color:#777; border:0;}
.search_bar fieldset input.search{ width:140px; border:1px solid #eee;}
.search_bar fieldset input.submit{ color:#000; border:1px solid #f7c100; background:url(../images/search-icon-white.png) no-repeat center #50b990; border:0; text-indent:-999999px; padding:8px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px; border-radius: 2px;}
.search_bar fieldset input.submit:hover{ cursor:pointer;}

/*-------------*/
/*   PRIMARY CONTENT   */
/*-------------*/
.breadcrumbs{ border-bottom:1px solid #ddd; width:94.6%; display:block !important; float:left; margin:0 0 0 30px; padding:20px 0;}
.breadcrumbs h2{ margin-bottom:0; font-weight:700; font-size:24px;}
.breadcrumbs span{ font-size:12px;}

.top{ display:block; width:100%; float:left; margin-bottom:40px;}
.primary-content .top{ margin-bottom:20px;}

h2.h-title{ font-weight:700; border-bottom:1px solid #ddd;}
h3.h-title{ font-weight:700; border-bottom:1px solid #ddd;}

#featured{ width:100%; float:left; display:block; margin-bottom:60px;}

.intro{ width:100%; float:left; margin-bottom:60px; border:1px solid #f1f1f1; padding:20px 0; background:#f8f8f8;}
.intro h2{ float:left; width:70%; margin-left:20px; margin-bottom:0;}
.intro h2 strong{ font-weight:700; color:#50b990;}
.intro span{ float:right; margin-top:12px; margin-right:20px;}
.intro span a{ padding:12px 30px; background:#141414; color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px; border-radius: 2px;}
.intro span a:hover{ background:#50b990; color:#fff !important;}

.serv{ margin-bottom:40px;}
.serv h3{ font-weight:400; font-size:14px;}
.serv img{ float:left; margin-right:20px; margin-bottom:0; padding:10px; background:#f0f0f0; -webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px; border-radius: 2px;}
.serv .one-third:hover img{ background:#50b990; -webkit-transition: all 0.2s ease; -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;}
.serv span a{ padding:5px 10px; color:#fff; background:#50b990;}
.serv span a:hover{ color:#fff !important; background:#141414;}

#blog-entry{ width:100%; float:left;}
#blog-entry h2{ font-weight:700; border-bottom:1px solid #ddd;}
#blog-entry h3{ font-weight:700; font-size:16px;}
#blog-entry h3 a{ color:#141414;}
#blog-entry .blog-post{ float:left; width:100%; margin-bottom:25px; padding-bottom:5px; border-bottom:1px solid #ddd;}
#blog-entry .blog-post p a{ text-transform:uppercase; font-size:10px; font-weight:bold;}

#blog-entry .blog-post .bread{ width:100%; float:left; margin-bottom:20px; border-top:1px solid #eee; border-bottom:1px solid #eee; position:relative;}
#blog-entry .blog-post .bread span{ float:left; list-style:none; margin-right:10px; font-size:11px; color:#141414;}
#blog-entry .blog-post .bread span a{ text-transform:none; padding-left:15px; color:#777;}
#blog-entry .blog-post .bread span a.admin{ background:url(../images/user.png) no-repeat left center; }
#blog-entry .blog-post .bread span a.date{ background:url(../images/calendar.png) no-repeat left center;}
#blog-entry .blog-post .bread span a.cat{ background:url(../images/category.png) no-repeat left center;}

p.bubble{ float:right; position:absolute; top:-5px; right:0;}
.spch-bub-inside { position: relative; right:0;}
a.spch-bub-inside { color: #00F; text-decoration: none;}
.spch-bub-inside em { font-style: normal;}
.spch-bub-inside em { background: #50b990; color: #fff; padding: 3px 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative;}
.spch-bub-inside .point { width: 0; height: 0; position: absolute; top: 17px; left: 0.4em; display: block; border-left: 0.45em solid #50b990;  border-bottom: 0.45em solid #FFF; /* IE fix */ border-bottom: 0.45em solid rgba(0,0,0,0);  overflow: hidden; /* IE fix */ }
a.spch-bub-inside:hover { color: #F00;}
a.spch-bub-inside:hover em { cursor: pointer; background: #141414; color: #fff;}
a.spch-bub-inside:hover .point { border-left: 0.5em solid #141414; }

#blog-entry .blog-post .quote h3 {background: url(../images/quote.png) no-repeat left top; padding-left:35px; margin:0;}

#blog-entry .blog-post .img-position-left{ width:100%; float:left;}

#blog-entry .blog-post blockquote.quote{ margin-bottom:20px;}
#blog-entry .blog-post blockquote.quote h3 a{ color:#777; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;}

#blog-entry .post a div span.image-hover-icon{ background:url(../images/image-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:20%; display:block;}
#blog-entry .post a div span.image-link-icon{ background:url(../images/link-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:20%; display:block;}

article.entry{ border-bottom:1px solid #ddd; float:left; width:100%; margin-bottom:50px; position:relative;}
article.entry .blog-post{ border-bottom: none !important;}
article.entry .post a div span.image-link-icon{ margin-top:27% !important; }

article.entry span.post{  position:absolute; left:-76px;  width:32px; height:32px; padding:7px; float:left; }
article.entry span.post-img{ background:url(../images/image-icon.png) #50b990 no-repeat center;}
article.entry span.post-video{ right:-45px; background:url(../images/video-icon.png) #50b990 no-repeat center;}
article.entry span.post-link{ background:url(../images/link-icon.png) #50b990 no-repeat center;}
article.entry span.post-blockquote{ background:url(../images/blockquote-icon.png) #50b990 no-repeat center; }
article.entry span.post-headphone{ background:url(../images/headphone-icon.png) #50b990 no-repeat center; }

.related-post{ width:106%; float:left; margin-bottom:40px;}
.related-post ul li{ float:left; margin-right:14px; width:245px;}
.related-post ul li a img{margin-bottom:0;}
.related-post ul li h3{ font-weight:400 !important; margin-top:15px !important; font-size:14px; line-height:24px;}

.author{ width:100%; float:left; margin-bottom:50px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.author h4{ font-size:14px; font-weight:600;}
.author h4 span{ font-size:11px; font-weight:300;}
.author img{ float:left; margin-right:20px;}

<!--feedback-->
.feedback-wrap{ width:100%; float:left; margin-bottom:40px; }
.feedback-wrap .dvision{ width:100%; float:left; margin:0 0 20px 0px;}
.feedback-wrap .dvision .feedback{ width:100%; float:right; margin-bottom:40px; border-bottom:1px solid #ddd; padding:0 0 40px 0;}
.feedback-wrap .dvision .feedback img{ float:left; border:1px solid #eee; padding:4px;}
.feedback-wrap .dvision .feedback div{ width:88%; float:right;}
.feedback-wrap .dvision .feedback div h4{ float:left; font-size:12px; font-weight:600;}
.feedback-wrap .dvision .feedback div h4 a{ color:#282828;}
.feedback-wrap .dvision .feedback div h4 a:hover{ color:#50b990;}
.feedback-wrap .dvision .feedback div span{ float:right;}
.feedback-wrap .dvision .feedback div span a{ color:#282828;}
.feedback-wrap .dvision .feedback div span a:hover{ color:#50b990;}
.feedback-wrap .dvision .feedback div span.reply{ background: url(../images/comment.png) no-repeat left center; padding-left:22px;}
.feedback-wrap .dvision .feedback div p{ display:block; width:100%; float:left;}

.feedback-wrap .dvision .feed2{ width:88%; float:right;}
.feedback-wrap .dvision .feed2 div{ width:87%;}

.feedback-wrap .dvision .feed3{ width:77%; float:right;}
.feedback-wrap .dvision .feed3 div{ width:85%;}

<!--commentform-->
div.commentf{ float:left; width:100%;}
#commentform{ margin-bottom:70px;}
#commentform .input{ background:#fff; border:1px solid #ddd; color:#777; margin-bottom:20px; padding:10px; width:45%; margin-right:10px;}
#commentform .textarea{ background:#fff; border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; height:180px; padding:10px; width:97%; margin-bottom:10px;}
#commentform label{ font-size:12px; color:#6a6a6a; }
#commentform #name:focus,#commentform #subject:focus, #commentform #mail:focus, #commentform #website:focus,#commentform #message:focus { border:1px solid #dedede; background:#f7f7f7;}
#commentform .button{ width:100px; background-color:#50b990; padding:10px 15px; color:#fff;
	-webkit-border-radius:2px;  -moz-border-radius:2px; -o-border-radius:4px; border-radius:2px; border:0;}
#commentform .button:hover{ cursor:pointer; background:#282828;}

.team{ width:100%; float:left;}
.team .one-third h3{ font-size:14px; }
.team .one-third h3 a{ color:#141414;}
.team .one-third h3 span{ font-size:12px;}

#works-container{ margin-left:20px; width:101%; float:left; margin-bottom:60px;}
#filters{ padding:0; margin:0 0 0 10px; width:100%; float:left; text-align:center;}
.filter-option{ margin:0 0 20px -10px !important; width:100%; float:left;}
#filters li{ list-style:none; display:inline; padding:0; color:#777; font-family: 'Open Sans', sans-serif; font-weight:300;  font-size:14px; }
#filters li a{ padding:2px 7px; text-decoration:none; color:#181818;}
#filters li a.selected{ color:#fff !important; background:#50b990; text-decoration:none;}
#works-container .element { margin:10px; float: left; overflow: hidden; position: relative; width:245px !important; height:235px !important; background:#fff;}
#works-container .element h3{  position:absolute; right:0px; bottom:0; margin-bottom:0; background:rgba(255,255,255, .9); opacity:.9; color:#141414; font-size:14px; padding:3px 10px;}

#works-container .element h3 a{ font-weight:600;}

/*for sidebar only*/
.work-sidebar{ padding:0; margin:0 0 60px -10px!important; width:106% !important;}
.work-sidebar .element{ margin:7px !important; float: left; overflow: hidden; position: relative; width:245px; height:235px; padding:0;}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width;
transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity;
-o-transition-property: top, left, opacity; transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
#container #works-container .element{ width:180px; height:137px;}
#filterable{width:100%; float:left; margin-bottom:20px; margin-left:10px; }
#filterable ul li{ float:left; margin-bottom:5px;}
#filterable ul li a{ font-size:12px; padding:7px 10px; float:left; color:#fff; border:1px solid #149dd1; background:#20ace2; text-shadow:0 1px 1px #149dd1;  -webkit-border-radius: 4px; -moz-border-radius: 47px; -o-border-radius: 4px; border-radius: 4px;}

#works-container .element .post a div span.image-hover-icon{ background:url(../images/image-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:40%; display:block;}
#works-container .element .post a div span.image-link-icon{ background:url(../images/link-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:40%; display:block;}
#works-container .element .post a div span.image-video-icon{ background:url(../images/video-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:40%; display:block;}

.content{ width:100%; float:left; margin:40px 30px;}
.work{ float:left; width:46.4%; margin:0 20px 30px 0; text-align:center;}
.work .post a div span.image-link-icon{background:url(../images/link-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 0 0 auto; margin-top:0; display:block; bottom:0; right:0; position:absolute;}
.work h3{ font-weight:700; font-size:16px;}
.work h3 a{ color:#141414;}
.work .post a div h3{padding:20px 20px 0 20px; color:#999; font-weight:700; font-size:14px; color:#f0f0f0;}
.work .post a div p{ padding:0 20px; color:#999; font-size:13px; line-height:24px;}

.work-col3{ width:30.3%;}

#rg-gallery{ float:left; width:94.5%; margin:40px 30px 0 30px;}

.portfolio-single{ width:69.4%; float:left; float:left; clear:both; margin:40px 0 40px 30px;}
.portfolio-detail{width:22.8%; float:left; margin-left:25px; margin-top:40px;}
ul.project-details{ width:100%; float:left;}
ul.project-details li{ list-style:none; display:block; margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #ddd;}
ul.project-details li strong{ float:left; color:#141414; width:100%; display:block;}
ul.project-details li.visit-website{ border-bottom: none; float:left; margin-top:20px;}
ul.project-details li.visit-website a{ background:#50b990; padding:8px 18px; float:left; color:#fff; font-size:13px; -webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px; border-radius: 2px;}
ul.project-details li.visit-website a:hover{ background:#141414; color:#fff !important;}

.related-project{ float:left; width:94.6%; margin:30px 30px 0 30px;}
.related-project .jcarousel-skin-tango .jcarousel-item-horizontal{
	margin-left: 0;
    margin-right: 20px;
}
/*products*/
/** list view **/
.ctrl{ width:100%; float:left; margin-bottom:40px; padding-top:7px; border-bottom:1px dotted #eee; border-top:1px dotted #eee;}
.ctrl .list-style-buttons{ width:65px; float:right; padding:0; margin:0;}
.ctrl .list-style-buttons a{ float:left; padding:0; margin-left:2px;}
.ctrl .list-style-buttons a img{ margin-bottom:0;}
.ctrl form.left{ float:left; font-size:12px; margin-top:0px;}
.ctrl form.left select{ border:1px solid #eee; background:#fff; padding:5px 5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}

ul.list { list-style: none; width: 100%; }
ul.list li { display: block; width:100%; margin-bottom:40px; border-bottom:1px solid #ddd; padding-bottom:20px; float:left;}
ul.list li ul li{ margin-bottom:0;}
ul.list li section.left { display: block; float: left; position: relative; }
ul.list li section.left img{ float:left;}
ul.list li section.right { display: block; float: right; text-align: right; }
ul.list li section.left span.meta { color: #93989b;}
ul.list li section.right span.price { font-weight: 600; display: block; margin-bottom: 20px; color: #141414; font-size:30px;}
ul.list li section.right span.purchase a{ padding:7px 15px; background:#50b990; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
ul.list li section.right span.purchase a:hover{ background:#141414; color:#fff !important;}
ul.list li section h3{ margin-bottom:10px; font-size:14px; font-weight:600; }
ul.list li section h3 a{ color:#141414; font-weight:600;}

ul.list li div.product-thumb-hover{ float:left; margin-right:20px;}
ul.list li .da-thumbs .post a div span.image-link-icon{ background:url(../images/link-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:38%; display:block;}

ul.list li section.center{ float:left; text-align:left;}
ul.list li section.center em{ font-style:normal; float:left;}

/** GRID VIEW **/
ul.grid { list-style: none; width:105%; }
ul.grid li { position: relative; float: left; margin-bottom:40px; margin-right:13px;}
ul.grid li.item{ margin-right:29.5px;}
ul.grid li section h3{ margin-top:10px; margin-bottom:5px; font-size:14px !important;}
ul.grid li section em{ font-style:normal;}
ul.grid li section.center{ display:block; padding:0; margin-bottom:5px;}
ul.grid li section.center h3 a{ color:#141414; font-weight:600;}
ul.grid li section.right { display:block;}
ul.grid li section.right span.price{ color:#141414 !important; display:block; margin-bottom:10px; font-size:16px; font-weight:400;}
ul.grid li section.right span.purchase a{ padding:7px 15px; background:#50b990; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
ul.grid li section.right span.purchase a:hover{ background:#141414; color:#fff !important;}

/*Contact Information*/
/*CONTACT AREA CSS*/
/* Map */
.map-with-heading{ width:100%; float:left; margin-bottom:40px;}
#map{ display:block;  width:95%;  height:350px;  margin:0 auto;  -moz-box-shadow:0px 5px 20px #ccc;  -webkit-box-shadow:0px 5px 20px #ccc;  box-shadow:0px 5px 20px #ccc}
#map.large{ height:500px}
.map{display:block; width:100%; height:350px; margin:0 auto}
.map img{max-width:none!important}

/* Forms */
input, 
textarea, 
input[type="text"], 
input[type="url"], 
input[type="email"], 
input[type="tel"], 
input[type="number"], 
input[type="password"], 
textarea{color:#43474c; background:transparent; border:1px solid #ddd; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;   padding:10px 6px}

input:focus, 
textarea:focus, 
input[type="text"]:focus, 
input[type="url"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
textarea:focus{border-color:#777; outline:none}
input[type="checkbox"]{width:auto}
textarea{min-width:70%}
select{background:transparent;  border:1px solid #ddd;  width:250px}

/* Contact Form */
.contactform{position:relative; float:left; margin-bottom:60px;}
.contactform fieldset{border:none; padding:0; margin:0; position:relative; float:left}
.contactform fieldset ol, 
.contactform fieldset ol li{list-style:none; padding-left:0; display:inline-block; width:100%; position:relative}
.contactform fieldset ol li{display:inline; margin-bottom:20px; float:left; width:45%}
.contactform fieldset ol li label{display:block; margin-bottom:5px}
.contactform fieldset ol li input[type="text"]{width:90%}
.contactform fieldset ol .message-wrap{width:100%}
.contactform fieldset ol, 
.contactform fieldset ol li{position:relative}
.contactform fieldset ol li textarea{width:98%; min-width:98%; font-family: 'Open Sans', sans-serif;}
.contactform input.submit{ background:#50b990; padding:12px 25px; color:#fff; border:0;}
.contactform input.submit:hover{ background:#141414; padding:12px 25px; color:#fff; border:0; cursor:pointer;}
.error_messages li{ list-style:none; float:left; width:100%; padding-left:25px; background: url(../images/process-stop.png) no-repeat left; color:#141414;}
div.red{ background:#e96f6e; width:95%;}
.alert h3{ color:#141414; font-weight:600; font-size:14px;}
.alert p{ color:#141414; padding-left:25px; background: url(../images/process-accept.png) no-repeat left;}
div.green{ background:#c5dc93; width:95%;}

.info-area{ width:100%; float:left;}
.info-area li{ list-style:none; padding-left:25px; line-height:30px;}
.info-area li.location{ background:url(../images/map.png) no-repeat left center;}
.info-area li.tel{ background: url(../images/phone.png) no-repeat left center;}
.info-area li.email{ background: url(../images/mail-3.png) no-repeat left center;}
.info-area li.skype{ background: url(../images/skype.png) no-repeat left center;}

/*-------------*/
/*   SIDEBAR   */
/*-------------*/
.sidebar .side{ width:100%; margin-bottom:40px; float:left;}
.sidebar .side h3{ font-weight:700; border-bottom:1px solid #ddd;}

.side .video-container{ padding-bottom:70%;}

.subscribe{ float:left;}
.subscribe fieldset input{ padding:8px 10px; color:#777; border:0;}
.subscribe fieldset input.email{ width:123px; border:1px solid #ddd; font-size:11px;} 
.subscribe fieldset input.submit{ color:#fff;  background: #50b990; border:0;  padding:6px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px; border-radius: 2px;}
.subscribe fieldset input.submit:hover{ cursor:pointer;}

#nav { display: block; width: 100%; float:left; }
#nav li { list-style:none; width:100%; float:left; font-size:12px;}
#nav > li > a { display: block !important; width: auto; color: #5a5a5a; text-decoration: none; border: 1px solid #ddd; margin-bottom:1px; padding:5px 10px; background:url(../images/icon-plus.png) no-repeat center; background-position:97% 50%;}
#nav > li > a:hover, #nav > li > a.open { text-indent:inherit; background: url(../images/icon-minus.png) no-repeat center #141414; background-position:97% 50%; color:#777 !important; border:1px solid #141414;}
#nav li ul { display: none; float:left; margin-bottom:2px; border:1px solid #ddd; padding:10px 0; background:#f8f8f8; width:99.5%; }
#nav li ul li{ line-height:22px;}
#nav li ul li a { display: block;  padding-left: 10px; text-decoration: none; color: #5a5a5a;}

#tab{ width:100%; float:left; margin:0 0 10px 0;}
#tab ul.nav{ width:100%; float:left; margin:0; margin-bottom:1px;}
#tab .nav li{ list-style:none; float:left; font-size:12px; margin-right:2px;}
#tab .nav li.last{ margin-right:0;}
#tab .nav li a{ display:block; color:#757575; font-weight:600; border:1px solid #ddd; padding:7px 10px; text-decoration:none; color:#282828; background:#fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
background: 
		-webkit-gradient(
			linear,
			left bottom,
			left 20,
			from(#FFFFFF),
			color-stop(4%, #f6f6f6),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			bottom,
			#FFFFFF,
			#f6f6f6 1px,
			#FFFFFF 20px
			);}
#tab .nav li a.current{ border:1px solid #121212; color:#fff; background: #181818;}
#tab .nav li a.current:hover{ color:#fff !important;}
#tab .list-wrap{ width:auto; float:left; border:1px solid #ddd; display:block; padding:20px 10px;}
#tab .list-wrap #recent,
#tab .list-wrap #popular,
#tab .list-wrap #tags{ float:left; width:100%;}
#tab .list-wrap .blog .third{ float:left; width:100%;}
#tab .list-wrap .blog .third img{ float:left; margin-right:15px;}
#tab .list-wrap .blog .third span a{ color:#5a5a5a;}
#tab .list-wrap .blog .third small{ font-size:11px;}

.tags{ width:100%; float:left;}
.tags li{ float:left; list-style:none; margin-right:1px; margin-bottom:1px;}
.tags li a{ border:1px solid #ddd; padding:4px 5px 4px 25px; float:left; color:#5a5a5a; background:url(../images/tags.png) no-repeat left center; background-position:5px 6px;}

/*-------------*/
/*   FOOTER    */
/*-------------*/
.footer-container .one-fifth h3{ color:#aaa; font-size:14px}
.footer-container .r-blog .third{ float:left; width:100%;}
.footer-container .r-blog .third img{ float:left; margin-right:15px;}
.footer-container .r-blog .third span a{ color:#5a5a5a;}
.footer-container .r-blog .third small{ font-size:11px;}

.tweet_list { list-style: none; margin: 0; padding: 0; overflow-y: hidden;}
.tweet_list li { overflow-y: auto; overflow-x: hidden; list-style-type: none; margin-bottom:15px;}
.tweet_list .tweet_avatar { margin-right: 10px; float: left; } 
.tweet_list .tweet_avatar img { vertical-align: middle; margin-bottom:10px;}

.archives{ width:100%; float:left; }
.archives li{ list-style:none; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #222; font-size:11px;}
.archives li a{ color:#5a5a5a;}
.archives li a:hover{ color:#50b990;}

.footer-contactform{ width:100%; float:left;}
.footer-contactform input{ width:170px;}
.footer-contactform input, .footer-contactform textarea{ border:0; background:#222; color:#5a5a5a; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:11px; padding:5px 10px; margin-bottom:4px; display:block;}
.footer-contactform textarea{ width:170px;}
.footer-contactform input.submit{ width:100px; background:#50b990; color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px; border-radius: 2px; }

footer p.copyright{clear:both; display:block; padding:20px 0; border-top:1px solid #222;}

/*----------------------------*/
/*   GENERAL FEATURE STYLE    */
/*----------------------------*/
blockquote.quote{ float:left; padding:20px; background:#f3f3f3;}
blockquote.quote p{ background: url(../images/quote.png) no-repeat left top; padding-left:35px; margin:0;}

#pagination{ width:100%; float:left; margin-bottom:60px; }
#pagination li{float: left; margin-right: 2px; list-style:none;}
#pagination li a{ border:1px solid #ddd; float:left; padding:4px 12px; color:#5a5a5a;}
#pagination li a.current{ background:#50b990; color:#fff; border:1px solid #50b990; }
#pagination li a.current:hover{ color:#fff !important;}

.page{ margin-left:30px;}

ul.check{ width:100%; float:left; margin-bottom:0;}
ul.check li{ list-style: none;  margin-bottom:7px; background:url(../images/check.png) no-repeat left center; padding-left:20px;}

/*IMAGE HOVER EFFECTS*/
.da-thumbs { list-style: none; position: relative; padding: 0;}
.da-thumbs li { position: relative;}
.da-thumbs li a,
.da-thumbs li a img { display: block; position: relative; margin-bottom:10px;}
.da-thumbs li a { overflow: hidden;}
.da-thumbs li a div { position: absolute; background: #333; background: rgba(0,0,0,0.8); width: 100%; height: 100%;}
.da-thumbs li a div span.image-hover-icon{ background:url(../images/image-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:38%; display:block;}
.da-thumbs li a div span.image-link-icon{ background:url(../images/link-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:38%; display:block;}

.post{ position: relative; text-align:center; margin-bottom:20px;}
.post a,
.post a img { display: block; position: relative; margin-bottom:0;}
.post a { overflow: hidden; margin-bottom:0;}
.post a div { position: absolute; background: #333; background: rgba(0,0,0,0.8); width: 100%; height: 100%; margin:0; padding:0;}
.post a div span.image-hover-icon{ background:url(../images/image-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:20%; display:block;}
.post a div span.image-link-icon{ background:url(../images/link-icon.png) no-repeat center rgba(80,185,144, 1); width:45px; height:45px; margin:0 auto; margin-top:20%; display:block;}

img.image-left{ float:left; margin-right:20px;}
img.image-right{ float:right; margin-left:20px;}

/*Button style*/
.ready-button{ margin:0; width:100%; float:left; margin-bottom:40px;}
.ready-button li{ list-style:none; float:left; margin-right:1.5%; margin-bottom:10px;}
.ready-button li a{ float:left; color:#fff; border:1px solid #149dd1;  background:#23ade2; text-shadow:0 1px 1px #149dd1; padding:10px 15px; float:left;  -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px}
.ready-button li a.one{ color:#fff; border:1px solid #be4537;  background:#ce5042; text-shadow:0 1px 1px #be4537;}
.ready-button li a.two{ color:#777; border:1px solid #eaefd1;  background:#fafee7; text-shadow:0 1px 1px #eaefd1;}
.ready-button li a.three{ color:#fff; border:1px solid #6986a7;  background:#718fb1; text-shadow:0 1px 1px #6986a7;}
.ready-button li a.four{ color:#fff; border:1px solid #04474b;  background:#044f54; text-shadow:0 1px 1px #04474b;}
.ready-button li a.five{ color:#fff; border:1px solid #f36343;  background:#fd6847; text-shadow:0 1px 1px #f36343;}
.ready-button li a.six{ color:#777; border:1px solid #e9e165;  background:#f5ed6e; text-shadow:0 1px 1px #e9e165;}
.ready-button li a.seven{ color:#fff; border:1px solid #f37201;  background:#fe7701; text-shadow:0 1px 1px #f37201;}
.ready-button li a.eight{ color:#fff; border:1px solid #81c276;  background:#8bce7f; text-shadow:0 1px 1px #81c276;}
.ready-button li a.nine{ color:#fff; border:1px solid #f253a5;  background:#ff59af; text-shadow:0 1px 1px #f253a5;}
.ready-button li a.ten{ color:#fff; border:1px solid #131a20;  background:#182128; text-shadow:0 1px 1px #131a20;}
.ready-button li a.eleven{ color:#fff; border:1px solid #dbb671;  background:#e6c079; text-shadow:0 1px 1px #dbb671;}
.ready-button li a.twelve{ color:#fff; border:1px solid #db9192;  background:#e59b9c; text-shadow:0 1px 1px #db9192;}
.ready-button li a.thirten{ color:#fff; border:1px solid #503341;  background:#5b3b4a; text-shadow:0 1px 1px #503341;}
.ready-button li a.fourten{ color:#fff; border:1px solid #734a45;  background:#80554f; text-shadow:0 1px 1px #734a45;}
.ready-button li a:hover{ opacity:.9;}

.alertness{ width:100%; margin-bottom:0; float:left;}
.alert{ padding:20px; width:96%; float:left; margin-bottom:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.alert p{ padding:0; color:#444 !important; font-weight:bold; margin-bottom:0 !important; padding-left:25px;}
.red_alert{ background:#f0807f; border:1px solid #e96f6e;}
.red_alert p{ background: url(../images/process-stop.png) no-repeat left;}
.green_alert{ background:#c5dc93; border:1px solid #adc37c;}
.green_alert p{ background:url(../images/process-accept.png) no-repeat left;}
.blue_alert{ background:#a8c8e7; border:1px solid #93b6d7;}
.blue_alert p{ background:url(../images/process-info.png) no-repeat left;}
.yellow_alert{ background:#f5d575; border:1px solid #e7c868;}
.yellow_alert p{ background:url(../images/process-yellow.png) no-repeat left;}

.fourpage, .underpage{ width:100%; float:left; text-align:center; margin:0 0 60px 0;}
.fourpage h2{ font-size:100px; line-height:100px; font-weight:700; -moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-o-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);}
.fourpage h2 span{ color:#50b990 !important; margin-right:20px; font-size:100px;}
.underpage h3{ font-size:30px;}
ul.site-menu{  width:100%; text-align:center; float:left; margin:0 0 40px 0;}
ul.site-menu li{ display:inline; font-size:12px; list-style:none; }
ul.site-menu li a{ color:#444; padding:0 10px;}

.pricing_table { font-size: 12px; width: 100%; float:left; margin-bottom:40px;}
.price_block { text-align: center; width: 25%; color: #fff; float: left; list-style-type: none; transition: all 0.25s; position: relative; box-sizing: border-box; margin-bottom: 10px;  border-bottom: 1px solid transparent;}
/*Price heads*/
.pricing_table h3 { text-transform: uppercase; padding: 10px 0; background: #141414; font-weight:400; font-size:14px; color:#fff; margin-bottom:0;}
/*Price tags*/
.price_block .price { display: table; background: #444; width: 99.6%; height: 70px; border:1px solid #fff;}
.price-border{ border-left:0;}
.price_figure { text-transform: uppercase;  vertical-align: middle; display: table-cell;}
.price_number { font-size:24px; font-weight:700; color:#fff; display: block; }
.price_tenure { font-size: 11px; color:#777; }
/*Features*/
.features { background: #fff; color: #000; border:}
.features li { padding: 8px 15px; border-bottom: 1px solid #ddd; font-size: 11px; list-style-type: none;}
.footer { padding: 15px; background: #f0f0f0;}
.action_button { text-decoration: none; color: #fff !important; font-weight: bold; border-radius: 2px; background:#141414; padding: 10px 20px; 
font-size: 11px; text-transform: uppercase;}		
.price_block:hover { box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); transform: scale(1.04) translateY(-5px); z-index: 1; border-bottom: 0 none;}
.price_block:hover .price { background:#50b990;}
.price_block:hover h3 {background: #000;}
.price_block:hover .action_button { background:#50b990; }
		

.first{ margin-left:0 !important;}

/* Large desktop */
@media (min-width: 1200px) {
}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body{ padding:0 90px 0 30px;}
.container_wrap{ padding:0 30px;}
header{ margin:0;}
.primary-content{ width:100%; padding:20px 0 0 0; margin:0; float:left;}
.sidebar{ width:100%; padding:0; margin:0; float:left; border-left: none;}

span.ads a img{ display:none;}

.content_wrap{ width:100%; margin:40px 0 0 0;}

.portfolio-single{ width:100%; padding:40px 0 0 0; margin:0 0 20px 0; float:left;}
.portfolio-detail{width:100%; padding:0; margin:0 0 60px 0; float:left;}

footer{ padding:40px 30px 0 30px;}
.footer-container{ margin:0;}

nav{ width:50%; margin-bottom:9px;}
nav ul{ display:none;}
nav select {  display: block; float:left; width:90%; padding:6px 10px; margin-top:9px; border:1px solid #eee; background:#fff; }
.social-popbox{ float:right; width:40%;}

.breadcrumbs{ margin:0; width:100%;}

.feedback-wrap .dvision .feedback{ width:100%; float:left; padding-bottom:20px;}
.feedback-wrap .dvision .feed2{ width:100%; float:left;}
.feedback-wrap .dvision .feed3{ width:100%; float:left;}
.feedback-wrap .dvision .feedback div{ width:87% !important;}

#works-container, .work-sidebar{ margin:0 0 60px 0;}

#rg-gallery{ float:left; width:100%; margin:40px 0 0 0;}

.content{ margin:40px 0 0 0; width:104.5%;}
.work .post a div p{ display:none;}
.work-col3{ width:46.4%}

article.entry span.post{ left:-60px;}

.page{ margin-left:0;}

.alert{ width:93.3%;}

.price_block {width: 50%;}
.price_block:nth-child(odd) {border-right: 1px solid transparent;}
.price_block:nth-child(3) {clear: both;}			
.price_block:nth-child(odd):hover {border: 0 none;}
   
.one-fifth{ width:100%; margin-left:0;}
.one-fourth{ width:100%; margin-left:0;}
	 
/* Landscape phones and down */
@media (max-width: 480px) {
nav{ width:100%;}
nav select {  display: block; float:left; width:100%;}
.social-popbox{ float:left; width:100%;}

.intro h2{ float:left; width:80%; margin-left:20px; margin-bottom:0;}
.intro span{ display:none;}

.feedback-wrap .dvision .feedback{ width:100%; float:left; margin-bottom:20px;}
.feedback-wrap .dvision .feed2{ width:100%; float:left;}
.feedback-wrap .dvision .feed3{ width:100%; float:left;}
.feedback-wrap .dvision .feedback div{ width:100% !important;}
.feedback-wrap .dvision .feedback div h4{ float: none; margin-bottom:0;}
.feedback-wrap .dvision .feedback div span{ float:left; margin-bottom:20px;}

#works-container .element{ margin:0 0 20px 0;}

.content{ width:100%;}
.work{ width:100%;}

ul.list li section.center{ float:left; text-align:left; width:100%;}
ul.list li section.right{ float:left; text-align:left; width:100%; margin-bottom:30px;}

.contactform fieldset ol li{display:inline; margin-bottom:20px; float:left; width:100%}
.contactform fieldset ol li input[type="text"]{width:95%}
.contactform fieldset ol li textarea{width:95%; min-width:95%;}

.ctrl form.left{ float:left; font-size:12px; margin-bottom:20px;}

.alert{ width:88%;}

.price_block {width: 25%;}
.price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
.price_block:last-child {border-right: 0 none;}
.price_block:hover {border: 0 none;}
	
.one-third{ width:100% !important; margin-left:0;}
.one-half{ width:100% !important; margin-left:0;}		
}