Difference between revisions of "Template:Team:LaVerne-Leos/CSS"

(Created page with "/* Author: W3layout Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ */ →‎reset: ht...")
 
Line 1: Line 1:
−
/*
+
<style>
−
Author: W3layout
+
body { background-color: #F0F0D8;
−
Author URL: http://w3layouts.com
+
padding: 0;
−
License: Creative Commons Attribution 3.0 Unported
+
margin: 0; }
−
License URL: http://creativecommons.org/licenses/by/3.0/
+
nav { background-color:#789048;
−
*/
+
list-style-type: none;
−
/* reset */
+
text-align: center;
−
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,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
+
height: 40px;
−
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
+
position: fixed;
−
ol,ul{list-style:none;margin:0;padding:0;}
+
top: 18px;
−
blockquote,q{quotes:none;}
+
                                left: 0;
−
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
+
width: 100%;
−
table{border-collapse:collapse;border-spacing:0;}
+
text-align: center;
−
/* start editing from here */
+
padding-top: 20px; }
−
a{text-decoration:none;}
+
nav ul { padding: 0;
−
.txt-rt{text-align:right;}/* text align right */
+
margin: 0;
−
.txt-lt{text-align:left;}/* text align left */
+
display: inline; }
−
.txt-center{text-align:center;}/* text align center */
+
nav ul li { display: inline-block; }
−
.float-rt{float:right;}/* float right */
+
nav ul li a { text-decoration: none;
−
.float-lt{float:left;}/* float left */
+
color: #F0F0D8;
−
.clear{clear:both;}/* clear float */
+
padding: 22px 30px 23px 30px; }
−
.pos-relative{position:relative;}/* Position Relative */
+
nav a:link { color: #F0F0D8; }
−
.pos-absolute{position:absolute;}/* Position Absolute */
+
nav a:hover { background-color: #93A66D;
−
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
+
                                      text-decoration: none; }
−
.vertical-top{ vertical-align:top;}/* vertical align top */
+
nav a:visited { color: #C0C0AD; }
−
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
+
                        h1, h2, h3 { border-bottom: none; }
−
nav.vertical ul li{ display:block;}/* vertical menu */
+
footer { border-top: thin gray solid;
−
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
+
font-size: .75em;
−
img{max-width:100%;}
+
padding: 0 5px 0 5px;
−
/*end reset*/
+
background-color: #789048;
−
body{
+
color: #F0F0D8; }
−
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
+
−
background:#fff;
+
−
}
+
#banner { text-align: center;
−
.wrap{
+
height: 200px; }
−
width:80%;
+
−
margin:0 auto;
+
#wrapper { margin-left: auto;
−
-moz-transition:all .2s linear;
+
margin-right: auto;
−
-webkit-transition:all .2s linear;
+
background-color: #FFFFFF; }
−
-o-transition:all .2s linear;
+
−
-ms-transition:all .2s linear;
+
#projdes { text-align: center;
−
}
+
border: thin gray solid;
−
.header{
+
border-radius: 15px;
−
background:#F0F2DD;
+
padding: 5px;
−
}
+
background-color: #E0ECB0; }
−
.logo {
+
−
float:left;
+
#whoweare { padding: 0 5px 0 5px; }
−
padding-top: 4px;
+
</style>
−
}
+
−
/*--menu--*/
+
−
.cssmenu{
+
−
float:right;
+
−
padding-top: 6px;
+
−
}
+
−
.cssmenu ul li {
+
−
display: inline-block;
+
−
}
+
−
.cssmenu ul li a {
+
−
color: #000;
+
−
display: block;
+
−
padding: 40px 15px;
+
−
letter-spacing: 1px;
+
−
font-size: 1.1em;
+
−
font-family: 'Karla', sans-serif;
+
−
text-transform: uppercase;
+
−
margin: 13px 10px;
+
−
}
+
−
.cssmenu li.active> a, .cssmenu li> a:hover {
+
−
color:#000;
+
−
background:#59A80F;
+
−
-webkit-transition: all 0.3s ease;
+
−
-moz-transition: all 0.3s ease;
+
−
-o-transition: all 0.3s ease;
+
−
transition: all 0.3s ease;
+
−
}
+
−
/**** Slider *****/
+
−
.index-banner{
+
−
background:url(../images/banner.jpg)no-repeat;
+
−
padding:10px 0;
+
−
}
+
−
.banner-wrap{
+
−
width: 80%;
+
−
margin: 0 auto;
+
−
}
+
−
.wmuSlider {
+
−
position: relative;
+
−
overflow: hidden;
+
−
padding-bottom: 50px;
+
−
}
+
−
.wmuSlider .wmuSliderWrapper article {
+
−
position: relative;
+
−
text-align: center;
+
−
}
+
−
.wmuSlider .wmuSliderWrapper article img {
+
−
max-width: 100%;
+
−
width: auto;
+
−
height: auto;
+
−
display:block;
+
−
margin:0 auto;
+
−
}
+
−
.wmuGallery .wmuGalleryImage {
+
−
position: relative;
+
−
text-align: center;
+
−
}
+
−
.wmuGallery .wmuGalleryImage img {
+
−
max-width: 100%;
+
−
width: auto;
+
−
height: auto;
+
−
}
+
−
/* Default Skin */
+
−
.wmuGallery .wmuGalleryImage {
+
−
margin-bottom: 10px;
+
−
}
+
−
.wmuSliderPrev, .wmuSliderNext {
+
−
position: absolute;
+
−
width: 46px;
+
−
height: 100px;
+
−
text-indent: -9999px;
+
−
background:url(../images/img-sprite.png)no-repeat;
+
−
top:40%;
+
−
z-index: 2;
+
−
cursor: pointer;
+
−
}
+
−
.wmuSliderPrev {
+
−
background-position: -15px -20px;
+
−
left: 0px;
+
−
}
+
−
.wmuSliderNext {
+
−
background-position: -52px -10px;
+
−
right: 0px;
+
−
}
+
−
.btn {
+
−
margin: 30px 60px 0;
+
−
border: none;
+
−
font-family: inherit;
+
−
color:#fff;
+
−
background: none;
+
−
cursor: pointer;
+
−
padding:10px 30px;
+
−
display: inline-block;
+
−
border-bottom: 3px solid #59A80F;
+
−
letter-spacing: 1px;
+
−
outline: none;
+
−
float:right;
+
−
position: relative;
+
−
-webkit-transition: all 0.3s;
+
−
-moz-transition: all 0.3s;
+
−
transition: all 0.3s;
+
−
}
+
−
.btn1 {
+
−
margin:30px 0;
+
−
border: none;
+
−
font-family: inherit;
+
−
color:#fff;
+
−
background: none;
+
−
cursor: pointer;
+
−
padding:8px 20px;
+
−
display: inline-block;
+
−
border-bottom: 3px solid #59A80F;
+
−
letter-spacing: 1px;
+
−
outline: none;
+
−
position: relative;
+
−
-webkit-transition: all 0.3s;
+
−
-moz-transition: all 0.3s;
+
−
transition: all 0.3s;
+
−
}
+
−
.btn-8 {
+
−
display: block;
+
−
background: #000;
+
−
font-size:0.99em;
+
−
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
+
−
-webkit-transform-style: preserve-3d;
+
−
-moz-transform-style: preserve-3d;
+
−
transform-style: preserve-3d;
+
−
}
+
−
.btn-8b:hover {
+
−
background:#222;
+
−
}
+
−
.btn-8 a{
+
−
color: #fff;
+
−
}
+
−
.slider-left{
+
−
float: left;
+
−
padding-top:6%;
+
−
width: 47.5%;
+
−
}
+
−
.slider-left h3{
+
−
font-size:4em;
+
−
color:#000;
+
−
background:#59A80F;
+
−
font-family: "Century Gothic";
+
−
text-transform:uppercase;
+
−
margin-bottom:10px;
+
−
width:70%;
+
−
font-weight:600;
+
−
float:none;
+
−
}
+
−
.slider-left h4{
+
−
font-size:4em;
+
−
color:#000;
+
−
background:#59A80F;
+
−
font-family: "Century Gothic";
+
−
text-transform:uppercase;
+
−
font-weight:600;
+
−
margin-bottom:10px;
+
−
width:100%;
+
−
}
+
−
.slider-right{
+
−
width:52.5%;
+
−
float:left;
+
−
}
+
−
p.top{
+
−
color:#fff;
+
−
font-size:1.7em;
+
−
line-height:1.5em;
+
−
font-family: "Century Gothic";
+
−
background:#9ED54C;
+
−
text-align:left;
+
−
padding:0px 10px;
+
−
width:68%;
+
−
margin-bottom:1px;
+
−
}
+
−
p.middle{
+
−
color:#fff;
+
−
font-size:1.7em;
+
−
line-height:1.5em;
+
−
font-family: "Century Gothic";
+
−
background:#9ED54C;
+
−
text-align:left;
+
−
padding:0px 10px;
+
−
width:64%;
+
−
margin-bottom:1px;
+
−
}
+
−
p.bottom{
+
−
color:#fff;
+
−
font-size:1.7em;
+
−
line-height:1.5em;
+
−
font-family: "Century Gothic";
+
−
background:#9ED54C;
+
−
text-align:left;
+
−
padding:0px 10px;
+
−
width:56%;
+
−
}
+
−
.wmuSliderPagination {
+
−
z-index: 2;
+
−
position: absolute;
+
−
left:50%;
+
−
bottom: 10px;
+
−
}
+
−
.wmuSliderPagination li {
+
−
float: left;
+
−
margin: 0 2px 0 0;
+
−
list-style-type: none;
+
−
}
+
−
.wmuSliderPagination a {
+
−
display: block;
+
−
text-indent: -9999px;
+
−
width:24px;
+
−
height:24px;
+
−
background: url(../images/img-sprite.png)no-repeat -126px -15px;
+
−
}
+
−
.wmuSliderPagination a.wmuActive {
+
−
background: url(../images/img-sprite.png)no-repeat -156px -15px;
+
−
}
+
−
/*--content--*/
+
−
.main{
+
−
background:#F0F2DD;
+
−
}
+
−
.content-top{
+
−
padding:5% 0;
+
−
}
+
−
.content-top h3{
+
−
text-align:center;
+
−
font-size:2.5em;
+
−
color:#424147;
+
−
font-weight:600;
+
−
font-family: "Century Gothic";
+
−
text-transform: uppercase;
+
−
margin-bottom:15px;
+
−
}
+
−
.content-top h5{
+
−
text-align:center;
+
−
font-size:1.5em;
+
−
color: #424147;
+
−
font-weight:600;
+
−
font-family: "Century Gothic";
+
−
margin-bottom:60px;
+
−
}
+
−
.col_1_of_4{
+
−
display: block;
+
−
float:left;
+
−
margin:0% 0 0% 3.6%;
+
−
background: #f6f6f6;
+
−
cursor:pointer;
+
−
}
+
−
.span_1_of_4:hover {
+
−
background:#e1e6ec;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
color: #FFF;
+
−
}
+
−
.col_1_of_4:first-child { margin-left: 0; }
+
−
.span_1_of_4 {
+
−
width: 22.3%;
+
−
}
+
−
.span_1_of_first {
+
−
width: 22.3%;
+
−
}
+
−
.span_1_of_first img{
+
−
display:block;
+
−
}
+
−
.span_1_of_4  p {
+
−
font-size:0.8125em;
+
−
color: #000;
+
−
line-height: 1.5em;
+
−
}
+
−
.desc{
+
−
background:#9ED54C;
+
−
padding: 20px;
+
−
}
+
−
.desc h4{
+
−
color: #000;
+
−
font-size: 1.5em;
+
−
text-transform: uppercase;
+
−
}
+
−
.desc h4 span{
+
−
float:right;
+
−
font-size:12px;
+
−
text-transform:lowercase;
+
−
}
+
−
span.small{
+
−
color:#E2FF9E;
+
−
}
+
−
.grid1{
+
−
text-align:center;
+
−
padding: 26px 0px 10px 0px;
+
−
}
+
−
.grid1 img{
+
−
padding: 23px 0;
+
−
}
+
−
.grid1 h4{
+
−
color:#5C5401;
+
−
text-transform:uppercase;
+
−
font-size:1.5em;
+
−
}
+
−
.desc p{
+
−
color: #000;
+
−
font-size: 0.8999em;
+
−
line-height: 1.8em;
+
−
text-align: center;
+
−
}
+
−
/*--content-middle--*/
+
−
.content-middle{
+
−
padding-bottom:3%;
+
−
}
+
−
.content-middle h2{
+
−
font-size: 1.5em;
+
−
text-transform: uppercase;
+
−
text-align: center;
+
−
background:url(../images/bg-h2.png) repeat-x center;
+
−
margin-bottom:40px;
+
−
}
+
−
.content-middle h2 span{
+
−
background:#424147;
+
−
color:#fff;
+
−
padding:5px 40px;
+
−
}
+
−
.content-middle p{
+
−
text-align:center;
+
−
color:#424146;
+
−
font-size: 1.4em;
+
−
padding:1% 0;
+
−
}
+
−
#tiles {
+
−
  list-style-type: none;
+
−
  position: relative;
+
−
  margin: 0;
+
−
}
+
−
#tiles li {
+
−
  background-color: #000000;
+
−
}
+
−
#tiles li img {
+
−
  display: block;
+
−
  cursor: pointer;
+
−
}
+
−
#tiles ali:nth-child(3n) {
+
−
  height: 175px;
+
−
}
+
−
#tiles ali:nth-child(4n-3) {
+
−
  padding-bottom: 30px;
+
−
}
+
−
#tiles ali:nth-child(5n) {
+
−
  height: 250px;
+
−
}
+
−
/** General page styling **/
+
−
#main1 {
+
−
  padding: 30px 0 30px 0;
+
−
}
+
−
.content-bottom{
+
−
padding-bottom:5%;
+
−
}
+
−
.content-bottom h2{
+
−
font-size: 1.5em;
+
−
text-transform: uppercase;
+
−
text-align: center;
+
−
background:url(../images/bg-h2.png) repeat-x center;
+
−
margin-bottom:40px;
+
−
}
+
−
.content-bottom h2 span{
+
−
background:#424147;
+
−
color:#fff;
+
−
padding:5px 40px;
+
−
}
+
−
.content-bottom p{
+
−
text-align:center;
+
−
color:#424146;
+
−
font-size: 1.4em;
+
−
padding: 1% 0 3%;
+
−
}
+
−
/*--thumbs--*/
+
−
#jquery-script-menu {
+
−
position: fixed;
+
−
height: 90px;
+
−
width: 100%;
+
−
top: 0;
+
−
left: 0;
+
−
border-top: 5px solid #316594;
+
−
background: #fff;
+
−
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
+
−
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
+
−
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
+
−
z-index: 999999;
+
−
padding: 10px 0;
+
−
}
+
−
.jquery-script-center {
+
−
width: 960px;
+
−
margin: 0 auto;
+
−
}
+
−
.jquery-script-center ul {
+
−
width: 212px;
+
−
float:left;
+
−
line-height:45px;
+
−
margin:0;
+
−
padding:0;
+
−
list-style:none;
+
−
}
+
−
.jquery-script-center a {
+
−
text-decoration:none;
+
−
}
+
−
.jquery-script-ads {
+
−
width: 728px;
+
−
height:90px;
+
−
float:right;
+
−
}
+
−
.jquery-script-clear {
+
−
clear:both;
+
−
height:0;
+
−
}
+
−
.clearout {
+
−
height: 20px;
+
−
clear: both;
+
−
}
+
−
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
+
−
display: none;
+
−
}
+
−
.nbs-flexisel-container {
+
−
position: relative;
+
−
max-width: 100%;
+
−
}
+
−
.nbs-flexisel-ul {
+
−
position: relative;
+
−
width: 9999px;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
list-style-type: none;
+
−
text-align: center;
+
−
}
+
−
.nbs-flexisel-inner {
+
−
overflow: hidden;
+
−
width:80%;
+
−
margin: 0 auto;
+
−
}
+
−
.nbs-flexisel-item {
+
−
float: left;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
cursor: pointer;
+
−
position: relative;
+
−
line-height: 0px;
+
−
}
+
−
.nbs-flexisel-item > img {
+
−
width:50%;
+
−
cursor: pointer;
+
−
positon: relative;
+
−
margin-top: 10px;
+
−
margin-bottom: 10px;
+
−
max-width: 100px;
+
−
max-height: 45px;
+
−
}
+
−
/*** Navigation ***/
+
−
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
+
−
width: 46px;
+
−
height: 100px;
+
−
position: absolute;
+
−
cursor: pointer;
+
−
z-index: 100;
+
−
}
+
−
.nbs-flexisel-nav-left {
+
−
left: 0px;
+
−
background: url(../images/img-sprite.png) no-repeat -19px -21px;
+
−
}
+
−
.nbs-flexisel-nav-right {
+
−
right: 0px;
+
−
background: url(../images/img-sprite.png) no-repeat -55px -20px;
+
−
}
+
−
/*--footer--*/
+
−
/*  GRID OF THREE  ============================================================================= */
+
−
.col_1_of_3{
+
−
display: block;
+
−
float:left;
+
−
margin:0% 0 0% 4.6%;
+
−
}
+
−
.col_1_of_3:first-child { margin-left: 0; }
+
−
.span_1_of_3 {
+
−
width: 30.2%;
+
−
}
+
−
.span_1_of_3  h3{
+
−
color:#000;
+
−
margin-bottom:30px;
+
−
font-size:1.5em;
+
−
line-height: 1.2;
+
−
font-weight : normal;
+
−
margin-top: 0px;
+
−
letter-spacing: -1px;
+
−
}
+
−
.span_1_of_3  h4{
+
−
color:#000;
+
−
margin-bottom:20px;
+
−
font-size:1.5em;
+
−
line-height: 1.2;
+
−
font-weight : normal;
+
−
margin-top: 0px;
+
−
letter-spacing: -1px;
+
−
}
+
−
.span_1_of_3  p  {
+
−
font-size:0.8125em;
+
−
color: #000;
+
−
line-height: 1.5em;
+
−
}
+
−
/***** Media Quries *****/
+
−
@media only screen and (max-width: 1024px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
}
+
−
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
+
−
@media only screen and (max-width: 640px) and (min-width: 480px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
.col_1_of_3{
+
−
margin: 1% 0 1% 0%;
+
−
}
+
−
.span_1_of_3 {
+
−
width:94%;
+
−
padding:3%; 
+
−
}
+
−
}
+
−
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
+
−
@media only screen and (max-width: 480px) {
+
−
   
+
−
    .wrap{
+
−
width:95%;
+
−
}
+
−
.col_1_of_3{
+
−
margin: 1% 0 1% 0%;
+
−
}
+
−
.span_1_of_3 {
+
−
width:92%;
+
−
padding:4%;
+
−
}
+
−
}
+
−
.footer-top{
+
−
background:#9ED54C;
+
−
padding:2% 0;
+
−
}
+
−
.gallery li{
+
−
float: left;
+
−
width: 31.9%;
+
−
padding-right: 5px;
+
−
}
+
−
.gallery li img{
+
−
display:block;
+
−
}
+
−
.footer-list li{
+
−
padding-bottom: 20px;
+
−
}
+
−
.footer-list li img{
+
−
float:left;
+
−
margin-right:20px;
+
−
}
+
−
.footer-list li p{
+
−
width: 85.5%;
+
−
float: left;
+
−
padding: 0;
+
−
}
+
−
span.yellow a{
+
−
color: #000;
+
−
    text-decoration: underline
+
−
}
+
−
span.yellow a:hover{
+
−
color:#fff;
+
−
}
+
−
.social-icons ul li:first-child, ol li:first-child {
+
−
margin-top: 0px;
+
−
margin-left: 0;
+
−
}
+
−
.social-icons li {
+
−
background: none;
+
−
padding: 0px;
+
−
display: inline-block;
+
−
}
+
−
li.facebook a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -283px -14px;
+
−
}
+
−
li.facebook a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -283px -46px;
+
−
}
+
−
li.google a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -316px -14px;
+
−
}
+
−
li.google a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -316px -46px;
+
−
}
+
−
li.twitter a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -349px -14px;
+
−
}
+
−
li.twitter a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -349px -46px;
+
−
}
+
−
li.linkedin a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -382px -14px;
+
−
}
+
−
li.linkedin a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -382px -46px;
+
−
}
+
−
li.youtube a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -416px -14px;
+
−
}
+
−
li.youtube a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -416px -46px;
+
−
}
+
−
li.bloger a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -448px -14px;
+
−
}
+
−
li.bloger a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -448px -46px;
+
−
}
+
−
li.rss a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -482px -14px;
+
−
}
+
−
li.rss a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -482px -46px;
+
−
}
+
−
li.dribble a span {
+
−
height: 30px;
+
−
width: 30px;
+
−
display: block;
+
−
background: url(../images/img-sprite.png) no-repeat -515px -14px;
+
−
}
+
−
li.dribble a span:hover {
+
−
background: url(../images/img-sprite.png) no-repeat -515px -46px;
+
−
}
+
−
.social-icons h4{
+
−
color: #FFF;
+
−
margin-bottom:15px;
+
−
font-size: 1.4em;
+
−
line-height: 1.2;
+
−
font-weight: normal;
+
−
margin-top: 0px;
+
−
letter-spacing: -1px;
+
−
}
+
−
.follow{
+
−
padding-top:30px;
+
−
}
+
−
.follow h4{
+
−
color: #FFF;
+
−
margin-bottom: 15px;
+
−
font-size: 1.4em;
+
−
line-height: 1.2;
+
−
font-weight: normal;
+
−
margin-top: 0px;
+
−
letter-spacing: -1px;
+
−
}
+
−
.text{
+
−
border-bottom:1px solid #59A80F;
+
−
color:#fff;
+
−
}
+
−
.text img{
+
−
float:right;
+
−
}
+
−
.footer-bottom{
+
−
background:#000;
+
−
padding:2% 0;
+
−
}
+
−
.copy {
+
−
float:left;
+
−
padding-top: 7px;
+
−
}
+
−
.copy p {
+
−
color: #fff;
+
−
font-size:0.89em;
+
−
}
+
−
p.copy a {
+
−
color:#59A80F;
+
−
}
+
−
p.copy a:hover{
+
−
color:#fff;
+
−
}
+
−
.footer-nav{
+
−
float:right;
+
−
}
+
−
.footer-nav ul li {
+
−
display: inline-block;
+
−
}
+
−
.footer-nav ul li a {
+
−
color: #CCC;
+
−
display: block;
+
−
letter-spacing: 1px;
+
−
font-size: 0.89em;
+
−
text-transform: uppercase;
+
−
margin: 13px 10px;
+
−
}
+
−
.footer-nav ul li a:hover {
+
−
color:#fff;
+
−
}
+
−
.follow p {
+
−
font-size: 0.8125em;
+
−
color: #FFF;
+
−
line-height: 1.5em;
+
−
margin-bottom:20px;
+
−
}
+
−
.search {
+
−
border-bottom:2px solid #59A80F;
+
−
color:#fff;
+
−
}
+
−
.search input[type=text] {
+
−
outline: none;
+
−
padding: 2px 16px;
+
−
outline: none;
+
−
color: #FFF;
+
−
background: none;
+
−
border: none;
+
−
width: 90.5%;
+
−
line-height: 1.5em;
+
−
}
+
−
.search input[type=submit] {
+
−
background:url('../images/email.png') no-repeat 0px 0px;
+
−
padding:4px 14px;
+
−
border: none;
+
−
cursor: pointer;
+
−
position: absolute;
+
−
line-height: 1.5em;
+
−
outline:none;
+
−
}
+
−
/*--portfolio--*/
+
−
.banner{
+
−
background:url(../images/banner.jpg)no-repeat;
+
−
padding:50px 0;
+
−
}
+
−
.banner h2{
+
−
color: #f6f6f6;
+
−
background: #424146;
+
−
padding: 10px 60px 10px 20px;
+
−
font-size: 2em;
+
−
text-transform: uppercase;
+
−
font-weight: 600;
+
−
float: left;
+
−
}
+
−
/*---start-portfolio-----*/
+
−
.project-wrapper{
+
−
padding:50px 0 30px;
+
−
}
+
−
#info {
+
−
-webkit-border-radius:5px;
+
−
-moz-border-radius:5px;
+
−
border-radius:5px;
+
−
background:#fcf8e3;
+
−
border:1px solid  #fbeed5;
+
−
width:95%;
+
−
max-width:900px;
+
−
margin:0 auto 40px auto;
+
−
font-family:arial;
+
−
font-size:12px;
+
−
-webkit-box-sizing: border-box;
+
−
-moz-box-sizing: border-box;
+
−
-o-box-sizing: border-box;
+
−
}
+
−
#info .info-wrapper {
+
−
padding:10px;
+
−
-webkit-box-sizing: border-box;
+
−
-moz-box-sizing: border-box;
+
−
-o-box-sizing: border-box;
+
−
 
+
−
}
+
−
#info a {
+
−
color:#c09853;
+
−
text-decoration:none;
+
−
}
+
−
#info p {
+
−
margin:5px 0 0 0;
+
−
}
+
−
.container {
+
−
position: relative;
+
−
-webkit-transition: all 1s ease;
+
−
  -moz-transition: all 1s ease;
+
−
  -o-transition: all 1s ease;
+
−
  transition: all 1s ease;
+
−
}
+
−
#filters {
+
−
padding: 0% 10% 5% 10%;
+
−
list-style:none;
+
−
}
+
−
  #filters li {
+
−
float:left;
+
−
}
+
−
  #filters li span {
+
−
display: block;
+
−
padding: 10px 30px;
+
−
text-decoration: none;
+
−
color: #666;
+
−
cursor: pointer;
+
−
font-size: 1.5em;
+
−
}
+
−
#filters li span.active {
+
−
background:#59A80F;
+
−
color:#000;
+
−
}
+
−
#portfoliolist .portfolio {
+
−
-webkit-box-sizing: border-box;
+
−
-moz-box-sizing: border-box;
+
−
-o-box-sizing: border-box;
+
−
width: 31.3%;
+
−
margin:1%;
+
−
display:none;
+
−
float:left;
+
−
overflow:hidden;
+
−
}
+
−
  .portfolio-wrapper {
+
−
overflow:hidden;
+
−
position: relative !important;
+
−
background:#D5C301;
+
−
cursor:pointer;
+
−
}
+
−
  .portfolio img {
+
−
max-width:100%;
+
−
position: relative;
+
−
display:block;
+
−
transition: all 300ms!important;
+
−
-webkit-transition: all 300ms!important;
+
−
-moz-transition: all 300ms!important;
+
−
}
+
−
      .portfolio .text-category {
+
−
display:block;
+
−
font-size:9px;
+
−
font-size: 12px;
+
−
text-transform:uppercase;
+
−
color:#000;
+
−
}
+
−
/* #Tablet (Portrait) */
+
−
@media only screen and (min-width: 768px) and (max-width: 959px) {
+
−
.container {
+
−
}
+
−
}
+
−
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
+
−
@media only screen and (max-width: 767px) {
+
−
.container {
+
−
width: 95%;
+
−
}
+
−
#ads {
+
−
display:none;
+
−
}
+
−
}
+
−
/* #Mobile (Landscape) - Note: Design for a width of 480px */
+
−
@media only screen and (min-width: 480px) and (max-width: 767px) {
+
−
.container {
+
−
width: 70%;
+
−
}
+
−
#ads {
+
−
display:none;
+
−
}
+
−
}
+
−
.wrapper{
+
−
padding: 0 1% 3% 1%;
+
−
}
+
−
.portfolio-top {
+
−
padding: 5% 0 0;
+
−
}
+
−
.portfolio-top h3 {
+
−
text-align: center;
+
−
font-size: 2.5em;
+
−
color: #424147;
+
−
font-weight: 600;
+
−
font-family: "Century Gothic";
+
−
text-transform: uppercase;
+
−
margin-bottom: 15px;
+
−
}
+
−
.portfolio-top h5 {
+
−
text-align: center;
+
−
font-size: 1.5em;
+
−
color: #424147;
+
−
font-weight: 600;
+
−
font-family: "Century Gothic";
+
−
margin-bottom: 60px;
+
−
}
+
−
.links{
+
−
padding:10px 20px;
+
−
}
+
−
.links h4{
+
−
padding-bottom: 10px;
+
−
float:left;
+
−
}
+
−
p.img{
+
−
float:right;
+
−
color:#fff;
+
−
font-size:0.99em;
+
−
display: -webkit-box;
+
−
padding-top: 3px;
+
−
}
+
−
.links h4 a{
+
−
color:#fff;
+
−
font-size:1.4em;
+
−
}
+
−
.links h4 a:hover{
+
−
color:#000;
+
−
}
+
−
.links ul li a {
+
−
font-size: 13px;
+
−
color: #FFF;
+
−
padding-left: 5px;
+
−
}
+
−
.links ul li a:hover {
+
−
text-decoration:underline;
+
−
}
+
−
.project-bottom{
+
−
padding:20px;
+
−
}
+
−
.project{
+
−
width:71.9%;
+
−
float: left;
+
−
margin-right:2.6%;
+
−
}
+
−
.proj-desc{
+
−
border-bottom: 1px solid #DBDBDB;
+
−
padding-bottom:30px;
+
−
margin-bottom:30px;
+
−
}
+
−
.proj-desc h4{
+
−
background:#424147;
+
−
color:#ffea00;
+
−
float:left;
+
−
font-size:1.4em;
+
−
padding:5px 10px;
+
−
margin-bottom:20px;
+
−
text-transform: uppercase;
+
−
}
+
−
.proj-desc p{
+
−
line-height: 1.8em;
+
−
font-size: 0.91em;
+
−
color:#424147;
+
−
}
+
−
.project-slider{
+
−
padding:0px 0 60px;
+
−
}
+
−
.related-desc h4 {
+
−
background: #424147;
+
−
color: #FFEA00;
+
−
float:left;
+
−
font-size: 1.4em;
+
−
padding: 5px 10px;
+
−
margin-bottom:30px;
+
−
}
+
−
.project-sidebar{
+
−
width: 25.5%;
+
−
float: left;
+
−
}
+
−
.project-list{
+
−
background:#424147;
+
−
padding: 30px;
+
−
margin-bottom:30px;
+
−
}
+
−
.project-list li, .project-list1 li{
+
−
margin-bottom:20px;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
float: left;
+
−
margin-right: 20px;
+
−
}
+
−
.project-list li p {
+
−
width: 84.5%;
+
−
float: left;
+
−
padding-top: 5px;
+
−
}
+
−
.project-list li p a{
+
−
color:#fff;
+
−
font-size:0.89em;
+
−
text-transform: uppercase;
+
−
}
+
−
.project-list li p a:hover{
+
−
color: #FFEA00;
+
−
}
+
−
.project-list h4, .project-list1 h4, .project-list2 h4{
+
−
font-size:1.4em;
+
−
color:#ffea00;
+
−
margin-bottom: 30px;
+
−
text-transform: uppercase;
+
−
}
+
−
.project-list1 li p{
+
−
width: 64.5%;
+
−
float: left;
+
−
}
+
−
.project-list1 li p a{
+
−
padding: 0;
+
−
color: #FFF;
+
−
font-size: 0.8125em;
+
−
text-transform: uppercase;
+
−
}
+
−
.project-list1 li p a:hover{
+
−
color:#FFEA00;
+
−
}
+
−
.project-list1{
+
−
background:#424147;
+
−
padding: 30px;
+
−
margin-bottom:30px;
+
−
}
+
−
span.likes{
+
−
float:right;
+
−
font-size: 0.8125em;
+
−
color: #FFF;
+
−
padding-top: 18px;
+
−
}
+
−
span.likes img{
+
−
float: none;
+
−
margin-right: 0;
+
−
vertical-align: middle;
+
−
}
+
−
span.link a{
+
−
color:#fff;
+
−
margin-right: 10px;
+
−
}
+
−
span a:hover{
+
−
text-decoration:underline;
+
−
}
+
−
.project-list2 {
+
−
background: #424147;
+
−
padding: 30px;
+
−
}
+
−
.project-list2 li{
+
−
float: left;
+
−
background: #FFEA00;
+
−
padding:5px;
+
−
margin:2px;
+
−
}
+
−
.project-list2 li a{
+
−
color: #000;
+
−
text-transform: uppercase;
+
−
font-size: 0.89em;
+
−
}
+
−
.project-list2 li a:hover{
+
−
color:#7A732A;
+
−
}
+
−
/*--end portfolio--*/
+
−
/*--start blog--*/
+
−
.blog-left{
+
−
width:48.5%;
+
−
margin-right:2.6%;
+
−
float:left;
+
−
}
+
−
.blog-right{
+
−
width:48.5%;
+
−
float:left;
+
−
}
+
−
.blog-bg{
+
−
background:#ffea00;
+
−
margin-bottom: 20px;
+
−
}
+
−
.blog-img, .blog-img1{
+
−
margin-bottom:20px;
+
−
}
+
−
.blog-img img{
+
−
width: 100%;
+
−
display: block;
+
−
}
+
−
.blog-img1 img{
+
−
display:block;
+
−
width: 100%;
+
−
}
+
−
.blog-img2 img{
+
−
display:block;
+
−
width: 100%;
+
−
}
+
−
.blog-left h4{
+
−
color:#000;
+
−
font-style: italic;
+
−
font-size:1.4em;
+
−
padding:10px 30px 0;
+
−
}
+
−
span.author{
+
−
float:right;
+
−
font-size:0.95em;
+
−
padding: 0 10px 5px;
+
−
}
+
−
.blog-desc{
+
−
background:#ffea00;
+
−
padding:30px;
+
−
}
+
−
.blog-desc h5{
+
−
color:#000;
+
−
font-size:1.6em;
+
−
text-transform:uppercase;
+
−
}
+
−
.single-img img{
+
−
display:block;
+
−
}
+
−
.blog-desc p{
+
−
color:#777;
+
−
font-size:0.95em;
+
−
padding-top: 10px;
+
−
}
+
−
.comment{
+
−
padding-top:20px;
+
−
}
+
−
span.icon{
+
−
font-size: 0.95em;
+
−
float: left;
+
−
color:#555;
+
−
display: -webkit-box;
+
−
}
+
−
.comment-desc{
+
−
float: right;
+
−
color: #000;
+
−
font-size: 0.95em;
+
−
vertical-align:top;
+
−
}
+
−
.comment-desc a:hover{
+
−
text-decoration:underline;
+
−
}
+
−
.comment-desc a{
+
−
vertical-align:top;
+
−
color:#000;
+
−
}
+
−
.search_box{
+
−
background:#f6f6f6;
+
−
border-radius:20px;
+
−
-webkit-border-radius:20px;
+
−
-moz-border-radius:20px;
+
−
-o-border-radius:20px;
+
−
}
+
−
.search_box form input[type=text] {
+
−
outline: none;
+
−
padding: 2px 16px;
+
−
outline: none;
+
−
color: #000;
+
−
background: none;
+
−
border: none;
+
−
width: 83.33%;
+
−
line-height: 1.5em;
+
−
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
+
−
}
+
−
.search_box form input[type=submit] {
+
−
background: url('../images/search.png') no-repeat -3px 0px;
+
−
padding: 4px 14px;
+
−
border: none;
+
−
cursor: pointer;
+
−
position: absolute;
+
−
line-height: 1.5em;
+
−
outline: none;
+
−
}
+
−
ul.blog-list{
+
−
width:50%;
+
−
float:left;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p{
+
−
width: 69.5%;
+
−
float: left;
+
−
text-transform: uppercase;
+
−
padding-top: 5px;
+
−
}
+
−
ul.blog-list li p a, .ul.blog-list1 li p a{
+
−
color: #FFF;
+
−
font-size: 0.89em;
+
−
}
+
−
ul.blog-list li p a:hover, .ul.blog-list1 li p a:hover{
+
−
color:#FFEA00;
+
−
}
+
−
ul.dc_pagination {
+
−
height: 100%;
+
−
list-style-type: none;
+
−
margin: 50px 0 30px;
+
−
overflow: hidden;
+
−
padding: 0px;
+
−
margin-left: 30px;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-left: 0px;
+
−
margin-right:25%;
+
−
text-transform: uppercase;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:25%;
+
−
margin-right:0px;
+
−
text-transform: uppercase;
+
−
}
+
−
ul.dc_pagination li {
+
−
float: left;
+
−
margin: 0px;
+
−
margin-left: 5px;
+
−
padding: 0px;
+
−
}
+
−
ul.dc_pagination li a {
+
−
color:#000;
+
−
display: block;
+
−
padding: 7px 10px 7px 10px;
+
−
text-decoration: none;
+
−
font-size: 1.5em;
+
−
}
+
−
ul.dc_paginationA06 li a:hover, ul.dc_paginationA06 li a.current {
+
−
background:#ffea00;
+
−
color:#000;
+
−
}
+
−
/*--single--*/
+
−
.single-wrapper{
+
−
padding:50px 0;
+
−
}
+
−
.single-blog{
+
−
width: 67.3%;
+
−
float: left;
+
−
padding:0 3.6%;
+
−
}
+
−
p.blog-text{
+
−
color: #000;
+
−
font-size: 0.95em;
+
−
line-height: 1.8em;
+
−
padding: 30px 0;
+
−
}
+
−
.share-point{
+
−
border-bottom: 1px solid #DBDBDB;
+
−
margin-bottom:30px;
+
−
padding-bottom:30px;
+
−
}
+
−
.point{
+
−
color: #FFEA00;
+
−
background: #424146;
+
−
float:left;
+
−
}
+
−
.point h5{
+
−
font-size: 1.4em;
+
−
padding: 5px 10px;
+
−
text-transform: uppercase;
+
−
}
+
−
.social-list{
+
−
float:right;
+
−
}
+
−
.social-list li{
+
−
display:inline-block;
+
−
margin-right: 20px;
+
−
}
+
−
.social-list li.last{
+
−
margin-right:0px;
+
−
}
+
−
.social-list li img{
+
−
float: left;
+
−
}
+
−
.social-list li p {
+
−
float: left;
+
−
padding: 4px 10px 4px 10px;
+
−
background:#ffea00;
+
−
color:#000;
+
−
}
+
−
.gallery li p{
+
−
background:#ffea00;
+
−
padding:20px;
+
−
line-height:1.5em;
+
−
color:#000;
+
−
font-size:1.4em;
+
−
}
+
−
.related-post{
+
−
border-bottom: 1px solid #DBDBDB;
+
−
margin-bottom: 30px;
+
−
padding-bottom: 30px;
+
−
}
+
−
.related-post h4 {
+
−
background: #424147;
+
−
color: #FFEA00;
+
−
text-transform: uppercase;
+
−
font-size: 1.4em;
+
−
padding: 5px 10px;
+
−
margin-bottom: 30px;
+
−
float: left;
+
−
}
+
−
.blog-comment h5{
+
−
background: #424147;
+
−
color: #FFEA00;
+
−
font-size: 1.4em;
+
−
padding:5px 20px;
+
−
float: left;
+
−
text-transform: uppercase;
+
−
}
+
−
ul.list{
+
−
border-bottom: 1px solid #DBDBDB;
+
−
margin-bottom: 30px;
+
−
padding:30px 0 0;
+
−
}
+
−
.list li{
+
−
padding-bottom:30px;
+
−
}
+
−
.preview{
+
−
float: left;
+
−
width: 5.5%;
+
−
margin-right: 10px;
+
−
}
+
−
.data{
+
−
float: left;
+
−
width: 93.5%;
+
−
}
+
−
.title {
+
−
color: #444;
+
−
font-size: 0.99em;
+
−
font-weight:600;
+
−
margin: 0 0 10px 0;
+
−
}
+
−
.title a{
+
−
color:#CFBE01;
+
−
}
+
−
.title a:hover{
+
−
color:#424147;
+
−
}
+
−
.data p{
+
−
color:#000;
+
−
font-size:0.89em;
+
−
line-height:1.5em;
+
−
}
+
−
li.middle{
+
−
padding:0 0px 0 70px;
+
−
margin-bottom: 30px;
+
−
}
+
−
.data-middle{
+
−
float: left;
+
−
width: 92.5%;
+
−
}
+
−
.data-middle p {
+
−
color: #000;
+
−
font-size: 0.89em;
+
−
line-height: 1.5em;
+
−
}
+
−
li.last-comment{
+
−
padding:0 0px 0 140px;
+
−
margin-bottom: 30px;
+
−
}
+
−
.data-last{
+
−
float: left;
+
−
width: 92.5%;
+
−
}
+
−
.data-last p {
+
−
color: #000;
+
−
font-size: 0.89em;
+
−
line-height: 1.5em;
+
−
}
+
−
.to input[type=text] {
+
−
padding: 10px 10px;
+
−
width: 47.4%;
+
−
font-size: 1em;
+
−
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
+
−
margin: 10px 0;
+
−
border: 1px solid #E1E2E2;
+
−
color: #000;
+
−
background: #FFF;
+
−
float: left;
+
−
outline: none;
+
−
font-size: 0.89em;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width:97.6%;
+
−
margin: 10px 0;
+
−
border: 1px solid #E1E2E2;
+
−
color: #000;
+
−
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
+
−
outline: none;
+
−
margin-bottom: 25px;
+
−
height: 100px;
+
−
padding: 10px 10px;
+
−
font-size: 0.89em;
+
−
}
+
−
.submit {
+
−
color: #FFF;
+
−
font-size: 1.1em;
+
−
font-weight: normal;
+
−
padding: 10px 20px;
+
−
border-bottom:2px solid #ffea00;
+
−
background: #000;
+
−
float:right;
+
−
display: inline-block;
+
−
-webkit-transition: all 0.3s ease-out;
+
−
-moz-transition: all 0.3s ease-out;
+
−
-ms-transition: all 0.3s ease-out;
+
−
-o-transition: all 0.3s ease-out;
+
−
transition: all 0.3s ease-out;
+
−
}
+
−
.submit:hover{
+
−
background:#333;
+
−
}
+
−
h5.leave{
+
−
background: #424147;
+
−
color: #FFEA00;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px;
+
−
float:left;
+
−
margin-bottom: 20px;
+
−
text-transform: uppercase;
+
−
}
+
−
/*--about--*/
+
−
/*  GRID OF Content and sidebar  ============================================================================= */
+
−
.cont{
+
−
display: block;
+
−
float:left;
+
−
}
+
−
.lsidebar{
+
−
display: block;
+
−
float:left;
+
−
margin:0% 2.6% 0% 0;
+
−
}
+
−
.span_2_of_about {
+
−
width:65.1%;
+
−
}
+
−
.span_1_of_about {
+
−
width: 32.2%;
+
−
}
+
−
/***** Media Quries *****/
+
−
@media only screen and (max-width: 1024px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
}
+
−
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
+
−
@media only screen and (max-width: 640px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
.cont{
+
−
margin: 1% 0 1% 0%;
+
−
}
+
−
.lsidebar{
+
−
margin:0;
+
−
}
+
−
.span_2_of_about {
+
−
width:94%;
+
−
padding:3%; 
+
−
}
+
−
.span_1_of_about {
+
−
width:94%;
+
−
padding:3%;
+
−
}
+
−
}
+
−
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
+
−
@media only screen and (max-width: 480px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
.cont{
+
−
margin: 1% 0 1% 0%;
+
−
}
+
−
.lsidebar{
+
−
margin:0;
+
−
}
+
−
.span_2_of_about {
+
−
width:92%;
+
−
padding:4%;
+
−
}
+
−
.span_1_of_about {
+
−
width:92%;
+
−
padding:4%;
+
−
}
+
−
}
+
−
.span_2_of_about h2{
+
−
text-transform:uppercase;
+
−
color:#5a595d;
+
−
font-size:2em;
+
−
margin-bottom: 20px;
+
−
}
+
−
.span_2_of_about h3{
+
−
font-weight:600;
+
−
color:#5a595d;
+
−
font-size:0.89em;
+
−
margin-bottom: 20px;
+
−
}
+
−
/*  GRID OF TWO  ============================================================================= */
+
−
.col_1_of_2{
+
−
display: block;
+
−
float:left;
+
−
margin:0% 0 0% 2.6%;
+
−
}
+
−
.col_1_of_2:first-child { margin-left: 0; }
+
−
.span_1_of_2 {
+
−
width:48.2%;
+
−
}
+
−
.span_1_of_2  p{
+
−
font-size:0.8125em;
+
−
color: #000;
+
−
line-height: 1.7em;
+
−
}
+
−
/***** Media Quries *****/
+
−
@media only screen and (max-width: 1024px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
}
+
−
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
+
−
@media only screen and (max-width: 640px) and (min-width: 480px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
.col_1_of_2{
+
−
margin: 1% 0 1% 0%;
+
−
}
+
−
.span_1_of_2 {
+
−
width:94%;
+
−
}
+
−
}
+
−
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
+
−
@media only screen and (max-width: 480px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
.span_2_of_2 {
+
−
width: 100%;
+
−
}
+
−
.col_1_of_2{
+
−
margin: 2% 0 2% 0%;
+
−
}
+
−
.span_1_of_2 {
+
−
width:92%;
+
−
padding:4%;
+
−
}
+
−
}
+
−
.skills li {
+
−
width: 100%;
+
−
height: 38px;
+
−
background:#424147;
+
−
margin-bottom: 20px;
+
−
}
+
−
.percentage{
+
−
float: left;
+
−
background: #000;
+
−
height: 30px;
+
−
color: #FFEA00;
+
−
padding: 8px 10px 0 10px;
+
−
font-size: 1.2em;
+
−
}
+
−
.percent-text{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width: 74%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.percent-text1{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width: 70%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.percent-text2{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width:60%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.percent-text3{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width:65%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.percent-text4{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width:68%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.percent-text5{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width:65%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.percent-text6{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width:50%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.percent-text7{
+
−
background: #FFEA00;
+
−
height: 33px;
+
−
float: left;
+
−
width:65%;
+
−
color: #424147;
+
−
font-size: 1.4em;
+
−
padding: 5px 20px 0;
+
−
}
+
−
.about-middle{
+
−
text-align:center;
+
−
padding-top:40px;
+
−
}
+
−
.about-middle h4{
+
−
font-size: 1.5em;
+
−
text-transform: uppercase;
+
−
text-align: center;
+
−
}
+
−
.about-middle h4 span {
+
−
background: #424147;
+
−
color: #f6f6f6;
+
−
padding: 5px 40px;
+
−
}
+
−
.about-middle p{
+
−
color: #000;
+
−
font-size: 0.99em;
+
−
padding: 30px 0;
+
−
}
+
−
/*  GRID OF FOUR  ============================================================================= */
+
−
.col_1_of_about-grids{
+
−
display: block;
+
−
float:left;
+
−
margin: 0% 0 0% 9.6%;
+
−
}
+
−
.col_1_of_about-grids:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
+
−
.span_1_of_about-grids {
+
−
width: 17.8%;
+
−
}
+
−
.span_1_of_about-grids img{
+
−
border-radius:200px;
+
−
-webkit-border-radius:200px;
+
−
-moz-border-radius:200px;
+
−
-o-border-radius:200px;
+
−
border:4px solid #9ED54C;
+
−
}
+
−
.span_1_of_about-grids h3{
+
−
color: #F6f6f6;
+
−
padding: 5px 20px;
+
−
text-align: center;
+
−
font-size: 1.4em;
+
−
line-height: 1.2;
+
−
cursor: pointer;
+
−
font-weight: normal;
+
−
margin-top: 5px;
+
−
background: #424147;
+
−
text-transform: uppercase;
+
−
}
+
−
.span_1_of_about-grids h3:hover{
+
−
background:#222;
+
−
}
+
−
/***** Media Quries *****/
+
−
@media only screen and (max-width: 1024px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
}
+
−
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
+
−
@media only screen and (max-width: 640px) and (min-width: 480px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
.col_1_of_about-grids{
+
−
margin: 1% 0 1% 0%;
+
−
}
+
−
.span_1_of_about-grids {
+
−
width:94%;
+
−
padding:3%; 
+
−
}
+
−
}
+
−
 
+
−
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
+
−
@media only screen and (max-width: 480px) {
+
−
.wrap{
+
−
width:95%;
+
−
}
+
−
.col_1_of_about-grids{
+
−
margin: 1% 0 1% 0%;
+
−
}
+
−
.span_1_of_about-grids {
+
−
width:92%;
+
−
padding:4%;
+
−
}
+
−
}
+
−
.team1{
+
−
margin-bottom:40px;
+
−
}
+
−
/*--contact--*/
+
−
.contact-to input[type=text] {
+
−
padding: 10px 10px;
+
−
width:29.4%;
+
−
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
+
−
margin: 10px 0;
+
−
border: 1px solid #E1E2E2;
+
−
color: #000;
+
−
background: #FFF;
+
−
float: left;
+
−
outline: none;
+
−
font-size: 0.89em;
+
−
}
+
−
.contact{
+
−
padding:50px 0 30px;
+
−
}
+
−
.contact-list li{
+
−
margin: 10px 0 20px;
+
−
}
+
−
.contact-list li img {
+
−
float: left;
+
−
margin-right: 20px;
+
−
}
+
−
.contact-list li p {
+
−
width: 85.5%;
+
−
float: left;
+
−
padding: 0;
+
−
font-size:0.89em;
+
−
}
+
−
span.yellow1 a {
+
−
color: #FFEA00;
+
−
background:#424147;
+
−
padding:5px 10px;
+
−
}
+
−
.span_2_of_contact {
+
−
width: 60.1%;
+
−
margin-right: 4.6%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width:96.6%;
+
−
margin: 10px 0;
+
−
border: 1px solid #E1E2E2;
+
−
color: #000;
+
−
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
+
−
outline: none;
+
−
margin-bottom: 25px;
+
−
height: 100px;
+
−
padding: 10px 10px;
+
−
font-size: 0.89em;
+
−
}
+
−
/*--404--*/
+
−
.page-not-found {
+
−
text-align: center;
+
−
padding:50px 0 70px;
+
−
}
+
−
.page-not-found h3{
+
−
font-size: 13em;
+
−
color:#424146;
+
−
}
+
−
.page-not-found h4{
+
−
font-size:3em;
+
−
margin-bottom: 40px;
+
−
}
+
−
.page-not-found h4 span {
+
−
background: #424147;
+
−
color: #FFEA00;
+
−
padding: 48px 0px 0;
+
−
}
+
−
.home{
+
−
color: #FFF;
+
−
font-size: 1.1em;
+
−
font-weight: normal;
+
−
padding: 10px 20px;
+
−
border-bottom: 2px solid #FFEA00;
+
−
background: #000;
+
−
display: inline-block;
+
−
-webkit-transition: all 0.3s ease-out;
+
−
-moz-transition: all 0.3s ease-out;
+
−
-ms-transition: all 0.3s ease-out;
+
−
-o-transition: all 0.3s ease-out;
+
−
transition: all 0.3s ease-out;
+
−
}
+
−
.home a:hover .blogpage a:hover{
+
−
background:#333;
+
−
}
+
−
.blogpage{
+
−
color: #FFF;
+
−
font-size: 1.1em;
+
−
font-weight: normal;
+
−
padding: 10px 20px;
+
−
border-bottom: 2px solid #FFEA00;
+
−
background: #000;
+
−
display: inline-block;
+
−
-webkit-transition: all 0.3s ease-out;
+
−
-moz-transition: all 0.3s ease-out;
+
−
-ms-transition: all 0.3s ease-out;
+
−
-o-transition: all 0.3s ease-out;
+
−
transition: all 0.3s ease-out;
+
−
}
+
−
.or{
+
−
display: inline-block;
+
−
background:#ffea00;
+
−
color:#000;
+
−
padding: 10px;
+
−
margin: 0 20px;
+
−
}
+
−
/*--responsive design--*/
+
−
@media (max-width:1366px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width: 84.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width: 89.5%;
+
−
}
+
−
.project-list li p {
+
−
width: 81.5%;
+
−
}
+
−
.project-list1 li p{
+
−
width: 56.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width: 79.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right: 10px;
+
−
}
+
−
.to input[type=text] {
+
−
width:46.9%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width: 97.2%;
+
−
}
+
−
.data {
+
−
width: 92.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width: 28.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width: 93.9%;
+
−
}
+
−
.btn {
+
−
margin-top: 20px;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left: 21%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right: 20%;
+
−
}
+
−
.slider-left h4 {
+
−
font-size: 3.3em;
+
−
}
+
−
p.top {
+
−
width: 78%;
+
−
}
+
−
p.middle {
+
−
width: 75%;
+
−
}
+
−
p.bottom {
+
−
width: 60%;
+
−
}
+
−
}
+
−
@media (max-width:1280px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width: 83.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width: 88.5%;
+
−
}
+
−
.project-list li p {
+
−
width: 81.5%;
+
−
}
+
−
.project-list1 li p{
+
−
font-size: 10px;
+
−
width: 56.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width: 78.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right:5px;
+
−
}
+
−
.to input[type=text] {
+
−
width:46.7%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width: 97.1%;
+
−
}
+
−
.data {
+
−
width: 92.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width: 28.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width:94.6%;
+
−
}
+
−
.btn {
+
−
margin-top: 20px;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p {
+
−
width: 66.5%;
+
−
}
+
−
.blog-desc h5 {
+
−
font-size: 1.4em;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:18%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right:18%;
+
−
}
+
−
.slider-left h4 {
+
−
font-size:3em;
+
−
}
+
−
p.top {
+
−
width:83%;
+
−
}
+
−
p.middle {
+
−
width:81%;
+
−
}
+
−
p.bottom {
+
−
width: 65%;
+
−
}
+
−
.slider-left h3 {
+
−
font-size:3em;
+
−
}
+
−
}
+
−
@media (max-width:1024px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width:82.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width:86.5%;
+
−
}
+
−
.project-list li p {
+
−
width:80.5%;
+
−
padding:0;
+
−
}
+
−
.project-list1 li p {
+
−
width:48.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width: 73.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right: 10px;
+
−
}
+
−
.to input[type=text] {
+
−
width:45.7%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width: 96.1%;
+
−
}
+
−
.data {
+
−
width: 92.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width:27.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width:93.6%;
+
−
}
+
−
.btn {
+
−
margin-top: 20px;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p {
+
−
width: 66.5%;
+
−
}
+
−
.blog-desc h5 {
+
−
font-size: 1em;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:11%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right:12%;
+
−
}
+
−
p.top {
+
−
font-size:1em;
+
−
width: 70%;
+
−
}
+
−
p.middle {
+
−
font-size:1em;
+
−
width: 66%;
+
−
}
+
−
p.bottom {
+
−
font-size:1em;
+
−
width: 54%;
+
−
}
+
−
.grid1 img {
+
−
padding:0px 0;
+
−
}
+
−
.grid1 h4 {
+
−
font-size: 1.3em;
+
−
}
+
−
.grid1 {
+
−
padding: 13px 0px 10px 0px;
+
−
}
+
−
.desc p {
+
−
font-size: 0.89em;
+
−
line-height: 1.5em;
+
−
}
+
−
.content-top h3 {
+
−
font-size: 2.2em;
+
−
}
+
−
.content-top h5 {
+
−
font-size: 1.4em;
+
−
}
+
−
.footer-list li img {
+
−
margin-right: 10px;
+
−
}
+
−
.gallery li {
+
−
width: 30.9%;
+
−
}
+
−
#filters li span {
+
−
padding: 10px 25px;
+
−
font-size: 1.4em;
+
−
}
+
−
.links h4 a {
+
−
font-size: 1em;
+
−
}
+
−
p.img {
+
−
padding-top:0px;
+
−
}
+
−
.project-list li p a {
+
−
font-size:11px;
+
−
}
+
−
.project-list2 {
+
−
padding: 20px;
+
−
}
+
−
.project-list {
+
−
padding: 20px;
+
−
}
+
−
.project-list1 {
+
−
padding: 20px;
+
−
}
+
−
span.likes {
+
−
font-size: 12px;
+
−
padding-top: 8px;
+
−
}
+
−
.blog-left h4 {
+
−
font-size: 1em;
+
−
}
+
−
span.author {
+
−
font-size: 0.8125em;
+
−
}
+
−
.blog-desc {
+
−
padding:20px;
+
−
}
+
−
.blog-desc p {
+
−
font-size:0.8125em;
+
−
}
+
−
.comment-desc {
+
−
font-size: 0.8125em;
+
−
}
+
−
ul.dc_pagination li a {
+
−
font-size: 1.4em;
+
−
}
+
−
.span_1_of_about-grids h3 {
+
−
font-size: 1em;
+
−
}
+
−
.contact-list li p {
+
−
width: 82.5%;
+
−
}
+
−
.page-not-found h3 {
+
−
font-size: 10em;
+
−
}
+
−
.page-not-found h4 span img{
+
−
width: 69%;
+
−
}
+
−
#filters {
+
−
margin-bottom: 20px;
+
−
}
+
−
.gallery li p {
+
−
font-size: 0.8125em;
+
−
padding: 15px;
+
−
}
+
−
.slider-left h4 {
+
−
font-size:2.4em;
+
−
}
+
−
.slider-left h3 {
+
−
font-size:2.8em;
+
−
}
+
−
.wmuSliderPrev, .wmuSliderNext {
+
−
top: 37%;
+
−
}
+
−
.wmuSliderPagination {
+
−
left: 45%;
+
−
}
+
−
}
+
−
@media (max-width:800px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width:78.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width:82.5%;
+
−
}
+
−
.project-list li p {
+
−
width:73.5%;
+
−
padding:0;
+
−
}
+
−
.project-list1 li p {
+
−
width:30.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width:63.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right: 10px;
+
−
}
+
−
.to input[type=text] {
+
−
width:44.7%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width:95.1%;
+
−
}
+
−
.data {
+
−
width: 92.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width: 26.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width:93.6%;
+
−
}
+
−
.btn {
+
−
margin-top: 20px;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p {
+
−
width: 78.5%;
+
−
font-size: 12px;
+
−
}
+
−
.blog-desc h5 {
+
−
font-size: 1em;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:7%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right:7%;
+
−
}
+
−
p.top {
+
−
font-size: 0.8125em;
+
−
width:77%;
+
−
}
+
−
p.middle {
+
−
font-size: 0.8125em;
+
−
width: 70%;
+
−
}
+
−
p.bottom {
+
−
font-size: 0.8125em;
+
−
width:56%;
+
−
}
+
−
.grid1 img {
+
−
padding:0px 0;
+
−
width: 62%;
+
−
}
+
−
.grid1 h4 {
+
−
font-size: 1em;
+
−
}
+
−
.grid1 {
+
−
padding: 13px 0px 10px 0px;
+
−
}
+
−
.desc p {
+
−
font-size: 0.8125em;
+
−
line-height: 1.5em;
+
−
}
+
−
.content-top h3 {
+
−
font-size: 2.2em;
+
−
}
+
−
.content-top h5 {
+
−
font-size: 1.4em;
+
−
}
+
−
.footer-list li img {
+
−
margin-right: 10px;
+
−
}
+
−
.gallery li {
+
−
width: 30.9%;
+
−
}
+
−
#filters li span {
+
−
padding: 10px 25px;
+
−
font-size:1em;
+
−
}
+
−
.links h4 a {
+
−
font-size: 13px;
+
−
}
+
−
p.img {
+
−
padding-top: 2px;
+
−
font-size: 13px;
+
−
}
+
−
.project-list li p a {
+
−
font-size:11px;
+
−
}
+
−
.project-list2 {
+
−
padding: 20px;
+
−
}
+
−
.project-list {
+
−
padding: 20px;
+
−
}
+
−
.project-list1 {
+
−
padding: 20px;
+
−
}
+
−
span.likes {
+
−
font-size: 12px;
+
−
padding-top: 8px;
+
−
}
+
−
.blog-left h4 {
+
−
font-size: 1em;
+
−
}
+
−
span.author {
+
−
font-size: 0.8125em;
+
−
}
+
−
.blog-desc {
+
−
padding:20px;
+
−
}
+
−
.blog-desc p {
+
−
font-size:0.8125em;
+
−
}
+
−
.comment-desc {
+
−
font-size: 0.8125em;
+
−
}
+
−
ul.dc_pagination li a {
+
−
font-size:1em;
+
−
}
+
−
.span_1_of_about-grids h3 {
+
−
font-size:0.8125em;
+
−
padding: 5px 15px;
+
−
}
+
−
.contact-list li p {
+
−
width: 82.5%;
+
−
}
+
−
.page-not-found h3 {
+
−
font-size: 10em;
+
−
}
+
−
.page-not-found h4 span img{
+
−
width: 69%;
+
−
}
+
−
.cssmenu ul li a {
+
−
padding: 30px 15px;
+
−
margin: 10px 0px;
+
−
font-size: 1em;
+
−
}
+
−
.cssmenu {
+
−
padding-top: 20px;
+
−
}
+
−
.btn {
+
−
padding: 8px 25px;
+
−
}
+
−
.desc {
+
−
padding:10px;
+
−
}
+
−
.desc h4 {
+
−
font-size: 1.4em;
+
−
}
+
−
.span_1_of_3 h3 {
+
−
margin-bottom: 15px;
+
−
}
+
−
.portfolio-top h3 {
+
−
font-size: 2em;
+
−
}
+
−
.portfolio-top h5 {
+
−
font-size: 1.2em;
+
−
margin-bottom:40px;
+
−
}
+
−
#filters {
+
−
margin-bottom: 20px;
+
−
}
+
−
.links {
+
−
padding: 10px;
+
−
}
+
−
.project-list h4, .project-list1 h4, .project-list2 h4 {
+
−
font-size: 1em;
+
−
margin-bottom: 20px;
+
−
}
+
−
.point h5 {
+
−
font-size: 1em;
+
−
}
+
−
.gallery li p {
+
−
font-size: 0.8125em;
+
−
padding: 15px;
+
−
}
+
−
.percent-text {
+
−
width: 67%;
+
−
}
+
−
.percent-text1 {
+
−
width: 63%;
+
−
}
+
−
.slider-left h4 {
+
−
font-size:1.9em;
+
−
}
+
−
.slider-left h3 {
+
−
font-size:2.2em;
+
−
}
+
−
.wmuSliderPrev, .wmuSliderNext {
+
−
top: 32%;
+
−
}
+
−
.data-middle {
+
−
width: 91.5%;
+
−
}
+
−
.data-last {
+
−
width: 91.5%;
+
−
}
+
−
}
+
−
@media (max-width:768px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width:77.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width:81.5%;
+
−
}
+
−
.project-list li p {
+
−
width:72.5%;
+
−
padding:0;
+
−
}
+
−
.project-list1 li p {
+
−
width:26.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width:63.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right: 10px;
+
−
}
+
−
.to input[type=text] {
+
−
width:43.7%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width:93.1%;
+
−
}
+
−
.data {
+
−
width: 92.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width: 25.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width:91.6%;
+
−
}
+
−
.step {
+
−
width: 620px;
+
−
height:150px;
+
−
}
+
−
.jms-content {
+
−
margin: 0px;
+
−
}
+
−
.step img {
+
−
width:60%;
+
−
}
+
−
.btn {
+
−
margin-top: 20px;
+
−
}
+
−
.jms-dots {
+
−
bottom:15px;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p {
+
−
width: 78.5%;
+
−
font-size: 12px;
+
−
}
+
−
.blog-desc h5 {
+
−
font-size: 1em;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:6%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right:6%;
+
−
}
+
−
.step h2 {
+
−
width: 52%;
+
−
font-size: 1.5em;
+
−
}
+
−
.step h3 {
+
−
font-size: 1.5em;
+
−
}
+
−
p.top {
+
−
font-size: 0.8125em;
+
−
width:77%;
+
−
}
+
−
p.middle {
+
−
font-size: 0.8125em;
+
−
width: 70%;
+
−
}
+
−
p.bottom {
+
−
font-size: 0.8125em;
+
−
width:56%;
+
−
}
+
−
.jms-wrapper {
+
−
height:445px;
+
−
}
+
−
.grid1 img {
+
−
padding:0px 0;
+
−
width: 62%;
+
−
}
+
−
.grid1 h4 {
+
−
font-size:0.89em;
+
−
}
+
−
.grid1 {
+
−
padding: 13px 0px 10px 0px;
+
−
}
+
−
.desc p {
+
−
font-size: 0.8125em;
+
−
line-height: 1.5em;
+
−
}
+
−
.content-top h3 {
+
−
font-size:1.8em;
+
−
}
+
−
.content-top h5 {
+
−
font-size:1em;
+
−
margin-bottom: 35px;
+
−
}
+
−
.footer-list li img {
+
−
margin-right: 10px;
+
−
}
+
−
.gallery li {
+
−
width: 30.9%;
+
−
}
+
−
#filters li span {
+
−
padding: 10px 10px;
+
−
font-size:1em;
+
−
}
+
−
.links h4 a {
+
−
font-size:12px;
+
−
}
+
−
p.img {
+
−
padding-top: 2px;
+
−
font-size: 13px;
+
−
}
+
−
.project-list li p a {
+
−
font-size:11px;
+
−
}
+
−
.project-list2 {
+
−
padding: 20px;
+
−
}
+
−
.project-list {
+
−
padding: 20px;
+
−
}
+
−
.project-list1 {
+
−
padding: 20px;
+
−
}
+
−
span.likes {
+
−
font-size: 12px;
+
−
padding-top: 8px;
+
−
}
+
−
.blog-left h4 {
+
−
font-size: 1em;
+
−
}
+
−
span.author {
+
−
font-size: 0.8125em;
+
−
}
+
−
.blog-desc {
+
−
padding:20px;
+
−
}
+
−
.blog-desc p {
+
−
font-size:0.8125em;
+
−
}
+
−
.comment-desc {
+
−
font-size: 0.8125em;
+
−
}
+
−
ul.dc_pagination li a {
+
−
font-size:1em;
+
−
}
+
−
.span_1_of_about-grids h3 {
+
−
font-size:0.8125em;
+
−
padding: 5px 15px;
+
−
}
+
−
.contact-list li p {
+
−
width: 82.5%;
+
−
}
+
−
.page-not-found h3 {
+
−
font-size: 10em;
+
−
}
+
−
.page-not-found h4 span img{
+
−
width: 69%;
+
−
}
+
−
.cssmenu ul li a {
+
−
padding: 30px 15px;
+
−
margin: 10px 0px;
+
−
font-size: 1em;
+
−
}
+
−
.cssmenu {
+
−
padding-top: 20px;
+
−
}
+
−
.btn {
+
−
padding: 8px 25px;
+
−
}
+
−
.jms-arrows span {
+
−
top: 45%;
+
−
}
+
−
.desc {
+
−
padding:10px;
+
−
}
+
−
.desc h4 {
+
−
font-size:1em;
+
−
}
+
−
.span_1_of_3 h3 {
+
−
margin-bottom: 15px;
+
−
}
+
−
.portfolio-top h3 {
+
−
font-size:1.8em;
+
−
}
+
−
.portfolio-top h5 {
+
−
font-size:1em;
+
−
margin-bottom:30px;
+
−
}
+
−
#filters {
+
−
margin-bottom: 20px;
+
−
}
+
−
.links {
+
−
padding: 10px;
+
−
}
+
−
.project-list h4, .project-list1 h4, .project-list2 h4 {
+
−
font-size: 1em;
+
−
margin-bottom: 20px;
+
−
}
+
−
.point h5 {
+
−
font-size: 1em;
+
−
}
+
−
.gallery li p {
+
−
font-size: 0.8125em;
+
−
padding: 15px;
+
−
}
+
−
.percent-text {
+
−
width: 67%;
+
−
}
+
−
.percent-text1 {
+
−
width: 63%;
+
−
}
+
−
.content-bottom p {
+
−
font-size: 1em;
+
−
}
+
−
.content-middle p {
+
−
font-size: 1em;
+
−
}
+
−
.project-list2 li {
+
−
padding:4px;
+
−
}
+
−
.data-middle {
+
−
width: 91.5%;
+
−
}
+
−
.data-last {
+
−
width: 91.5%;
+
−
}
+
−
.slider-left h4 {
+
−
font-size:1.7em;
+
−
}
+
−
.slider-left h3 {
+
−
font-size:2em;
+
−
}
+
−
.wmuSliderPrev, .wmuSliderNext {
+
−
top: 32%;
+
−
}
+
−
.data-middle {
+
−
width: 91.5%;
+
−
}
+
−
.data-last {
+
−
width: 91.5%;
+
−
}
+
−
.wmuSliderPagination {
+
−
left:40%;
+
−
}
+
−
}
+
−
@media (max-width:640px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width:77.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width:92.5%;
+
−
}
+
−
.project-list li p {
+
−
width:72.5%;
+
−
padding:0;
+
−
}
+
−
.project-list1 li p {
+
−
width:48.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width:89.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right:10px;
+
−
}
+
−
.to input[type=text] {
+
−
width:43.7%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width:93.1%;
+
−
}
+
−
.data {
+
−
width: 92.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width:27.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width: 93.6%;
+
−
}
+
−
.step {
+
−
width:490px;
+
−
height:100px;
+
−
}
+
−
.btn {
+
−
margin-top: 20px;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p {
+
−
width: 78.5%;
+
−
font-size: 12px;
+
−
}
+
−
.blog-desc h5 {
+
−
font-size: 1em;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:7%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right:7%;
+
−
}
+
−
p.top {
+
−
font-size: 12px;
+
−
width: 81%;
+
−
}
+
−
p.middle {
+
−
font-size: 12px;
+
−
width: 77%;
+
−
}
+
−
p.bottom {
+
−
font-size: 12px;
+
−
width:63%;
+
−
}
+
−
.grid1 img {
+
−
padding:0px 0;
+
−
width:20%;
+
−
}
+
−
.grid1 h4 {
+
−
font-size:0.89em;
+
−
}
+
−
.grid1 {
+
−
padding: 13px 0px 10px 0px;
+
−
}
+
−
.desc p {
+
−
font-size: 0.8125em;
+
−
line-height: 1.5em;
+
−
}
+
−
.content-top h3 {
+
−
font-size:1.8em;
+
−
}
+
−
.content-top h5 {
+
−
font-size:1em;
+
−
margin-bottom: 35px;
+
−
}
+
−
.footer-list li img {
+
−
margin-right: 10px;
+
−
}
+
−
.gallery li {
+
−
width: 30.9%;
+
−
}
+
−
#filters li span {
+
−
padding: 10px 10px;
+
−
font-size:0.8125em;
+
−
}
+
−
.links h4 a {
+
−
font-size:12px;
+
−
}
+
−
p.img {
+
−
padding-top: 2px;
+
−
font-size: 13px;
+
−
}
+
−
.project-list li p a {
+
−
font-size:11px;
+
−
}
+
−
.project-list2 {
+
−
padding: 20px;
+
−
}
+
−
.project-list {
+
−
padding: 20px;
+
−
}
+
−
.project-list1 {
+
−
padding: 20px;
+
−
}
+
−
span.likes {
+
−
font-size: 12px;
+
−
padding-top: 50px;
+
−
}
+
−
.blog-left h4 {
+
−
font-size: 1em;
+
−
}
+
−
span.author {
+
−
font-size: 0.8125em;
+
−
}
+
−
.blog-desc {
+
−
padding:20px;
+
−
}
+
−
.blog-desc p {
+
−
font-size:0.8125em;
+
−
}
+
−
.comment-desc {
+
−
font-size: 0.8125em;
+
−
}
+
−
ul.dc_pagination li a {
+
−
font-size:1em;
+
−
}
+
−
.span_1_of_about-grids h3 {
+
−
font-size:0.8125em;
+
−
padding: 5px 15px;
+
−
}
+
−
.contact-list li p {
+
−
width: 82.5%;
+
−
}
+
−
.page-not-found h3 {
+
−
font-size: 10em;
+
−
}
+
−
.page-not-found h4 span img{
+
−
width: 69%;
+
−
}
+
−
.cssmenu ul li a {
+
−
padding: 20px 10px;
+
−
font-size: 0.8125em;
+
−
}
+
−
.cssmenu {
+
−
padding-top: 13px;
+
−
}
+
−
.btn {
+
−
padding: 8px 20px;
+
−
font-size: 12px;
+
−
}
+
−
.desc {
+
−
padding:10px;
+
−
}
+
−
.desc h4 {
+
−
font-size:1em;
+
−
}
+
−
.span_1_of_3 h3 {
+
−
margin-bottom: 15px;
+
−
}
+
−
.portfolio-top h3 {
+
−
font-size:1.8em;
+
−
}
+
−
.portfolio-top h5 {
+
−
font-size:1em;
+
−
margin-bottom:30px;
+
−
}
+
−
#filters {
+
−
margin-bottom: 20px;
+
−
}
+
−
.links {
+
−
padding: 10px;
+
−
}
+
−
.project-list h4, .project-list1 h4, .project-list2 h4 {
+
−
font-size: 1em;
+
−
margin-bottom: 20px;
+
−
}
+
−
.point h5 {
+
−
font-size: 1em;
+
−
}
+
−
.gallery li p {
+
−
font-size: 0.8125em;
+
−
padding: 15px;
+
−
}
+
−
.percent-text {
+
−
width: 67%;
+
−
}
+
−
.percent-text1 {
+
−
width: 63%;
+
−
}
+
−
.content-bottom p {
+
−
font-size: 1em;
+
−
}
+
−
.content-middle p {
+
−
font-size: 1em;
+
−
}
+
−
.project-list2 li {
+
−
padding:4px;
+
−
}
+
−
.data-middle {
+
−
width: 91.5%;
+
−
}
+
−
.data-last {
+
−
width: 91.5%;
+
−
}
+
−
.logo {
+
−
width: 17%;
+
−
}
+
−
.span_1_of_first {
+
−
width:100%;
+
−
margin-bottom:20px;
+
−
}
+
−
.col_1_of_4 {
+
−
float:none;
+
−
margin: 0% 0 0% 0%;
+
−
}
+
−
.span_1_of_4 {
+
−
width:100%;
+
−
margin-bottom:20px;
+
−
}
+
−
.footer-nav {
+
−
float:none;
+
−
}
+
−
.copy {
+
−
float: none;
+
−
padding-top: 7px;
+
−
}
+
−
.footer-bottom {
+
−
text-align:center;
+
−
}
+
−
.follow {
+
−
padding-top: 10px;
+
−
}
+
−
.follow p {
+
−
margin-bottom:0;
+
−
}
+
−
.banner h2 {
+
−
padding: 5px 40px 5px 10px;
+
−
font-size: 1.7em;
+
−
}
+
−
#filters {
+
−
padding: 0% 5% 5% 5%;
+
−
}
+
−
#portfoliolist .portfolio {
+
−
width: 100%;
+
−
}
+
−
.project {
+
−
width: 100%;
+
−
float: none;
+
−
margin-right: 0;
+
−
}
+
−
.project-sidebar {
+
−
width: 100%;
+
−
float: none;
+
−
}
+
−
.single-blog {
+
−
width:93%;
+
−
float: none;
+
−
padding: 0 20px;
+
−
}
+
−
.submit {
+
−
margin-bottom: 25px;
+
−
}
+
−
.span_2_of_about h2 {
+
−
font-size: 1.5em;
+
−
}
+
−
.span_2_of_contact {
+
−
width:100%;
+
−
margin-right:0%;
+
−
}
+
−
.contact{
+
−
padding:0;
+
−
}
+
−
.page-not-found h4 span {
+
−
padding: 13px 0px 0;
+
−
}
+
−
.slider-left h4 {
+
−
font-size:1.4em;
+
−
}
+
−
.slider-left h3 {
+
−
font-size:1.6em;
+
−
}
+
−
.wmuSliderPrev, .wmuSliderNext {
+
−
top: 32%;
+
−
}
+
−
.data-middle {
+
−
width: 91.5%;
+
−
}
+
−
.data-last {
+
−
width: 91.5%;
+
−
}
+
−
}
+
−
@media (max-width:480px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width:77.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width:90.5%;
+
−
}
+
−
.project-list li p {
+
−
width:72.5%;
+
−
padding:0;
+
−
}
+
−
.project-list1 li p {
+
−
width:48.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width:86.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right:10px;
+
−
}
+
−
.to input[type=text] {
+
−
width:42.7%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width:92.7%;
+
−
}
+
−
.data {
+
−
width:91.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width:26.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width:94.6%;
+
−
}
+
−
.btn {
+
−
margin-top: 20px;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p {
+
−
width: 78.5%;
+
−
font-size: 12px;
+
−
}
+
−
.blog-desc h5 {
+
−
font-size: 1em;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:3%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right:3%;
+
−
}
+
−
p.top {
+
−
font-size: 10px;
+
−
width:89%;
+
−
}
+
−
p.middle {
+
−
font-size:10px;
+
−
width:86%;
+
−
}
+
−
p.bottom {
+
−
font-size: 10px;
+
−
width:74%;
+
−
}
+
−
.grid1 img {
+
−
padding:0px 0;
+
−
width:20%;
+
−
}
+
−
.grid1 h4 {
+
−
font-size:0.89em;
+
−
}
+
−
.grid1 {
+
−
padding: 13px 0px 10px 0px;
+
−
}
+
−
.desc p {
+
−
font-size: 0.8125em;
+
−
line-height: 1.5em;
+
−
}
+
−
.content-top h3 {
+
−
font-size:1.5em;
+
−
}
+
−
.content-top h5 {
+
−
font-size:0.8125em;
+
−
margin-bottom: 35px;
+
−
}
+
−
.footer-list li img {
+
−
margin-right: 10px;
+
−
}
+
−
.gallery li {
+
−
width: 30.9%;
+
−
}
+
−
#filters li span {
+
−
padding: 10px 4px;
+
−
font-size:0.8125em;
+
−
}
+
−
.links h4 a {
+
−
font-size:12px;
+
−
}
+
−
p.img {
+
−
padding-top: 2px;
+
−
font-size: 13px;
+
−
}
+
−
.project-list li p a {
+
−
font-size:11px;
+
−
}
+
−
.project-list2 {
+
−
padding: 20px;
+
−
}
+
−
.project-list {
+
−
padding: 20px;
+
−
}
+
−
.project-list1 {
+
−
padding: 20px;
+
−
}
+
−
span.likes {
+
−
font-size: 12px;
+
−
padding-top: 50px;
+
−
}
+
−
.blog-left h4 {
+
−
font-size: 1em;
+
−
}
+
−
span.author {
+
−
font-size: 0.8125em;
+
−
}
+
−
.blog-desc {
+
−
padding:20px;
+
−
}
+
−
.blog-desc p {
+
−
font-size:0.8125em;
+
−
}
+
−
.comment-desc {
+
−
font-size: 0.8125em;
+
−
}
+
−
ul.dc_pagination li a {
+
−
font-size:0.8125em;
+
−
}
+
−
.span_1_of_about-grids h3 {
+
−
font-size:0.8125em;
+
−
padding: 5px 15px;
+
−
}
+
−
.contact-list li p {
+
−
width: 82.5%;
+
−
}
+
−
.page-not-found h3 {
+
−
font-size: 10em;
+
−
}
+
−
.page-not-found h4 span img{
+
−
width: 69%;
+
−
}
+
−
.cssmenu ul li a {
+
−
padding: 20px 10px;
+
−
font-size: 0.8125em;
+
−
}
+
−
.cssmenu {
+
−
padding-top:0px;
+
−
}
+
−
.btn {
+
−
padding: 5px 10px;
+
−
font-size: 0.8125em;
+
−
}
+
−
.desc {
+
−
padding:10px;
+
−
}
+
−
.desc h4 {
+
−
font-size:1em;
+
−
}
+
−
.span_1_of_3 h3 {
+
−
margin-bottom: 15px;
+
−
}
+
−
.portfolio-top h3 {
+
−
font-size:1.5em;
+
−
}
+
−
.portfolio-top h5 {
+
−
font-size:0.8125em;
+
−
margin-bottom:30px;
+
−
}
+
−
#filters {
+
−
margin-bottom: 20px;
+
−
}
+
−
.links {
+
−
padding: 10px;
+
−
}
+
−
.project-list h4, .project-list1 h4, .project-list2 h4 {
+
−
font-size: 1em;
+
−
margin-bottom: 20px;
+
−
}
+
−
.point h5 {
+
−
font-size:0.8125em;
+
−
}
+
−
.gallery li p {
+
−
font-size: 0.8125em;
+
−
padding: 15px;
+
−
}
+
−
.percent-text {
+
−
width: 67%;
+
−
}
+
−
.percent-text1 {
+
−
width: 63%;
+
−
}
+
−
.content-bottom p {
+
−
font-size: 1em;
+
−
}
+
−
.content-middle p {
+
−
font-size: 1em;
+
−
}
+
−
.project-list2 li {
+
−
padding:4px;
+
−
}
+
−
.data-middle {
+
−
width: 91.5%;
+
−
}
+
−
.data-last {
+
−
width: 90.5%;
+
−
}
+
−
.logo {
+
−
width: 17%;
+
−
margin: 0 auto;
+
−
float: none;
+
−
}
+
−
.span_1_of_first {
+
−
width:100%;
+
−
margin-bottom:20px;
+
−
}
+
−
.col_1_of_4 {
+
−
float:none;
+
−
margin: 0% 0 0% 0%;
+
−
}
+
−
.span_1_of_4 {
+
−
width:100%;
+
−
margin-bottom:20px;
+
−
}
+
−
.footer-nav {
+
−
float:none;
+
−
}
+
−
.copy {
+
−
float: none;
+
−
padding-top: 7px;
+
−
}
+
−
.footer-bottom {
+
−
text-align:center;
+
−
}
+
−
.follow {
+
−
padding-top: 10px;
+
−
}
+
−
.follow p {
+
−
margin-bottom:0;
+
−
}
+
−
.banner h2 {
+
−
padding: 5px 40px 5px 10px;
+
−
font-size: 1.7em;
+
−
}
+
−
#filters {
+
−
padding: 0% 5% 5% 5%;
+
−
}
+
−
#portfoliolist .portfolio {
+
−
width: 100%;
+
−
}
+
−
.project {
+
−
width: 100%;
+
−
float: none;
+
−
margin-right: 0;
+
−
}
+
−
.project-sidebar {
+
−
width: 100%;
+
−
float: none;
+
−
}
+
−
.single-blog {
+
−
width:91%;
+
−
float: none;
+
−
padding: 0 20px;
+
−
}
+
−
.submit {
+
−
margin-bottom:10px;
+
−
font-size: 0.8125em;
+
−
padding: 8px 15px;
+
−
}
+
−
.span_2_of_about h2 {
+
−
font-size: 1.5em;
+
−
}
+
−
.span_2_of_contact {
+
−
width:100%;
+
−
margin-right:0%;
+
−
}
+
−
.contact{
+
−
padding:0;
+
−
}
+
−
.page-not-found h4 span {
+
−
padding: 13px 0px 0;
+
−
}
+
−
.footer-nav ul li a {
+
−
font-size: 0.8125em;
+
−
}
+
−
.social-list li {
+
−
margin-right:10px;
+
−
}
+
−
.social-list li p {
+
−
padding: 8px 10px 5px 10px;
+
−
font-size: 0.8125em;
+
−
}
+
−
.slider-left {
+
−
float: none;
+
−
padding-top: 0;
+
−
width: 100%;
+
−
}
+
−
.slider-right {
+
−
width: 100%;
+
−
float: none;
+
−
}
+
−
.banner-wrap{
+
−
width:70%;
+
−
}
+
−
.wmuSliderPagination {
+
−
left:35%;
+
−
}
+
−
.wmuSliderPrev, .wmuSliderNext {
+
−
top: 37%;
+
−
}
+
−
}
+
−
@media (max-width:320px){
+
−
.wrap{
+
−
width:90%;
+
−
}
+
−
.footer-list li p {
+
−
width:77.5%;
+
−
}
+
−
.search input[type=text] {
+
−
width:80.5%;
+
−
}
+
−
.project-list li p {
+
−
width:72.5%;
+
−
padding:0;
+
−
}
+
−
.project-list1 li p {
+
−
width:48.5%;
+
−
}
+
−
.search_box form input[type=text] {
+
−
width:78.33%;
+
−
}
+
−
.project-list li img, .project-list1 li img {
+
−
margin-right:10px;
+
−
}
+
−
.to input[type=text] {
+
−
width:39.7%;
+
−
}
+
−
.text1 input[type=text], .text1 textarea {
+
−
width:90.7%;
+
−
}
+
−
.data {
+
−
width:90.5%;
+
−
}
+
−
.contact-to input[type=text] {
+
−
width:22.4%;
+
−
}
+
−
.text2 input[type=text], .text2 textarea {
+
−
width:90.6%;
+
−
}
+
−
.btn {
+
−
margin-top:10px;
+
−
}
+
−
ul.blog-list li p, .ul.blog-list1 li p {
+
−
width: 78.5%;
+
−
font-size: 12px;
+
−
}
+
−
.blog-desc h5 {
+
−
font-size: 1em;
+
−
}
+
−
ul.dc_pagination li:last-child {
+
−
margin-left:3%;
+
−
}
+
−
ul.dc_pagination li:first-child {
+
−
margin-right:3%;
+
−
}
+
−
p.top {
+
−
font-size:12px;
+
−
width:100%;
+
−
}
+
−
p.middle {
+
−
display: none;
+
−
}
+
−
p.bottom {
+
−
display:none;
+
−
}
+
−
.grid1 img {
+
−
padding:0px 0;
+
−
width:20%;
+
−
}
+
−
.grid1 h4 {
+
−
font-size:0.89em;
+
−
}
+
−
.grid1 {
+
−
padding: 13px 0px 10px 0px;
+
−
}
+
−
.desc p {
+
−
font-size: 0.8125em;
+
−
line-height: 1.5em;
+
−
}
+
−
.content-top h3 {
+
−
font-size:1.5em;
+
−
}
+
−
.content-top h5 {
+
−
font-size:0.8125em;
+
−
margin-bottom: 35px;
+
−
}
+
−
.footer-list li img {
+
−
margin-right: 10px;
+
−
}
+
−
.gallery li {
+
−
width: 30.9%;
+
−
}
+
−
#filters li span {
+
−
padding: 10px 4px;
+
−
font-size:0.8125em;
+
−
}
+
−
.links h4 a {
+
−
font-size:12px;
+
−
}
+
−
p.img {
+
−
padding-top: 2px;
+
−
font-size: 13px;
+
−
}
+
−
.project-list li p a {
+
−
font-size:11px;
+
−
}
+
−
.project-list2 {
+
−
padding: 20px;
+
−
}
+
−
.project-list {
+
−
padding: 20px;
+
−
}
+
−
.project-list1 {
+
−
padding: 20px;
+
−
}
+
−
span.likes {
+
−
font-size: 12px;
+
−
padding-top: 50px;
+
−
}
+
−
.blog-left h4 {
+
−
font-size: 1em;
+
−
}
+
−
span.author {
+
−
font-size: 0.8125em;
+
−
}
+
−
.blog-desc {
+
−
padding:20px;
+
−
}
+
−
.blog-desc p {
+
−
font-size:0.8125em;
+
−
}
+
−
.comment-desc {
+
−
font-size: 0.8125em;
+
−
}
+
−
ul.dc_pagination li a {
+
−
font-size:0.8125em;
+
−
}
+
−
.span_1_of_about-grids h3 {
+
−
font-size:0.8125em;
+
−
padding: 5px 15px;
+
−
}
+
−
.contact-list li p {
+
−
width:79.5%;
+
−
}
+
−
.page-not-found h3 {
+
−
font-size: 10em;
+
−
}
+
−
.page-not-found h4 span img{
+
−
width: 69%;
+
−
}
+
−
.cssmenu ul li a {
+
−
padding: 10px 90px;
+
−
font-size: 0.8125em;
+
−
}
+
−
.cssmenu {
+
−
padding-top:0px;
+
−
text-align: center;
+
−
}
+
−
.btn {
+
−
padding: 5px 10px;
+
−
font-size: 0.8125em;
+
−
width: 57%;
+
−
}
+
−
.desc {
+
−
padding:10px;
+
−
}
+
−
.desc h4 {
+
−
font-size:1em;
+
−
}
+
−
.span_1_of_3 h3 {
+
−
margin-bottom: 15px;
+
−
}
+
−
.portfolio-top h3 {
+
−
font-size:1.4em;
+
−
}
+
−
.portfolio-top h5 {
+
−
font-size:0.8125em;
+
−
margin-bottom:30px;
+
−
}
+
−
#filters {
+
−
margin-bottom: 20px;
+
−
}
+
−
.links {
+
−
padding: 10px;
+
−
}
+
−
.project-list h4, .project-list1 h4, .project-list2 h4 {
+
−
font-size: 1em;
+
−
margin-bottom: 20px;
+
−
}
+
−
.point h5 {
+
−
font-size:0.8125em;
+
−
}
+
−
.gallery li p {
+
−
font-size: 0.8125em;
+
−
padding: 15px;
+
−
}
+
−
.percent-text {
+
−
width:54%;
+
−
}
+
−
.percent-text1 {
+
−
width:50%;
+
−
}
+
−
.percent-text2 {
+
−
width: 45%;
+
−
}
+
−
.percent-text3 {
+
−
width: 48%;
+
−
}
+
−
.percent-text4 {
+
−
width: 54%;
+
−
}
+
−
.percent-text5 {
+
−
width:48%;
+
−
}
+
−
.percent-text7 {
+
−
width:44%;
+
−
}
+
−
.content-bottom p {
+
−
font-size: 1em;
+
−
}
+
−
.content-middle p {
+
−
font-size: 1em;
+
−
}
+
−
.project-list2 li {
+
−
padding:4px;
+
−
}
+
−
.data-middle {
+
−
width:89.5%;
+
−
}
+
−
.data-last {
+
−
width:89.5%;
+
−
}
+
−
.logo {
+
−
width:35%;
+
−
margin: 0 auto;
+
−
float: none;
+
−
}
+
−
.span_1_of_first {
+
−
width:100%;
+
−
margin-bottom:20px;
+
−
}
+
−
.col_1_of_4 {
+
−
float:none;
+
−
margin: 0% 0 0% 0%;
+
−
}
+
−
.span_1_of_4 {
+
−
width:100%;
+
−
margin-bottom:20px;
+
−
}
+
−
.footer-nav {
+
−
float:none;
+
−
}
+
−
.copy {
+
−
float: none;
+
−
padding-top: 7px;
+
−
}
+
−
.footer-bottom {
+
−
text-align:center;
+
−
}
+
−
.follow {
+
−
padding-top: 10px;
+
−
}
+
−
.follow p {
+
−
margin-bottom:0;
+
−
}
+
−
.banner h2 {
+
−
padding: 5px 40px 5px 10px;
+
−
font-size: 1.7em;
+
−
}
+
−
#filters {
+
−
padding: 0% 5% 5% 5%;
+
−
}
+
−
#portfoliolist .portfolio {
+
−
width: 100%;
+
−
}
+
−
.project {
+
−
width: 100%;
+
−
float: none;
+
−
margin-right: 0;
+
−
}
+
−
.project-sidebar {
+
−
width: 100%;
+
−
float: none;
+
−
}
+
−
.single-blog {
+
−
width:91%;
+
−
float: none;
+
−
padding: 0 20px;
+
−
}
+
−
.submit {
+
−
margin-bottom:20px;
+
−
font-size: 0.8125em;
+
−
padding: 8px 15px;
+
−
}
+
−
.span_2_of_about h2 {
+
−
font-size: 1.1em;
+
−
}
+
−
.span_2_of_contact {
+
−
width:100%;
+
−
margin-right:0%;
+
−
}
+
−
.contact{
+
−
padding:0;
+
−
}
+
−
.page-not-found h4 span {
+
−
padding: 13px 0px 0;
+
−
}
+
−
.footer-nav ul li a {
+
−
font-size:12px;
+
−
margin:10px 1px;
+
−
}
+
−
.social-list li {
+
−
margin-right:10px;
+
−
}
+
−
.social-list li p {
+
−
padding: 8px 10px 5px 10px;
+
−
font-size: 0.8125em;
+
−
}
+
−
.slider-left {
+
−
float: none;
+
−
padding-top: 0;
+
−
width: 100%;
+
−
}
+
−
.banner {
+
−
padding: 30px 0;
+
−
}
+
−
.banner h2{
+
−
font-size: 1.4em;
+
−
}
+
−
.proj-desc h4 {
+
−
font-size: 1.2em;
+
−
}
+
−
.proj-desc p {
+
−
font-size: 0.8125em;
+
−
}
+
−
.blog-left {
+
−
width: 100%;
+
−
margin-right: 0;
+
−
float: none;
+
−
}
+
−
.blog-right {
+
−
width: 100%;
+
−
float: none;
+
−
}
+
−
.social-list {
+
−
padding-top: 20px;
+
−
}
+
−
li.middle {
+
−
padding: 0 0px 0 30px;
+
−
}
+
−
li.last-comment {
+
−
padding: 0 0px 0 50px;
+
−
}
+
−
.slider-left h4 {
+
−
display:none;
+
−
}
+
−
.slider-left h3 {
+
−
font-size: 1.4em;
+
−
width: 100%;
+
−
}
+
−
.banner-wrap {
+
−
width: 60%;
+
−
}
+
−
}
+

Revision as of 21:56, 22 June 2015

<style> body { background-color: #F0F0D8; padding: 0; margin: 0; } nav { background-color:#789048; list-style-type: none; text-align: center; height: 40px; position: fixed; top: 18px; 

                               left: 0;

width: 100%; text-align: center; padding-top: 20px; } nav ul { padding: 0; margin: 0; display: inline; } nav ul li { display: inline-block; } nav ul li a { text-decoration: none; color: #F0F0D8; padding: 22px 30px 23px 30px; } nav a:link { color: #F0F0D8; } nav a:hover { background-color: #93A66D; 

                                     text-decoration: none; }

nav a:visited { color: #C0C0AD; } 

                       h1, h2, h3 { border-bottom: none; }

footer { border-top: thin gray solid; font-size: .75em; padding: 0 5px 0 5px; background-color: #789048; color: #F0F0D8; }


#banner { text-align: center; height: 200px; }

#wrapper { margin-left: auto; margin-right: auto; background-color: #FFFFFF; }

#projdes { text-align: center; border: thin gray solid; border-radius: 15px; padding: 5px; background-color: #E0ECB0; }

#whoweare { padding: 0 5px 0 5px; } </style>