@charset "utf-8";

.wpcf7-form #email_second {display:none;}
body.page{background:#000 !important}
body{font-family:'Lato', sans-serif; font-size:14px; line-height:20px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:outside none none;}
html{}
::selection{background:#ff6749 !important; color:#fff;}
::-moz-selection{background:#ff6749 !important;color:#fff;}
blockquote{quotes:"\201C""\201D""\2018""\2019"; font-family:Georgia !important; color:#000; margin:0; padding:0; text-align:left; line-height:normal;}
blockquote:before{content:open-quote; font-size:24px; line-height:normal;}
blockquote:after{content:close-quote; font-size:24px; line-height:normal;}
blockquote p{display:inline; font-family:Georgia !important; font-size:24px; color:#000; line-height:48px;}
a{background:transparent none repeat scroll 0 0; font-size:100%; margin:0; padding:0; vertical-align:baseline;}
ins{background-color:#ff9; color:#000; text-decoration:none;}
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
hr{-moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:#cccccc -moz-use-text-color -moz-use-text-color; border-image:none; border-style:solid none none; border-width:1px 0 0; display:block; height:1px; margin:1em 0; padding:0;}
input,select{vertical-align:middle;}
input[type="text"]:focus,
input[type="password"]:focus{outline:medium none;}
input[type="text"],input[type="password"],textarea{border:0 none; border-radius:0; height:30px; width:100%;}
textarea{height:100px; overflow:auto; padding:10px; resize:none;}
li{list-style:outside none none;}
a{text-decoration:none;}
a:focus{outline:medium none;}
*{box-sizing:border-box;}
.cf::before,.cf::after{content:""; display:table;}
.cf::after{clear:both;}
.cf{}
.container{margin:0 auto; padding:0 15px;}
.selector{cursor:pointer; overflow:hidden; position:relative;}
.selector:hover{cursor:pointer;}
.selector select{-moz-appearance:none; height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; z-index:1;}
.selector span{display:block; position:relative; width:100% !important;}
.selector span::after{border-left:4px solid transparent; border-right:4px solid transparent; border-top:8px solid #000; content:""; display:block; position:absolute; right:0; top:50%; transform:translateX(0px) translateY(-50%); -moz-transform:translateX(0px) translateY(-50%); -ms-transform:translateX(0px) translateY(-50%); -o-transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%); z-index:2;}
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic);
@font-face{
font-family:'Lato';
src:url('fonts/Lato-Regular.eot?#iefix')format('embedded-opentype'),url('fonts/Lato-Regular.woff')format('woff'),url('fonts/Lato-Regular.ttf')format('truetype'),url('fonts/Lato-Regular.svg#Lato-Regular')format('svg');
font-weight:normal;
font-style:normal;
}
@font-face{font-family:"latosemibold"; font-style:normal; font-weight:normal; src:url("fonts/lato-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lato-semibold-webfont.woff2") format("woff2"), url("fonts/lato-semibold-webfont.woff") format("woff"), url("fonts/lato-semibold-webfont.ttf") format("truetype"), url("fonts/lato-semibold-webfont.svg#latosemibold") format("svg");}
@font-face{font-family:"latoblack"; font-style:normal; font-weight:normal; src:url("fonts/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lato-black-webfont.woff2") format("woff2"), url("fonts/lato-black-webfont.woff") format("woff"), url("fonts/lato-black-webfont.ttf") format("truetype"), url("fonts/lato-black-webfont.svg#latoblack") format("svg");}
@font-face{font-family:"latolight"; font-style:normal; font-weight:normal; src:url("fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lato-light-webfont.woff2") format("woff2"), url("fonts/lato-light-webfont.woff") format("woff"), url("fonts/lato-light-webfont.ttf") format("truetype"), url("fonts/lato-light-webfont.svg#latolight") format("svg");}
@font-face{font-family:"martel_sansregular"; font-style:normal; font-weight:normal; src:url("fonts/martelsans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/martelsans-regular-webfont.woff2") format("woff2"), url("fonts/martelsans-regular-webfont.woff") format("woff"), url("fonts/martelsans-regular-webfont.ttf") format("truetype"), url("fonts/martelsans-regular-webfont.svg#martel_sansregular") format("svg");}
@font-face{font-family:"martel_sanssemibold"; font-style:normal; font-weight:normal; src:url("fonts/martelsans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/martelsans-semibold-webfont.woff2") format("woff2"), url("fonts/martelsans-semibold-webfont.woff") format("woff"), url("fonts/martelsans-semibold-webfont.ttf") format("truetype"), url("fonts/martelsans-semibold-webfont.svg#martel_sanssemibold") format("svg");}
@font-face{font-family:"martel_sansbold"; font-style:normal; font-weight:normal; src:url("fonts/martelsans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/martelsans-bold-webfont.woff2") format("woff2"), url("fonts/martelsans-bold-webfont.woff") format("woff"), url("fonts/martelsans-bold-webfont.ttf") format("truetype"), url("fonts/martelsans-bold-webfont.svg#martel_sansbold") format("svg");}
@font-face{font-family:"martel_sansextrabold"; font-style:normal; font-weight:normal; src:url("fonts/martelsans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/martelsans-extrabold-webfont.woff2") format("woff2"), url("fonts/martelsans-extrabold-webfont.woff") format("woff"), url("fonts/martelsans-extrabold-webfont.ttf") format("truetype"), url("fonts/martelsans-extrabold-webfont.svg#martel_sansextrabold") format("svg");}
@font-face{font-family:"martel_sanslight"; font-style:normal; font-weight:normal; src:url("fonts/martelsans-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/martelsans-light-webfont.woff2") format("woff2"), url("fonts/martelsans-light-webfont.woff") format("woff"), url("fonts/martelsans-light-webfont.ttf") format("truetype"), url("fonts/martelsans-light-webfont.svg#martel_sanslight") format("svg");}


/* Fonts
===========================================================*/
@font-face { font-family: 'Graphik-Regular'; src: url('../../fonts/Graphik-Regular.eot'); src: url('../../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Graphik-Regular.woff2') format('woff2'), url('../../fonts/Graphik-Regular.woff') format('woff'), url('../../fonts/Graphik-Regular.ttf') format('truetype'), url('../../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Graphik-Medium'; src: url('../../fonts/Graphik-Medium.eot'); src: url('../../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'), url('../../fonts/Graphik-Medium.woff2') format('woff2'), url('../../fonts/Graphik-Medium.woff') format('woff'), url('../../fonts/Graphik-Medium.ttf') format('truetype'), url('../../fonts/Graphik-Medium.svg#Graphik-Medium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Graphik-Black'; src: url('../../fonts/Graphik-Black.eot'); src: url('../../fonts/Graphik-Black.eot?#iefix') format('embedded-opentype'), url('../../fonts/Graphik-Black.woff2') format('woff2'), url('../../fonts/Graphik-Black.woff') format('woff'), url('../../fonts/Graphik-Black.ttf') format('truetype'), url('../../fonts/Graphik-Black.svg#Graphik-Black') format('svg'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Graphik-Light'; src: url('../../fonts/Graphik-Light.eot'); src: url('../../fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/Graphik-Light.woff2') format('woff2'), url('../../fonts/Graphik-Light.woff') format('woff'), url('../../fonts/Graphik-Light.ttf') format('truetype'), url('../../fonts/Graphik-Light.svg#Graphik-Light') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Graphik-Bold'; src: url('../../fonts/Graphik-Bold.eot'); src: url('../../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/Graphik-Bold.woff2') format('woff2'), url('../../fonts/Graphik-Bold.woff') format('woff'), url('../../fonts/Graphik-Bold.ttf') format('truetype'), url('../../fonts/Graphik-Bold.svg#Graphik-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-weight: 600; font-style: italic; src: url('../../fonts/Graphik-SemiboldItalic.eot'); src: url('../../fonts/Graphik-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../../fonts/Graphik-SemiboldItalic.woff2') format('woff2'), url('../../fonts/Graphik-SemiboldItalic.woff') format('woff'), url('../../fonts/Graphik-SemiboldItalic.ttf') format('truetype'), url('../../fonts/Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic') format('svg'); font-weight: 600; font-style: italic; }
/* Fonts end
===========================================================*/


h1{}
h2{font-size:30px; line-height:36px;}
h3{font-size:24px; line-height:30px;}
h4{font-size:19px; line-height:25px;}
/* HEADER START*****************/
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
.verticalsplit_box .wpb_wrapper{background:#fff !important}
}*/
#header{background:none; position:fixed; width:100%; transition:all 1.5s ease 0s; -moz-transition:all 1.5s ease 0s; -ms-transition:all 1.5s ease 0s; -o-transition:all 1.5s ease 0s; -webkit-transition:all 1.5s ease 0s; z-index:999;}
#header.header-black{background:#000 none repeat scroll 0 0;}
#header header{/*box-shadow:0 0 5px 0 #333;*/ padding-top:9px;}
.touch #header{}
.main-banner.active-0 #header{top:0;}
#logo{float:left; position:relative;}
#logo strong{display:none;}
#logo img{height:auto; max-width:100%; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
#logo img.logo-white{height:auto; left:0; position:absolute; top:0; width:100%;}
.header-black #logo img.logo-black{opacity:0; visibility:hidden;}
.logo-white{opacity:0; visibility:hidden;}
.header-black .logo-white{opacity:1; visibility:visible;}
.header-right{float:right;}
.quote-menu-outer{float:left;}
.get-quote-link{border:1px solid #000; border-radius:5px; color:#000; display:block; float:left; font-family:"lato"; font-weight:300; font-size:14px; height:36px; line-height:20px; margin-left:20px; margin-top:15px; padding:8px 5px 4px; text-align:center; text-transform:uppercase; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; width:114px; white-space:nowrap;}
.header-black .get-quote-link{border:1px solid #fff; color:#fff;}
.get-quote-link:hover{background:#000 none repeat scroll 0 0; color:#fff;}
.header-black .get-quote-link:hover{background:#fff none repeat scroll 0 0; color:#000;}
.call-to-box{float:left; margin-left:20px; margin-top:20px;}
.call-to-box > span,.call-to-box strong{display:block; text-transform:uppercase;}
.call-to-box strong,.call-to-box strong a{color:#000; font-size:14px; font-weight:700; line-height:20px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; font-family:"lato"; font-weight:300;}
.header-black .call-to-box strong,.header-black .call-to-box strong a{color:#fff;}
.call-to-box > span{color:#000; font-family:"lato"; font-size:12px; line-height:10px; font-weight:300;}
.header-black .call-to-box > span{color:#fff;}
.menu-handle{display:block; float:left; height:43px; margin-top:15px; position:relative; text-indent:-9999px; width:43px;}
/*.sidebar-menu-handle{margin-left:27px;}
.menu-handle span.menu-handle-icon{height:13px; position:absolute; right:12px; top:12px; width:19px;}
.menu-handle span.menu-handle-icon span{background:#000 none repeat scroll 0 0; height:3px; left:0; position:absolute; top:0; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; width:100%;}
*/.header-black .menu-handle span.menu-handle-icon span{background:#fff none repeat scroll 0 0;}
.menu-handle span.menu-handle-icon span.second{top:5px;}
.menu-handle.active span.menu-handle-icon span.first{top:6px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.menu-handle.active span.menu-handle-icon span.second{top:17px;}
.menu-handle.active span.menu-handle-icon span.third{top:6px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.menu-handle span.menu-handle-icon span.third{top:10px;}
.main-menu-handle{}
.menu-sidebar-menu-container ul{margin-left:0px; margin-bottom:0;}
.menu-sidebar-menu-container ul li{display:block !important; float:none !important;/*border-bottom:1px solid #333;*/}
.menu-sidebar-menu-container ul li a{font-family:"lato"; padding:0; text-transform:capitalize; height:auto !important; line-height:34px !important;}
.menu-sidebar-menu-container ul li a img{margin-right:25px;}

.medium-6.small-12.columns.MI-side-img { background-size:100% !important; background-color: #FFF !important}
span.wpcf7-form-control-wrap.services, span.wpcf7-form-control-wrap.services .selector select {
    height: 40px !Important;
    line-height: 40px !Important;
    padding-right: 25px !important;
}
span.wpcf7-form-control-wrap.services {
    padding: 0 !important;
}
/***************new css********************/ 
.sidebar-menu-handle {
  float: right;
  height: 19px;
  margin-top: 11px;
  margin-left: 0 !important;  
  width: 26px;
  position:relative; 
}
.header-right .header-right-inner .sidebar-menu-handle .menu-handle-icon { 
  cursor: pointer;
  height: 19px;
  right:0;top:0;
  transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);
  transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;
  width: 26px;
}
.header-right .header-right-inner .sidebar-menu-handle .menu-handle-icon span {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  height: 3px;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);
  transition: all 0.25s ease-in-out 0s;-moz-transition: all 0.25s ease-in-out 0s;-ms-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out 0s;
  visibility: visible;
}
.header-right .header-right-inner .sidebar-menu-handle .menu-handle-icon span:nth-child(1){
  right: 0 !important;
  top: 0;
  left:auto;
  width: 16px;
}
.header-right .header-right-inner .sidebar-menu-handle .menu-handle-icon span:nth-child(2) {
  right: 0 !important;
  top: 8px;
  left:auto;
  width: 100%;
}
.header-right .header-right-inner .sidebar-menu-handle .menu-handle-icon span:nth-child(3) {
  right: 0 !important;
  top: 16px;
  left:auto;
  width: 21px;
} 
.header-right-inner .call-to-box {
  float: left;
  margin:1px 42px 0 0;
}
.header-right-inner .call-to-box span {
  color: #ffffff;
  font-family: "Graphik-Medium";
  font-size: 13px;
  line-height:20px;
  text-transform:inherit !important;
  transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}
.header-right-inner .call-to-box a, .header-right-inner .call-to-box a strong{
  color: #ffffff;
  font-family: "Graphik-Bold";
  font-size: 15px;
  display:block;
  line-height: 17px;
  transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}
.header-right-inner .quote-menu-outer {
  float: left;
  margin:0 26px 0 0;
}
.header-right-inner .quote-menu-outer .get-quote-link::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);
    transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
    transition-property: transform;-moz-transition-property: transform;-ms-transition-property: transform;-o-transition-property: transform;-webkit-transition-property: transform;
    transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out;
    z-index: -1;
}
.header-right-inner .quote-menu-outer .get-quote-link{
    display: inline-block;
	background-color:transparent;
    transform: translateZ(0px);-moz-transform: translateZ(0px);-ms-transform: translateZ(0px);-o-transform: translateZ(0px);-webkit-transform: translateZ(0px);
    vertical-align: middle;
    border: 2px solid #ffffff;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-family: "Graphik-Bold";
    font-size: 13px;
    height: 40px;
	margin:0;width:auto;
    line-height: 38px;
    padding: 0 24px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}
.header-right-inner .quote-menu-outer .get-quote-link:hover::before, .header-right-inner .quote-menu-outer .get-quote-link:focus::before, .header-right-inner .quote-menu-outer .get-quote-link:active::before {
  transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);
}
.header-right-inner .quote-menu-outer .get-quote-link:hover, .header-right-inner .quote-menu-outer .get-quote-link:focus, .header-right-inner .quote-menu-outer .get-quote-link:active {
  color: #000000;
}
.header-right{
  float: right;
  margin-top: 20px;
  position: relative;
  z-index: 999;
}
#header header .container {
  margin: 0 auto;
  max-width: 1388px;
  padding:0;
}
#wrapper #header header{
  padding: 23px 15px 10px;
}

.mainNav ul li a {
    color: #e3e3e3; 
    font-family: "Graphik-Medium";
    font-size: 15px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.mainNav {
  float: right;
  margin-right: -339px;
  margin-top: 28px;
  padding-right: 400px;
}
.mainNav ul{
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.mainNav ul li {
  float: left;
  margin-right: 56px;
}
#logo a{
    display: block;
    height: 110px;
    position: relative;
    width: 114px;
    float: left;
    margin: 0;
    padding: 0;
}

#logo a::before{
  background: rgba(0, 0, 0, 0) url("../../images/logo1.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  height: 82px;
  left: 8px;
  position: absolute;
  top: 0;
  transition: all 1s ease 0s;
  width: 89px;
}
#logo a img {
  max-width: 100%;
  opacity: 0;
}
.mainNav ul li:hover > a {
  background-color:transparent !important;
}
.header-right .header-right-inner .sidebar-menu-handle .menu-handle-icon:hover span:nth-child(1), .header-right .header-right-inner .sidebar-menu-handle .menu-handle-icon:hover span:nth-child(3){width:100%} 

.wpcf7-form-control-wrap:after {content: "";display: table;clear: both;}
.form-row-inner.acceptme .wpcf7-form-control-wrap {
    margin-bottom: 20px;
}

@media (max-width:1400px){
#logo a::before{left:0;}	
}
@media (max-width:1150px){
.mainNav ul li{
  margin-right: 20px;
}
}
@media (max-width:1099px){
#wrapper #header header{
  padding: 15px 15px 10px;
}
.header-right{
  margin-top: 16px;
}
}
@media (max-width:990px){
.header-right-inner .call-to-box{
  margin:1px 10px 0 0 !important;
}	
.sidebar-menu-handle{
  display: none;
}
}
@media (max-width:979px){
.header-right-inner .call-to-box {
  margin: 1px 59px 0 0 !important;
}	
.menu-handle{margin-top:0 !important}
#wrapper #header .mainNav {
  bottom: 0;
  left: 0;
  margin-right: 0;
  margin-top: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0;
  position: fixed;
  right: 0;
  top: 103px;
  transition: all 0.5s ease 0s;
}
#wrapper #header .mainNav ul { height: 100%; background: rgba(255,255,255,1); padding: 5px; }
#wrapper #header .mainNav ul li { width: 33.3%; height: 50%; margin-right: 0; padding: 5px;display:block ;border:none;}
#wrapper #header .mainNav ul li a { background: #f00; display: block; height: 100%; position: relative; background-position: center center !important }
#wrapper #header .mainNav ul li.home-link { display: block }
#wrapper #header .mainNav ul li a:before { content: ""; background: rgba(0,0,0,0.5); position: absolute; width: auto; height: auto; z-index: 0;left:0;right:0;top:0;bottom:0;}
#wrapper #header .mainNav ul li.home-link a { background: url(../../images/web-design-page-300x152.jpg) no-repeat; background-size: cover; }
#wrapper #header .mainNav ul li.services-link a { background: url(../../images/digital-st-300x152.jpg) no-repeat; background-size: cover; }
#wrapper #header .mainNav ul li.case-studies-link a { background: url(../../images/port_banner-300x102.jpg) no-repeat; background-size: cover; }
#wrapper #header .mainNav ul li.about-link a { background: url(../../images/aboutus-bg-main-300x140.jpg) no-repeat; background-size: cover; }
#wrapper #header .mainNav ul li.blog-link a { background: url(../../images/Responsive-Design-300x221.jpg) no-repeat; background-size: cover; }
#wrapper #header .mainNav ul li.engage-link a { background: url(../../images/contact-us-300x152.jpg) no-repeat; background-size: cover; }
#wrapper #header .mainNav ul li a span { transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); position: absolute; left: 50%; top: 50%; z-index: 1; color: #fff; text-align: center; min-width: 100%; }
#menu-mobile-toggle > li::before{display:none !important}
.no-touch .mainNav ul li:hover > a{color:#fff !important}
}

.g-map iframe{filter:grayscale(1);}
@media (max-width:767px){
.g-map iframe{ height:350px !important; filter:grayscale(1);}	
.header-right-inner .quote-menu-outer .get-quote-link{
  font-family: "Graphik-Regular";
  height: 36px;
  line-height: 32px;
  padding: 0 9px;
}	
#logo a::before{
  background-size: 75px auto;
  height: 74px;
  width: 75px;
}
#wrapper #header header{
  padding: 4px 15px;
}
.header-right{
  margin-top: 2px;
}
.header-right-inner .quote-menu-outer{
  margin-right: 0;
  margin-top: 21px;
}
.header-right-inner .call-to-box{
  margin: 22px 49px 0 10px !important;
}
#logo a {
  margin: 5px 0 0;
}
}
@media (max-width:567px){
#wrapper #header .mainNav ul li{
  height: 33.3%;
  width: 50%;
}	
}

@media (max-width:479px){
.call_to_box > span, .call_to_box > a strong {display: none !important;} 
.call_to_box > a {
    width: 36px;
    height: 36px;
    display: block;
    position: relative;
    border: 2px solid #fff;
    border-radius: 8px;
}
.call_to_box>a span.callicon {
    background: url(../../images/callicon.png);
    width: 21px;
    height: 20px;
    display: block;
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
        transform: translateY(-50%) scale(0.8);
    -moz-transform: translateY(-50%) scale(0.8);
    -ms-transform: translateY(-50%) scale(0.8);
    -o-transform: translateY(-50%) scale(0.8);
    -webkit-transform:translateY(-50%) scale(0.8) 
}
.header-right-inner .quote-menu-outer {
  margin-right:0 !important;
  margin-top: 21px;
}
#logo a{margin:0 !important} 
.menu-handle {
  margin: -1px 0px 0 0 !important;
}
}
/***********************************/

 @media all and (min-width:980px){
#logo{height:87px}
}
@media all and (min-width:480px){
#logo{position:relative;}
.header-right{position:relative; z-index:1;}
}
@media all and (min-width:980px){
#header{}
.no-load #header{}
.main-menu-handle{display:none;}
/*
.mainNav{display:block !important; float:left; margin:14px -335px 0 -75px; padding:0 322px 0 85px; text-align:center; width:100%;}
.mainNav ul li a{border-radius:5px;}
.mainNav ul li{float:left; margin-right:20px; position:relative;}
*/
.mainNav ul{display:inline-block; margin-bottom:0}
.mainNav ul li:last-child{margin-right:0;}
}
.mainNav ul ul{background:#747474 none repeat scroll 0 0; display:none;}
/*.mainNav ul li a{color:#000; display:block; font-family:"lato"; font-size:14px; font-weight:400; line-height:20px; padding:10px; text-transform:uppercase; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.header-black .mainNav ul li a{color:#fff;}
*/.no-touch .mainNav ul li:hover > a{background:#fff none repeat scroll 0 0; color:#000;}
.fp-viewing-0.no-touch .mainNav ul li:hover > a{background:#000 none repeat scroll 0 0; color:#fff;}
.menu-sidebar-outer{bottom:0; position:fixed; right:-600px; top:0px; transform:perspective(800px); -moz-transform:perspective(800px); -ms-transform:perspective(800px); -o-transform:perspective(800px); -webkit-transform:perspective(800px); width:500px; z-index:8889}
.no-touch .menu-sidebar-outer{transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.menu-sidebar-outer.active{transform:perspective(800px); z-index:8889; right:0; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.menu-sidebar{background:rgba(0, 0, 0, 1) url("../../images/sidbar-menu-bg.png") repeat scroll 0 0; height:100%; padding:0px; position:relative; width:100%;}
.menuoverlay{background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; right:0; bottom:0; z-index:8889}
.menuoverlay .logo-black,.menuoverlay strong{display:none;}
.menuoverlay .logo-white{opacity:1; visibility:visible; margin:9px 15px}
.menu-sidebar-outer .menu-sidebar-menu-container{overflow-y:auto; height:100%; background:#fff;}
.menu-sidebar .close-button{background:#fff; display:block; height:67px; position:absolute; right:500px; top:0; width:67px; left:auto}
.menu-sidebar-outer li .img-container{width:48.7%; float:none; display:table-cell; background-position:center center; background-size:cover;}
.menu-sidebar-outer li .text-container{float:none; display:table-cell; width:auto; border-bottom:1px solid #d7d7d7; height:145px;}
.text-container .inner{padding:30px; vertical-align:middle}
.text-container p{margin:10px 0 0 0}
.text-container p.title{font-size:16px; font-weight:700; min-width:150px; text-transform:uppercase; padding:0}
.text-container p.subtitle{font-size:12px; font-weight:400; font-style:italic; min-width:188px}
.close-button span.menu-handle-icon{height:25px; left:50%; margin:-7px 0 0 -13px; position:absolute; top:50%; width:25px;}
.close-button span.menu-handle-icon span{background:#666 none repeat scroll 0 0; height:3px; left:0; position:absolute; top:0; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; width:100%;}
.close-button span.menu-handle-icon span.first{top:6px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.close-button span.menu-handle-icon span.third{top:6px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.menu-sidebar li a{color:#000; display:block; padding:5px 10px;}
.mainNav .toggle-handle{cursor:pointer; display:none; height:39px; position:absolute; right:0; top:0; width:39px;}
.mainNav .toggle-handle em{background:#fff none repeat scroll 0 0; left:10px; position:absolute; right:11px; top:19px;}
.mainNav .toggle-handle em.first{height:1px;}
.mainNav .toggle-handle em.second{bottom:11px; left:19px; top:11px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; width:1px;}
.toggle-handle.active em.second{transform:rotate(90deg);}
 @media all and (max-width:1099px){
/*.mainNav ul li{margin-right:10px;}*/
}
@media all and (max-width:1023px){
/*.mainNav ul li{margin-right:2px;}*/
}
@media all and (min-width:980px){
.mobile-home-link{display:none}
}
@media all and (max-width:979px){
#logo{margin:0 auto; width:50px;}
.mainNav{margin-top:5px; padding:0 281px 0 85px;}
.mainNav ul{overflow:hidden; position:absolute; padding:0; margin:0; width:100%; height:100%;}
.mainNav ul li{position:relative; float:left; width:33.33%; height:50%; text-align:center; display:table; border:1px solid #1F1F1F; padding:0; margin:0}
/*.mainNav ul li a{font-size:12px; line-height:18px; padding:10px 5px; display:table-cell; vertical-align:middle}*/
.sidebar-menu-handle{margin-left:10px;}
.menu-handle{margin-top:5px; position:absolute; right:0}
/*.get-quote-link{margin-left:10px !important; margin-top:3px !important; position:absolute !important; right:55px !important}*/
.call-to-box{margin-top:11px;}
.menu-sidebar-outer{top:0px;}
.mainNav{background:rgba(0, 0, 0, 0) url("../../images/sidbar-menu-bg.png") repeat scroll 0 0; display:none; left:0; margin-top:0; padding:0; position:fixed; right:0; top:60px; bottom:0}
.mobile-home-link{display:block}
.mainNav .toggle-handle{}
.mainNav ul li.parent > a{margin-right:40px;}
.mainNav ul li a{color:#fff; padding:10px;}
.mainNav ul li a:hover{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.sidebar-menu-handle{display:none;}
.mainNav .toggle-handle{display:none;}
.ecommerce-marketing-text h3{padding:0;}
.main_img-container{background-size:cover; bottom:0; left:0; position:absolute; right:0; top:0; z-index:-1;}
}
@media all and (min-width:768px){
.text-container p.title{min-width:150px;}
.text-container p.subtitle{min-width:188px}
}
@media all and (max-width:767px){
.footer-form img.ajax-loader {
    top: 25px !important;
}
.menu-sidebar-outer{top:69px;}
.text-container .inner{padding:15px;}
.text-container p.title{font-size:14px;}
.menu-sidebar-outer{display:block; width:100%; max-width:500px;}
.menu-sidebar-outer li .img-container,
.menu-sidebar-outer li .text-container{width:50%}
.menu-sidebar .close-button{right:0; top:-67px;}
.mainNav ul{overflow:hidden;}
.mainNav ul li{position:relative;}
.menu-sidebar ul.nav-menu{width:100%; display:table;}
.footer_contact_detail{display:none;}
.social-links{padding:0 0 40px;}
.blog-filter .searchandfilter ul ul{padding:15px 15px 10px 15px !important;}
.menu-sidebar-outer{display:block;}
.mainNav ul{overflow:hidden;}
.mainNav ul li{position:relative;}
.section_about .col_about h3{font-size:15px !important; margin-bottom:0;}
.section_about .col_about p{padding-bottom:10px !important;}
.all-common-footer-contact-form .getgquto-area h2{font-family:"latolight"; font-size:28px !important; line-height:normal !important;}
.post .post-content .hero .extralargetitle{font-size:30px !important;}
] .page-container .post .post-content .hero p{font-size:16px !important;padding-left:20px !important;padding-right:20px !important;}
.split_scroll{display:none}
.menuoverlay{background:none}
.menuoverlay .logo-white{display:none}
.menu-sidebar .close-button{width:100%}
.close-button span.menu-handle-icon{left:auto; right:20px;}
.row.no-padding.verticalsplit_box .medium-6.small-12.columns {background:none !important}
}
@media all and (max-width:567px){.menuoverlay .logo-white{display:none}}
@media all and (max-width:567px){
.sidebar-menu-handle{margin-left:10px;}
.menu-sidebar-outer{max-width:100%;}
.text-container p.subtitle{min-width:100px;}
.footer-form .errorMsgshow .field{margin:0; padding-left:10px !important; padding-right:10px !important;}
.footer-inner .all-common-footer-contact-form .footer-form .wide-2 .form-col-wide{padding:0 10px 15px !important; width:100%;}
.mainNav ul li{width:50%; height:33.33%}
}
@media all and (max-width:479px){
#logo{width:70px;}
.call-to-box{margin-left:11px;}
.get-quote-link{margin-left:13px;}
.quote-menu-outer::before,
.quote-menu-outer::after{content:""; display:table;}
.quote-menu-outer::after{clear:both;}
.quote-menu-outer{float:right; margin-top:15px;}
.header-right{}
#logo{margin-top:5px; text-align:center;}
#logo a{display:inline-block;}
header{padding-bottom:15px; position:relative;}
.mainNav{top:82px;}
.all-common-footer-contact-form .footer-form .field{width:100% !important;}
.blog-filter .searchandfilter ul li{width:100%; border-bottom:1px solid #3c3c3c; border-right:none !important;}
.blog-filter .searchandfilter ul li:nth-child(3){border-bottom:none !important;}
.blog-filter .searchandfilter ul li h6{text-align:left !important; padding-top:10px !important; padding-bottom:10px !important;}
.blog-filter .searchandfilter ul ul li{border:none !important;}
.fcontent.quickcontact{position:relative !important;}
}
.header-main-banner-outer{left:0; position:fixed; right:0; top:0;}
/* HEADER END*****************/

/* FOOTER START***************/
#fp-nav{margin-top:-32px; opacity:1; position:fixed; top:50%; visibility:hidden; z-index:8;}
#fp-nav.right{right:17px;}
#fp-nav.left{left:17px;}
#fp-nav span,.fp-slidesNav span{border-color:#aaa;}
#fp-nav li .active span,.fp-slidesNav .active span{background:#aaa none repeat scroll 0 0;}
#fp-nav ul li,.fp-slidesNav ul li{display:block; height:13px; margin:7px; position:relative; width:14px;}
.fp-slidesNav ul li{display:inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a{cursor:pointer; display:block; height:100%; position:relative; text-decoration:none; width:100%; z-index:1;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{border-radius:100%; height:12px; margin:-6px 0 0 -6px; width:12px;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{background:#333 none repeat scroll 0 0; border:0 none; border-radius:50%; height:4px; left:50%; margin:-2px 0 0 -2px; position:absolute; top:50%; transition:all 0.1s ease-in-out 0s; width:4px; z-index:1;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{height:10px; margin:-5px 0 0 -5px; width:10px;}
#fp-nav ul li .fp-tooltip{color:#fff; display:block; font-family:arial, helvetica, sans-serif; font-size:14px; max-width:220px; opacity:0; overflow:hidden; position:absolute; top:-2px; white-space:nowrap; width:0;}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip{opacity:1; transition:opacity 0.2s ease-in 0s; -moz-transition:opacity 0.2s ease-in 0s; -ms-transition:opacity 0.2s ease-in 0s; -o-transition:opacity 0.2s ease-in 0s; -webkit-transition:opacity 0.2s ease-in 0s; width:auto;}
#fp-nav ul li .fp-tooltip.right{right:20px;}
#fp-nav ul li .fp-tooltip.left{left:20px;}
#footer{background:#fff none repeat scroll 0 0; text-align:left !important}
.footer-cols{margin:0 auto; max-width:1200px; min-height:580px; padding:87px 10px 20px;}
.footer-cols h2{color:#212121; font-size:30px; line-height:36px; margin-bottom:33px; text-transform:none; font-family:"lato"; font-weight:700;}
#footer,.fp-tableCell,.fp-scrollable{height:auto !important}
#wrapper{padding-bottom:0;}
.footer-form form label{margin:0 0 40px 0 !important;}
 @media all and (min-width:768px){
.footer-col{float:left; padding:0 10px; width:20%;}
.footer-cols .about-col{width:60%;}
}
.footer-form form label{text-align:left; text-transform:capitalize !important}
.footer-col .about-content{color:#444444; font-family:'latolight'; font-size:26px; line-height:36px;}
.footer-col .talk-to-content,
.footer-col .talk-to-content a,
.visit-content p{color:#444444; font-size:16px; line-height:22px; font-family:"lato"; font-weight:300;}
.footer-col .talk-to-content p{margin-bottom:32px;}
.footer-col .visit-content{color:#444444; font-size:16px; line-height:22px; margin-bottom:15px;}
.social-links a{display:block; float:left; height:23px; position:relative; text-indent:-9999px; width:28px;}
.social-links a::before,
.social-links a::after{background:rgba(0, 0, 0, 0) url("../../images/sprite.png") no-repeat scroll 0 -11px; content:""; display:block; height:25px; left:3px; position:absolute; top:3px; transition:all 0.5s ease 0s; width:12px;}
.social-links a::after{background-position:-29px -11px; opacity:0;}
.social-links a:hover::before{opacity:0;}
.social-links a:hover::after{opacity:1;}
.social-links a.twit::before,
.social-links a.twit::after{background-position:0 -41px; height:23px; width:28px;}
.social-links a.twit::after{background-position:-30px -41px;}
.social-links a.linkedin::before,
.social-links a.linkedin::after{background-image: url("../../images/new_sprite.png");background-position: -1px -1px;height:24px;width:25px;display: block !important;margin-left: 15px;}
.social-links a.linkedin::after{background-position:-61px -29px;}
.footer-bottom-section{background:#f8f8f8 none repeat scroll 0 0; display:none;}
.footer-bottom-cols{padding-bottom:49px; padding-top:62px;}
.footer-form{background:#212121 none repeat scroll 0 0; padding-bottom:20px;}
.footer-form form{display:block; margin:0 auto; max-width:1200px;}
.footer-form .fields::before,
.footer-form .fields::after{content:""; display:table;}
.footer-form .fields::after{clear:both;}
.footer-form .fields{}
.footer-form .field{float:left; padding:20px 15px; width:33.3%;}
.footer-form .input-box{position:relative;}
.footer-form .input-box > label{bottom:0; color:#a3a3a3; cursor:text; left:0; line-height:40px; padding:0 10px; position:absolute; right:0; top:0; transition:all 0.5s ease 0s; z-index:1; white-space:nowrap}
.footer-form .input-box.focused > label{color:#fff; top:0px;}
.footer-form .fields .field .input-box input,.footer-form .field .input-box textarea,.footer-form .selector span{background:none; border:0 none; color:#000; display:block; font-family:"latosemibold"; font-size:16px; height:40px; letter-spacing:1px; padding:0 10px; transition:all 0.5s ease 0s; width:100%; border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; -moz-border-radius:0;}
.footer-form .selector,.footer-form .selector span{width:100% !important;}
.footer-form .selector span{line-height:40px; text-indent:-9999px;}
.footer-form .input-box.focused .selector span{text-indent:0;}
.footer-form .selector span::after{border-top:8px solid #3f3f3f; right:10px;}
.footer-form .selector span{color:#6c6c6c;}
.footer-form .fields .field .input-box input:focus,
.footer-form .input-box textarea:focus{outline:medium none;}
.footer-form .fields .field .input-box.focused input,
.footer-form .input-box.focused textarea,
.footer-form .input-box.focused .selector span{background:#fff none repeat scroll 0 0;}
.footer-form .field .input-box textarea{height:160px; padding:10px;}
.footer-form .wide-2 .form-col-narrow{color:#fff; width:33.3%;}
.footer-form .wide-2 .form-col-wide{width:66.6%;}
.footer-form h3{font-family:'lato'; font-size:22px; font-weight:normal; line-height:28px; padding-bottom:10px; color:#fff; font-weight:700; text-align:left;}
.footer-form .wpcf7-checkbox .wpcf7-list-item{padding-bottom:5px; position:relative; padding-left:15px; display:block; padding-bottom:0; text-align:left; font-size:14px; font-family:"lato"}
.footer-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]{border:1px solid #fff; height:16px; left:0; position:absolute; top:6px; width:16px;}
.footer-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{color:#999; cursor:pointer; transition:all 0.5s ease 0s; z-index:1; font-size:14px; line-height:20px; font-weight:normal;}
.footer-form .wpcf7-checkbox .wpcf7-list-item:hover label,.footer-form .wpcf7-checkbox .wpcf7-list-item input:focus + label{color:#eee;}
.footer-form .wpcf7-checkbox .wpcf7-list-item.checked label{color:#fff;}
.footer-form .wpcf7-checkbox .wpcf7-list-item input{left:-9999px; position:absolute;}
.qoute-form input[type="text"],.qoute-form .selector span{border:1px solid rgba(255, 255, 255, 0.2); background:rgba(255, 255, 255, 0.1); height:45px; padding:2.5%; line-height:25px;}
.qoute-form .selector span::after{right:10px;}
.qoute-form .selector{width:100% !important}
.footer-form .wpcf7-form label.error{color:#FF5B5B; font-size:12px; float:none; padding-left:0; display:block; padding-top:5px; position:absolute; top:37px}
.footer-form .errorMsgshow .field{padding:20px 15px 40px 15px;}
.footer-form span.wpcf7-form-control-wrap{display:block}
.footer-form span.accept-this{display:inline-block;width:auto;}

@media all and (min-width:768px){
.footer-bottom-col{float:left; padding:0 10px; width:25%;}
}
.footer-bottom-col ul{margin:0}
.footer-bottom-col h2{color:#3f3f3f; font-size:14px; line-height:20px; margin-bottom:30px; text-transform:uppercase; font-weight:700; padding-bottom:0}
.footer-bottom-col ul li a{color:#3f3f3f; display:block; font-size:14px; line-height:20px; padding:5px 0; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; font-family:"lato"; text-transform:capitalize !important}
.footer-inner{padding-bottom:100px; position:relative;}
.footer-bottom-col ul li a:hover{color:#000;}
.copyright-section{border-top:1px solid #dedede; bottom:0; left:0; padding:24px 20px 47px; position:absolute; right:0; z-index:9;}
.copyright{color:#7a7a7a; float:left; font-size:14px; line-height:18px; text-transform:capitalize; font-family:"lato"; font-weight:300;}
.copyright span{display:block; padding-left:50px; padding-top:6px; position:relative; font-family:"lato"; font-weight:300;}
.copyright a{color:#7a7a7a; font-size:14px; line-height:18px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.copyright a:hover{color:#000;}
.copyright span::before{background:rgba(0, 0, 0, 0) url("../../images/footer-logo.png") no-repeat scroll 0 0; content:""; display:block; height:35px; left:0; position:absolute; top:0; width:39px;}
.term-cond-block{float:right; padding-top:9px;}
.term-cond-block a{color:#7a7a7a; display:block; float:left; font-size:14px; line-height:18px; padding-right:5px; padding-left:10px; position:relative; text-transform:capitalize; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.term-cond-block a:hover{color:#000;}
.term-cond-block a:first-child{padding-left:0;}
.term-cond-block a:first-child::before{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.term-cond-block a::before{background:#7a7a7a none repeat scroll 0 0; content:""; display:block; height:12px; left:2px; position:absolute; top:2px; width:1px;}
.toggle-footer{background:#fff none repeat scroll 0 0; border:1px solid #dedede; border-radius:0 0 60px 60px; bottom:1px; height:36px; left:0; position:absolute; width:70px; top:32px}
.toggle-footer-outer.active .toggle-footer{bottom:0;}
.toggle-footer-outer{height:64px; left:50%; margin-left:-27px; position:absolute; top:-32px; transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); -webkit-transform:rotateX(0deg); transition:all 0.8s ease 0s; -moz-transition:all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s; -o-transition:all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s; width:70px;}
.toggle-footer-outer.active{transform:rotateX(-180deg); -moz-transform:rotateX(-180deg); -ms-transform:rotateX(-180deg); -o-transform:rotateX(-180deg); -webkit-transform:rotateX(-180deg);}
.toggle-footer::before,.go-to-top-link::before{background:rgba(0, 0, 0, 0) url("../../images/sprite.png") no-repeat scroll -36px -116px; bottom:12px; content:""; height:12px; left:25px; position:absolute; width:21px;}
.go-to-top-link{background:#000 none repeat scroll 0 0; border-radius:50px; bottom:80px; display:block; height:50px; opacity:0.5; position:fixed; right:10px; text-indent:-9999px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; width:50px; z-index:1;}
.touch .go-to-top-link.show{opacity:1; visibility:visible;}
.touch .go-to-top-link{opacity:0; visibility:hidden;}
.go-to-top-link:hover{opacity:1;}
.go-to-top-link::before{left:16px; top:19px; transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.fp-viewing-0 .go-to-top-link,.fp-viewing-1 .go-to-top-link{opacity:0; visibility:hidden;}
.submit-outer input[type="submit"]{background:#fff none repeat scroll 0 0; border:2px solid #fff; color:#000; display:block; font-weight:600; font-family:"lato"; font-size:14px; line-height:20px; margin:0 auto; padding:10px 0; text-align:center; text-transform:uppercase; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; width:200px; border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; -moz-border-radius:0; text-shadow:none}
.submit-outer input[type="submit"]:focus,.submit-outer input[type="submit"]:hover{background:rgba(0, 0, 0, 0) none repeat scroll 0 0; color:#fff; outline:medium none;}
/*Nikunj Add*/

.homepage_quote{left:0;}
.post a.portfolio-listing .post-title img{width: auto;max-width: 100%;margin: 0 0 15px 0;}
.post a.portfolio-listing .categories{margin: 15px 0 0 0}
 @media all and (max-width:1500px){
.footer-cols{min-height:0;}
}
@media all and (max-width:1023px){
.footer-form h3{font-size:16px; line-height:22px;}
.footer-form .field,
.footer-form .wide-2 .form-col-narrow,
.footer-form .wide-2 .form-col-wide{width:50%;}
}
@media all and (max-width:959px){
.footer-cols{padding:20px;}
.footer-cols h2{font-size:22px; line-height:28px; margin-bottom:10px;}
.footer-col .about-content{font-size:22px; line-height:28px;}
.footer-col{width:30%;}
.footer-cols .about-col{width:40%;}
}
@media all and (max-width:767px){
.footer-cols .about-col{padding-bottom:20px;}
.footer-cols h2{font-size:16px; line-height:22px;}
.footer-col .about-content,.footer-col .talk-to-content,.footer-col .talk-to-content a,.footer-col .visit-content{font-size:14px; line-height:20px;}
.footer-bottom-section{padding-top:20px;}
.footer-bottom-cols{padding-bottom:0; padding-top:0;}
.footer-bottom-col{padding-bottom:20px;}
.footer-bottom-col h2{margin-bottom:10px;}
.copyright-section{padding: 40px 10px 10px;text-align: center;position: relative;width: 100%;float: left; background:#fff}
.copyright{float:none; margin-bottom:15px;}
.term-cond-block{float:none;}
.copyright span,.term-cond-block{display:inline-block; text-align:left;}
.submit-outer{padding-top:15px;}
.page-container .post .post-content .hero p{font-size:20px !important;}
}
@media all and (max-width:567px){
.footer-form .field,.footer-form .wide-2 .form-col-narrow,.footer-form .wide-2 .form-col-wide{width:100%;}
.footer-form .field{padding:5px 10px;}
.footer-form .input-box.focused label{display:none;}
.footer-col{width:100%;}
.footer-cols .about-col{width:100%;}
.footer-form .input-box > label{}
}
@media all and (max-width:359px){
.copyright span{padding-top:0;}
.footer-form .input-box > label{white-space: normal; line-height:normal; padding:9px 10px}
}
#footer .social-links a{margin-left:0 !important}
.footer-links li{display:block !important; float:none !important; height:auto !important; line-height:normal !important;}
.footer-links li a{height:auto !important}
.term-cond-block a{font-family:"lato"; font-weight:300;}
span.wpcf7-list-item{margin:0 !important; }
/* FOOTER END***************/

/* inner ************/
.banner.effect-lily h2{font-size:60px !important; line-height:66px !important; margin-bottom:20px !important; text-transform:capitalize; font-family:"lato" !important; font-weight:300;}
.banner.effect-lily p{color:#ffffff !important; font-family:'Lato', sans-serif !important; font-size:26px !important; line-height:32px !important; text-transform:capitalize; text-align:center}
.banner-below-text p{color:#4f4f4f; font-family:'Lato', sans-serif; font-size:26px; line-height:48px; margin:0 auto; max-width:1050px; padding:50px 0; text-align:center;}
.page-container .columns{padding:0 !important}
.innerpage .two-col-block h2{color:#000000; font-size:24px; font-weight:normal; line-height:30px; margin-bottom:20px; text-transform:none;}
/* inner End************/

span.wpcf7-list-item{margin:0 !important;display:block;}
form.wpcf7-form ul.form-list li:first-child input{margin:0}
form.wpcf7-form ul.form-list li:first-child .field{padding-bottom:0}
form.wpcf7-form ul.form-list li:first-child{padding-bottom:20px}
.page-container{background:none repeat scroll 0 0;/*padding:20px 35px;*/
}
.vc_grid-container-wrapper .vc_clearfix{background:#fff; padding:0px}
.vc_grid-container.vc_clearfix.wpb_content_element.vc_masonry_grid{box-sizing:border-box; padding:10px;}
.vc_grid-item-mini.vc_clearfix{padding:10px}
.getgquto-area{background:#212121 none repeat scroll 0 0; padding:20px; text-align:center;}
.getgquto-area h2{color:#fff; font-family:"latosemibold"; font-size:60px; line-height:66px; margin-bottom:15px; text-transform:uppercase; padding-bottom:0}
.qoute-sub-title{color:#fff; font-size:22px; line-height:28px;}
.get-quote-btn-outer a{background:#fff none repeat scroll 0 0; border:1px solid #fff; color:#000; display:inline-block; font-family:"latosemibold"; font-size:14px; height:50px; line-height:50px; text-transform:uppercase; width:434px;}
.get-quote-btn-outer a:hover{background:rgba(0, 0, 0, 0) none repeat scroll 0 0; color:#fff;}
h1.bannerHeading{font-family:'Lato', sans-serif !important;font-size:102px !important;line-height:normal !important;font-weight:700 !important;color:#fff !important; }
h5.bannersmallHeading{font-family:'Lato', sans-serif !important;font-size:26px !important;line-height:36px !important;font-weight:300 !important;color:#fff !important; text-align:center; max-width:960px; margin:30px auto 0}
.post .post-content h3{font-family:'Lato', sans-serif !important;font-size:24px !important;line-height:36px !important;font-weight:400 !important;color:#000 !important;}
@media all and (max-width:1500px){
.getgquto-area h2{font-size:48px; line-height:36px; font-weight:300; font-family:"latolight"}
.get-quote-btn-outer a{height:40px; line-height:40px; width:200px;}
.qoute-sub-title{font-size:16px; line-height:18px; font-family:"lato"; font-weight:300; clear:both; display:block; float:none; width:100%; max-width:500px}
}
@media all and (max-width:1023px){
.getgquto-area h2{font-size:22px; line-height:28px;}
.qoute-sub-title{font-size:14px;}
}
@media all and (max-width:767px){
.getgquto-area h2{font-size:16px; line-height:22px;}
}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper{margin-right:0 !important}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item{padding-right:0 !important; padding-bottom:30px}
.wpb_wrapper{display:block;  margin-top:60px !important  width:100%;
}
.wpb_wrapper > p{padding:0 0 20px 0; position:relative}
/*.wpb_wrapper > p:after{content:""; position:absolute; width:100%; max-width:300px; text-align:center; margin:0 auto; display:block; border-bottom:1px solid #4d4d4d; margin-left:-150px; left:50%; padding-top:20px}*/

.post .post-content h4{font-family:'Lato', sans-serif; font-size:24px; font-weight:400; line-height:34px; margin-bottom:25px; margin-top:0; text-transform:capitalize;}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt > p{font-family:"lato"; font-size:16px; font-weight:400; line-height:30px; color:#4f4f4f}
.vc_custom_1419328663991{background:#fff !important}
.page-container .post .post-content .row:first-child{padding:0;}
.page-container .post .post-content .row{}
.medium-6.small-12.columns .wpb_content_element{color:#000; font-size:16px;}
.aus_address{color:#4f4f4f}
.contact_inner_phone p a,
.contact_inner_email a{color:#4f4f4f}
.contact_inner_phone p a:hover,
.contact_inner_email a:hover{color:#000}
.medium-6.small-12.columns p{color:#4f4f4f; font-size:16px; line-height:30px; font-weight:400;}
.wpb_text_column.wpb_content_element{}
.wpb_wrapper > h2{color:#000}
.mouse_scroll_row .full-height-content{height:452px; transition:height 0.5s ease-in-out;}
.verticalsplit_box.full-height-content{display:table;}
.verticalsplit_box .wpb_content_element{padding:40px 120px}
.verticalsplit_box > .medium-6.small-12.columns{display:table-cell; float:none; vertical-align:middle;}
.page_sort_desc{padding:60px 160px 40px}
.verticalsplit_box .wpb_wrapper h2{font-family:'Lato', sans-serif; color:#000 !important; font-size:24px !important; font-weight:400; margin-bottom:27px; text-transform:capitalize}
.page_sort_desc p{font-family:'Lato', sans-serif; font-weight:300 !important; line-height:48px; font-size:26px; text-align:center; color:#FFF;}
.row.our_recent-row{margin-top:20px;}
.banner.effect-lily figcaption h2{text-align:center}
.our_recent-row .recent_work-main{background:#fff !important}
.recent_work-main{}
.recent_work-inner{padding:40px 0 30px !important}
.recent_work-inner h2{color:#000 !important; font-size:48px !important; font-weight:300; font-family:'Lato', sans-serif; text-transform:capitalize; margin-bottom:20px}
.recent_work-inner p{color:#000 !important; font-size:16px; font-weight:400; font-family:'Lato', sans-serif;}
#footer{padding:0 !important; margin:0px 0px 0; position:relative; width:auto}
.post .post-content figure.banner{background:#000;}
.post .post-content figure.banner img{max-width:100%;}
#header.header-black{background:none;}
.iconbox span.img img{width:auto !important; height:auto !important}
.iconbox .content{padding-left:90px !important}
.iconbox .content h6{font-family:'Lato', sans-serif; font-size:16px !important; font-weight:700 !important; text-transform:capitalize !important; margin-bottom:25px !important}
.web_service-icon-inne .vc_row{margin-right:0}
.verticalsplit_box .web_service-icon-inne .wpb_content_element{padding-left:84px}
.verticalsplit_box ul{}
.verticalsplit_box ul li{list-style:disc; font-family:'Lato', sans-serif; color:#4f4f4f !important; font-size:16px; font-weight:400; margin-left:15px; padding-left:20px}
.m-t-20{margin-top:20px}
.m-t-80{margin-top:80px}
.padding-l-r-80{padding:0 80px}
.white-bg{background:#fff}
.ecom_our_services_main{margin-top:20px;}
.ecom_our_services_main h2{padding:40px 0 0px 0; font-family:'Lato', sans-serif; font-size:48px !important; font-weight:300 !important; text-transform:capitalize !important; margin-bottom:25px !important; color:#0a0a0b !important}
.heading_sort_text p{margin-bottom:20px !important}
.heading_sort_text .wpb_wrapper p:after{content:""; position:absolute; width:100%; max-width:192px; text-align:center; margin:0 auto; display:block; border-bottom:1px solid #1a1a1b; margin-left:-96px; left:50%; padding-top:20px}
.ecomm_service_listing{padding:20px}
.heading_sort_text p{color:#0a0a0b !important}
.mobile-app-service-sec{background:#fff; margin:20px 0}
.ecomm_service_listing{padding:20px 120px}
.mobile_app_services{padding:30px 0px; margin-top:20px}
.mobile_app_services h2{padding:0px 0 20px; font-family:'Lato', sans-serif; font-size:48px !important; font-weight:300 !important; text-transform:capitalize !important; margin-bottom:0px !important; color:#0a0a0b !important}
.mobile_app_services_listing{margin-top:40px}
.seo_service-main{margin-top:20px; padding:40px 0 30px 0}
.seo_service-main h2{padding:0px 0 20px; font-family:'Lato', sans-serif; font-size:48px !important; font-weight:300 !important; text-transform:capitalize !important; margin-bottom:0px !important; color:#0a0a0b !important}
.seo_service-main h2:after{content:""; position:absolute; width:100%; max-width:192px; text-align:center; margin:0 auto; display:block; border-bottom:1px solid #1a1a1b; margin-left:-96px; left:50%; padding-top:20px; padding-bottom:30px}
.seo_listing_bottom .wpb_wrapper .iconbox span.img{margin-bottom:0 !important; min-height:64px}
.seo_listing_bottom .wpb_wrapper h5{font-family:'Lato', sans-serif; color:#000; font-size:18px !important; font-weight:400 !important}
.seo_listing_bottom .wpb_wrapper > p{font-family:'Lato', sans-serif; color:#4f4f4f; font-size:14px !important; font-weight:400 !important}
.post .post-content figure.banner.effect-lily img{transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px);}
.post .post-content .main_banner figure.banner{margin:0 0px; width:auto; background:#000;}
.post .post-content .main_banner figure.banner img{max-width:100%;}
.page_heading_row .page_main-heading{margin:50px 0}
.page_heading_row .page_main-heading h1{color:#fff; font-size:42px; margin-bottom:10px}
.spilt_middle-ico-odd,
.spilt_middle-ico-even{position:relative}
.spilt_middle-ico-even img{position:absolute; right:-50px;/* top:50%;*/ margin-top:-47px; z-index:666}
.spilt_middle-ico-odd img{position:absolute; left:-43px;/* top:50%;*/ margin-top:-47px}
@media only screen and (max-width:1024px){
.verticalsplit_box .wpb_content_element{padding:20px}
#thb_subscribe_widget-3 form{padding:0 10% 0 0;}
.verticalsplit_box_about .wpb_content_element{padding:20px;}
.vc_custom_1444393104572{padding:20px !important;}
/* 11-10****/
.all-common-footer-contact-form .footer_contact_detail,
.all-common-footer-contact-form .footer_you_get_details{padding-left:20px !important; padding-top:0 !important;}
.spilt_middle-ico-odd img, .spilt_middle-ico-even img{display:none}
}
 @media only screen and (min-width:40.063em){
#wrapper [role="main"]{padding:0px !important;}
}
/* blog *******************/
.blog,
.archive{background:#000;}
.blog-container{background:#fff;}
.blog-container .post-title h2{text-transform:none; font-family:"Lato", sans-serif;}
.center-btn-dev{text-align:center}
.blog-container .center-btn-dev .masonry_btn{color:#000; display:inline-block; font-size:14px; font-weight:400; height:40px; line-height:38px; text-align:center; text-transform:uppercase; padding:0 28px; border:1px solid #000; margin:0 auto; width:auto;}
.blog-container .masonry_btn:hover{background:#000; color:#fff;}
.blog-container .post-content p{font-weight:400;}
.blog .header_content,
.archive .header_content{margin:170px 0 0 0}
.blog .header_content h1,
.archive .header_content h1{font-size:60px; font-weight:bold; color:#fff; text-transform:uppercase; margin-bottom:0;}
.blog .header_content p,
.archive .header_content p{font-family:"latolight"; font-size:26px; color:#fff; padding-bottom:5px;}
.blog .header_content p:after,
.archive .header_content p:after{content:""; background:#4d4d4d; width:133px; height:1px; margin:5px auto 0 auto; display:block;}
/* End blog ***************/
/* blog inner***************/
.blog-post{margin-bottom:0 !important;}
.blog-post h3{font-family:"latolight"; font-size:36px; color:#000; line-height:48px; text-align:left !important; letter-spacing:normal !important;}
.blog-post .post-content p{font-family:"Lato", sans-serif; font-size:18px; color:#333; line-height:36px; text-align:left !important;}
.blog-post .post-content h2{color:#000; font-size:18px; font-weight:bold;}
.blog-post .ssba{border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}
.blog-post .ssba img{padding:20px 0; border:medium none;}
#thb_subscribe_widget-2{background:#000; padding:20px; margin-bottom:0;}
#thb_subscribe_widget-2 h3{color:#fff; font-family:"Lato", sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; line-height:normal; margin-bottom:7px;}
#thb_subscribe_widget-2 p{color:#fff; font-family:"Lato", sans-serif; font-weight:400; font-size:12px; text-transform:capitalize; margin-bottom:6px;}
#thb_subscribe_widget-2 input{background:#fff; color:rgba(0,0,0,0.3); font-size:14px; font-family:"Lato", sans-serif; font-weight:400; letter-spacing:normal; margin-bottom:0; border-bottom-left-radius:3px; border-top-left-radius:3px;}
#thb_subscribe_widget-2 .small-9.columns{padding-right:0;}
#thb_subscribe_widget-2 .small-3.columns{padding-left:0;}
#thb_subscribe_widget-2 .btn.white{background:#ff6749; border:none; padding:13px 0 13px 0; margin-bottom:0; height:40px; border-bottom-right-radius:3px; border-top-right-radius:3px;}
.blog-inner-right{position:absolute; right:0; width:260px;}
.blog-inner-right .small-12.medium-12.large-12{padding:0;}
#categories-3 ul li,
#categories-3 ul li a{color:#333 !important}
#categories-3{padding:0px 0 0 0}
#categories-3 h3{display:none;}
.blog-inner-left{padding:40px 0 0 0; float:left;}
.entry_author_image{width:100px; height:100px; border-radius:50%;}
.entry_author_image img{overflow:hidden; border-radius:50%; height:100px;}
.blog-inner-left h5{font-family:"Lato", sans-serif; font-size:18px; font-weight:bold; color:#333; text-transform:capitalize;}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content{width:100%;}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post{width:100% !important;}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post li{width:25% !important; border:none !important;}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post li img{border:none !important; width:100% !important; height:auto !important}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post li a.wp_rp_title{font-size:14px !important; color:#ff6749 !important; font-weight:400 !important; font-family:"Lato", sans-serif !important;}
#thb_subscribe_widget-3{background:#000000 none repeat scroll 0 0; clear:both; color:#ffffff; display:block; float:left; margin:40px 0 0; padding:40px 0 70px; text-align:center; width:100%;}
.widget_wysija_cont.html_wysija #wp-subscribe{margin-bottom:20px}
#thb_subscribe_widget-3 h3{color:#fff; text-align:center !important; font-family:"latolight"; font-size:48px; margin-bottom:20px;}
#thb_subscribe_widget-3 input{background:#fff; color:rgba(0,0,0,1); font-size:16px; font-family:"Lato", sans-serif; font-weight:400; letter-spacing:normal; margin-bottom:0; border-radius:1px; padding:0 10px !important; height:50px !important;}
 #thb_subscribe_widget-3 input::-webkit-input-placeholder{color:rgba(0,0,0,0.3);opacity:0.8;}
#thb_subscribe_widget-3 input:-moz-input-placeholder{color:rgba(0,0,0,0.3);opacity:0.8;}
#thb_subscribe_widget-3 input::-moz-input-placeholder{color:rgba(0,0,0,0.3);opacity:0.8;}
#thb_subscribe_widget-3 input::-ms-input-placeholder{color:rgba(0,0,0,0.3);opacity:0.8;}
#thb_subscribe_widget-3 .btn.white{background:#ff6749 !important; border:none; padding:13px 0 13px 0; margin-bottom:0; height:40px; border-radius:3px; color:#fff !important; font-family:"Lato", sans-serif; font-size:16px; font-weight:700; text-transform:capitalize; height:50px;}
#thb_subscribe_widget-3 .small-9.columns{padding-right:10px;}
#thb_subscribe_widget-3 .small-3.columns{padding-left:10px;}
#thb_subscribe_widget-3 form{width:80%; margin:0 auto;}
.blog-client-img{width:15%; float:left; display:block;}
.blog-client-content{width:70%; float:left; display:block;}
.blog-client-linked{width:15%; float:left; display:block; text-align:center;}
.blog-client-content p{font-family:"Lato", sans-serif; font-size:16px; line-height:30px; color:#333;}
.bl-border{display:block; border-bottom:2px solid #000; width:100%; float:left;}
.published-main{border-bottom:1px solid #e9e9e9; margin:0 0 20px; padding:20px 0 0;}
.published-main b{font-family:"Lato", sans-serif; font-size:14px; color:#333; font-weight:700; text-transform:capitalize;}
.published-main .tags{font-family:"Lato", sans-serif; font-size:14px; color:#333; font-weight:400; text-transform:capitalize;}
.published-main a{font-family:"Lato", sans-serif; font-size:14px; color:#333; font-weight:400;}
.publish,.tags{padding:0 0 0 25px; position:relative;}
.publish:before{content:""; background:url("../../images/publish-tag-icon.png"); background-position:left top; width:15px; height:15px; display:block; position:absolute; left:0; top:6px;}
.tags:before{content:""; background:url("../../images/publish-tag-icon.png"); background-position:left bottom; width:15px; height:15px; display:block; position:absolute; left:0; top:3px}
.blog-post .wp_rp_wrap h3.related_post_title{color:#333333 !important; font-family:"Lato", sans-serif !important; font-size:18px !important; font-weight:bold !important; text-transform:capitalize !important;}
.blog-client_image{float:left; text-align:center;}
.blog-inner-content{width:80%; float:left;}
.ecomm-plat-work img{padding:0 20px;}
 @media (max-width:1200px){
.blog-inner-right{width:100%; position:relative;}
#thb_subscribe_widget-2{margin:20px 0 0 0}
#thb_subscribe_widget-2 form{width:50%;}
#wp-subscribe form{width:60% !important;}
#categories-3{padding:0 20px !important;}
.blog-inner-right.stick-sidebar{overflow:visible !important;}
.blog-inner-right-img{float:left; margin-bottom:10px; padding:0 20px; width:50%;}
.blog-inner-right-img:nth-child(2n){padding-left:10px;}
.blog-inner-right-img:nth-child(2n+1){padding-right:10px;}
.blog-inner-right-img:last-child{padding-bottom:0;}
.blog-inner-right-img img{width:100%;}
#comments .large-7.medium-centered{width:100%;}
#respond.comment-respond{padding:0 !important;}
}
@media (max-width:767px){
.blog-client_image{float:none; text-align:center; margin:0 auto; display:block;}
.blog-inner-content{width:100%; float:none;}
.entry_author_image img,.entry_author_image{margin:0 auto; display:block}
.blog-inner-left .medium-10{width:100%;}
#thb_subscribe_widget-3 form{width:100%;}
#thb_subscribe_widget-3 form .small-5.columns,#thb_subscribe_widget-3 form .small-2.columns{width:100%; margin-bottom:25px;}
#thb_subscribe_widget-3 .btn.white{float:right;}
.blog-inner-left{float:none;}
.blog-client-img,.blog-client-content,.blog-client-linked{width:100%; text-align:center; margin:0 auto; float:none}
.blog-inner-left h5{margin:15px 0 0 0}
.blog-client-linked{margin:0 0 30px 0}
.blog-client-linked a img{padding:10px 0 0 0}
.blog-post h3{font-size:20px !important; line-height:normal !important;}
#wp-subscribe form{width:100% !important;}
#thb_subscribe_widget-3 h3{font-size:28px !important; line-height:normal !important}
.comment-respond h3{padding-left:20px; padding-right:20px;}
#thb_subscribe_widget-3 form{padding:0;}
#thb_subscribe_widget-3{padding-bottom:10px;}
.verticalsplit_box_about h4{font-size:20px !important; line-height:normal !important}
}
@media (max-width:479px){
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post li{width:50% !important;}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post li a{width:100% !important;}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post li a.wp_rp_title{padding-bottom:10px !important}
}
/* End blog inner**********/
/* Add CSS aboutus Banner*/
.post .post-content .hero .extralargetitle,.post .post-content .hero p{color:#fff;}
.post .post-content h3,
.post .post-content h6{letter-spacing:normal !important}
.post .post-content .hero .extralargetitle{margin-bottom:10px; font-size:102px; text-transform:none !important;}
.post .post-content .hero p{font-size:26px; font-weight:300; width:100%; max-width:720px; margin:0 auto; text-transform:none;}
.custom_class h2{font-size:40px !important; line-height:40px !important; font-weight:600 !important; text-transform:uppercase;}
.custom_class{padding:15px !important;}
@media only screen and (min-width:40.063em){
.custom_class{padding:50px !important;}
}
/*  New Css added   */

.contact_us_main_row{margin:20px 0 0 0; display:table}
.contact_us_main_row > div{display:table-cell; /*float:none;*/ vertical-align:middle}
.page-container .contact_us_main_row .columns.contact_details_main{padding:30px 30px 30px 60px !important}
.contact_inner_main_heading,
.contact_inner_address,
.contact_inner_phone,
.contact_inner_small_banner,
.contact_inner_htime{font-family:"Lato", sans-serif; color:#000; line-height:30px}
.contact_inner_main_heading{font-size:24px; font-weight:400}
.contact_inner_address,
.contact_inner_phone,
.contact_inner_htime{color:#4f4f4f; font-size:16px; font-weight:400}
.contact_inner_small_banner{font-size:16px; font-weight:700; margin:30px 0; color:#4f4f4f;}
/******/
#wp_rp_edit_related_posts{margin:10px 0 0 0}
/* New Update 6:30  */
.related h6{margin:50px 0; font-family:"Lato", sans-serif}
.row.full-gray{/*margin:0 -60px;*/ width:auto; max-width:100%; background-color:#E6E6E6; }
.blog-post .post-content .hero p{text-align:center !important;}
/* Add Css 7:48 */

.blog-social-main{border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding:10px 0;}
.custom-share-button-label{display:inline-block; vertical-align:middle;}
.blog-facebook{background:url(../../images/blog-social-icon.png) no-repeat; background-position:left top; width:13px; height:23px; display:inline-block; position:relative; top:7px;}
.blog-twitter{background:url(../../images/blog-social-icon.png) no-repeat; background-position:-20px top; width:21px; height:20px; display:inline-block; position:relative; top:5px;}
.blog-email{background:url(../../images/blog-social-icon.png) no-repeat; background-position:right top; width:25px; height:20px; display:inline-block; position:relative; top:5px;}
.blog-googleplus{background:url(../../images/blog-social-icon.png) no-repeat; background-position:-50px top; width:20px; height:22px; display:inline-block; position:relative; top:7px;}
.blog-social{float:left; width:33%;}
.custom-share-button-icon path{fill:#fff;}
.custom-share-button-label{font-size:14px; line-height:40px; font-weight:700; font-family:'Lato', sans-serif; color:#333; padding-left:10px; padding-right:25px;}
.single-portfolio #wrapper [role="main"]{padding-top:83px;}
body.single-portfolio{background:#fff none repeat scroll 0 0;}
/*****about******/
.about_us_main{background:#fff; padding:0 20px; margin-top:20px;}
.about_us_main .wpb_wrapper p{color:#666; margin-bottom:5px; padding-bottom:20px !important;}
.about_us_main .about_box h3{letter-spacing:normal; text-transform:none !important; margin-bottom:10px; font-size:24px; line-height:30px; margin-top:20px !important;}
.about_us_main .medium-12.small-12.columns .gap{height:20px !important}
/*****end about******/

@media (max-width:960px){
.blog-social{display:block; width:100%;}
.row.full-gray{margin:0}
}
@media (max-width:960px){
.page-container .contact_us_main_row .columns.contact_google_map{padding-left:20px !important; padding-right:20px !important;}
}
/*  Responsive */
@media only screen and (max-width:1199px){
.blog-social{float:left; width:50%;}
}
@media only screen and (max-width:1130px){
.web_service-icon-inne .vc_col-sm-6{width:100%;}
}
@media only screen and (max-width:1024px){
.page_sort_desc{padding:30px 0 20px;}
.page_sort_desc p{font-size:20px; line-height:30px;}
.banner.effect-lily p{font-size:15px !important; line-height:26px !important;}
.ecomm_service_listing{padding:20px 15px;}
.seo_listing_bottom{padding:0 15px; margin-bottom:0 !important; margin-top:10px !important;}
.seo_listing_bottom .vc_col-sm-3,
.mobile_app_services_listing .vc_col-sm-3{width:50%;}
.mobile_app_services_listing .vc_col-sm-3:nth-child(2n+1){clear:both;}
.post .post-content .hero .extralargetitle{font-size:62px}


h1.bannerHeading{font-size:72px !important}
h5.bannersmallHeading{padding:0 20px}

}
@media only screen and (max-width:1023px){.contact_us_main_row .contact-center-say-hello{display:none !important}}

@media only screen and (max-width:979px){
/*.get-quote-link{margin-left:10px !important; margin-top:3px !important; position:absolute; right:0;}*/
.call-to-box{margin-top:7px !important;}
#header header{padding-bottom:4px !important;}
}
@media only screen and (max-width:991px){
.post .post-content .hero .extralargetitle{font-size:42px}
.contact_us_main_row .contact-center-say-hello{display:none}
}
 @media only screen and (max-width:960px){
.contact_us_main_row img.animation.fade-in{display:none}
.ecomm-plat-work img{padding:0 2%; width:30%;}
}
@media only screen and (max-width:820px){
/* 11-10***/
.all-common-footer-contact-form .address .text,
.all-common-footer-contact-form .whatdoblock span{font-size:14px !important}
}
@media only screen and (max-width:768px){
.seo_listing_bottom .vc_column_container {min-height:260px}
.contact_us_main_row .contact_details_main, .contact_us_main_row .contact_google_map{width:100% !important; float:left}
}
@media only screen and (max-width:767px){
.medium-6.small-12.columns.spilt_middle-ico-odd{}
.full-height-content.verticalsplit_box{min-height:0 !important; height:auto !important}
#footer{margin:20px 0px 0}
.verticalsplit_box > .medium-6.small-12.columns{display:block !important; float:none; width:100%; height:100% !important}
.spilt_middle-ico-odd img,
.spilt_middle-ico-even img{display:none;}
.post .post-content figure.banner p{font-size:20px !important;}
.verticalsplit_box{border-bottom:4px solid #000000; background:#fff !important}
.post .post-content figure.banner figcaption{display:none;}
.verticalsplit_box .wpb_wrapper h2{margin-bottom:5px;}
.post .post-content h4{margin-bottom:0px;}
.verticalsplit_box .web_service-icon-inne .wpb_content_element{padding-left:20px;}
.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.wpb_button{margin-bottom:0;}
.recent_work-main h2{font-size:30px !important;}
.recent_work-main p{padding:0 15px;}
.ecomm_service_listing .iconbox span.img,
.mobile_app_services_listing .iconbox span.img{margin-bottom:10px;}
.ecomm_service_listing .iconbox .content,
.seo_listing_bottom .iconbox .content,
.mobile_app_services_listing .iconbox .content{display:none}
.ecomm_service_listing{padding-top:0; padding-bottom:0;}
.seo_listing_bottom .vc_col-sm-3,
.mobile_app_services_listing .vc_col-sm-3{width:100%;}
.ecom_our_services_main h2,
.seo_service-main h2,
.mobile_app_services h2{font-size:28px !important; letter-spacing:normal;}
.seo_service-main{padding-top:0;}
.seo_service-main h2::after{padding-bottom:0;}
.mobile_app_services_listing{margin-top:10px !important;}
.mobile_app_services{padding-top:0;}
.blog-post .post-content p{font-size:14px; line-height:24px;}
/*****about******/
.about_us_main h4{font-size:18px !important; line-height:25px !important;}
.about_us_main{background:#fff; padding:0 20px; margin-top:20px;}
.about_us_main .wpb_wrapper p{font-size:14px !important; padding-bottom:10px !important;}
.about_us_main .about_box h3{margin-top:10px !important; font-size:20px !important; margin-bottom:0 !important}
.about_us_main .medium-12.small-12.columns .gap{height:20px !important}
/*****end about******/

/* 11-10***/
.all-common-footer-contact-form .small-12.columns{width:100%;}
.post .post-content .hero .extralargetitle{font-size:32px}
.post .post-content .hero p{font-size:16px !important}
.contact_us_main_row > div{display:block; float:left; vertical-align:middle}
.post .post-content h6{font-size:18px}
h1.bannerHeading{font-size:52px !important} 
h5.bannersmallHeading{font-size:22px !important} 
.seo_listing_bottom .vc_column_container{min-height:0}
}
 @media only screen and (max-width:640px){
.post .post-content .main_banner figure.banner{margin:0;}
.page_sort_desc p{font-size:18px; line-height:normal; padding:0 20px 15px;}
.ecomm_service_listing,
.seo_listing_bottom,
.mobile_app_services_listing{margin:0; padding:0px 0; width:100%;}
.page-container .contact_us_main_row .columns.contact_details_main{padding:15px !important}
.google_map{width:100% !important}
#thb_subscribe_widget-3 form{float:left; width:100%; margin-bottom:50px}
#footer{margin:0px}
}
@media only screen and (max-width:639px){
.ecommerce-marketing-main{float:none !important; text-align:center;}
.ecommerce-marketing-img{margin:0 auto !important; float:none !important; display:block;}
.ecommerce-marketing-text h3{text-align:center !important}
}
@media only screen and (max-width:567px){
.form-list{margin:0; padding:0}
.footer-form .errorMsgshow .field{margin:0}
.wide-2.cf .field.form-col-narrow,
.wide-2.cf .field.form-col-wide{padding-bottom:0}
}
@media only screen and (max-width:480px){
h1.bannerHeading{font-size:32px !important} 
h5.bannersmallHeading{font-size:18px !important} 
}
@media only screen and (max-width:479px){
.ecomm-plat-work img{padding:0; width:auto; margin:0 auto; display:block;}
.blog-social{display:block; width:100%;}
}
@media only screen and (max-width:360px){
}
@media only screen and (max-width:320px){
}
.blog-social-main{border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding:10px 0;}
.custom-share-button-label{display:inline-block; vertical-align:middle;}
.blog-facebook{background:url(../../images/blog-social-icon.png); background-position:left top; width:13px; height:23px; display:inline-block; position:relative; top:7px;}
.blog-twitter{background:url(../../images/blog-social-icon.png); background-position:-20px top; width:21px; height:20px; display:inline-block; position:relative; top:5px;}
.blog-email{background:url(../../images/blog-social-icon.png); background-position:right top; width:25px; height:20px; display:inline-block; position:relative; top:5px;}
.custom-share-button-icon path{fill:#fff;}
.custom-share-button-label{font-size:14px; line-height:40px; font-weight:700; font-family:'Lato', sans-serif; color:#333; padding-left:10px; padding-right:10px;}
 @media (max-width:960px){
}
.single-portfolio #wrapper [role="main"]{padding-top:83px;}
.blog-post .post-content .hero p{text-align:center !important;}
.hentry .mouse_scroll_row .full-height-content:after{content:""; background:rgba(22,22,26,0.5); position:absolute; top:0; left:0; right:0; bottom:0; z-index:1}
.hentry .mouse_scroll_row .full-height-content .hero{z-index:333}
.footer-inner > .footer-form{clear:both;}
.main_banner{max-width:inherit; margin:0 0px 0; width:auto}
.single-post .post .post-gallery{padding-bottom:35%;}
.blog-post figure.post-gallery{background-position:center top !important; margin:0 -60px;}
/**8-10******/
.post .post-content p{letter-spacing:normal;}
.blog-container .post-gallery .simple-overlay{background:rgba(0,0,0,0.8) !important}
.blog-container .post-title h2 a:hover{color:#666 !important;}
.banner.effect-lily{margin:0 -60px; max-width:inherit; width:auto !important;}
.footer-form ul li select option{color:#000 !important}
.field .input-box{background:#6C6C6C}
.field .input-box > span{z-index:1}
/* 9-10 *****/
.ecommerce-marketing-main{}
.split_scroll{margin-top:-32px; opacity:1; position:fixed; top:50%; /*visibility:hidden;*/ z-index:100; right:20px;}
.split_scroll li{display:block; position:relative;}
.split_scroll li a{color:#000; font-size:18px; height:21px; width:21px; display:block; padding:4px; border:1px solid; border-color:transparent}
.split_scroll li a.active{border:1px solid #8f8f8f; border-radius:50%}
.split_scroll li a span{background:#333 none repeat scroll 0 0; border:0 none; border-radius:50%; height:11px; margin:0; position:absolute; width:11px; z-index:1;}
/*.no-touch .btn:hover, .no-touch .button:hover, .no-touch input[type="submit"]:hover{background:none; border-color:#fff; font-size:inherit !important}*/
.contact-center-say-hello{position:absolute;}
.button,
input[type=submit]{cursor:pointer}
.error{color:#ff0000; display:inline-block; float:left; font-size:12px; margin:0; padding:0;}
.floatlabel-wrapper div.error{margin:-13px 0 6px}
p.form-submit{margin-top:10px}
.wpcf7-form-control-wrap{display:block}
#share-post-link{border:1px solid #000; padding:10px 32px; color:#000}
#share-post-link:hover{color:#fff; background:#000}
#comments ol.commentlist .awaiting_moderation{color:#868686}
/* tabbing */
.digital-strategy-row{width:100%;}
.digital-strategy-row ul{list-style:none !important;}
.digital-strategy-row ul li{float:left; list-style:none !important; width:25%; margin:0; padding:0;}
.digital-strategy-row ul li a{float:left; width:100%; text-align:center; margin:0 0px; text-decoration:none;}
.digital-strategy-row ul li a div{color:#2382ee !important; font-size:16px; line-height:30px; font-family:'Lato', sans-serif; font-weight:600; margin-bottom:20px}
.digital-strategy-row ul li a div:hover{color:#000 !important}
.digital-strategy-row ul li a i{width:104px; ; display:inline-block; padding:10px; text-align:center; margin:0 auto;}
.digital-strategy-row ul li a span{display:block; font-size:16px; font-weight:600; margin-bottom:20px; color:#2382ee}
.digital-strategy-row .ico-content{display:inline-block; width:100%; min-height:160px;}
.digital-strategy-row .tabcont{display:none; color:#4f4f4f; font-size:16px; line-height:30px; font-family:'Lato', sans-serif;}
.digital-strategy-row ul li a.active span{color:#000}
.digital-strategy-row ul li a.active i.selected-img{background:#fff}
.digital-strategy-row ul li a i.selected-img{vertical-align:middle; display:inline-block;}
/*.ecommerce-marketing-main{border:1px solid #e9e9e9;padding:30px 50px 30px 30px; float:left;width:100%;margin-top:30px;margin-bottom:30px;position:relative;}
.ecommerce-marketing-img{margin-right:30px;float:left;}
.ecommerce-marketing-text h3{font-size:28px;color:#ff6749;font-weight:700;line-height:normal;padding-top:25px;}
.ecommerce-marketing-text p{font-size:16px;color:#000;font-weight:400;line-height:24px; margin-bottom:35px;}
.ecommerce-marketing-text a{font-size:16px;color:#fff;font-weight:700;background:#ff6749;padding:15px 30px;}
.ecommerce-marketing-text a:hover{background:#000;}
.post-meta_blog a{color:#fff;}
.post-meta_blog a:hover{color:#999;}
.blog-inner-right-img{margin-bottom:10px;}
.blog-download{width:25px;height:102px;position:absolute;top:10px;right:10px;left:auto;}

.blog-inner-right.stickyme{
    padding-top:0;
    position:fixed;
    top:0;
    width:270px;
    z-index:999;
}

.comment-respond{padding:0 0 65px !important;}
.comment-respond h3{
   color:#000000 !important;
    font-family:"latolight";
    font-size:36px !important;
    letter-spacing:normal !important;
    line-height:48px;
    text-transform:capitalize !important;
	margin-bottom:0 !important;
}*/

/* 9-10 *****/
.ecommerce-marketing-main{border:1px solid #e9e9e9; padding:30px 50px 30px 30px; float:left; width:100%; margin-top:30px; margin-bottom:30px; position:relative;}
.ecommerce-marketing-img{margin-right:30px; float:left;}
.ecommerce-marketing-text h3{font-size:28px; color:#ff6749; font-weight:700; line-height:normal; padding-top:25px;}
.ecommerce-marketing-text p{font-size:16px; color:#000; font-weight:400; line-height:24px; margin-bottom:35px;}
.ecommerce-marketing-text a{font-size:16px; color:#fff; font-weight:700; background:#ff6749; padding:15px 30px;}
.ecommerce-marketing-text a:hover{background:#000; color:#fff !important}
.post-meta_blog a{color:#fff;}
.post-meta_blog a:hover{color:#999;}
.blog-inner-right-img{margin-bottom:10px;}
.blog-download{width:25px; height:102px; position:absolute; top:10px; right:10px; left:auto;}
.blog-post .wp_rp_wrap.wp_rp_momma .wp_rp_content ul.related_post li a.wp_rp_title:hover{color:#000 !important}
.blog-inner-right.stickyme{padding-top:0; position:fixed; top:0; width:270px; z-index:999;}
.comment-respond{padding:0 0 65px !important;}
.comment-respond h3{color:#000000 !important; font-family:"latolight"; font-size:36px !important; letter-spacing:normal !important; line-height:48px; text-transform:capitalize !important; margin-bottom:10px !important;}
.comment-form label{display:none !important;}
#respond .comment-form input,
#respond .comment-form textarea{background:none !important; border:1px solid #999 !important; color:#000; font-family:'Lato', sans-serif !important; font-size:16px; font-weight:400 !important; height:40px; line-height:40px; margin-bottom:20px; margin-top:10px; padding:0 10px !important; letter-spacing:normal !important;}
#respond .comment-form textarea{min-height:162px;}
#respond .comment-form .submit:hover{background:#000 !important; color:#fff !important;}
#respond .comment-form .submit{height:42px !important;}
/* subscribe stikcy*****/
#wp-subscribe{padding:18px; background:#000; min-height:170px;}
#wp-subscribe h4.title{font-size:13px; color:#FFFFFF; line-height:normal; text-align:left; text-transform:uppercase; margin-bottom:0; font-weight:700;}
#wp-subscribe h4.title span{display:inline-block; font-weight:bold; font-size:38px; margin-top:15px;}
#wp-subscribe p{color:#FFFFFF; margin:0; text-align:left; font-size:14px; font-weight:400; text-transform:capitalize;}
#wp-subscribe p.text{margin:15px 0; opacity:0.8;}
#wp-subscribe input{border:none; width:100%; text-align:center; box-sizing:border-box; padding:10px 0; margin:0; box-shadow:none; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; height:45px;}
#wp-subscribe input.email-field{background:#ffffff none repeat scroll 0 0 !important; color:rgba(0, 0, 0, 0.3) !important; letter-spacing:normal !important; padding:10px !important; text-align:left !important; height:40px !important; border-bottom-left-radius:3px !important; border-bottom-right-radius:0px !important; border-top-left-radius:3px !important; border-top-right-radius:0px !important;}
#wp-subscribe input::-webkit-input-placeholder{
color:inherit;
opacity:0.8;
}
#wp-subscribe input:-moz-input-placeholder{
color:inherit;
opacity:0.8;
}
#wp-subscribe input::-moz-input-placeholder{
color:inherit;
opacity:0.8;
}
#wp-subscribe input::-ms-input-placeholder{
color:inherit;
opacity:0.8;
}
#wp-subscribe input:focus::-webkit-input-placeholder{
color:transparent !important
}
#wp-subscribe input:focus::-moz-input-placeholder{
color:transparent !important
}
#wp-subscribe input:focus:-moz-input-placeholder{
color:transparent !important
}
#wp-subscribe input:focus::input-placeholder{
color:transparent !important
}
.wp_subscribe{margin-bottom:10px !important;}
#wp-subscribe form{width:100%; position:relative; padding:0 70px 0 0;}
#wp-subscribe input.submit{height:40px !important; background:#ff6749 !important; color:#fff !important; margin-top:0px !important; font-size:14px !important; text-transform:uppercase !important; font-weight:700 !important; cursor:pointer; border-bottom-left-radius:0px; border-bottom-right-radius:3px; border-top-left-radius:0px; border-top-right-radius:3px; width:70px !important; position:absolute !important; top:0; right:0;}
#wp-subscribe p.footer-text{margin-top:10px; font-size:12px;}
/******************/

.subscribe-gf{padding:0 !important}
.subscribe-name{}
.subscribe-email{}
.subscribe-update:brfore{
content:"";
display:block;
position:relative;
top:0;
left:0;
background:url(../../images/blog-input-icon.png);
width:15px;
height:5px;
}
.stick-sidebar{overflow-y:auto; height:100%;}
.blog-inner-right-img:last-child{padding-bottom:25px;}
#wp-subscribe form .formError{clear:both; cursor:pointer; display:block; left:0 !important; position:absolute !important; top:35px !important; z-index:5000;}
#wp-subscribe form .formError .formErrorContent{padding-left:0; padding-right:0; color:#f00 !important; font-weight:700;}
#thb_subscribe_widget-3 form .formError{clear:both; cursor:pointer; display:block; left:0 !important; position:absolute !important; top:47px !important; z-index:5000;}
#thb_subscribe_widget-3 form .formError .formErrorContent{padding-left:0; padding-right:0; color:#f00 !important; font-weight:700;}
.verticalsplit_box_about p{padding-bottom:0;}
.section_about h3{letter-spacing:normal !important; font-size:30px !important}
/*  About Us Section */
.all-common-footer-contact-form{background:url(../../images/contact-from-bg.jpg) no-repeat; background-size:cover; background-position:center center; width:100%; height:100%; padding:0 0 60px 0}
.all-common-footer-contact-form input,
.all-common-footer-contact-form textarea{border-radius:5px}
.all-common-footer-contact-form .getgquto-area{background:none}
.all-common-footer-contact-form .footer-form{background:none}
.all-common-footer-contact-form .footer-form .field{width:50%}
.all-common-footer-contact-form .footer-form .wide-2 .form-col-wide{width:100%; padding:0 15px 15px 0 !important}
.all-common-footer-contact-form .field .input-box{background:#fff}
.all-common-footer-contact-form .footer-form .errorMsgshow .field{padding:20px 15px 0px 0px}
.all-common-footer-contact-form .footer-form .input-box > span:before{content:""; background:url(../../images/sprite.png); display:inline-block; background-position:-77px -1px; vertical-align:middle; position:absolute; left:9px; top:9px; width:22px; height:22px; z-index:99}
.all-common-footer-contact-form .footer-form .input-box > span.email-second::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.all-common-footer-contact-form .footer-form .input-box > span.your-name:before{background-position:-77px -1px;}
.all-common-footer-contact-form .footer-form .input-box > span.your-company-name:before{background-position:-77px -100px;}
.all-common-footer-contact-form .footer-form .input-box > span.your-email-address:before{background-position:-77px -28px; top:11px; height:17px}
.all-common-footer-contact-form .footer-form .input-box > span.your-title:before{background-position:-77px -123px;}
.all-common-footer-contact-form .footer-form .input-box > span.your-phone-number:before{background-position:-79px -49px;}
.all-common-footer-contact-form .footer-form .input-box > span.your-services:before{background-position:-77px -149px;}
.all-common-footer-contact-form .footer-form .input-box > span.your-message:before{background-position:-74px -76px; height:23px; width:24px; top:13px}
.all-common-footer-contact-form .footer-form .input-box > label{font-size:16px !important; color:#2f2f2f !important; opacity:0.5}
.all-common-footer-contact-form .footer-form .fields .field .input-box input,
.all-common-footer-contact-form .footer-form .fields .field textarea,
.all-common-footer-contact-form .footer-form .input-box > label{padding-left:40px;}
.contact_us_main_row .contact-center-say-hello{background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; display:inline-block; height:240px; margin-left:-126px; margin-top:-220px; position:absolute; right:auto; top:50%; width:252px; z-index:6899;}
.contact_form_city_content{color:#ffffff; display:block; font-size:17px; font-weight:700; line-height:30px; margin-top:18px; padding:0 34px; width:100%;}
.contact_form_city_button{float:left; width:100%; padding:0 34px; text-align:center; margin:16px 0 0 0 !important;}
.contact_form_city_button > a{background:#ffffff none repeat scroll 0 0; display:inline-block; margin:0 !important; padding:7px 0 10px; text-align:center; width:100%; font-size:16px; font-weight:700; line-height:30px; text-transform:uppercase; color:#000}
.contact_form_city_button > a:hover,
.contact_form_city_button > a:focus{color:#000 !important}
.all-common-footer-contact-form .footer_contact_detail{padding-top:20px !important;}
.footer_contact_detail,
.footer_you_get_details{float:left; padding-left:80px !important; padding-top:0px !important;}
.contact_inner_htime .wpb_wrapper,
.contact_inner_htime .wpb_wrapper p{margin:0 !important; padding:0 !important}
.footer_you_get_details{padding-left:20px !important;}
.address,
.whatyouget{float:left; width:100%; margin-bottom:20px}
.address .heading,
.whatyouget .heading{color:#fff; font-size:14px; font-weight:700; margin:15px 0; text-transform:uppercase;}
.address .text{color:#7a7a7a; font-size:16px; font-weight:700}
.whatdoicon-section{float:left}
.whatdoblock{float:left; width:100%; margin-bottom:20px}
.whatdoblock span{display:inline-block; font-size:16px; font-weight:700; color:#7a7a7a}
.whatdo-ico{background:url(../../images/sprite.png) no-repeat; display:inline-block; vertical-align:middle; margin-right:27px}
.whatdo-ico.message-ico{background-position:-72px -171px; width:26px; height:20px}
.whatdo-ico.dollar-ico{background-position:-70px -194px; width:28px; height:28px; margin-right:25px;}
.whatdo-ico.user-man-ico{background-position:-71px -225px; width:26px; height:26px}
.add-padding{padding-top:40px}
.all-common-footer-contact-form .footer-form .submit-outer input[type="submit"]{background:#ff6749; border-color:#ff6749; color:#fff; font-size:16px; font-weight:700; max-width:180px}
.all-common-footer-contact-form .footer-form .submit-outer input[type="submit"]:hover{background:#fff; border-color:#fff; color:#000}
.all-common-footer-contact-form .getgquto-area h2{text-transform:none}
/* 11-10**********/
.all-common-footer-contact-form textarea{min-height:150px; height:150px !important; padding:10px 10px 10px 40px !important; line-height:24px; margin-bottom:0;}
.all-common-footer-contact-form #uniform-wd span{padding-left:40px;}
.all-common-footer-contact-form .submit-outer input{border-radius:3px;}
.split_scroll ul,
#fp-nav ul{right:24px; list-style-type:none; margin:0; padding:0; position:fixed; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2;}
.split_scroll ul li,
#fp-nav ul li{background-color:rgba(0, 0, 0, 0); border:1px solid rgba(0, 0, 0, 0); border-radius:50%; display:block; height:20px; margin:0 0 7px; padding:4px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; width:20px;}
.split_scroll ul li a,
#fp-nav ul li a{height:10px; width:10px;}
.split_scroll ul li a,
#fp-nav ul li a{background-color:#d0cecd; border-radius:10px; display:block; height:100%; position:relative; width:100%;}
.split_scroll ul li a span,
#fp-nav ul li a span{background-color:rgba(58, 58, 57, 0.8); border-right:1px solid rgba(58, 58, 57, 0.8); color:#ffffff; font-family:Raleway, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; right:-500px; opacity:0; padding:5px 30px 5px 10px; position:absolute; top:-11px; transition:opacity 0.3s ease 0s; -moz-transition:opacity 0.3s ease 0s; -ms-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; -webkit-transition:opacity 0.3s ease 0s; white-space:nowrap; z-index:-1; width:auto; height:30px; border-radius:0 !important;}
.split_scroll ul li a.active,
#fp-nav ul li a.active{border:1px solid #8f8f8f; border-radius:50%;}
.split_scroll ul li:hover span,
#fp-nav ul li:hover span{right:-11px; opacity:1;}
.split_scroll ul li a.active{border:1px solid rgba(0, 0, 0, 0); background:#3a3a39 none repeat scroll 0 0;}
.split_scroll ul li a.active:before{content:""; display:block; position:absolute; width:20px; height:20px; border-radius:50%; border:1px solid #ccc; right:-6px; top:-6px;}
.footer-email{font-family:'Lato', sans-serif; color:#7a7a7a; font-size:16px; font-weight:700;}
.footer-email:hover,
.footer-email:focus{color:#fff;}
#thb_subscribe_widget-3 form .small-5.columns span.blog-detail-name::before,
#thb_subscribe_widget-3 form .small-5.columns span.blog-detail-email::before{background:rgba(0, 0, 0, 0) url("../../images/sprite.png") repeat scroll -77px -1px; content:""; display:inline-block; height:22px; left:25px; position:absolute; top:15px; vertical-align:middle; width:22px; z-index:99;}
#thb_subscribe_widget-3 form .small-5.columns span.blog-detail-name input,
#thb_subscribe_widget-3 form .small-5.columns span.blog-detail-email input{padding-left:45px !important}
#thb_subscribe_widget-3 form .small-5.columns span.blog-detail-name::before{background-position:-77px -1px;}
#thb_subscribe_widget-3 form .small-5.columns span.blog-detail-email::before{background-position:-77px -28px; height:17px; top:18px;}
.contact_us_main_row img.animation.fade-in{left:0; margin:-220px 0 0 -126px; position:absolute; top:50%; z-index:999;}
#comments{border:none !important}
.all-common-footer-contact-form .getgquto-area h2{font-size:48px; font-family:"latolight";}
.all-common-footer-contact-form .qoute-sub-title{margin:0 auto; max-width:500px; float:none; line-height:30px;}
.post-meta_blog,
.post-meta_blog b,
.post-meta_blog a{font-family:"latolight"; font-size:26px; font-weight:400;}
.post-meta_blog{line-height:50px; margin-top:10px;}
.post-meta_blog:after{background:#4d4d4d none repeat scroll 0 0; content:""; display:block; height:1px; margin:5px auto 0; width:133px;}
.mouse_scroll_row{z-index:999}
.wpb_alert p:last-child,
#content .wpb_alert p:last-child,
.wpb_text_column p:last-child,
.wpb_text_column *:last-child,
#content .wpb_text_column p:last-child,
#content .wpb_text_column *:last-child{margin-bottom:25px}
.aus_address{margin-bottom:0 !important}
.mediumtitle{margin-bottom:25px}
.single.single-portfolio .post-content p{text-align:center !important}
.post .post-content .hero .ecomm-plat-work p{max-width:100% !important}
.contact_inner_address .wpb_wrapper,
.contact_inner_address .wpb_wrapper p{margin-bottom:0; padding-bottom:0;}
.contact_inner_phone .wpb_wrapper,
.contact_inner_phone .wpb_wrapper p{margin-bottom:0; padding-bottom:0;}
.mar-none{margin:0 !important}
.mar-none .wpb_wrapper p{margin-bottom:0 !important; padding-bottom:0 !important;}
/* 13-1*/
.single.single-portfolio .portfolio_left p{text-align:left !important;}
.page-container .columns.web_service-icon-inne{padding:0 95px !important;}
.carousel .owl-controls .owl-pagination{position:relative; bottom:0; margin:10px 0}
.carousel .owl-controls .owl-pagination .owl-page{background:rgba(166,166,166,1)}
.carousel .owl-controls .owl-pagination .owl-page.active{background:rgba(255,255,255,1)}
.row.no-padding.verticalsplit_box .medium-6.small-12.columns{display:table-cell; height:660px}
.blog-inner-left .blog-inner-content .post-content P{font-weight:400;}
.blog-inner-left .blog-inner-content .post-content h3{font-size:18px; font-weight:700; line-height:normal; margin-bottom:5px;}
.blog-inner-left .blog-inner-content h2{font-size:20px;}
.blog-inner-left .blog-inner-content ul{list-style-position:inside;}
.blog-inner-left .blog-inner-content ul li{color:#333333 !important; font-family:"Lato", sans-serif; font-size:18px; font-weight:400; list-style:disc !important; margin-left:20px; padding-left:20px;}
.blog-inner-left .blog-inner-content .post-content ol li{color:#333333 !important; font-family:"Lato", sans-serif; font-size:18px; font-weight:400; list-style:decimal !important; margin-left:25px; padding-left:0px;}
.blog-inner-left .blog-inner-content .post-content blockquote{margin:40px 0}
.blog-inner-left .blog-inner-content .post-content blockquote p{font-size:24px; font-weight:400; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; line-height:48px; color:#000}
.single-post a:hover{color:#ff6749}
ul.related_post li:hover,
ul.related_post li a:hover{background:none !important; color:#000}
/******************/
.searchandfilter{margin:0; padding:0;}
.searchandfilter ul{display:block; margin:0; padding:0; position:relative; top:0; width:100%; Background:#000; border-top:1px solid #3c3c3c;}
.blog-filter{padding:80px 0 0;}
.blog-filter .searchandfilter ul li{padding-right:0;}
.blog-filter .searchandfilter ul li.Fbox h6{cursor:pointer;}
.blog-filter .searchandfilter ul li h6:before{content:""; background:url('../../images/down-arrow-icon.png'); width:12px; height:6px; display:block; position:absolute; right:10px; top:50%; margin-top:-3px;}
.blog-filter .searchandfilter ul li.qukactive h6::before{content:""; background:url('../../images/up-arrow-icon.png'); width:12px; height:6px; display:block; position:absolute; right:10px; top:50%; margin-top:-3px;}
.blog-filter .searchandfilter ul li:hover h6::before{content:""; background:url('../../images/down-hov-arrow-icon.png'); width:12px; height:6px; display:block; position:absolute; right:10px; top:50%; margin-top:-3px;}
.blog-filter .searchandfilter ul li.qukactive:hover h6::before{content:""; background:url('../../images/up-arrow-icon.png'); width:12px; height:6px; display:block; position:absolute; right:10px; top:50%; margin-top:-3px;}
.blog-filter .searchandfilter ul li h6{color:#fff; padding:15px 35px 15px 15px; position:relative; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; font-size:16px; font-weight:normal; margin:0px; line-height:normal; text-align:center;}
.blog-filter .searchandfilter ul li.qukactive h6,
.blog-filter .searchandfilter ul li:hover h6{background:#666; color:#fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
.blog-filter .searchandfilter ul ul{background:#fff !important; width:100%; display:block; padding:20px 20px 15px 30px; box-shadow:0 1px 2px #000; z-index:1;}
.blog-filter .searchandfilter ul ul li{border-right:none; padding-right:0; padding-bottom:0px; margin-right:5px}
.blog-filter .searchandfilter ul ul li > label{padding:10px !important; background:rgba(102,102,102,0.3); margin-right:0px; color:#000; border-radius:3px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; font-size:14px; margin-bottom:0;}
.blog-filter .searchandfilter ul ul li:hover > label,
.blog-filter .searchandfilter ul ul li.current-cat > label{background:rgba(102,102,102,1); color:#fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
.blog-filter .searchandfilter ul li.qukactive:hover h6::before ul li:hover > label{
content:"";
background:url('../../images/up-arrow-icon.png');
width:12px;
height:6px;
display:block;
position:absolute;
right:10px;
top:50%;
margin-top:-3px;
}
.blog-filter .searchandfilter ul ul li:nth-child(3){border:none;}
.blog-filter .searchandfilter li label{cursor:pointer;}
.fcontent.quickcontact{display:none; left:0; position:absolute; width:100%; border-bottom:1px solid #ccc;}
.blog-filter .searchandfilter ul ul li label > label{display:none !important;}
/**********/
.social-links a:last-child{transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -webkit-transition:none !important;}
/*.social-links a:last-child::before,
.social-links a:last-child::after{display:none;}*/
.google-pl{background:url(../../images/google-plus-footer.png); background-position:0 0; width:21px !important; height:21px !important; display:block !important; position:relative !important; left:18px; top:5px;}
.google-pl:hover{background-position:0 -23px;}

.pdate{display:block; font-size:20px;}
.newcust_hight{height:375px}

 @media (min-width:1500px){
.footer-inner .footer_you_get_details{padding:25px 25px 25px 80px !important;}
}
@media (min-width:1440px){
.portfolio-mac img{max-width:1188px;}
}
@media (max-width:641px){
.single-portfolio #wrapper [role="main"]{padding-top:0;}
}
@media (max-width:640px){
.page-container .columns.web_service-icon-inne{padding:0 !important}
.digital-strategy-row ul li a i{max-width:100%; width:100%}
.post-meta_blog{line-height:normal;}
.pdate{display:block; font-size:18px;}

.post-meta_blog,
.post-meta_blog b,
.post-meta_blog a{ font-size:18px;}
}
#product_share a{margin:0 !important}

@media all and (max-width:1024px){.whatdoblock{padding-left:35px; position:relative} .whatdo-ico{position:absolute; left:0; top:5px} #fp-nav ul li{opacity:0} .split_scroll{display:none} 
.page-container .verticalsplit_box .columns.web_service-icon-inne{padding:0 0px !important;}
}
@media all and (max-width:767px){.whatdo-ico{top:0}}

.footer-form form label.error{text-transform:lowercase !important}
.ecomm-plat-work p img{margin-bottom:0 !important}
.portfolio .user-exp-h3 h3{text-align:center !important}
.learn_more .btn.white.medium {
    border: 1px solid #ffffff;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 34px;
}

.ecom-section {
    float: left;
    width: 100%;
}
.ecom-marketing-sec-1 {
    float: left;
    width: 33%;
}
.ecom-marketing-sec-2 {
    float: left;
    width: 33%;
}
.ecom-marketing-sec-3 {
    float: left;
    width: 33%;
}

.share_container
{
    top: 0 !important;
    margin: 0 !important;
    position: fixed !important;
    z-index: 9999;}
.site_bars_off .share_container{margin:0 !important}

.single.single-portfolio .post-content.single-text .vc_row {
 margin-left: 0px; 
 margin-right: 0px;
}
.owl-item img {
    max-width: 100% !important;
    width: 100%;
}
.content404 { background:#000; padding-top:100px !important; color: #FFF;}
.content404 * { color: #FFF !important;}
.content404 figure {background: #FF6749;}

@media all and (max-width:1024px){.ecom-marketing-sec-1, .ecom-marketing-sec-2, .ecom-marketing-sec-3 {
    float: left;
    width: 100%;
}
}

.pdf-sectopn-main {
   float: left;
    margin-bottom: 30px !important;
    width: 100%;
	background:#000;
	position:relative;
}
.pdf-img-main {
  float: left;
    margin: 0 15px 0 0;
    width: 50%;
}
.pdf-text {
    min-height: 308px;
    padding: 0 15px 20px;
	
}
.pdf-text > h2 {
  color: #ccc !important;
  font-size: 21px !important;
  line-height: 28px;
  font-weight: 400;
  padding: 15px 0 0;
}
.pdf-text > h4 {
  color: #888;
  font-size: 13px !important;
  line-height:21px !important;
  padding: 10px 0 0;
  text-transform: none !important;
}
.pdf-text > a {
     bottom: 20px;
    color: #ff6749;
    position: absolute;
}
.pdf-text > a:hover {
    opacity:0.8;
}
.pdf-text > a i {
    font-size: 20px;
    margin: 0 0 0 5px;
    position: relative;
    top: 2px;
}
.thank-you-contact-enquiry{margin:50px auto 0 auto;width:100%;max-width:1200px;padding-bottom:50px}
.thank-you-contact-enquiry-bg {background: #ffffff none repeat scroll 0 0;}
.thank-you-contact-enquiry-bg .columns {padding: 0 15px !important;}

.thank-you-contact-enquiry a.thank-page-back-home{background: #ff6749;color:#fff;font-size:20px;text-align:center;padding:15px 20px;max-width:200px;margin:20px auto;float:none;display:block;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;}
.thank-you-contact-enquiry a.thank-page-back-home:hover{background:#000;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;}

@media (max-width:979px){
 #logo a{height: 93px;}   
}
@media (max-width:991px){
 .pdf-text > h2{font-size:17px !important}
}
@media (max-width:767px){
#logo a {
    height: 74px;
}
.thank-you-contact-enquiry-bg .columns.small-6 {width:100%;}
.pdf-img-main > img {width: 100%;}
.pdf-text > h4{margin-bottom:35px !important}
}
@media (max-width:639px){
.pdf-img-main {
    float: none;
    margin: 0;
    width: 100%;
}
.pdf-text {
    min-height: inherit;
    padding: 0 15px 15px;
}
.thank-you-contact-enquiry-bg .columns.small-6 {
    float: none;
    margin: 0 auto !important;
    max-width: 480px;
    width: 100%;
}
.pdf-text > a {
    float: left;
}
}

.op-thank-you{position:relative;}
.op-thank-you:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(22, 22, 26, 0.5);}
.footer-form .submit-outer{position: relative;} 
.acceptme span.wpcf7-not-valid-tip {font-size: 12px;
    left: 3px;
    position: absolute;
    top: 22px;
    width: 231px;} 
.footer-form img.ajax-loader {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 25px;
    margin: 0 -80px 0 0 !important;
    padding: 1px;
    position: absolute;
    right: 50%;
    top: 11px;
}
.whatdoicon-section > .whatdoblock {position: relative; padding-left: 50px; float: none; width: auto;}
.whatdoicon-section > .whatdoblock > .whatdo-ico {position: absolute; left: 0; top: 0; margin: 0; }
.whatdoicon-section > .whatdoblock > span { display: block; }
.whatyouget > .whatdoblock { padding-left: 0 !important; }


/*=POPUP CSS==============================*/
.popup_box_main_overlay { background: rgba(122,128,134,0.2); border-radius: 100% 100% 0; bottom: -77px; height: 2500px; position: fixed; right: -77px; transform: scale(0.07); transform-origin: 100% 100% 0; -webkit-transform: scale(0.07); -webkit-transform-origin: 100% 100% 0; transition: all 0.5s ease-out 0s; width: 2500px; z-index: 1001; }
.popup_box_main_overlay.active { transform: scale(1); -webkit-transform: scale(1); background: #101010; }
.popup_box_main.active {
    visibility: visible;
}
.popup_box_main .selector {
    position: relative;
    cursor: pointer;
    width: 100%!important;
    margin-bottom: 10px;
}
.popup_box_main { overflow-x: hidden; overflow-y: scroll; background: #101010; padding: 0 15px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; position: fixed; visibility: hidden; left: 0; width: 100%; height: 100%; z-index: 1001; top: 0; }
.popup_box_main::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.popup_box_main::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.popup_box_main.active { visibility: visible; }
.popup_main_content_box { padding: 45px 0 30px 0; }
.popup_box_main .container { position: relative;
    max-width: 1170px;
    padding: 0;
    margin: 0 auto;
}
.popup_box_main .textarea_main textarea {
    font-size: 16px;
    font-family: graphik-regular;
    height: 230px;
    padding: 15px 10px 10px !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff !important;
    border-radius: 0 !important;
    margin: 0 !important
}
.close_quote { width: 21px; height: 21px; background-image: url(../../images/sprit_home.png); background-position: -177px -116px; background-repeat: no-repeat; text-indent: -999em; display: block; position: absolute; right: 0; top: 40px; z-index: 999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.close_quote:hover { background-position: -177px -145px; }
.left_part { width: 320px; float: left; }
.right_part { width: 100%; margin-left: -320px; padding-left: 400px; float: right; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
span.logo_img { display: inline-block; margin-bottom: 48px; }
.aus_map_img { margin-bottom: 10px; background: url(../../images/sprit_home.png) no-repeat 0 -1175px; width: 247px; height: 225px; margin: 0 auto; }
.address_info_box .info_box { margin-bottom: 30px; }
.address_info_box .info_box h4 { color: #707070; font-size: 20px; font-family: 'Graphik-Medium'; margin-bottom: 25px;    font-weight: 700; }
.address_info_box .info_box .social_icon { display: block; margin: 0; }
p.a1 { font-size: 16px; line-height: 24px; color: #fff; margin: 0; font-family: 'Graphik-Regular'; }
a.tel_num { font-size: 24px; color: #fff; line-height: normal; margin-bottom: 12px; display: inline-block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
a.tel_num:hover { color: #ee4c4c; }
p.telnum2 a { color: #fff; font-size: 16px; font-family: 'Graphik-Regular'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
p.telnum2 a:hover { color: #ee4c4c; }
p.telnum2 span { display: inline-block; color: #707070; margin-left: 7px; font-family: 'Graphik-Bold'; font-size: 14px; }
a.mail2 { font-size: 16px; color: #fff; font-family: 'Graphik-Regular'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
a.mail2:hover { color: #ee4c4c; }
.right_part h2 { font-size: 50px; color: #fff; font-family: 'Graphik-Medium'; line-height: normal; margin-bottom: 10px;    font-weight: 700; }
p.co_line { font-size: 18px; color: #fff; line-height: 30px; font-family: 'Graphik-Regular'; margin-bottom: 30px; }
.popup_form_box .row_field, .popup_form_box .textarea_box { margin: 0 -15px; }
.popup_form_box .quote_field, .popup_form_box .textarea_main, .popup_form_box .checkbox_main { width: 50%; float: left; padding: 0 15px; }
.textarea_box { margin-bottom: 50px !important; }
.popup_form_box .quote_field { margin-bottom: 25px; }
.popup_form_box .quote_field input[type="email"], .popup_form_box .quote_field input[type="text"], .popup_form_box .quote_field input[type="tel"], .popup_form_box .quote_field input[type="url"] {
    border: 0;
    background: #fff !important;
    height: 40px !important;
    color: #606060 !important;
    font-family: 'Graphik-Regular';
    width: 100%;
    padding: 3px 10px !important;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 !important;
    border-radius: 0 !important;
}
.popup_form_box .dropdown_box .selector span { border: 0; background: #fff; height: 40px; color: #606060; font-family: 'Graphik-Regular'; width: 100%; padding: 9px 10px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
.popup_form_box .dropdown_box .selector select { height: 40px; -webkit-appearance: none; }
.popup_form_box .dropdown_box .selector option { padding: 5px; }
.popup_form_box .dropdown_box .selector span:before { display: none; }
.popup_form_box .wpcf7-form-control-wrap { position: relative; display: block;    text-transform: inherit !important; }
.popup_form_box label.error { position: absolute; left: 0; top: 100%; }
.popup_form_box .textarea_box { margin-bottom: 30px!important; }
.popup_form_box .dropdown_box .selector span:after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 13px solid #101010; right: 20px; display: block; }
.popup_form_box .quote_field label {font-family: 'Graphik-Regular'; line-height: 20px; font-size: 16px; color: #fff; margin-bottom: 5px; display: block;text-transform: inherit !important}
.popup_form_box .textarea_main > label, .popup_form_box .checkbox_main > label { font-size: 20px; font-family: 'Graphik-Regular'; color: #fff; margin-bottom: 10px; display: block;    text-transform: inherit !important; }
.popup_form_box .quote_field label em { font-style: normal; font-size: 15px; color: #ec5454; font-family: 'Graphik-Regular'; margin-left: 4px; }
.popup_form_box .services_checkbox { height: 30px; }
.popup_form_box .services_checkbox input[type=checkbox] { /* display: none; */position: absolute; width: 30px; height: 30px; border: 0; top: -6px; left: 1px; opacity: 0; }
.popup_form_box .services_checkbox input[type=checkbox]+label {
    cursor: pointer;
    font-family: graphik-regular;
    color: #fff;
    font-size: 15px;
    line-height: normal;
    display: inline-block;
}
.popup_form_box .services_checkbox input[type=checkbox] {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 0;
    top: -6px;
    left: 1px;
    opacity: 0;
}
.popup_form_box .services_checkbox input[type=checkbox]:checked+label span {
    background-position: -170px -290px;
}
.quote_submit_info .send_btn {
    margin-left: 0!important;
    float: right;
}
@media all and (max-width:1025px) {
.no-touch body {
    position: fixed !important;
}
}
.address_info_box .info_box:last-child {
    margin-bottom: 0;
}
button.send_btn {
    border: 0;
    outline: none;
    margin: 0 0 0 224px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    text-transform: uppercase;
    position: relative;
    background: #ee4c4c;
    padding: 23px 10px;
    font-size: 20px;
    font-family: graphik-medium;
    color: #fff;
    cursor: pointer;
    border: 0;
    max-width: 420px;
    width: 100%;
}
button.send_btn span {
    position: relative;
    z-index: 9;
    top: 2px;
    padding-right: 46px;
}
button.send_btn span:before {
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 26px;
    height: 20px;
    background: url(../../images/sprit_home.png) -129px 0 no-repeat;
    z-index: 99;
}
.social_icon { padding: 0; margin: 0 auto; list-style: none; display: table; width: auto; }
.social_icon li { float: left; margin: 0 24px 0 0; }
.social_icon li:last-child { margin: 0; }
.social_icon li a { height: 26px; display: block; text-indent: -999em; background-image: url(../../images/sprit_home.png); background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.social_icon li a.facebook { width: 13px; background-position: 0 -1085px; }
.social_icon li a.facebook:hover { background-position: 0 -1112px; }
.social_icon li a.twitter { width: 30px; background-position: -37px -1085px; }
.social_icon li a.twitter:hover { background-position: -37px -1112px; }
/*.social_icon li a.googleplus { width: 35px; background-position: -85px -1085px; }
.social_icon li a.googleplus:hover { background-position: -85px -1112px; }*/
.social_icon li a.linkedin {width: 26px; background-position: -85px -1084px; }
.social_icon li a.linkedin:hover { background-position: -85px -1112px; }
.widget .social_icon li {
    float: left;
    margin: 0 24px 0 0 !important;
    padding: 0;
}
.popup_form_box .services_checkbox input[type="checkbox"] + label {
    cursor: pointer;
    font-family: 'Graphik-Regular';
    color: #fff;
    font-size: 15px;
    line-height: normal;
    display: inline-block;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    text-transform: inherit;
}
button.send_btn:hover, button.send_btn:focus, button.send_btn:active {
    background: #ae3737;
}
button.send_btn:hover span:before, button.send_btn:focus span:before, button.send_btn:active span:before {
    -webkit-animation-name: send_btn;
    animation-name: send_btn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.popup_form_box .services_checkbox input[type="checkbox"] + label span { display: inline-block; width: 30px; height: 30px; background: url(../../images/sprit_home.png) -139px -290px no-repeat; margin: -3px 20px 0 0; vertical-align: middle; cursor: pointer; }
.popup_form_box .services_checkbox input[type="checkbox"]:checked + label span { background-position: -170px -290px; }
.popup_form_box .services_checkbox input[type=checkbox]:focus +label span:before { opacity: 1; }
.popup_box_main { touch-action: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch;-o-overflow-scrolling: touch; }
.popup_form_box .services_checkbox input[type=checkbox]+label span:before { content: ""; border: 3px solid #626262; position: absolute;    left: 3px;top: -1px;width: 30px;height: 30px; opacity: 0; }
.services_check { padding-top: 3px;clear: both }
.services_check .services_checkbox { margin-bottom: 10px; position: relative }
.services_check .services_checkbox:last-child { margin-bottom: 0; }
.textarea_main textarea { font-size: 16px; font-family: 'Graphik-Regular'; height: 230px; padding: 15px 10px 10px 10px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
.quote_submit_info .send_btn { margin-left: 0 !important; float: right; }
.quote_submit_info .send_btn:before { right: 108px !important; }
.quote_submit_info label em { font-style: normal; font-size: 15px; color: #ec5454; font-family: 'Graphik-Regular'; margin-left: 4px; }
 @media all and (max-width:1099px) {
.popup_main_content_box { padding-top: 40px; }
.right_part { padding-left: 330px; }
.right_part h2 { font-size: 62px; }
a.close_quote { top: 15px; }
canvas { width: inherit !important; height: inherit !important; }
.touch .popup_box_main_overlay { display: none; }
}
 @media all and (max-width:1023px) {
.left_part { float: none; width: 100%; text-align: center; }
.right_part { float: none; width: 100%; margin: 0; padding: 0; margin-bottom: 50px; }
.address_info_box .info_box { width: 50%; margin-bottom: 25px; float: left; }
.info_box .social_icon { display: table !important; margin: 0 auto !important; }
.popup_box_main { padding: 0 15px; }
.popup_main_content_box { padding: 40px 0; }
.right_part h2 { font-size: 52px; }
.quote_submit_info button.send_btn { padding: 23px 0px !important; }
}
 @media all and (max-width:767px) {
.right_part h2 { font-size: 30px; }
p.co_line { margin-bottom: 25px; font-size: 14px; line-height: 24px; }
}
 @media all and (max-width:639px) {
.popup_form_box .quote_field, .popup_form_box .textarea_main, .popup_form_box .checkbox_main { width: 100%; float: none; padding: 0; }
.popup_form_box .row_field, .popup_form_box .textarea_box { margin: 0; }
.textarea_main { margin-bottom: 30px; }
.quote_submit_info .footer_submit_info p { float: none; margin: 0 0 20px 0; }
.quote_submit_info .send_btn { float: none !important; }
.textarea_main textarea { height: 160px; }
}
 @media all and (max-width:567px) {
.address_info_box .info_box { float: none; width: 100%; }
}
 @media all and (max-width:479px) {
.quote_submit_info .send_btn { padding-left: 30px !important; padding-right: 86px !important; width: 250px; }
.quote_submit_info .send_btn::before { right: 50px !important; }
}

@media all and (max-width:1099px) {
.popup_box_main_overlay { right: -100%; bottom: -100%; }
}

@media all and (max-width:767px) {
 .popup_form_box .services_checkbox input[type=checkbox]+label span:before {
    left: 5px;
    top: -3px;
}
}
/*=POPUP CSS END==============================*/