@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: ralewaythin;
    src: url('fonts/raleway_thin-webfont.eot');
    src: url('fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway_thin-webfont.woff') format('woff'), url('fonts/raleway_thin-webfont.ttf') format('truetype'), url('fonts/raleway_thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UniversBlackRegular;
    src: url('fonts/univers-black.eot');
    src: url('fonts/univers-black.eot') format('embedded-opentype'), url('fonts/univers-black.woff') format('woff'), url('fonts/univers-black.ttf') format('truetype'), url('fonts/univers-black.svg#UniversBlackRegular') format('svg');
}

a {
    text-decoration: none;
    color: red;
}

a img {
    border: none;
}

img {
    max-width: 100%;
}

.clear {
    clear: both;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #474a59;
    font-size: 15px;
    font-weight: normal;
    background: #f5f6f6 url(images/body_bg.jpg) no-repeat top center;
    margin: 0;
    padding: 0;
	text-align:justify
}

body.home {
  overflow-x: hidden;
}

.wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
}

.container {
    width: 100% !important;
    max-width: 1150px;
	line-height:22px;
}

.header {
    margin: 0 auto;
    padding: 0;
    min-height: 142px;
    max-width: 1206px;
    position: relative;
}

.header_top {
  height: 25px;
  margin: 0;
  padding: 10px 0px 0px 0px;
  clear: both;
}

ul.top_nav {
    margin: 0 0 0 0;
    padding: 0;
    float: right;
}

ul.top_nav li {
    list-style: none;
    background: url(images/nav_border.jpg) no-repeat right center;
    padding: 0 12px 0 12px;
    float: left;
    margin: 0;
}

ul.top_nav li.last {
    background: none;
}

ul.top_nav li a {
    display: block;
    color: #5d5d5d;
    font-size: 11px;
    margin: 0;
}

ul.top_nav li.menu-item-30 {
    background: none;
}

.header_bottom {
    height: 112px;
    margin: 0;
    padding: 0;
}

.header_bottom_left {
    margin: 0;
    padding: 0;
    width: 280px;
    float: left;
}

.header_bottom_left a {

    padding: 30px 0 0 0;
}

.header_bottom_right {
    margin: 0;
    padding: 0;
    float: right;
    width: 900px;
}

.phone-top {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  position: absolute;
  right: 300px;
  top: 16px;
}

.phone-top span{ font-weight: bold; }

/*.navigation ul {
        margin:30px 0 0 0;
        padding:0 0 12px 0;
        float:right;
        border-bottom:1px solid #474a59;
}
.navigation ul li {
        list-style:none;
        padding:0 0 0 55px;
        display:inline-block;
}
ul.main_nav li.last_child {
}
.navigation ul li.last_child a {
        background:#d61128;
        padding:5px 14px 5px 15px;
        color:#FFF;
}
.navigation ul li a {
        display:block;
        color:#3a3a3a;
        font-size:13px;
}
.navigation ul li.menu-item-26 a {
        background:#d61128;
        padding:5px 10px 5px 10px;
        color:#FFF;
}*/

/*
.social_link {
    margin: 5px 0 0 0;
    padding: 0;
    background: url(images/social_link.jpg) no-repeat right;
    height: 26px;
}

*/

.banner {
    margin: 0 auto;
    padding: 0;
    /*width: 100%;*/
    text-align: center;
	max-width: 1206px;
}

.main_body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.Services {
    margin: 0 auto;
    max-width: 1125px;
    padding: 0 40px 25px 40px;
    background: url(images/title_bottom_bg.jpg) no-repeat center top;
    font-size: 19px;
    font-weight: normal;
}

.Services h2 {
    color: #5d5d5d;
    text-align: center;
    margin: 0 0 0 30px;
    padding: 0 0 25px;
}

.post01_outer {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #eeeeee url(images/main_body_top_bg.jpg) no-repeat center;
    height: 234px;
}

.post01 {
    margin: 0 auto;
    padding: 0 40px;
    width: 1125px;
}

.post01_left {
    margin: 56px 0 0 0;
    padding: 0;
    width: 45%;
    float: left;
}

.post01_right {
    margin: 56px 0 0 0;
    padding: 0;
    width: 50%;
    float: right;
}

.post01_title {
    font-size: 32px;
    float: right;
    line-height: 32px;
    text-align: right;
}

.post02_outer {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #f7f7f7 url(images/main_body_bottom_bg.jpg) no-repeat center;
    height: 234px;
}

.post02 {
    margin: 0 auto;
    padding: 0 40px;
    width: 1125px;
}

.post02_left {
    margin: 26px 0 0 0;
    padding: 0;
    width: 50%;
    float: left;
}

.post02_right {
    margin: 0 0 0 0;
    padding: 0;
    width: 43%;
    float: right;
}

.post02_title {
    font-size: 32px;
    float: left;
    margin: 56px 100px 0 0;
    line-height: 32px;
}

.latest_project {
    margin: 40px auto 0 auto;
    width: 1125px;
    padding: 0 40px 25px 40px;
    background: url(images/title_bottom_bg01.jpg) no-repeat center top;
    font-size: 19px;
    font-weight: normal;
}

.latest_project h2 {
    color: #5d5d5d;
    text-align: center;
    margin: 0 0 0 30px;
    padding: 0 0 25px;
}

.latest_protfolio {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

ul.protfolio {
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.protfolio li {
    list-style: none;
    display: inline-block !important;
}

ul.protfolio li a {
}

.see_all {
    margin: 0 auto 15px;
    padding: 0;
    height: 43px;
}

.see_all h3 {
    font-family: ralewaythin, "Myriad Pro", Arial, Helvetica, sans-serif;
    color: #5d5d5d;
    font-size: 14px;
    text-align: right;
}

.see_all a.click {
    background: url(images/click_btn.jpg) no-repeat center;
    display: inline-block;
    height: 43px;
    width: 43px;
    color: #FFF;
    padding: 20px 9px 0 0;
    margin: 0 0 0 10px;
    text-decoration: none;
}

.see_all a.click:hover {
    text-decoration: none;
	color: #F00;
}

.who_we_are {
    margin: 0 auto;
    max-width: 1125px;
    padding: 0 40px 25px 40px;
    background: url(images/title_bottom_bg01.jpg) no-repeat center top;
    font-size: 19px;
    font-weight: normal;
}

.who_we_are h2 {
    color: #5d5d5d;
    text-align: center;
    margin: 0 0 0 30px;
    padding: 0 0 25px;
}

.about_our_company {
    margin: 0;
    padding: 0;
    width: 100%;
}

.our_company_inner {
    margin: 0 auto;
    padding: 0;
}

	.our_company_left
	{
	width:100%;
	text-align:justify;
	}
	.our_company_left img 
	{
	float:right;
	padding:20px;
	}
.our_company_right {
    margin: 0;
    padding: 0;
    width: 30%;
    float: right;
	height:auto;
}

.request_quote {
    max-width: 1175px;
    margin:2px auto;
    padding: 45px 0 0 0;
    text-align: center;
}

.request_quote a {
    margin: 0 0 -5px 0;
    display: block;
    padding: 0;
}

.footer_outer {
    margin: 0;
    padding: 0;
    width: 100%;
    background: url(images/footer_bg.jpg) repeat;
}

.footer {
    margin: 0 auto;
    padding: 0;
	padding-bottom: 35px;
}

ul.footer_nav {
    margin: 45px 0 0;
    padding: 0 0 0 70px;
    width: 205px;
    float: left;
}

ul.footer_nav li {
    font-size: 19px;
    color: #FFF;
    background: url(images/footer_border.jpg) repeat-x bottom;
    list-style: url(images/list_style.png) inside;
    padding: 5px 0 12px 0;
    width: 100%;
}

ul.footer_nav li.title {
    list-style: none;
    background: none;
}

ul.footer_nav li a {
    color: #63687a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

ul.footer_nav li a:hover {
    color: #FFF;
}

.footer_bottom_outer {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 50px;
    background: url(images/copy_right_bg.jpg) repeat-x;
}

.footer_bottom {
    margin: 0 auto;
    padding: 0;
    width: 1040px;
}

.footer_bottom_left {
    margin: 0;
    padding: 8px 0 0 0;
    width: 50%;
    float: left;
    color: #63687a;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
}

.footer_bottom_right {
    margin: 0;
    padding: 8px 0 0 0;
    width: 50%;
    float: right;
    color: #63687a;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    text-align: right;
}

.footer_bottom_right a {
    color: #FFF;
}

.main_body_outer {
    margin: 0;
    padding: 0;
    width: 100%;
}

ul#menu-web_design_nav li#menu-item-70 {
    list-style: none;
    background: none;
}

ul#menu-web_design_nav li#menu-item-70 a {
    font-size: 19px;
    color: #FFF;
    list-style: none;
    background: none;
}

ul#menu-web_development_nav li#menu-item-76 a {
    font-size: 19px;
    color: #FFF;
}

ul#menu-web_development_nav li#menu-item-76 {
    list-style: none;
    background: none;
}

ul#menu-cms_nav li#menu-item-80 {
    list-style: none;
    background: none;
}

ul#menu-cms_nav li#menu-item-80 a {
    font-size: 18px;
    color: #FFF;
}

ul#menu-mobile_app li#menu-item-84 {
    list-style: none;
    background: none;
}

ul#menu-mobile_app li#menu-item-84 a {
    font-size: 19px;
    color: #FFF;
}

.post03_outer {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #eeeeee url(images/main_body_top_bg02.jpg) no-repeat center;
    height: 215px;
}

.post03 {
    margin: 0 auto;
    padding: 0 40px;
    width: 1125px;
}

.post03_left {
    margin: 56px 0 0 0;
    padding: 0;
    width: 45%;
    float: left;
}

.post03_right {
    margin: 26px 0 0 0;
    padding: 0;
    width: 50%;
    float: right;
}

.post03_title {
    font-size: 32px;
    float: right;
    line-height: 32px;
    text-align: right;
}

.main_body_inner {
    margin: 0 auto;
    padding: 0;
    max-width: 1205px;
}

h1 {
    font-size: 54px;
    font-family: UniversBlackRegular, "Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #d61128;
    margin: 0;
    padding: 0;
}

h2 {
    font-weight: bold;
    color: #D61128;
    font-family: ralewaythin, "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size: 26px;
}

h2 a {
    color: #D61128;
}

h2.subtitle {
    padding: 5px 10% 20px 0;
    font-weight: bold;
    background: url(images/devider.png) center bottom repeat-x;
    color: #474a59;
    font-family: ralewaythin, "Myriad Pro", Arial, Helvetica, sans-serif;
}

a.req_quote, input[type="submit"], button {
    margin: 20px 0 0 0;
    padding: 0;
    display: block;
    background: #d61128;
    width: 150px;
    float: right;
    height: 28px;
    line-height: 28px;
    color: #FFF;
    border: none;
}

input[type="submit"], button {
  background: none repeat scroll 0 0 #D61128;
  border: medium none;
  color: #FFFFFF;
  display: block;
  float: left;
  font-weight: bold;
  height: 36px;
  line-height: 28px;
  margin: 20px 0 0;
  width: 190px;
}

input[type="submit"]:hover, button:hover{
  cursor: pointer;
  color: black;
}

.navigation {
    background: url(images/navigation_line.png) transparent bottom right no-repeat;
    width: 911px;
    height: 79px;
    float: right;
}

.navigation ul {
}

.navigation li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

.navigation li.menu-item-178 a {
    display: none
}

.navigation li a {
    color: #474a59;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    height: 40px;
    width: 140px;
    display: block;
    line-height: 35px;
}

/********* Navigation animation ************/
.navigation ul {
    z-index: 100;
}

.navigation #box {
    position: absolute;
    left: 0;
    top: 56px;
    z-index: 50; /* image of the right rounded corner */
    background-color: #d61128;
    height: 3px;
}

.navigation li.menu-item-28 a, .navigation li a {
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-size: 14px;
}

.navigation li.current-menu-item a, .navigation li:hover a {
    cursor: pointer;
    color: #d61128;
    font-size: 14px;
}

.navigation {
    /* you must set it to relative, so that you can use absolute position for children elements */
    position: relative;
    text-align: center;
    width: 911px;
    height: 60px;
}

::-moz-selection {
    background: #d61128;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #315896;
    color: #fff;
    text-shadow: none;
}

ul.list {
    margin: 0;
    padding: 0;
}

ul.list li {
    list-style: none;
    display: inline-block;
}

ul.list01 {
    margin: 0;
    padding: 0;
}

ul.list01 li {
    list-style: inside;
    padding: 0;
}

ul.list02 {
    margin: 0;
    padding: 0;
	padding-left:100px;
    float: left;
}

ul.list02 li {
    list-style: inside;
    padding: 0;
}

.wpcf7 form.wpcf7-form span {
    color: #F00;
}

input[type="text"], input[type="email"], select, textarea {
    border: 1px solid #CCC;
    height: 28px;
    margin: 8px 0 0 0;
    font-size: 14px;
    color: #333;
    padding: 0 6px;
    min-width: 250px;
    border-left: 2px solid #D61128;
}

textarea {
    min-height: 90px;
    min-width: 380px;
}

a.content_readmore {
    color: #D61128;
}

.postmeta {
    display: inline-block;
    width: 35%;
    color: #436a74;
    font-size: 10px;
    background: #d4d7de;
    border: 1px solid #c0c4cd;
    text-transform: uppercase;
}

.pmet {
    display: block;
    padding: 3px 10px;
    float: left;
}

.author {
    font-size: 10px;
    text-transform: uppercase;
}

.clock {
    font-size: 10px;
    text-transform: uppercase;
}

.comm {
    float: right;
    background: #fff;
}

.comm a:link, .comm a:visited {
    color: #F00;
}

.comm a:hover {
    color: #000;
}

.breadcrumbs a.site-home {
    color: #F00;
    font-size: 14px;
    font-weight: bold;
}

.main_body_inner h2 a:hover {
    color: #F00;
}

figure .grayscale {
    margin: 0;
    padding: 0;
}

.ls-layer {
    text-align: center !important;
}
/*
.ls-layer img {
    top: inherit !important;
    left: 20% !important;
}
*/
.ls-bottom-nav-wrapper {
    position: absolute !important;
    left: 48%;
    bottom: 30px;
}

.contact_table {
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    font-size: 14px;
    width: 100%;
}

.contact_table td, .contact_table th {
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    padding: 7px 10px 9px;
}

.contact_table th {
    background: #ECF3F8;
    line-height: 17px;
    text-align: left;
    font-family: helveticacondensedbold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.contact_table td {
    vertical-align: top;
}

.contact_table2 {
    border-bottom: 5px solid #73BC29;
    border-right: 1px solid #E0F6CA;
    width: 730px;
}

.contact_table2 td, .contact_table2 th {
    border-left: 1px solid #E0F6CA;
    border-top: 1px solid #E0F6CA;
    padding: 7px 10px 9px;
}

.contact_table2 th {
    background: #ECF3F8;
    line-height: 15px;
    text-align: left;
}

.contact_table2 td {
    vertical-align: top;
    font-size: 14px;
}

.contact_table3 {
    border-bottom: 5px solid #73BC29;
    border-right: 1px solid #E0F6CA;
    width: auto;
}

.contact_table3 td, .contact_table3 th {
    border-left: 1px solid #E0F6CA;
    border-top: 1px solid #E0F6CA;
    padding: 7px 10px 9px;
}

.contact_table3 th {
    background: #ECF3F8;
    line-height: 15px;
    text-align: left;
}

.contact_table3 td {
    vertical-align: top;
}

.contact_table3 tr td p {
    margin: 0px;
}

.quotetable {
    width: 100%;
    max-width: 700px;
}

.quotetable td {
    padding: 5px 5px;
}

.quotetable input[type='text'], .quotetable textarea, .quotetable select, .quotetable input[type="submit"] {
    width: 98%;
}

.quotetable form {
    margin: 15px 0 0 0;
}

.quotetable input[type="radio"], .quotetable input[type="checkbox"] {
    margin: 5px 15px 5px 0;
}

div.toggleContainer {
    background: #F9F9F9;
    border: 1px solid #F3F3F3;
    margin: 0 0 10px 0;
}

.quotetable a.toggleLink {
    height: 26px;
    line-height: 22px;
    background: url(images/quote_title_bg.png) left -26px no-repeat;
    display: block;
    text-align: left;
    padding: 0 0 0 20px;
    color: #000;
}

.quotetable a.toggleLink.quoteTopActive {
    background: url(images/quote_title_bg.png) left -52px no-repeat;
}

.home .article H4, div.breadcrumbs {
    padding: 0;
    margin: 0 0 10px 0;
    font-family: Museo300-Regular, "MS Serif", "New York", serif;
    font-size: 13px;
    font-weight: bold;
    color: #acacac;
}

a.request_quote {
    background: url(images/free_quote_bg.png) right top no-repeat;
    width: 100%;
    height: 57px;
    padding: 12px 0 0 17px;
    display: block;
    margin-left: -15px;
    z-index: 10;
    font-style: normal;
    text-decoration: none;
    font-size: 17px;
    font-stretch: extra-expanded;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
    letter-spacing: 2.0px;
}

a.request_quote:hover {
    text-decoration: none;
    border: none;
    color: #666;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

.twocol_left {
    width: 20%;
    margin: 0 5% 0 0;
    float: left;
}

.twocol_right {
    float: right;
    width: 75%;
}

/*Single Portfoli Template*/
.twocol_right.full_width_portfolio{
    width: 100%;
}

.twocol_right.full_width_portfolio .full_img_portfolio{
	width: 60%;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

.full_img_portfolio img.attachment-large, .full_img_portfolio img.attachment-full{
	max-width: 100%;
	height: auto;
}

.single_portfolio_right {
  float: right;
  width: 36.5%;
}

/*Ends of single portfolio template*/

.eachpost {
    background: url(images/devider.png) center bottom repeat-x;
    padding: 0 0 40px 0;
}

.latest_posts {
    margin: 0 0 70px 0;
}

.latest_posts ul, .blog_cats ul {
    margin: 0;
    padding: 0;
}

.latest_posts h2, .blog_cats h2 {
    background: url(images/devider.png) center bottom repeat-x;
    padding: 0 0 15px 0;
}

.latest_posts ul li, .blog_cats ul li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #dfdfdf;
    list-style: none;
}

.blog_cats li {
    list-style: none;

}

.really_simple_share {
    padding-top: 15px !important;
}

/*By Kadir*/
.main_body:hover Services h2{
  color: #D61128;
}
.main_body > div:not(.post03_outer_price){
	/****** Use any CSS-rules ******/
	border: none;

	-webkit-transition: all 0.5s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.5s ease;/* Firefox 4-15 */
	-o-transition: all 0.5s ease;/* Opera 10.5-12.00 */
	transition: all 0.5s ease;/* Firefox 16+, Opera 12.50+ */
}
.main_body > div:not(.post03_outer_price):hover{
  cursor: normal;
  border-left: 10px solid #D61128;
}

.main_body > div img{
    -webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 1s ease;/* Firefox 4-15 */
	-o-transition: all 1s ease;/* Opera 10.5-12.00 */
	transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */
}

.main_body > div:hover img{
    -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, -20px);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, -20px);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, -20px);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, -20px);/* IE 9 */
	transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, -20px);
}

.top_nav ul li a{
   color: #5D5D5D;
   -webkit-transition: all 0.5s ease;/* Safari 3.2+, Chrome */
   -moz-transition: all 0.5s ease;/* Firefox 4-15 */
   -o-transition: all 0.5s ease;/* Opera 10.5-12.00 */
   transition: all 0.5s ease;/* Firefox 16+, Opera 12.50+ */
}

.top_nav ul li a:hover{
   color: #D61128;
}

.navigation li a{
   -webkit-transition: all 0.5s ease;/* Safari 3.2+, Chrome */
   -moz-transition: all 0.5s ease;/* Firefox 4-15 */
   -o-transition: all 0.5s ease;/* Opera 10.5-12.00 */
   transition: all 0.5s ease;/* Firefox 16+, Opera 12.50+ */
   font-weight: bold;
}

.navigation li a:hover{
    -moz-transform: translate(0px, -5px);/* FF3.5+ */
	-webkit-transform: translate(0px, -5px);/*Saf3.1+, Chrome*/
	-o-transform: translate(0px, -5px);/* Opera 10.5 */
	-ms-transform: translate(0px, -5px);/* IE 9 */
	transform: translate(0px, -5px);
}

.latest_protfolio ul li img{
   -webkit-transition: all 0.4s ease;/* Safari 3.2+, Chrome */
   -moz-transition: all 0.4s ease;/* Firefox 4-15 */
   -o-transition: all 0.4s ease;/* Opera 10.5-12.00 */
   transition: all 0.4s ease;/* Firefox 16+, Opera 12.50+ */
}

.latest_protfolio ul li img:hover{
	-moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0px, 0px);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);/* IE 9 */
	transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0px, 0px);
}

.header_bottom_left a img{
   -webkit-transition: all 0.4s ease;/* Safari 3.2+, Chrome */
   -moz-transition: all 0.4s ease;/* Firefox 4-15 */
   -o-transition: all 0.4s ease;/* Opera 10.5-12.00 */
   transition: all 0.4s ease;/* Firefox 16+, Opera 12.50+ */
}

.header_bottom_left a img:hover{
	-moz-transform: rotate(0deg) scale(1.03, 1.03) skewX(0deg) skewY(0deg) translate(0px, 0px);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(1.03, 1.03) skew(0deg, 0deg) translate(0px, 0px);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(1.03, 1.03) skew(0deg, 0deg) translate(0px, 0px);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(1.03, 1.03) skew(0deg, 0deg) translate(0px, 0px);/* IE 9 */
	transform: rotate(0deg) scale(1.03, 1.03) skew(0deg, 0deg) translate(0px, 0px);
}

/* Animation section=========== */


/* Sides */
.animate_to_middle {
	-webkit-transition: -webkit-transform 0.7s, opacity 0.6s;
	-moz-transition: -moz-transform 0.7s, opacity 0.6s;
	-o-transition: -o-transform 0.7s, opacity 0.6s;
	transition: transform 0.7s, opacity 0.6s;	
}



/* Initial state (hidden or anything else) */
 .animate_to_middle {
	opacity: 1;
	
}

 .animate_from_left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);}

 .animate_from_right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
 .animate_from_left.animate,
 .animate_from_right.animate {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;}

/*Price Table*/
.post03_price #pricing-table{
   margin-top: 20px;
}

.post03_price #pricing-table .plan{
   -webkit-transition: all 0.4s ease;/* Safari 3.2+, Chrome */
   -moz-transition: all 0.4s ease;/* Firefox 4-15 */
   -o-transition: all 0.4s ease;/* Opera 10.5-12.00 */
   transition: all 0.4s ease;/* Firefox 16+, Opera 12.50+ */
}

.post03_price #pricing-table .plan:hover{
   -moz-transform: rotate(0deg) scale(1.02, 1.02) skewX(0deg) skewY(0deg) translate(0px, 0px);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(1.02 1.02) skew(0deg, 0deg) translate(0px, 0px);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(1.02, 1.02) skew(0deg, 0deg) translate(0px, 0px);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(1.02, 1.02) skew(0deg, 0deg) translate(0px, 0px);/* IE 9 */
	transform: rotate(0deg) scale(1.02, 1.02) skew(0deg, 0deg) translate(0px, 0px);
	
	background: none repeat scroll 0 0 #F9F9F9;
}

.latest_packages {
  font-size: 19px;
  font-weight: normal;
  margin: 15px auto 0;
  padding: 0 40px 5px;
  width: 1125px;
  text-align: center;
}

a.req_quote{
  width: 165px;
}

/*.ls-inner img{
  max-width: 80%;
  max-height: 85%;
}*/

.post03_price #pricing-table {
  text-align: center;
}

#pricing-table h3 span {
  width: 175px !important;
}

#pricing-table .plan {
  margin-right: 30px;
  min-width: 230px !important;
}

#pricing-table .plan:nth-child(3), #pricing-table .plan:nth-child(6){
  margin-right: 0px;
}

.pack_title {
  display: block;
  height: 50px;
  margin: 0 auto;
  text-align: center;
}

/*Nazmul CSS*/

.single-portfolio #stcpDiv p {
  line-height: 24px;
}

.single-portfolio #stcpDiv ul{
	margin:0;
	padding:0;
}
.single-portfolio #stcpDiv ul li{
	list-style:none;
	background:url(images/left-arrow.png) no-repeat left;
	padding-left:15px;
	transition: all 0.5s ease 0s;
	margin-bottom:5px;
}
.single-portfolio #stcpDiv ul li:hover{
	padding-left:20px;
}
.single-portfolio #stcpDiv p:last-child{
	padding:0 10px;
	border-left:5px solid #d61128;
}
.latest_posts ul li a, .blog_cats ul li a{
	transition: all 0.5s ease 0s;
}
.latest_posts ul li a:hover, .blog_cats ul li a:hover{
	padding-left:20px;
}
.main_title{
	transition: all 0.5s ease 0s;
}
.main_title:hover{
	padding-left:15px;
	color:#474a59;
	
}
.profile-slider{
}
.soliloquy ul li{
	background-image:none !important;
}
.nimble-portfolio-links{
	margin:0 !important;
}
.nimble-portfolio-links a{
	background:#474a59;
	color:#FFF;
	text-align:center !important;
	padding:0 10px;
}
.nimble-portfolio-links a:hover{
	background:#666a7f;
}
.nimble-portfolio-links a:last-child{
	background:#d61128;
}
.nimble-portfolio-links a:last-child:hover{
	background:#ff142f;
}
.nimble-portfolio-template-rect-1 .nimble-portfolio-filter ul li{
	margin:0 !important;
}
.nimble-portfolio-template-rect-1 .nimble-portfolio-filter ul li a{
	background:#474a59 !important;
	color:#FFF;
	border:none;
	padding:5px 20px !important;
	font-size:16px;
}
.nimble-portfolio-template-rect-1 .nimble-portfolio-filter ul li a:active, .nimble-portfolio-filter ul li.current a, .nimble-portfolio-template-rect-1 .nimble-portfolio-filter ul li a:hover{
	background:#d61128 !important;
}
.nimble-portfolio-title{
	background:#dcdcdc;
	padding:5px 0;
	text-transform:capitalize;
}
.single_portfolio_right h2{
	margin:0 0 20px 0;
	padding:0;
}
.list li a img{
 -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.list li a img:hover{
 opacity:0.6;
}
.webdesign-bottom-section{
	margin-top:70px;
	clear:both;
}
.webdesign-bottom-section .boxs{
	width:381px;
	float:left;
	margin-right:30px;
	line-height:22px;
	text-align:center;
}
.webdesign-bottom-section .boxs:last-child{
	margin-right:0;
}
.webdesign-bottom-section .boxs i{
	font-size:50px;
	background:#d61128;
	padding:25px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	color:#fff;
	margin-bottom:15px;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;


}
.webdesign-bottom-section .boxs i:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	background:#FFF;
	color:#d61128;
}
.footer > ul.footer_nav > div > ul > li{
	list-style:none;
}
.footer > ul.footer_nav > div > ul > li > a{
	
}
.footer > ul.footer_nav > div > ul > li > a:before{
	content: "";
	font-family: FontAwesome;
	margin-right:5px;
	font-size:13px;
}
ul#menu-web_design_nav li#menu-item-70 a:before, ul#menu-web_development_nav li#menu-item-76 a:before, ul#menu-cms_nav li#menu-item-80 a:before, ul#menu-mobile_app li#menu-item-84 a:before{
	display:none;
}
.web-development > .boxs > ul > li{
	list-style:none;
	line-height:25px;	
}
.web-development > .boxs > ul > li:before, ul.m-app-list li:before{
	 content: "";
	 font-family: FontAwesome;
	 font-size:12px;
	 margin-right:5px;
	 color:#d61128;
}
.wd-mid-text{
	margin-top:20px;
}

ul.footer_nav:first-child{
    padding-left: 0px;
}

.list02 li:first-child:before{
	content: "" !important;
}

.list02 li:first-child {
  font-size: 17px;
  padding-bottom: 7px;
}

.list02 li:not(:first-child){
  padding-left: 20px;
}
ul.m-app-list li{
	list-style:none !important;
}
a.fb-find-us{
	font-size:40px;
	color:#4862a3;
}

/*Contact Page Fix*/
#wpcf7-f134-p22-o1{
  float: left;
  width: 40%;
}

iframe.location-frame {
  float: right;
  width: 50%;
}


/*Share Buttons*/
.social_share_links {
  float: right;
  max-width: 445px;
}

ul.shareUs li {
  color: #64879E;
  float: left;
  list-style: none outside none;
  margin: 0 0 0 7px;
  padding: 0;
}

ul.shareUs li#googplus {
  overflow: hidden;
  width: 70px;
}

ul.shareUs li#twitter {
  overflow: hidden;
  width: 98px;
}

li#twitter .btn-o #b {
  box-sizing: border-box;
  height: 25px !important;
  max-width: 100%;
}

li#twitter .btn-o #b span.label {
  padding: 3px 10px 3px 24px !important;
}

iframe#twitter-widget-0 #1 {
  padding: 20px;
}

ul.top_nav li:last-child{
   padding-right: 0px;
}

a.req_quote{
  margin-top: 0px;
}

/*New Enquiry Form
.query_form{
 max-width: 600px;
}
.query_form .form_row{
   display: block;
   clear: both;
}
.query_form .form_row div{
    display: inline;
}

.query_form .form_row div.column-1{
    float: left;
	width: 45%;
	text-align: right;
}

.query_form .form_row div.column-2{
    float: right;
	width: 45%;
}

.query_form input[type="text"], .query_form input[type="email"],.query_form select,.query_form textarea{
    margin: 0 0 10px 0;
}
*/

.query_form{
 max-width: 800px;
}
.query_form .form_row, .query_form .form_row .column{
   display: block;
   clear: both;
}

.query_form .form_left{
    float: left;
	width: 45%;
}

.query_form .form_right{
    float: left;
	width: 45%;
}

.query_form input[type="text"], .query_form input[type="email"],.query_form select,.query_form textarea{
    margin: 8px 0 10px 0;
}

.query_form .captcha-img {
  margin-top: 8px;
}

/*Comment Form*/
.comment-form label {
  display: block;
  font-weight: 600;
}

.comment-form input#cptch_input{
  width: 40px;
  min-width: 40px;
}

.comment-respond {
  border-top: 1px dotted #C9C9C9;
}

#comments {
  margin-top: 30px;
}

.pricetable .pricetable-header p {
  color: #444444;
  font-family: arial;
  font-weight: bold;
  margin: 15px;
  text-align: center;
}

.inp-radio .wpcf7-list-item-label{
   color: #474A59 !important;
}

.entry-content > form#searchform {
  width: 280px;
}

/** Responsive CSS **/

@media screen and (max-width: 1209px){

    .really_simple_share {
        padding-top: 15px !important;
    }

    .navigation {
        background: url(images/navigation_line.png) transparent bottom right no-repeat;
        width: 100%;
        height: 79px;
        float: right;
    }

    .navigation ul {

    }

    .navigation li a {
        color: #474a59;
        text-align: center;
        font-size: 14px;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        height: 59px;
        width: 20% !important;
        display: inline;
        line-height: 64px;
        padding: 0 10px;

    }

    h1 {
        margin-top: 35px;
        font-size: 30px !important;


    }

    .main_body_inner p {
        text-align: justify;
    }

    h2 {
        font-size: 95%;
    }

    ul.protfolio {
        width: 100%;
    }

    .main_body {
        width: 90%;
    }

    .who_we_are {
        padding: 0;
    }

    .header_bottom_left {
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;

    }

    .header_bottom_left a {
        display: block;
        padding: 30px 0 0 0;
    }

    .header_bottom_right {
        margin: 0;
        padding: 0;
        float: none;
        width: 100%;

    }

    .latest_project {
        margin: 40px auto 0 auto;
        width: 90%;
        padding: 0;
        background: url(images/title_bottom_bg01.jpg) no-repeat center top;
        font-size: 19px;
        font-weight: normal;
    }

    .post03 {
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
    }

    .banner {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        text-align: center;
        overflow: hidden;
        margin-top: 45px;
    }

    .Services {
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
        background: url(images/title_bottom_bg.jpg) no-repeat center top;
        font-size: 19px;
        font-weight: normal;
    }

    .wrapper {
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }

    ul.footer_nav {
        margin: 45px 0 0;
        padding: 0 10px 0 0px;

        float: left;
    }

    .footer_bottom_left {
        margin: 0;
        padding: 8px 0 0 5%;
        width: 45%;
        float: left;
        color: #63687a;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 16px;
    }

    .footer_bottom_right {
        margin: 0;
        padding: 8px 5% 0 0;
        width: 45%;
        float: right;
        color: #63687a;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 16px;
        text-align: right;
    }
	
	ul.nimble-portfolio-ul li{
	  margin-left: 12px !important;
	}

}

@media screen and (max-width: 1024px)and (min-width: 805px){
    
	.wrapper {
	  width: 100%;
	}
	
	.wrapper div.header.container, .wrapper div.main_body_outer, .wrapper div.about_our_company{
	  width: 95% !important;
	  padding: 0;
	  margin: 0 auto;
	}
	
	.wrapper > div.footer_outer, .wrapper > div.footer_bottom_outer{
	  width: 100% !important;
	  padding: 0;
	}
	
	.navigation #box {
	  top: 75px;
	}
	
	a.req_quote {
	  margin-top: 18px;
	}
	
	.main_body {
	  width: 100%;
	}
	
	.post01_right, .post03_right {
	  float: left;
	  margin: 56px 0 0 10px;
	  width: 48%;
	}
	
	.post01_outer, .post02_outer, .post03_outer{
	   display: block;
	   clear: both;
	}
	
	.pricetable {
	  width: 93%;
	}
	
	.footer_bottom_outer {
	  background-color: #161922;
	  min-height: 65px;
	}
	
	.about_our_company, .Services {
	  margin: 0;
	  padding: 0 20px !important;
	  width: 100%;
	}
	
	#wpcf7-f134-p22-o1 {
	  clear: both;
	  float: left;
	  margin-bottom: 20px;
	  width: 50%;
	}
}

@media screen and (max-width: 800px){
	
   .wrapper {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
	
	.wrapper > div:not(.footer_outer), .wrapper > div:not(.footer_bottom_outer) {
	  max-width: 100%;
	  padding: 0 20px;
	}
	
	.navigation ul {
	  padding-left: 0;
	}
	
	.navigation #box {
	  top: 75px;
	}
	
	a.req_quote {
	  margin-top: 18px;
	}
	
	.post01_outer, .post02_outer, .post03_outer {
	  clear: both;
	  display: block;
	  height: 320px;
	  width: 100%;
	}
	
	.footer_bottom_outer {
	  background-color: #161922;
	  min-height: 60px;
	}
	
	.Services {
	  margin: 0 auto 20px;
	}
   
   .post03_outer_price{
	  display: none;
   }
   
   .full_img_portfolio {
	  display: block;
	  float: none !important;
	  margin-top: 52px;
	  width: 100% !important;
	}

	.single_portfolio_right {
	  display: block;
	  float: none;
	  width: 100%;
	}
	
	#wpcf7-f134-p22-o1 {
	  clear: both;
	  float: left;
	  margin-bottom: 20px;
	  width: 50%;
	}
	
	.main_body_inner img {
	  height: auto;
	  max-width: 100%;
	}
	
	ul.nimble-portfolio-ul li{
	  margin-left: 20px !important;
	}

}

@media screen and (max-width: 768px) {
    ul.nimble-portfolio-ul li {
	  margin-left: 10px !important;
	}
}

@media screen and (max-width: 760px) {
	
	#pricing-table {
	  margin: 100px auto 50px;
	  max-width: 712px;
	  text-align: center;
	}
	
	.main_body {
        width: 100% !important;
    }
	.post01, .post02, .post03
	{
	padding:0;
	}
    .post01_left, .post02, .post03_left {
        clear: both;
		padding:0;
    }

    .post01_title, .post02_title, .post03_title {
        font-size: 18px;
    }

    .post01_right, .post02_left, .post03_right {
        width: 100%;
		text-align:justify;
		    }

    .post03_left {
        display: none;
    }

    .Services {
        margin-top: 50px;
    }

    .banner {
        display: none;
    }

    .ls-layer {
        height: 100% !important;
    }

    .latest_protfolio ul.protfolio li img {
        width: 100%;
    }

    .navigation {
        background: url(images/navigation_line.png) transparent bottom right no-repeat;
        width: 100%;
        height: 79px;
        float: right;
    }

    .post02_title {
        margin: 56px 56px 0 0 !important;

    }

    .main_body {
        width: 70%;
    }

    .Services {
        padding: 0;
    }

    .who_we_are {
        padding: 0;
    }

    .latest_project {
        padding: 0;
    }

    h1 {
        font-size: 24px;
        font-family: UniversBlackRegular, "Myriad Pro", Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #d61128;
        margin-top: 45px;
        padding: 0;
    }

    .navigation {
        width: 100%;
        height: 159px !important;
        float: none;
        background: #EEE;
        border: none;
        margin-top: 50px;
        padding: 0;
        clear: both;
    }

    .navigation ul {
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

    .navigation ul li {
        transition: all 300ms ease-in-out 0s;
        float: none;
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        border-bottom: 1px solid #C33;
        left: 0;
        width: 100%;
    }

    .navigation li a {
        color: #474a59;
        text-align: center;
        font-size: 14px;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        height: 30px;
        display: inline;
        line-height: 30px;
        width: 80%;
        padding: 0 10%;
    }

    .navigation ul li, .navigation li a:hover {
        color: #666;
    }

    .navigation ul li:hover {
        background-color: #FFF;

    }

    a.req_quote, input[type="submit"], button {
        padding: 0;
        display: block;
        background: #d61128;
        width: 100%;
        float: right;
        height: 28px;
        line-height: 28px;
        color: #FFF;
        border: none;
        margin-top: -184px !important;
    }

    .navigation li {
        list-style: none !important;
        margin: 0;
        padding: 0;
    }

    ul.footer_nav li {
        font-size: 19px;
        color: #FFF;
        background: url(images/footer_border.jpg) repeat-x bottom;
        list-style: url(images/list_style.png) inside;
        width: 100%;
    }

    .footer_bottom_outer {
        margin: 0;
        padding: 0;
        width: 100%;
        min-height: 120px;
        background: #171a23 url(images/copy_right_bg.jpg) repeat-x;
    }

    ul.footer_nav {
        margin: 45px 0 0;
        padding: 0;
        width: 48%;
        float: left;
    }
}

@media screen and (max-width: 800px) and (min-width: 640px){
   iframe.location-frame {
	  width: 40%;
	}
}

@media screen and (max-width: 799px){
	
   .post03_outer_price{
      display: none;
   }

}

@media screen and (max-width: 640px) {
    
	.navigation #box{
	   display: none;
	}
	
	a.req_quote {
	  margin-top: none !important;
	  float: right !important;
	}
	
	.navigation {
	  margin-top: 35px;
	}
	
	.main_body > div img {
	  display: none;
	  transition: all 1s ease 0s;
	}
	
	.post01_outer, .post02_outer, .post03_outer {
	  clear: both;
	  display: block;
	  height: 285px;
	  padding: 10px;
	  width: 98%;
	}
	
	.main_body > div:hover:not(.post03_outer_price) {
	  border-left: none;
	}

	.post01_right, .post02_left, .post03_right {
	  margin-top: 5px;
	  text-align: justify;
	  width: 100%;
	  display: block;
	}
	
	.post01_left, .post02_right, .post03_left {
	  display: block;
	  margin: 0 0 5px;
	  width: 100%;
	}
	
	.post01_title, .post02_title, .post03_title {
	  float: none !important;
	  font-size: 18px;
	  width: 100%;
	}
	
	.footer_bottom_outer {
	  min-height: 65px;
	  width: 100%;
	}
	
	.footer_bottom_left, .footer_bottom_right {
	  width: 100%;
	}
	
	#wpcf7-f134-p22-o1 input[type="submit"] {
	  margin-top: 5px !important;
	  clear: both;
	}
	
	.main_body_inner.container > iframe {
	  margin-top: 15px;
	}
	
	.twocol_left {
	  display: none;
	}
	
	.twocol_right {
	  clear: both;
	  float: none;
	  padding: 0 5px;
	  width: 99%;
	}
	
	#commentform input[type="submit"]{
	  margin-top: 0px !important;
	}
	
	.header_top, .social_share_links {
	  padding-right: 15px;
	}
	
	.webdesign-bottom-section {
	  clear: both;
	  width: 100%;
	}
	
	.webdesign-bottom-section .boxs {
	  width: 98%;
	  padding: 0px 15px;
	}
	
	.webdesign-bottom-section .boxs p{
	  text-align: center;
	}
	
	.webdesign-bottom-section .boxs ul.list02{
	  padding-left: 0px;
	}
	
	.query_form .form_left {
	  float: left;
	  width: 40%;
	}
	
	.query_form .form_right {
	  float: left;
	  width: 40%;
	}
	
	.query_form input[type="text"], .query_form input[type="email"], .query_form textarea{
	  max-width: 200px;
	  min-width: 200px;
	}
	
	.query_form .wpcf7-form-control.wpcf7-submit{
	  margin-top: 0px !important;
	}
	
	ul.nimble-portfolio-ul li {
	  margin-left: 50px !important;
	}
	
        .phone-top {
          right: auto;
        }
	
}


@media screen and (max-width: 480px) and (min-width: 361px) {
   ul.nimble-portfolio-ul li {
	  margin-left: 115px !important;
   }
}

@media screen and (max-width: 480px) {
   .wrapper > div {
	  max-width: 95%;
	  padding: 0px;
	}
	
	.about_our_company {
	  margin: 0;
	  padding: 10px;
	  width: 100%;
	}
	
	.wrapper > div{
	  max-width: 95%;
	  padding: 0;
	}
	
	.wrapper > div.footer_outer, .wrapper > div.footer_bottom_outer{
	  max-width: 100%;
	  padding: 0;
	}
	
	.footer_bottom_outer {
	  min-height: 120px;
	  width: 100%;
	}
	
	.main_body_outer {
	  padding-left: 5px !important;
	}
	
	a.req_quote {
	  float: left !important;
	}
	
	.quotetable td {
	  display: block;
	  max-width: 96%;
	  padding: 5px;
	  text-align: left;
	}
	
	.quotetable td input[type="submit"] {
	  margin-top: 0px !important;
	}
	
	.pricetable-column{
	  width: 100% !important;
	  display: block;
	  margin-bottom: 25px;
	}
	
	.query_form {
	  text-align: center;
	}
	
	.query_form .form_left {
	  float: none;
	  width: 90%;
	  display:block;
	  clear: both;
	}
	
	.query_form .form_right {
	  float: none;
	  width: 90%;
	  display:block;
	  clear: both;
	}
	
	.query_form input[type="text"], .query_form input[type="email"], .query_form textarea{
	  max-width: 100%;
	  min-width: 100%;
	}

.phone-top {
  position: relative;
  text-align: center;
  margin-bottom: 8px;
}
	
	
}

@media screen and (max-width: 523px) {
	
	.wrapper
	{
	overflow:hidden;
	}
	    ul.footer_nav {
        margin: 45px 0 0;
        padding: 0;
        width: 95%;
     
		clear:both;
    }
	.our_company_left
	{
	width:100%;
	}
	.our_company_left img 
	{
	float:right;
	padding:20px;
	}
}

@media screen and (min-width: 320px) and (max-width: 641px){
   #wpcf7-f134-p22-o1{
	  float: none;
	  width: 100%;
	}
	
	a.req_quote {
	  margin: 0 auto;
	  width: 165px !important;
	}

	iframe.location-frame {
	  float: none;
	  width: 100%;
	  display: block;
	}
	
	a.req_quote, input[type="submit"], button {
	  margin-top: 0px;
	  width: 46%;
	  float: inherit;
	}
}

@media screen and (max-width: 360px){
   .quotetable td {
	  display: block;
	  max-width: 300px;
	  padding: 5px;
	  text-align: left;
	}
	
	.quotetable td input, .quotetable td textarea.input{
	  max-width: 280px;
	}
	
	.alignleft.size-full{
	   display: block;
	   clear: both;
	   float: none;
	   margin: 0 auto 10px;
	}
	
	.wpcf7-textarea{
	   width: 320px;
	   max-width: 320px !important;
	   min-width: 320px !important;
	}
	
}
/***************************************** IE FIX ********************************/

ul.protfolio li {
    *display: inline;
}

/*CF7 Fix*/
.wpcf7-response-output, .wpcf7-validation-errors, .wpcf7-mail-sent-ok{
  clear: both;
  display: block;
  max-width: 700px;
}

.main_title{
	font-size: 45px;
	line-height: 48px;
}

.navigation ul {
  padding-left: 0;
}

.navigation li a {
  width: 120px;
}

#menu-item-1124 a {
  width: 110px;
}

#menu-item-28 a {
  width: 120px;
}

#menu-item-27 a, #menu-item-1127 a {
  width: 70px;
}

#menu-item-29 a{
  width: 132px;
}

/*10-13-16*/
@media screen and (max-width: 1209px) and (min-width: 761px){
	.navigation {
	  background: transparent none repeat scroll 0 0;
	  border-bottom: 1px solid #ccc;
	}

	a.req_quote {
	  margin-top: 20px;
	}

        .navigation #box {
	  top: 78px;
	}
}

@media screen and (max-width: 760px){
	
   .navigation #box {
     display: none;
   }

   a.req_quote{
     margin-top: 18px !important;
     width: 100% !important;
   }

   .pricetable .pricetable-column {
	float: none !important;
	margin-bottom: 30px;
	width: 100% !important;
   }

}





.header_bottom_left {
    position: relative;
    top: -60px;
}

.header_bottom_left a img {
    max-width: 300px;
}

ul.shareUs li {
    margin: 0 0 0 -12px;
}
ul.shareUs li {
    margin: 0 -10px 0 0;
}
ul.shareUs li#twitter {
    width: 60px;
    margin: 2px 0 0 0;

}
.phone-top {
    right: 160px;
}
.header_bottom_left {

    position: absolute;
    top: 0;
    z-index: 99999;

}
.header_bottom_left a img {

    max-width: 170px;
    height: auto;
    max-height: 170px;

}



@media screen and (max-width: 1209px) {
.header_bottom_left a img {

    max-width: 95px;
    height: auto;
    max-height: 170px;

}	
.header_bottom_left a {
    display: block;
    padding: 10px 0 0 0;
}
	
.header_bottom_left {
    z-index: -1;
}	
.phone-top {
    right: 190px;
}	
}


@media screen and (max-width: 768px) {
.footer_bottom_right {

    margin: 0;
    padding: 0;
    width: 100%;
    float: right;
    color: #63687a;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    text-align: center;
    width: 100%;

}
	.footer_bottom_left{
		 text-align: center;
	}	
.footer_bottom_outer {

    min-height: 100px;


}	
	
.footer_bottom_left {
    width: 100%;	
	}
.footer_bottom_left {

    margin: 0;
    padding: 30px 0 0 0;	
	
	}	
	
	
}


.scrollup {
    right: 30px !important;
}

@media screen and (max-width: 480px) {
.phone-top {
    right: 0;
}	
.phone-top, .social_share_links, .header_top{
display:none;		
}
.header_bottom_left {

    position: relative;
    top: 0;
    z-index: 99999;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;

}
.phone-top{

    display: block;
    padding: 0 0 15px 0;

}	
	
}


.main_body_outer {
    margin-top: 50px;
}