/* 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,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, profile,keyword,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, profile, keyword, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset**/
body{
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bg.jpg);
}
.clear-both{ clear:both}
.wrap{
width:80%;
margin: 0 auto;
transition:all .2s linear;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
}
.logo{
float: left;
}
.header{
padding: 1% 0;
background: url(../images/header-tail.jpg) top repeat-x #000000;
border-bottom: solid 1px #001C32;
}
.header2{
padding: 1% 0;
background: url(../images/header-tail.jpg) top repeat-x #000000;
border-bottom: solid 1px #001C32;
}
.banner-top img{
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-o-border-radius: 40px;
border: 5px solid #C79A00;
}
.header-top{
padding-bottom:5px;
}
.telephone {
float: right;
padding-top:10px;
}
.telephone span {
padding: 3px 10px 5px 10px;
display: inline-block;
font: 800 33px/39px 'Open Sans', sans-serif;
filter: none !important;
color: #34e611;
vertical-align: middle;
}
.telephone span i {
color: #F6F6F6;
font-size: 33px;
margin-right: 5px;
}
.telephone span.number {
padding: 2px 12px 6px 10px;
background: none;
color:#fff;
font-size: 26px;
font-style: normal;
filter: none !important;
}
/*--keyword--*/
.keyword {
border-bottom: 0px solid #096DB9; margin-bottom:10px; height:auto !important;
background: #840382; /* Old browsers */
background: -moz-linear-gradient(top, #840382 0%, #f602f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#840382), color-stop(100%,#f602f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #840382 0%,#f602f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #840382 0%,#f602f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #840382 0%,#f602f1 100%); /* IE10+ */
background: linear-gradient(to bottom, #840382 0%,#f602f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840382', endColorstr='#f602f1',GradientType=0 ); /* IE6-9 */
}
.tabkeyword {
display: none;
background: #1c1c1c;
padding:1px 15px;
width: 100%;
}
.keyword-top{
padding:40px 0px; text-align:center; background:url(../images/main.html) no-repeat center;
}
.keyword-text { text-align:center; color:#ff8d08;
padding:5px 0px 15px 0px; font-size:14px;
}
.keyword-text a{color:#fff; } .keyword-text a:hover{color:#000; }
/*--profile--*/
.profile {
border-bottom: 0px solid #096DB9; margin-bottom:10px;
}
.inn-img { text-align:center; color:#fff; background:url(../images/iner.html) no-repeat center;
padding:30px 30px; font-size:26px;
}
.tabprofile {
display: none;
background: #1c1c1c;
padding:1px 15px;
width: 100%;
}
/*--menu--*/
.menu {
border-bottom: 0px solid #096DB9; margin-bottom:10px;
}
.toggleMenu {
display: none;
background: #1c1c1c;
padding:1px 15px;
width: 100%;
}
.top-nav{
background: #1c1c1c ;
border-radius: 7px;
-webkit-border-radius:7px;
-moz-border-radius: 7px; border:1px solid #08cebe;
background: #013056; /* Old browsers */
background: -moz-linear-gradient(top, #013056 0%, #01111e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013056), color-stop(100%,#01111e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #013056 0%,#01111e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #013056 0%,#01111e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #013056 0%,#01111e 100%); /* IE10+ */
background: linear-gradient(to bottom, #013056 0%,#01111e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013056', endColorstr='#01111e',GradientType=0 );
}
.search{
float:left;
padding-top:0.2em;
}
.search input[type="text"] {
outline: none;
padding:5px 16px;
outline: none;
color: #fff;
background:none;
border: 1px solid #096DB9;
width: 78.33%;
line-height: 1.5em;
font-size: 0.8125em;
}
.search input[type="submit"] {
background: #FA6210 url('../images/search.png') no-repeat 9px 9px;
padding: 6px 15px;
border: none;
cursor: pointer;
width: 1.33%;
position: absolute;
line-height: 1.5em;
outline: none;
}
.search input[type="submit"]:hover{
background:#001C32 url('../images/search.png') no-repeat 9px 9px;
}
/*--content--*/
/* GRID OF FOUR ============================================================================= */
.main{
padding:1% 0 1% 0;
}
.col_1_of_4{
display: block;
float:left;
margin: 1% 0 1% 1.6%;
background: #fff;
}
.col_1_of_4 p{
font-size: 0.8125em;
color: #999;
padding-top: 1%;
line-height: 1.5em;
}
.col_1_of_4:first-child { margin-left: 0; }
.span_1_of_4 {
width: 20.8%;
padding: 1.5%;
}
.span_1_of_4 img{
display:block;
}
.span_1_of_4 h3{
color: #FA6210;
margin:6% 0 2%;
font-size: 0.8em;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
p.desc{
font-size:0.8125em;
padding:0.5em 0;
color:#999;
line-height: 1.5em;
margin:15px 0;
}
/***** 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_4{
margin: 1% 0 1% 0%;
}
.span_1_of_4 {
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_4{
margin: 1% 0 1% 0%;
}
.span_1_of_4 {
width:92%;
padding:4%;
}
}
.banner-box3 {
background:#FA6210;
height:50px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding-left: 26px;
padding-top: 13px;
font-family: 'Open Sans', sans-serif;
}
.text20 {
display: block;
color: #FFF;
text-transform: uppercase;
font-size:1.1em;
font-weight: normal;
margin-bottom: 6px;
font-family: 'Open Sans', sans-serif;
}
.text21 {
display: block;
color: #FFF;
text-transform: uppercase;
font-size: 20px;
margin-top: -2px;
line-height: 30px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.link2 {
position: absolute;
right: 0;
top: 0;
display: block;
height:50px;
width: 50px;
background:url(../images/right-arrow.png)3px;
}
.link2:hover {
background:url(../images/hover-arrow.png)3px;
}
.button {
background:#001C32;
padding: 8.5px 15px;
-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
color: #FFF;
font-size: 13px;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
background: #FA6210;
}
.more{
text-align:center;
padding-bottom: 4%;
}
.bottom-grid1 {
width:20%;
float: left;
margin-right:1.5%;
padding:0 ; background:#ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.bottom-grid3 {
width:19%;
float:right;
margin-right:0%;
background:#fff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.bottom-grid1 span, .bottom-grid2 span, .bottom-grid3 span {
color:#6de4fd;
font-size: 1.1em;
}
.bottom-grid1 p, .bottom-grid2 p, .bottom-grid3 p {
font-size: 14px;
color:#012644;
line-height: 1.8em;
font-family: Arial, Helvetica, sans-serif;
padding: 8px 10px 10px 10px; clear:both;
}
.bottom-grid1 ul li{
padding-bottom:1px;
}
.bottom-grid1 ul li a {
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.8em;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
vertical-align: top;
}
.bottom-grid1 ul li a:hover {
color: #fc8e0d;
}
.bulet { margin: 0; padding: 0; list-style-type: none; color:#bd99b2; padding-left:15px;
}
.bulet li { background: url(../images/arow.png) 3px 8px no-repeat; padding:0px 0 2px 13px; font-size:16px; font-weight:600; color:#5d779a; text-align:left;
}
.bulet li a { color:#5d779a !important; }
.bulet li a:hover { color:#db4b31 !important;}
.right-img-ara{margin : auto; width :100%; height :auto; padding :2px 0px; margin :2px 0; text-align:center !important;}
.right-d-top{margin : auto; width :100%; height :19px; padding :0px 0px 15px 0; margin :2px 0; background:url(../images/img_top.png) no-repeat top center;}
.right-d-img{margin : auto; width :100%; height :auto; padding :0px 0px; margin :2px 0;}
.right-d-img img{width:100%; vertical-align:top;}
.right-d-img h4{width:100%; height:35px; background:red; opacity:0.8; padding:5px 0; color:#fff; font-size:13px; text-align:center; margin-top:-49px; position: relative;}
.right-d-img h5{color:#d003cc; font-size:16px}
.right-d-btm{margin : auto; width :100%; height :19px; padding :0px 0px; margin :2px 0; border-bottom:3px solid #08cebe;}
.img-txt{width:100%; height:30px; background:black; opacity:0.8; padding:5px 0; color:#08cebe; font-size:16px; font-weight:600; text-align:center; margin-top:-40px; position: relative; }
.r-txt{ color:#d003cc; font-size:16px }
.bottom-grid2 {
float: left;
width:54%;
margin-right:2%; margin-left:2%;
}
.bottom-grid2 h1{
color: #012644;
font-family: 'Open Sans', sans-serif;
padding: 0px 0px 5px 0px;
margin-bottom:2px;
font-size: 1.8em;
font-weight:600;
}
.bottom-grid2 h2{
color: #d93f19;
font-family: 'Open Sans', sans-serif;
padding: 0px 0px 5px 0px;
margin-bottom:2px;
font-size: 1.4em;
font-weight: normal;
}
.bottom-grid2 h3{
color: #06b7a9;
font-family: 'Open Sans', sans-serif;
padding: 0px 0px 5px 0px;
margin-bottom:2px;
font-size: 1.8em;
font-weight: normal;
}
.bottom-grid1 h3, .bottom-grid3 h3 {
color: #fff;
font-family: 'Open Sans', sans-serif;
padding:5px 0px 5px 0px; text-align:center;
font-size: 1.4em;
font-weight: 600;
background: #ba3f2a; /* Old browsers */
background: -moz-linear-gradient(top, #ba3f2a 0%, #fe6948 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba3f2a), color-stop(100%,#fe6948)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ba3f2a 0%,#fe6948 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ba3f2a 0%,#fe6948 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ba3f2a 0%,#fe6948 100%); /* IE10+ */
background: linear-gradient(to bottom, #ba3f2a 0%,#fe6948 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba3f2a', endColorstr='#fe6948',GradientType=0 );
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;
}
.bottom-grid2 h5{
color: #fff;
font-family: 'Open Sans', sans-serif;
padding:6px 0px 5px 0px;
border-top:1px dashed #d003cc;
margin-bottom:2px;
text-transform: uppercase;
font-size: 1em;
font-weight: normal;
}
.bottom-grid2 h6{
color: #ff9204;
font-family: 'Open Sans', sans-serif;
padding: 0px 0px 5px 0px;
margin-bottom:0px;
text-transform: uppercase;
font-size: 1.6em;
font-weight: normal;
}
.bottom-grid2 ul li {
display: inline-block;
width: 32.555%;
}
.bottom-grid2 ul li img {
display: block;
border:5px solid #06b7a9;
}
.bottom-grids{
padding:1% 0 3% 0;
}
.fade {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
opacity: 0.4;
}
/*--footer--*/
.footer-grid1 h3 {
color:#011a2e; font-weight:700;
font-family: 'Open Sans', sans-serif;
margin-bottom:20px;
text-transform: uppercase;
font-size: 1.4em; padding-top:15px;
}
.footer-grid1 p {
font-size: 0.875em;
color: #e5e5e4;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.9em;
}
.footer-grid1{
float: left;
width: 46%;
margin-right: 2%;
}
.footer-grid1 ul li a {
display: block;
padding: 10px 0px;
border-bottom: 1px dotted #1A3347;
font-size: 0.925em;
color: #97C3D9;
font-family: Arial, Helvetica, sans-serif;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
text-transform: uppercase;
}
.footer-grid1 ul li a:hover {
color: #fff;
}
.footer{
background:#5e789b url(../images/foter_bg.png) repeat-x center top;
padding:1.4em 0;
}
.footer-grid {
float: left;
width: 23%;
margin-right: 2%;
}
.footer-grid ul li a {
display: block; width:50%;
padding:3px 5px;
background: rgba(255, 255, 255, 0.5);
margin-bottom:1px;
font-size: 0.825em; font-weight:bold;
color: #000;
font-family: Arial, Helvetica, sans-serif;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
text-transform: uppercase;
}
.footer-grid ul li a:hover {
color: #46c9e5;
}
.footer-grid h3 {
color:#46c9e5; font-weight:700;
font-family: 'Open Sans', sans-serif;
margin-bottom:20px;
text-transform: uppercase;
font-size: 1.4em;
}
.footer-grid p {
font-size: 0.775em;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
.footer-lastgrid { float:right;
margin: 0;
}
.social-grid {
float: left;
width: 46%;
margin-right: 2%;
}
.social-grid h3 {
color:#011a2e; font-weight:700;
font-family: 'Open Sans', sans-serif;
margin-bottom:20px;
text-transform: uppercase;
font-size: 1.4em; padding-top:15px;
}
.social-grid p {
font-size: 0.775em;
color: #e5e5e4;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
.social-grid h4 {
color:#fff; font-weight:600;
font-family: 'Open Sans', sans-serif;
margin-top:15px; margin-bottom:5px;
text-transform: uppercase;
font-size: 1.2em;
}
.social-grid h5 {
color:#f2a00e; font-weight:600;
font-family: 'Open Sans', sans-serif;
margin-top:15px; margin-bottom:5px;
text-transform: uppercase;
font-size: 1.2em;
}
.email-link {
color: #FFF;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
text-transform: lowercase;
}
.email-link:hover{
text-decoration:underline;
}
.footer-grids{
padding-bottom:3%;
}
.copy-right {
text-align: center;
padding-top:2%;
border-top:1px dashed #000;
}
.copy-right p {
color:#fff;
font-size:0.85em;
}
.copy-right p a{
color: #f8f5a7;
}
.copy-right p a:hover{
color:#000;
}
/*--about--*/
.lsidebar1 {
display: block;
float: left;
margin: 1% 0 1% 0;
}
.span_1_of_a {
width: 29.2%;
float: left;
padding: 1.5%;
}
.span_2_of_a h3, .span_1_of_a h3 {
color: #012644;
font-family: 'Open Sans', sans-serif;
padding: 0px 0px 5px 0px;
margin-bottom:2px;
font-size: 1.8em;
font-weight:600;
}
.span_2_of_a span, .span_1_of_a span {
color:#ff9204;
font-size: 1.1em;
}
.testimonials {
padding-top: 18px;
position: relative;
}
.testimonials h3, .sidebar h3 {
color:#FA6210;
margin-bottom: 0.5em;
font-size: 0.8em;
margin-top: 0px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.testimonials p {
font-size: 0.8125em;
padding: 1.5em 0 0 0;
color: #999;
line-height: 1.8em;
text-indent: 35px;
}
.cont1 {
display: block;
float:right;
margin: 0 0 1% 0;
}
.span_2_of_a {
width:75%;
padding:0 1.9%;
}
.about_desc h2 {
color: #363638;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 1.3em;
font-weight: normal;
}
.about_desc p span {
font-size: 14px;
padding: 5px 0;
color:#FA6210;
line-height: 1.8em;
}
.image {
padding-top: 2%;
}
.grid:first-child {
margin-left: 0;
}
.grid {
display: block;
float: left;
margin: 0% 0 0% 2.6%;
}
.images_3_of_1 {
width: 35.2%;
}
.span_2_of_1 {
width: 62.1%;
}
.span_2_of_1 h4 {
color: #f2a00e;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: normal;
}
.span_2_of_a p {
font-size: 14px;
color:#012644;
line-height: 1.8em;
font-family: Arial, Helvetica, sans-serif;
padding: 8px 10px 10px 10px; clear:both;
}
.span_2_of_a p a {
color:#fff;
}
.span_2_of_a p a:hover {
color:#7b0db4;
}
.about-top{ padding:5px 0px;
}
.span_2_of_a h5{
color: #db472b;
font-family: 'Open Sans', sans-serif;
padding:6px 0px 5px 0px;
border-top:1px dashed #838181;
margin-bottom:2px;
text-transform: uppercase;
font-size: 1.6em;
font-weight: 500;
}
.span_2_of_a h6{
color: #ff9204;
font-family: 'Open Sans', sans-serif;
padding: 0px 0px 5px 0px;
margin-bottom:0px;
text-transform: uppercase;
font-size: 1.6em;
font-weight: normal;
}
.span_2_of_a ul li {
display: inline-block;
width: 22%;
margin: 10px 10px;
}
.span_2_of_a ul li img {
display: block;
border:5px solid #b60522; width:100%;
}
.span_2_of_a{
padding:1% 0 3% 0;
}
.testimonials h3 span a {
color: #000;
font-size: 0.9em;
cursor: pointer;
text-decoration: underline;
font-weight: normal;
padding-left: 10px;
text-transform: lowercase;
}
.testimonials h3 span a:hover {
text-decoration:none;
}
.more1{
padding: 20px 0 10px;
}
.testimonials span.quotes {
position: absolute;
left: 0;
top: 55px;
width:26px;
height:26px;
background: url(../images/quote.png) no-repeat;
}
/*--gallery--*/
/* Portolio Hover */
.da-thumbs li ,
.da-thumbs li img {
display: block;
position: relative;
}
.da-thumbs li {
overflow: hidden;
}
.da-thumbs li article {
position: absolute;
background-image:url(../images/image_hover.png);
background-repeat:repeat;
width: 100%;
height: 100%;
}
.da-thumbs li article.da-animate {
-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;
}
/* Initial state classes: */
.da-slideFromTop {
left: 0px;
top: -100%;
}
.da-slideFromBottom {
left: 0px;
top: 100%;
}
.da-slideFromLeft {
top: 0px;
left: -100%;
}
.da-slideFromRight {
top: 0px;
left: 100%;
}
/* Final state classes: */
.da-slideTop {
top: 0px;
}
.da-slideLeft {
left: 0px;
}
.da-thumbs li article a {
color:#fff;
padding:20px;
display:block;
}
.da-thumbs {
text-align:center;
}
.da-thumbs li article h3{
color:#fff;
padding-top:30px;
font-family: 'Open Sans', sans-serif;
font-size:1.2em;
}
.da-thumbs li article em{
margin-bottom:10px;
color:#fff;
display:block;
}
.da-thumbs li article span{
display:inline-block;
}
span.link_post{
display:block;
width:35px;
height:35px;
background-color:#FA6210;
border-radius:50px;
cursor:pointer;
background-image:url(../images/link_post_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-right:10px;
}
span.zoom{
overflow:hidden;
display:block;
width:35px;
height:35px;
background-color:#FA6210;
border-radius:50px;
cursor:pointer;
background-image:url(../images/zoom_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-left:10px;
}
.portfolio_2col article h3{
padding-top:70px !important;
}
/*--blog--*/
.page-not-found h1 {
font-size: 15em;
color: #F0F0F0;
text-align: center;
text-shadow: 1px 1px 6px #AAA;
-moz-text-shadow: 1px 1px 6px #aaa;
-webkit-text-shadow: 1px 1px 6px #aaa;
-o-text-shadow: 1px 1px 6px #aaa;
}
/*--contact--*/
/* Contact Form ============================================================================= */
.col{
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child{
margin-left:0;
}
.span_2_of_3 {
width: 63.1%;
padding:1.5%;
}
.span_1_of_3 {
width: 29.2%;
padding:1.5%;
}
.span_2_of_3 h3,
.span_1_of_3 h3 {
color: #363638;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 1.3em;
font-weight: normal;
margin-bottom:20px;
}
.contact-form{
position:relative;
padding-bottom:30px;
}
.contact-form div{
padding:5px 0;
}
.contact-form span{
display:block;
font-size:0.8125em;
color: #333;
padding-bottom:5px;
font-family :verdana, arial, helvetica, helve, sans-serif;
}
.contact-form input[type="text"],.contact-form textarea{
padding:8px;
display:block;
width:98%;
background:#fcfcfc;
border: none;
outline:none;
color:#464646;
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
box-shadow: inset 0px 0px 3px #999;
-webkit-box-shadow: inset 0px 0px 3px #999;
-moz-box-shadow: inset 0px 0px 3px #999;
-o-box-shadow: inset 0px 0px 3px #999;
-webkit-appearance:none;
}
.contact-form textarea{
resize:none;
height:120px;
}
.contact-form input[type="submit"]{
padding:7px 20px;
color:#FFF;
cursor:pointer;
background:#001C32 url(../images/large-button-overlay.png);
border: 1px solid rgba(0, 0, 0, 0.25);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-border-radius: 5px;
border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
right:0;
}
.contact-form input[type="submit"]:hover{
background-color:#FA6210;
}
.contact-form input[type="submit"]:active{
background-color:#FA6210;
}
.company_address{
padding-top:20px;
}
.company_address p{
font-size:0.8125em;
color:#999;
line-height:1.5em;
}
.company_address p span{
text-decoration:underline;
color:#333;
cursor:pointer;
}
.company_address p span:hover{
text-decoration:none;
}
.map{
border:1px solid #C7C7C7;
margin-bottom:15px;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
}
/* GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 800px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
.contact-form input[type="text"],.contact-form textarea{
width:97%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:90%;
padding:5%;
}
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:90%;
padding:5%;
}
.contact-form input[type="text"],.contact-form textarea{
width:92%;
}
}
.contact{
background:#fff;
}
/*--responsive--*/
@media (max-width:1366px){
.wrap{
width:90%;
}
}
@media (max-width:1280px){
.wrap{
width:90%;
}
.nav li {
padding: 10px 14.5px;
}
}
@media (max-width:1024px){
.wrap{
width:90%;
}
.nav li {
padding: 10px 11.5px;
}
.nav {
width: 74%;
}
.text20 {
font-size: 13px;
}
.banner-box3 {
padding: 16px;
}
.bottom-grid2 ul li {
width: 31.555%;
}
.da-thumbs li article h3 {
padding-top: 11px;
}
}
@media (max-width:800px){
.wrap{
width:90%;
}
.nav li {
padding:10px 22.5px;
}
.nav {
width:68%;
}
.text20 {
font-size: 13px;
}
.banner-box3 {
padding: 16px;
}
.bottom-grid2 ul li {
width: 31.555%;
}
.da-thumbs li article h3 {
padding-top:5px;
}
.nav a {
font-size: 15px;
}
.span_2_of_a ul li{width: 28%;}
.span_2_of_a h3, .span_1_of_a h3{font-size:1.4em}
}
@media (max-width:640px){
.wrap{
width:90%;
}
.nav li {
padding:10px 11.5px;
}
.nav {
width:61%;
}
.text20 {
font-size: 13px;
}
.banner-box3 {
padding: 16px;
}
.bottom-grid2 ul li {
width: 31.555%;
}
.da-thumbs li article h3 {
padding-top:5px;
}
.nav a {
font-size: 15px;
}
.logo {
width: 26%;
padding-top: 2px;
}
.telephone span.number {
font-size: 22px;
padding: 2px 12px 3px 10px;
}
.telephone span {
font: 200 25px/39px 'Open Sans', sans-serif;
padding: 3px 10px 3px 10px;
}
.telephone {
padding-top: 10px;
}
.bottom-grid1 {
width:96%;
float:none;
margin-right:0;
padding: 0 15px;
}
.bottom-grid2 {
float:none;
width:96%;
margin-right:0;
padding: 0 15px;
}
.bottom-grid3 {
width:96%;
float:none;
margin-right:0;
padding: 0 15px;
}
.footer-grid {
float:none; float:left;
width:50%;
margin-right:0%;
margin-bottom: 20px;
}
.social-grid{width: 33%;}
.footer-grid h3 {
margin-bottom: 10px;
}
.footer-grid1 {
float:none;
width:96%;
margin-right:0%;
margin-bottom: 20px;
}
.footer-grid1 h3 {
margin-bottom: 10px;
}
.span_1_of_a {
width:96%;
float:none;
padding:15px;
}
.span_2_of_a {
width:96%;
padding:0px 15px 15px 15px;
}
.page-not-found h1 {
font-size: 9em;
}
.right-img-ara{ float:left; width:46%; margin-right:15px;}
.span_2_of_a ul li{width: 28%;}
}
@media (max-width:480px){
.wrap{
width:90%;
}
.nav li {
padding:10px 9.5px;
}
.nav {
width:72%;
}
.text20 {
font-size: 13px;
}
.banner-box3 {
padding: 16px;
}
.bottom-grid2 ul li {
width: 31.555%;
}
.da-thumbs li article h3 {
padding-top:5px;
}
.nav a {
font-size: 13px;
}
.logo {
width: 32%;
padding-top: 8px;
}
.telephone span.number {
font-size:22px;
padding: 2px 12px 3px 10px;
}
.telephone span img{
width: 19%;
padding: 0 5px;
}
.telephone span {
font: 200 18px/39px 'Open Sans', sans-serif;
padding: 3px 10px 3px 10px;
}
.telephone {
padding-top: 10px;
}
.bottom-grid1 {
width:96%;
float:none;
margin-right:0;
padding: 0 15px;
}
.bottom-grid2 {
float:none;
width:96%;
margin-right:0;
padding: 0 15px;
}
.bottom-grid3 {
width:96%;
float:none;
margin-right:0;
padding: 0 15px;
}
.footer-grid {
float:none;
width:96%;
margin-right:0%;
margin-bottom: 20px;
}
.footer-grid h3 {
margin-bottom: 10px;
}
.span_1_of_a {
width:96%;
float:none;
padding:15px;
}
.span_2_of_a {
width:96%;
padding:0px 15px 15px 15px;
}
.page-not-found h1 {
font-size: 9em;
}
.search input[type="text"] {
width:38.33%;
}
.search {
width: 28%;
padding-top: 0.1em;
}
.inn-img {
padding:10px 10px; font-size:19px;
}
.bottom-grid2 ul li {
width: 47.555%;
}
.social-grid{ width:98%;}
.right-img-ara{ width:100%;}
.span_2_of_a ul li{width: 45%;}
}
@media (max-width:360px){
.span_2_of_a ul li{width: 42%;}
}
@media (max-width:320px){
.wrap{
width:90%;
}
.nav li {
padding:10px 7.5px;
}
.nav {
width:100%;
float:none;
}
.text20 {
font-size: 13px;
}
.banner-box3 {
padding: 16px;
}
.bottom-grid2 ul li {
width: 31.555%;
}
.da-thumbs li article h3 {
padding-top:27px;
}
.nav a {
font-size: 13px;
}
.logo {
width:100%;
padding-top: 8px;
float:none;
}
.telephone{
float: none; width:100%;
}
.telephone span.number {
font-size:22px;
padding: 2px 12px 3px 10px;
}
.telephone span img{
width: 19%;
padding: 0 5px;
}
.telephone span {
font: 200 18px/39px 'Open Sans', sans-serif;
padding: 3px 10px 3px 10px;
}
.telephone {
padding-top: 10px;
}
.bottom-grid1 {
width:90%;
float:none;
margin-right:0;
padding: 0 15px;
}
.bottom-grid2 {
float:none;
width:90%;
margin-right:0;
padding: 0 15px;
}
.bottom-grid3 {
width:90%;
float:none;
margin-right:0;
padding: 0 15px;
}
.footer-grid {
float:none;
width:90%;
margin-right:0%;
margin-bottom: 20px;
}
.footer-grid h3 {
margin-bottom: 10px;
}
.span_1_of_a {
width:90%;
float:none;
padding:15px;
}
.span_2_of_a {
width:90%;
padding:0px 15px 15px 15px;
}
.page-not-found h1 {
font-size:4em;
}
.search input[type="text"] {
width:69.33%;
}
.search {
width:100%;
padding-top: 0.1em;
margin: 0 10px 10px 10px;
}
.span_2_of_a p {
display: none;
}
.span_2_of_1 h4 {
font-size: 13px;
}
.inn-img {
padding:10px 10px; font-size:16px;
}
.social-grid{ width:98%;}
.bottom-grid2 ul li {
width: 48.555%;
}
.right-img-ara{ width:100%;}
.span_2_of_a { padding: 0 0px 0px; width:100%;}
.span_2_of_a ul li {margin: 10px 5px; width:45%;}
.span_2_of_a h3, .span_1_of_a h3{font-size: 1.2em;}
}
/* Social Media Icons =====================================*/
ul#sm { width: 100%; overflow: hidden; }
ul#sm li { float: left; margin:0 5px 5px 0; transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
text-transform: uppercase; }
ul#sm li:nth-last-child(1) { margin-right:0 }
ul#sm li a { width:33px; height: 33px; display: block; background-image:url("../images/socialmedia.png"); text-indent:-99999px }
a.facebook { background-position: 0 0 }
a.facebook:hover { background-position: 0 -33px;}
a.twitter { background-position: -40px 0 }
a.twitter:hover { background-position: -40px -33px;}
a.gplus { background-position: -80px 0 }
a.gplus:hover { background-position: -80px -33px;}
a.myspace { background-position: -120px 0 }
a.myspace:hover { background-position: -120px -33px;}
a.dribbble { background-position: -160px 0 }
a.dribbble:hover { background-position: -160px -33px;}
a.skype { background-position: -200px 0 }
a.skype:hover { background-position: -200px -33px;}
a.linkedin { background-position: -240px 0 }
a.linkedin:hover { background-position: -240px -33px;}
a.vk { background-position: -280px 0 }
a.vk:hover { background-position: -280px -33px;}
a.yahoo { background-position: -320px 0 }
a.yahoo:hover { background-position: -320px -33px;}
a.apple { background-position: -360px 0 }
a.apple:hover { background-position: -360px -33px;}
a.windows { background-position: -400px 0 }
a.windows:hover { background-position: -400px -33px;}
a.youtube { background-position: -440px 0 }
a.youtube:hover { background-position: -440px -33px;}
a.delicious { background-position: -480px 0 }
a.delicious:hover { background-position: -480px -33px;}
a.supon { background-position: -520px 0 }
a.supon:hover { background-position: -520px -33px;}
a.blogger { background-position: -560px 0 }
a.blogger:hover { background-position: -560px -33px;}
a.wordpress { background-position: -600px 0 }
a.wordpress:hover { background-position: -600px -33px;}
a.amazon { background-position: -640px 0 }
a.amazon:hover { background-position: -640px -33px;}
a.paypal { background-position: -680px 0 }
a.paypal:hover { background-position: -680px -33px;}
a.rss { background-position: -720px 0 }
a.rss:hover { background-position: -720px -33px;}
#sitemap{margin : auto; float :left; width :30%; height :auto; padding :5px 0px 5px 0px; margin :5px 10px 10px 0px; }
.sitemap-head{margin : auto; float : left; width :100%; height :30px; padding :3px 0 1px 0px; margin :5px 0 5px 0px; background:#d003cc url(images/rd2.html) repeat-x; }
.r-hd{ color:#ff9204;}
.sitemap-cont{margin : auto; float : left; width :90%px; height :auto; padding :5px 0px; margin :5px 0; border:0px solid #db790b;}
.gall-box{margin : auto; float : left; width :100%; height :auto; padding :2px 0px; margin :2px 6px;}
.gall-top{margin : auto; float : left; width :100%; height :19px; padding :0px 0px 15px 0; margin :2px 0; background:url(../images/img_topg.png) no-repeat top center;}
.gall-img{margin : auto; float : left; width :100%; height :auto; padding :0px 0px; margin :2px 0; }
.gall-btm{margin : auto; float : left; width :100%; height :19px; padding :0px 0px; margin :2px 0; background:url(../images/img_botomg.html) no-repeat bottom center;}