* {
outline:none
}

html,body {
height:100%;
margin:0;
padding:0
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,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;
outline:none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
font-family:'Open Sans',sans-serif;
font-size:14px;
line-height:1.5em;
height:100%;
width:100%;
margin:0 auto;
position:absolute;
top:0;
left:0;
bottom:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

img {
width:100%
}

h1,h2,h3,h4,h5,h6 {
font-family:'Oswald',sans-serif
}

h1 {
font-size:2.8888888888889em;
text-transform:uppercase;
font-weight:700
}

.center-text {
text-align:center
}

a {
color:#717171;
text-decoration:none;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out
}

a:hover {
text-decoration:none;
color:#3e3e3e
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

table {
border-collapse:collapse;
border-spacing:0
}

div,span,p {
-webkit-font-smoothing:antialiased
}

img {
max-width:100%;
outline:none
}

.auto_div_l {
width:auto;
float:left;
height:auto
}

.auto_div_r {
width:auto;
float:right;
height:auto
}

.pad40 {
padding:40px 0
}

.pad_t_120 {
padding-top:200px
}

.scrollup {
width:60px;
height:60px;
border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
-webkit-border-radius:100%;
position:fixed;
bottom:30px;
right:30px;
display:none;
text-indent:-9999px;
background:url(../images/arrow.png) center no-repeat;
z-index:1.0E+61;
outline:none;
border:none
}

.scrollup:hover {
background:url(../images/arrow.png) center no-repeat;
outline:none;
border:none
}

#main_container {
width:100%;
height:auto;
float:left;
padding:0;
margin:0
}

.row_container {
width:100%;
height:auto;
float:left;
padding:0;
margin:0
}

.center_container {
width:95%;
max-width:1080px;
position:relative;
display:block;
margin:0 auto;
clear:both;
height:auto
}

.center_div {
width:90%;
position:relative;
margin:0 auto
}

.banner-logo {
width:320px;
height:320px;
position:relative;
margin:0 auto
}

.header_container {
width:100%;
height:auto;
float:left;
z-index:9999;
padding:15px 0;
background:#fff;
position:fixed;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 4px 0 rgba(0,0,0,0.1);
box-shadow:0 4px 0 rgba(0,0,0,0.1)
}

#calll_us_on {
color:#0094B6;
margin-right:0;
font-size:14px;
text-align:right;
margin-bottom:10px;
font-family:'Open Sans',sans-serif
}

#calll_us_on .fa {
color:#94C42D
}

.navbar_inr {
width:100%;
height:auto;
float:left;
display:block
}

.logo_container {
width:20%;
height:auto;
float:left
}

.nav_area_container {
width:80%;
height:auto;
float:left;
z-index:9999999
}

.table_menu {
width:100%;
height:auto;
float:left;
display:block
}

.main_menu {
width:83%;
float:right;
height:auto
}

.who_we_are_page {
text-align:center;
padding:0;
background:url(../images/who_we_are_bg.jpg) top right fixed no-repeat
}

.what_we_offer_page {
text-align:center;
padding:0;
background:url(../images/WhatWeOffer.html) bottom right fixed no-repeat
}

.wb_design_page,.web_dev {
text-align:center;
padding:0;
background:url(../images/corporate.png) bottom right fixed no-repeat
}

.seo_page {
text-align:center;
padding:0;
background:url(../images/corporate.png) bottom right fixed no-repeat
}

.smo_page {
text-align:center;
padding:0;
background:url(../images/prod-dev.png) bottom left fixed no-repeat
}

.e_com {
text-align:center;
padding:0;
background:url(../images/e_com.png) center left fixed no-repeat
}

.corporate {
text-align:center;
padding:0;
background:url(../images/corporate.png) bottom right fixed no-repeat
}

.web_hos {
text-align:center;
padding:0;
background:url(../images/consult_pg.png) bottom right fixed no-repeat
}

.inner_page {
text-align:center;
padding:0;
background:#fff
}

.who_we_are_page .container,.inner_page .container,.what_we_offer_page .container,.wb_design_page .container,.seo_page .container,.corporate .container,.smo_page .container,.web_dev .container,.web_hos .container,.e_com .container {
position:relative
}

.who_we_are_page p,.what_we_offer_page p,.wb_design_page p,.seo_page p,.corporate p,.smo_page p,.web_dev p,.web_hos p,.e_com p {
font-size:14px;
font-weight:300;
line-height:24px
}

.who_we_are_page h1,.inner_page h1,.what_we_offer_page h1,.wb_design_page h1,.seo_page h1,.corporate h1,.smo_page h1,.web_dev h1,.web_hos h1,.e_com h1 {
color:#039099;
font-size:3.25em;
font-weight:400;
line-height:70px;
margin:60px 0 0;
text-transform:none;
text-align:left
}

.who_we_are_page h2,.inner_page h2,.what_we_offer_page h2,.wb_design_page h2,.seo_page h2,.corporate h2,.smo_page h2,.web_dev h2,.web_hos h2,.e_com h2 {
font-size:33px;
font-weight:lighter;
line-height:30px;
margin:0 0 10px
}

.who_we_are_page h3,.inner_page h3,.what_we_offer_page h3,.wb_design_page h3,.seo_page h3,.corporate h3,.smo_page h3,.web_dev h3,.web_hos h3,.e_com h3 {
color:#94C42D;
font-size:28px;
font-weight:lighter;
line-height:30px;
margin:0 0 40px;
text-align:center
}

.who_we_are_page ul,.what_we_offer_page ul,.wb_design_page ul,.seo_page ul,.corporate ul,.smo_page ul,.web_dev ul,.web_hos ul,.e_com ul {
margin:0;
padding:0;
margin-left:20px;
margin-top:20px
}

.who_we_are_page li,.what_we_offer_page li,.seo_page li,.corporate li,.smo_page li,.web_dev li,.web_hos li,.e_com li {
font-size:14px;
font-weight:lighter;
line-height:30px;
list-style:url(../images/arrow-04.png)
}

.wb_design_page li {
font-size:14px;
font-weight:lighter;
line-height:30px;
list-style:url(../images/brush.png)
}

.mivi {
width:90%;
padding:5%;
height:auto;
background:#f8f8f8;
margin:20px 0
}

.mivi h2 {
color:#94C42D;
font-size:22px
}

.mivi h2 span {
margin-right:10px
}

.client_image_container {
width:100%;
height:auto;
float:left
}

.c_frame {
padding:10px;
margin:15px;
width:191px;
height:110px;
background:#f8f8f8;
border:1px solid #f2f2f2;
border-radius:4px;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out
}

.c_frame:hover {
background:#fff
}

.career_box {
width:100%;
height:auto;
float:left;
font-size:14px;
color:#545454;
padding:20px;
background:linear-gradient(to bottom,#f8f8f8 31%,#fff 100%) repeat scroll 0 0 transparent!important;
text-align:left!important;
border-radius:5px
}

.career_box h1 {
color:#000;
font-size:28px;
font-weight:lighter;
line-height:30px;
margin:20px 0;
text-align:left
}

.career_box h2 {
color:#94C42D;
font-size:24px;
font-weight:lighter;
line-height:30px;
margin:0 0 20px;
text-align:left
}

.career_box .career_des {
margin:15px 0;
line-height:22px
}

.career_box .career_des_black {
margin:15px 0;
line-height:22px;
color:#029199
}

.social {
margin:0 5px 40px;
display:block;
-webkit-animation-duration:.5s;
-moz-animation-duration:.5s;
-ms-animation-duration:.5s;
-o-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-delay:.7s;
-moz-animation-delay:.7s;
-ms-animation-delay:.7s;
-o-animation-delay:.7s;
animation-delay:.7s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both
}

.social a {
opacity:.75;
margin-right:15px
}

.social-last {
margin-right:0!important
}

.social a:hover,.social a:focus,.social a:active {
opacity:1
}

.sideline {
width:6%;
min-width:32px;
height:1px;
margin:0 1% 7px;
background:rgba(0,0,0,0.25);
box-shadow:0 1px rgba(255,255,255,0.15);
display:inline-block;
-webkit-animation-duration:.7s;
-moz-animation-duration:.7s;
-ms-animation-duration:.7s;
-o-animation-duration:.7s;
animation-duration:.7s;
-webkit-animation-delay:.9s;
-moz-animation-delay:.9s;
-ms-animation-delay:.9s;
-o-animation-delay:.9s;
animation-delay:.9s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both
}

#categories-button {
background:#FFF;
border:1px solid #DDD;
color:#787878;
display:inline-block;
font-size:14px;
padding:6px 20px;
text-transform:uppercase;
vertical-align:middle;
cursor:pointer;
text-align:center
}

#categories-button:hover {
background:#f1f1f1
}

#portfolio {
text-align:center;
padding:4em 0;
background-color:#013f4b;
background-image:url(../images/snoww.html),url(../images/snow3.png),url(../images/snow2.png);
-webkit-animation:#fffafa 20s linear infinite;
-moz-animation:#fffafa 20s linear infinite;
-ms-animation:#fffafa 20s linear infinite;
animation:#fffafa 20s linear infinite
}

@keyframes snow {
0% {
background-position:0 0px,0 0px,0 0
}

100% {
background-position:500px 1000px,400px 400px,300px 300px
}
}

@-moz-keyframes snow {
0% {
background-position:0 0px,0 0px,0 0
}

100% {
background-position:500px 1000px,400px 400px,300px 300px
}
}

@-webkit-keyframes snow {
0% {
background-position:0 0px,0 0px,0 0
}

50% {
background-color:#b4cfe0
}

100% {
background-position:500px 1000px,400px 400px,300px 300px;
background-color:#6b92b9
}
}

@-ms-keyframes snow {
0% {
background-position:0 0px,0 0px,0 0
}

100% {
background-position:500px 1000px,400px 400px,300px 300px
}
}

#portfolio h1 {
margin:0;
color:#94C42D;
font-size:3.25em;
font-weight:400;
line-height:150px;
text-transform:uppercase
}

#portfolio .item-title {
color:#000
}

#portfolio hr {
border-top:1px double #B5D571;
margin:1.5em auto;
margin-bottom:2.5em;
padding:0;
width:15%
}

#portfolio .cat-list {
text-align:center;
list-style-type:none;
margin-bottom:40px;
width:100%;
padding:0
}

#portfolio .cat-list li {
display:inline-block;
margin:20px 0;
margin-bottom:0;
padding:5px 10px
}

#portfolio .cat-list .active {
background-color:#B5D571;
color:#fff
}

#portfolio .resp-btn {
height:42px;
width:42px;
background:red;
display:none
}

#portfolio .portfolio-row {
height:auto;
list-style-type:none;
padding:0;
margin:40px 0 0
}

#portfolio .portfolio-row .portfolio-mix {
display:none;
margin-bottom:0;
opacity:0;
padding:0;
width:25%;
float:left
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a {
display:block;
position:relative;
padding-bottom:45px;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.meta {
bottom:0;
padding:15px 0;
position:absolute;
text-align:center;
width:100%;
background:#000
}

.meta h4 {
margin-bottom:6px;
text-transform:uppercase
}

.meta h6 {
margin-bottom:0
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a .caption-bg {
position:absolute;
top:20px;
left:0;
width:100%;
height:100%;
background-color:transparent;
opacity:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0;
-webkit-box-shadow:inset 0 0 0 6px #035762,inset 0 0 0 0 #035762;
-moz-box-shadow:inset 0 0 0 6px #035762,inset 0 0 0 0 #035762;
box-shadow:inset 0 0 0 6px #035762,inset 0 0 0 0 #035762
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a .caption-bg::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-box-shadow:inset 0 0 0 0 #333;
-moz-box-shadow:inset 0 0 0 0 #333;
box-shadow:inset 0 0 0 0 #333;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a h3 {
font-size:3em;
line-height:1.2em;
text-shadow:none;
color:#fff;
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
opacity:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a .portfolio-item-description {
font-size:14px;
line-height:1.2em;
font-weight:lighter;
color:#fff;
position:absolute;
top:0;
left:0;
width:80%;
margin:0 10%;
text-align:center;
opacity:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .meta {
background:none;
cursor:crosshair
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .meta em {
color:#f1f1f1!important;
cursor:crosshair
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .meta h4 {
color:#f1f1f1!important;
cursor:crosshair
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg {
opacity:.95;
top:0;
left:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0;
cursor:crosshair
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
content:'';
-webkit-box-shadow:inset 0 0 0 160px #035762;
-moz-box-shadow:inset 0 0 0 160px #035762;
box-shadow:inset 0 0 0 160px #035762;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0;
cursor:crosshair
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover h3 {
opacity:1;
top:14%;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .portfolio-item-description {
opacity:1;
top:40%;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0;
cursor:crosshair
}

#portfolio .btn {
margin:0 10px
}

#portfolio .btn-outline-white {
color:#B5D571;
text-transform:none;
border:2px solid #B5D571;
font-size:14px!important;
line-height:24px!important
}

#portfolio .btn {
margin:1em 10px 0
}

#portfolio .btn-outline-white {
border:2px solid #B5D571;
color:#035762;
text-transform:none
}

#portfolio .btn-outline-white:hover {
background-color:#B5D571;
color:#FFF;
cursor:crosshair
}

#portfolio .btn-outline-white {
text-transform:uppercase
}

#portfolio .btn {
margin:0 10px
}

#portfolio .btn-outline-white {
color:#94C42D;
text-transform:none;
border:1px solid #94C42D;
font-size:14px!important;
line-height:24px!important
}

.portfolio-popup .btn {
margin:5px;
cursor:pointer!important
}

.portfolio-popup .btn-outline-white {
border:2px solid #94C42D;
color:#94C42D;
text-transform:none
}

.portfolio-popup .btn-outline-white:hover {
background-color:#94C42D;
color:#FFF;
cursor:crosshair
}

.portfolio-popup .btn-outline-white {
text-transform:uppercase
}

.portfolio-popup {
background:none repeat scroll 0 0 #FFF;
margin:0 auto;
max-width:50%;
padding:0;
padding-bottom:40px;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.portfolio-popup .responsive-container {
margin-bottom:20px
}

.portfolio-popup .columns {
width:100%!important;
margin:0!important
}

.portfolio-popup .container {
width:100%
}

.popup-nav-top {
background:#035762
}

.item-title {
background:none repeat scroll 0 0 #fff;
padding:0 0 20px;
text-align:center;
margin:0

}

.item-title h1 {
color:#94C42D;
margin:0;
font-size:2.25em;
font-weight:400;
line-height:normal;
text-transform:uppercase
}

.item-title h2 {
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0;
text-shadow:0 0 0 rgba(0,0,0,0);
font-size:26px;
color:#545454;
font-weight:lighter;
line-height:30px;
margin:0 0 5px;
text-align:center
}

.item-subtitle {
padding:0 0 1em!important;
color:#fff
}

.item-overview {
margin:0 60px;
font-size:14px;
text-align:justify
}

.item-overview strong {
color:#000;
line-height:35px;
font-size:20px
}

.item-skills {
margin:0 45px
}

.popup-nav {
list-style-type:none;
text-align:center;
margin:40px 0;
padding:0
}

.popup-nav-top .popup-nav {
margin:20px 0
}

.popup-nav li {
display:inline-block
}

.btn-black {
background-color:#2C2C2C;
border:medium none;
color:#FFF;
margin-top:0;
padding:10px;
border-radius:4px;
-webkit-border-radius:4px
}

.btn-black:hover {
background-color:#94C42D
}

.projets-features {
margin:0;
padding:0
}

.projets-features li {
border-bottom:1px solid #E9E9E9;
display:inline-block;
margin:5px;
padding:10px;
background:#f1f1f1;
font-size:14px;
color:#828282;
text-transform:uppercase;
list-style-type:none
}

.visit-project {
padding:10px!important;
font-size:12px!important
}

.portfolio-popup .project-slider {
position:relative;
margin-bottom:40px
}

.project-slider ul {
list-style:none outside none;
margin:0;
padding:0
}

.project-slider li {
margin:0;
padding:0
}

.project-slider ul.slidecontrols li {
height:auto;
position:absolute;
right:0;
width:50px
}

.project-slider ul.slidecontrols li a {
background:none;
padding:8px 0;
width:100%;
padding:15px
}

.mfp-close-btn-in .mfp-close {
display:none;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.mfp-fade.mfp-bg {
opacity:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.mfp-fade.mfp-bg.mfp-ready {
opacity:.6;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.mfp-fade.mfp-bg.mfp-removing {
opacity:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.mfp-fade.mfp-wrap .mfp-content {
opacity:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity:1;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity:0;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0
}

#contact p {
color:#545454;
line-height:30px
}

#contact .fa {
color:#545454;
line-height:30px
}

#contact form {
margin-top:30px;
margin-bottom:0;
position:relative
}

#contact form ._lines {
height:243px;
left:0;
position:absolute;
top:0;
width:100%
}

._line {
background-image:url(../images/35_contact-line.png);
background-repeat:repeat-x;
height:1px;
margin-top:40px;
width:100%
}

#contact form ._name,#contact form ._email,#contact form ._phone {
transition:opacity .2s ease-in-out 0
}

#contact form ::-webkit-input-placeholder {
color:#000
}

#contact form :-moz-placeholder {
color:#000
}

#contact form ::-moz-placeholder {
color:#000
}

#contact form :-ms-input-placeholder {
color:#000
}

#contact form input::-webkit-input-placeholder,#contact form textarea::-webkit-input-placeholder {
color:#000
}

#contact form input:-moz-placeholder,#contact form textarea:-moz-placeholder {
color:#000
}

#contact form button[type="submit"] {

outline:none;
background:rgba(0,0,0,.3);
color:#000;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
border:none;
font-size:14px;
font-weight:400;
margin-top:30px
}

#contact form button[type="submit"]:hover {
background-color:#000;
color:#035762
}

#contact .container {
transition:all .2s linear 0
}

.submit {
width:75px;
height:26px;
background:#a70b19;
color:#fff;
border-radius:5px;
border:none;
padding:2px 5px;
font-family:'EuphemiaRegular';
font-size:14px;
text-align:center;
-webkit-transition:all .25s ease;
-moz-transition:all .25s ease;
-ms-transition:all .25s ease;
-o-transition:all .25s ease;
transition:all .25s ease;
cursor:pointer
}

.submit:hover {
background:#023d3e
}

.field_section_container_full {
height:auto;
width:100%;
float:left;
margin-bottom:20px
}

.field_section_container {
height:auto;
width:50%;
float:left;
margin-bottom:10px
}

.field_text_container {
width:30%;
margin-right:5%;
height:auto;
float:left;
color:#fff;
text-align:left;
font-weight:400
}

.field_box_container {
width:50%;
height:auto;
float:left
}

.field {
color:#545454;
width:90%;
padding:5px;
height:30px;
line-height:30px;
border:none;
background:url(../images/35_contact-line1.png)bottom repeat-x
}

.field_area {
color:#545454;
width:90%;
padding:5px;
height:200px;
border:none;
line-height:32px;
background:url(../images/35_contact-line1.png) repeat
}

#select_dropdown option {
color:#989898;
font-size:14px;
padding:5px;
line-height:25px;
border:0;
margin-bottom:5px
}

.footer_spacer {
height:250px
}

.footer {
background:url(../images/design_pattern.png) left top repeat-x rgba(1,55,65,1);
text-align:center;
position:relative;
height:170px;
overflow:hidden
}

.footer .main-photo {
margin:3em auto 2em
}

.footer p {
color:#FFF;
font-size:14px;
letter-spacing:.1em;
line-height:1.66667;
margin:25px 0;
text-transform:uppercase
}

.social-links {
padding:0;
text-align:center
}

.social-links li {
display:inline-block;
margin-right:15px
}

.social-links a {
display:block
}

.icon-circle.large {
border:2px solid #FFF;
font-size:1.3em
}

.social-links a:hover {
opacity:.5
}

.icon-circle {
border:1px solid #FFF;
border-radius:50px;
-webkit-border-radius:50px;
color:#FFF!important;
display:inline-block;
height:2em;
line-height:38px!important;
position:relative;
width:2em
}

@media screen and (max-width :600px) {
.header_container {
width:100%;
height:auto;
float:left;
z-index:9999;
padding:15px 0;
background:#fff;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 4px 0 rgba(0,0,0,0.1);
box-shadow:0 4px 0 rgba(0,0,0,0.1);
position:relative;
margin-bottom:20px
}

.logo_container {
width:100%;
height:auto;
float:left
}

.nav_area_container {
width:100%;
height:auto;
float:left
}

#calll_us_on {
margin-right:0;
margin-bottom:10px;
width:100%;
text-align:center
}

.main_menu {
width:100%;
float:left;
height:auto
}

.who_we_are_page,.what_we_offer_page,.wb_design_page,.web_dev,.seo_page,.smo_page,.corporate,.inner_page,.web_hos {
text-align:center;
padding:0;
background:#fff;
padding-top:250px
}

.who_we_are_page h1,.inner_page h1,.what_we_offer_page h1,.wb_design_page h1,.seo_page h1,.corporate h1,.smo_page h1,.web_dev h1,.web_hos h1 {
color:#039099;
font-size:3em;
font-weight:400;
line-height:35px;
margin:60px 0 0;
text-transform:none;
text-align:left
}
}