/*
Theme Name: 819 Media
Author: the WordPress team
Author URI: https://wordpress.org/
Description: 819 Media is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. 819 Media will make your WordPress look beautiful everywhere.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

	

/* 01 : Website Global CSS BOF
========================================================== */
body { background:#ffffff; font-family:'Raleway', sans-serif; font-weight:300; font-size:16px; line-height:normal; 
	color:#333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }	
*, html { margin:0px; padding:0px;  }
a { color:#333; } /* Common color hyperlink */
a:hover, a:focus, a:active { color:#1e242b; text-decoration:none; } /* Common hover color hyperlink */
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; opacity:1; }
a:hover img { opacity:.6; } 
ul { list-style:none; margin:0; padding:0; } 
ul li { display:inline-block; line-height:1.5; }
i { font-family:'FontAwesome'; } 
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }

	/* Transition Effect CSS BOF */
	a, i, img, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; 
		-moz-transition: all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; }
	
    /* Browser Selection CSS BOF */
	::selection { background:#000; color:#fff; } ::-moz-selection { background:#000; color:#fff; } 
	::-webkit-selection { background:#000; color:#fff; } ::-o-selection { background:#000; color:#fff; } 
	::-ms-selection { background:#000; color:#fff;  }

/* 02 : Global Classes CSS BOF
==================================================== */	
.display-table { display:table; }
.display-cell { display:table-cell; vertical-align:middle; }
.style-none { background:transparent; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; 
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border:medium none; }
.cover-bg { background-repeat:no-repeat; background-position:0 0; background-size:cover; -moz-background-size:cover; 
	-webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; }	
.pos-relative { position:relative; }
.overflow { overflow:hidden; }
.flexbox { display:flex; }
.flexbox .flex-content { height:100%; }
.dark-grey-color-border { border:solid 1px #1e242b; }
.svg-icon { width:40px; height:30px; }

/* Background & Color Style CSS BOF
=================================================== */
/* li Color Style CSS BOF */
ul.common-listing li.green-color-bullet::before, ul.common-listing li.green-color-bullet::after { color:#65bc35; }
ul.common-listing li.blue-color-bullet::before, ul.common-listing li.blue-color-bullet::after { color:#00aeef; }
ul.common-listing li.yellow-color-bullet::before, ul.common-listing li.yellow-color-bullet::after { color:#ffd600; }
ul.common-listing li.black-color-bullet::before, ul.common-listing li.black-color-bullet::after { color:#1e242b; }
/* Font Color Style CSS BOF */
.dark-grey-color-text { color:#1e242b; }
.grey-color-text { color:#6a6a6a; }
.white-color-text { color:#fff; }
.light-grey-color-text { color:#bebebe;}
.yellow-color-text { color:#ffd600; }
.blue-color-text { color:#21b3f0; }
.green-color-text { color:#65bc35; }

/* Background Color Style CSS BOF */
.dark-grey-color-bg { background:#1e242b; }
.grey-color-bg { background:#f2f2f2; }
.yellow-color-bg { background:#ffd600; }
.blue-color-bg { background:#21b3f0; }
.green-color-bg { background:#65bc35; }

/* 03 : Heading Style CSS BOF
=================================================== */
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:3px; padding-bottom:3px; line-height:1.2; 
	font-family:'Raleway', sans-serif; }
h2, h3, h4, h5, h6 { font-weight:400; }
h1 { font-size:42px; }
h2 { font-size:40px; }
h3 { font-size:30px; }
h4 { font-size:25px; }
h5 { font-size:20px; padding-bottom:0; margin-bottom:0; } 	
h6 { font-size:18px; }

/* Font Family Variation CSS BOF */
.font-raleway { font-family:'Raleway', sans-serif; }
.font-great-vibes { font-family:'Great Vibes', cursive; }
.font-lato { font-family: 'Lato', sans-serif; }

/* Fonts Size Variation CSS BOF */
.font-large { font-size:35px; }
.font-medium { font-size:25px; }
.font-small { font-size:18px; }
.font-xsmall { font-size:16px; }

/* Font Weight Variation CSS BOF */
.font-weight-lt { font-weight:300; }
.font-weight-rg { font-weight:400; }
.font-weight-md { font-weight:500; }
.font-weight-sb { font-weight:600; }
.font-weight-bl { font-weight:700; }
.font-weight-exbl { font-weight:800; }

/* 04 : Paragraph Style CSS BOF
=================================================== */
p { padding-top:5px; padding-bottom:5px; line-height:1.5; }
.line-through{text-decoration: line-through;}

/* 05 : Image Style CSS BOF
=================================================== */
img { margin-bottom:0; }
.img-center { margin-left:auto; margin-right:auto; display:block; text-align:center; } 

/* 06 : Listing Style CSS BOF
=================================================== */
ul.common-listing { margin-top:10px; margin-bottom:15px; }
ul.common-listing li { margin-bottom:2px; }
ul.common-listing li:before { content:""; font-family:'FontAwesome'; padding-right:15px; }

	/* Listing With Variation CSS BOF */
	ul.listing-inline li { display:inline-block; }
	ul.listing-block li { display:block; }
		
/* 08 : Linedivider Style CSS BOF
=================================================== */	
hr { border-top:solid 1px #2d9bef; border-bottom:medium none; margin-top:25px; margin-bottom:25px; }
		
/* 09 : Maring & Padding Style CSS BOF
=================================================== */	
/* Margin Style CSS BOF */
.mrg-left-right { margin-left:20px; margin-right:20px; } 
.mrg-bottom { margin-bottom:20px; }
.mrg-top { margin-top:20px; }
.mrg-top-bottom { margin-top:20px; margin-bottom:20px; }

/* Padding Style CSS BOF */
.pad-left-right { padding-left:20px; padding-right:20px; } 
.pad-top-bottom { padding-top:20px; padding-bottom:20px; }
.pad0 {padding: 0;}
.pad-left0 {padding-left: 0;}
.pad-right0 {padding-right: 0;}

/* 10 : Button Style CSS BOF
=================================================== */	
.btn { background:none; padding:12px 20px; color:#1e242b; font-size:18px; font-weight:700; border:solid 1px #1e242b; 
	transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0px;
	text-transform:uppercase; }	
.btn-white { border:solid 1px #fff; color:#fff; }
.btn-black { border:solid 1px transparent; color:#fff;  background: #1e242b;}
.btn-yellow { border:solid 1px transparent; background: #ffd600;  }

		/* Hover State CSS BOF */
		.btn:hover, .btn:focus, .btn:active, .btn.active { background:#1e242b; color:#fff; outline:none;
			-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;  }
		.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active { background:#fff; color:#1e242b; 
			outline:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;  }
		.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active { background:#ffd600; color:#1e242b; 
			outline:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;  }

/* 11 : Form & Input Style BOF
==================================================== */	
form { margin-top:25px; }
.common-form .form-control { background:#ffffff; border:solid 1px #dfdfdf; height:45px; border-radius:0px; 	
	-moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; 
	font-size:13px; color:#000; -webkit-appearance: none; }
.common-form textarea.form-control { padding-right:5px; resize:vertical; overflow:auto; height:150px; }
	
	/*** Placeholder CSS BOF ***/
	.common-form .form-control::placeholder { color: #bebebe; opacity:1; }
	.common-form .form-control::-moz-placeholder { color: #bebebe; opacity:1; }
	.common-form .form-control:-ms-input-placeholder { color: #bebebe; opacity:1; }
	.common-form .form-control::-webkit-input-placeholder { color: #bebebe; opacity:1; }
	.common-form .form-control::-o-input-placeholder { color: #bebebe; opacity:1; }

/*** Label CSS BOF ***/
.common-form label { font-size:15px; }	
	
/*** Selectbox CSS BOF ***/
.common-form select.form-control option { padding:10px 20px; border-bottom:solid 1px #c0cee0;transition:all .4s ease-in-out 0s;  	-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; }
	
	/* Selectbox Arrow CSS BOF ***/	
	.common-form .select-box { position:relative; }
	.common-form .select-box .selectarrow { position:absolute; right:15px; pointer-events:none; top:13px; }
	.common-form .select-box select.form-control { -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; 
	-o-appearance:none; }
	
	/* Input Reset Buttons Style BOF */
	input[type="reset"] { float:right; margin-right:15px; }
	
		/* Focus State CSS BOF */
		.common-form .form-control:focus { border:solid 1px #ffd600; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } 
		
/* 12 : Go To Top CSS BOF
==================================================== */	
.back-top .scrollup{ position: fixed; bottom:20px; right:10px; z-index:50; background:#f4ce02; width:40px; height:40px; 
	font-size:20px; color:#000; line-height:40px; transition:all .4s  ease-in-out 0s; -moz-transition:all .4s  ease-in-out 0s; -webkit-transition:all .4s  ease-in-out 0s;  -o-transition:all .4s  ease-in-out 0s; 
	display: none;}
.back-top .scrollup:hover { background:#080b0f; color:#fff; }

/*
| ========================================================
| INDEX PAGE CSS BOF
| ========================================================
*/
.page-wrapper { margin:0px auto; }

/* HEADER CSS BOF 
======================================================= */
header { padding-top:40px; padding-bottom:40px; height:100vh; }

.banner-content{position: relative; height:100vh;}
.banner-content .content{ position: absolute; top: 0; bottom: 0;left: 0;right: 0;margin: auto;height: 600px;}



/*** Slideout Navigation  CSS BOF ***/
.slideout-menu { position: fixed; top: 0; left:-260px; width:250px; height:100%; z-index:100; 
	background-color:#1e242b; }
.slideout-menu h3 { position:relative; padding:12px 10px; color:#fff; font-size:2.7em; font-weight:400; }
.slideout-menu .slideout-menu-toggle { position:absolute; top:0; right:10px; display:inline-block;
	line-height:1; color:#fff; text-decoration:none; vertical-align:top; }
.slideout-menu .slideout-menu-toggle:hover { color: #fff; }

	/* Slideout Menu Icon CSS BOF ***/
	.slideout-header { padding:0; background:none; }
	.slideout-header .slideout-menu-toggle svg { font-size:1.3em; color:#fff; text-decoration: none; position:relative; 
		top:0; border:solid 1px #1e242b; text-align:center; display:block; float:left; padding:7px;
		width:67px; height:auto; fill:#1e242b; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
	.slideout-header .brand { display:block; }
	.slideout-header .brand svg { display:inline-block; margin:0 auto; padding:7px 20px; border: 1px solid #1e242b;
		width: 245px;}
	.slideout-header .call-us { float:right; padding:17px 12px; font-size:22px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
	.slideout-header .call-us svg { vertical-align:middle; }
	.slideout-header .slideout-menu-toggle:hover svg, .slideout-header .call-us:hover { background:#1e242b; 
		fill:#fff; color:#fff; } 

	/* Slideout Nav Links CSS BOF ***/
	.slideout-menu ul { list-style: none; font-weight:300; margin-top:35px; }
	.slideout-menu ul li { display:block; }
	.slideout-menu ul li a { position: relative; display: block; padding:10px 15px; text-decoration: none; 
		font-weight:400; border-right:solid 3px transparent; color:#fff; }
	.slideout-menu ul li a:hover { border-right:solid 3px #ffd600; color:#ffd600; }
	.slideout-menu ul li.active a { border-right:solid 3px #ffd600; color:#ffd600; }

	
	/* style menu items which have a submenu  */
.slideout-menu ul li ul.sub-menu {padding: 0 10px 20px 15px;  margin-top: 0px; background-color: #0A1016;}
.slideout-menu .cm-dropdown > a {position: relative;
  /* this is the right arrow to show that the item has a submenu  */
}
.slideout-menu .cm-dropdown > a::after { content: '';  display: block;  height: 11px;  width: 8px;
  position: absolute;  top: 50%;  bottom: auto;  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  right: 1em;  background: url("images/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;  transition-property: transform;
  -webkit-transition-duration: 0.2s;  -moz-transition-duration: 0.2s;  transition-duration: 0.2s;}
.slideout-menu .cm-dropdown > a.submenu-open::after {  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);  transform: translateY(-50%) rotate(90deg);}

	/* Slideout Overlay CSS BOF ***/
	header.slideout-overlay .js-bg-overlay { background: rgba(0, 0, 0, 0.7); height: 100%; left: 0; position: absolute; top:0; width: 100%; z-index: 99; -moz-transition:all 0.5s ease-in-out 0s; 
		-webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s; opacity:1; }

/* navbar fix theme CSS BOF */
.navbar.nav-header.navbar-fixed-top.active{background:rgba(0, 0, 0, 0.8 ); border:none; box-shadow: 0 0 5px rgba(0,0,0,.8);
	padding:20px 0;}
.navbar.nav-header.navbar-fixed-top{ padding:20px 0; transition: 0.8s; -webkit-transition:  0.8s; z-index: 99;}
.navbar.nav-header.navbar-fixed-top.active .slideout-header .brand svg{ border:1px solid #fff; fill:#fff; width: 210px}
.navbar.nav-header.navbar-fixed-top.active .slideout-header .call-us{ border:1px solid #fff;}
.navbar.nav-header.navbar-fixed-top.active .slideout-header .slideout-menu-toggle svg{border: 1px solid #fff; fill:#fff;
	width: 57px; height: auto;}
.navbar.nav-header.navbar-fixed-top.active .slideout-header .call-us{ padding: 13px 12px; font-size: 18px;}
.navbar.nav-header.navbar-fixed-top.active .slideout-header .call-us svg { fill:#fff;}
.navbar.nav-header.navbar-fixed-top.active .slideout-header .call-us span { color:#fff;}

.navbar.nav-header.navbar-fixed-top.active .slideout-header .slideout-menu-toggle:hover svg, .navbar.nav-header.navbar-fixed-top.active .slideout-header .call-us:hover{background:#ffd600; fill:#1e242b;}
.navbar.nav-header.navbar-fixed-top.active .slideout-header .call-us:hover svg{ fill:#1e242b;} 
.navbar.nav-header.navbar-fixed-top.active .slideout-header .call-us:hover span{ color:#1e242b;} 


/*** Banner CSS BOF ***/
header .tag-line { font-size:90px; position:relative; z-index:0; margin: 20px 0 35px; }

.fancy {text-align: center;}
.fancy span {display: inline-block; position: relative;}
.fancy span:before,
.fancy span:after {content: "";  position: absolute;  height: 0;  border-top: 1px solid rgba(51, 51, 51, 0.5);
  top: 0;  width: 100%;  margin: auto 0;  bottom: 0;}
.fancy span:before { right: 100%;  margin-right: 15px;}
.fancy span:after {  left: 100%;  margin-left: 15px;}

header ul.our-offer { margin-bottom:20px; overflow:hidden; }
header ul.our-offer li { line-height:normal; margin-bottom:20px; }
header ul.our-offer li .icon { width:81px; height:81px; background:#1e242b; text-align:center; padding-top:15px;
	float:left; margin-right:15px; }
header ul.our-offer li .content-text { overflow:hidden; }
header ul.our-offer li .content-text span { line-height: 18px; }
header ul.our-offer li .service-title { font-size:45px; }
header .lead-title { line-height:1.3; }  
header .arrow-action { background:#1e242b; border-radius: 25px; width:40px; height:70px;
	display:inline-block; margin-top:30px; font-size:30px; color:#000; padding-top:3px;}
header .arrow-action i{background-color: #ffd600; border-radius: 50%; height: 32px; width: 32px;padding-top: 2px;-webkit-animation: sdb10 2s infinite;  animation: sdb10 2s infinite;}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 28px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 28px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#home-animation {    z-index: 1;
    background: linear-gradient(114deg, #65bc35, #65bc35, #ffd600, #ffd600, #21b3f0, #21b3f0, #65bc35, #ffd600, #ffd600, #21b3f0);
	/*background: #ffd600;*/
    background-size: 2000% 2000%;
    animation: AnimationName 115s ease infinite;}
@keyframes AnimationName {
0%, 100% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
}


/* CONTENT CSS BOF 
======================================================= */
section { padding-top:65px; padding-bottom:65px; }

/*** Expertise Section CSS BOF ***/
.expertise ul.service-list { margin-bottom:60px; }
.expertise ul.service-list li { margin-bottom:15px; }
.expertise ul.service-list li .item { background-position:center 50%; background-repeat:no-repeat; } 
.expertise ul.service-list li, .expertise ul.service-list li .item { height:94%; }
.expertise ul.service-list li .item .item-inner { padding:20px 25px; }
.expertise ul.service-list li .item .item-action { text-align:center; padding:10px; }
.expertise ul.service-list li .item .icon { margin-bottom:15px; }
.expertise ul.service-list li .service-desc { border-left:solid 3px rgba(0, 0, 0, .2); padding-left:10px; }
.expertise ul.service-list li .item-action { margin:0; padding:15px 10px; color:#fff;
	display:block; text-transform:uppercase; text-align:center; }
.expertise ul.service-list li .item.brand { background-color:#1d242c; /*background-image:url(../images/icon-brand.png);*/ } 
.expertise ul.service-list li .item.rwd { background-color:#65bc35; /*background-image:url(../images/icon-rwd.png);*/ } 
.expertise ul.service-list li .item.demand { background-color:#21b3f0; 
	/*background-image:url(../images/icon-cr-arrow.png);*/ } 
.expertise ul.service-list li .item-action.brand-action { background:#13181e; } 
.expertise ul.service-list li .item-action.rwd-action { background:#4ba619; } 
.expertise ul.service-list li .item-action.demand-action { background:#1a9cd3; } 
.expertise ul.service-list li .item-action.brand-action:hover { background:#0b0f15; } 
.expertise ul.service-list li .item-action.rwd-action:hover { background:#3f9112; } 
.expertise ul.service-list li .item-action.demand-action:hover { background:#118dc1; } 

/*** Expertise Section CSS BOF ***/
.industry .industry-serve .main-item { background:#181c21; padding:30px 0; text-align:center;
	-webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s; -ms-transition:all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; border:solid 1px #181c21;
	width: 170px; margin: 0 15px;}
.industry .industry-serve .main-item svg { height:45px; margin:0 auto 10px; fill:#fff;}
.industry .industry-serve .main-item h5 { font-size:16px; }
.industry .industry-serve .main-item:hover { border:solid 1px #ffd600;}


/*** Portfolio Section CSS BOF ***/
.portfolio ul.our-work li .work-thumbnail { -moz-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, .3); display:block;
	-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, .3); box-shadow:0px 2px 10px 0px rgba(0, 0, 0, .3); position:relative; margin-bottom:20px; }
.portfolio ul.our-work li .work-thumbnail img { width:100%; }
.portfolio ul.our-work li .item-content { position:absolute; left:0; top:0; width:100%; height:100%;
	background-color:rgba(30, 36, 43, .8); -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; 
	border-radius:8px 8px 0 0; text-align:center; padding:30% 0 }
.portfolio ul.our-work li .caption { border:solid 2px #fff; color:#fff; text-transform:uppercase; padding:7px 15px;
	font-size:20px; font-weight:700; }
.portfolio ul.our-work li .work-thumbnail, .portfolio ul.our-work li .item-content { 
	-webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s; -ms-transition:all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s;  }
.portfolio ul.our-work li .work-thumbnail:hover .item-content { visibility:hidden; opacity:0 }
.portfolio ul.our-work li a:hover img { opacity:1; }

/*** Statistic Section CSS BOF ***/
.statistic ul.stat-counter li input.knob { font-family: "Lato",sans-serif !important; font-size: 40px !important;
	font-weight: 700 !important; left: 0 !important; margin: 50px auto !important; right: 0 !important; }

/*** Testimonial CSS BOF ***/
.testimonial { /*background-image: url(../images/chat-wmark.png);*/ background-repeat:no-repeat; 
	background-position:right center; padding-bottom:120px; }
.testimonial .carousel { margin-top:10px; margin-bottom:15px; }
.testimonial .carousel p { padding:20px 0; font-size:17px; line-height:1.7; position:relative; }
.testimonial .carousel .client-name { font-weight:500; text-transform:uppercase; font-size:22px; }
.testimonial .carousel .client-desingation { font-weight:600; text-transform:uppercase; }
.testimonial .carousel p:before, .testimonial .carousel p:after  { font-size:18px; color:#fff;
	font-family:'FontAwesome'; position:absolute; }
.testimonial .carousel p:before { left:-50px; top:0; content:""; }
.testimonial .carousel p:after { right:-50px; bottom:0; content:"" }

	/*** Carousel Control CSS BOF ***/
	.testimonial .carousel-indicators { bottom:-75px; }
	.testimonial .carousel-indicators li { width:18px; height:18px; border:none; background:#fff;
		margin:5px 0; }
	.testimonial .carousel-indicators .active { background:#ffd600; }

/*Insights & Resources*/
.insights-resources{padding:60px 0px;}
.insights-resources .branding-icons{border:1px solid #1e242b; float:left; margin-right:30px;}
.insights-resources .resources-contant{margin-top:3px;}
.insights-resources .resources-contant h6{margin:0px; padding:4px 0px;}
.insights-resources .resources-contant p{margin:0px; padding:0px;}
.insights-resources ul li{border-bottom:1px solid #e6e6e6; width:100%; padding:24px 0;}
.insights-resources ul li:last-child{border-bottom:none;}
.insights-resources .btn{margin-top:15px;}

/*Schedule Your Consultation CSS*/
.schedule-consultation{padding:60px 0px; color:#fff;}
.schedule-consultation p{padding:18px 0 30px 0px; line-height:26px;}

/* FOOTER CSS BOF 
======================================================= */
footer{padding:60px 0px 20px 0px;}
footer .icons-bg{padding:5px; width:20%; float:left; margin-right:30px; text-align:center;}
footer .icons-bg i{padding:31px 0px; display:block; font-size:24px;}
footer h6{padding:5px 0 0 0; margin:0px;}
footer .latest-tweet ul li{margin-top:15px; border-bottom:1px solid #c2c2c2;}
footer .latest-tweet ul li i{font-size:24px; color:#737373;}
footer .latest-tweet ul li p{float:right; width:90%;}
footer .latest-tweet ul li a{display:block; padding-top:15px;}
footer .latest-tweet ul li:last-child{border-bottom:none medium;}
footer .newsletter p{padding:18px 0 5px 0px;}
footer .newsletter .form-group{margin-bottom:5px;}
footer .newsletter .form-control{background:#efefef; font-size:18px; height:50px; border-radius:4px; border:#efefef 1px solid;}
footer .newsletter .form-control:focus{border:1px solid #ffd600; box-shadow:none;}
footer .newsletter .btn-subscribe{width:100%; background:#ffd600; border-radius:4px; border:#ffd600 1px solid;}
footer .newsletter .btn-subscribe:hover, .btn-subscribe:focus, .btn-subscribe:active, .btn-subscribe.active{background:#22252a; color:#fff; border:#22252a 1px solid;}
footer .quick-links{padding:30px 0px; margin-top:0px;}
footer .quick-links ul.footer-links{padding-top:13px;}
footer .quick-links ul.footer-links li{padding:0 15px; display:inline-block;}
footer .quick-links ul.footer-links li:first-child{padding-left:0px;}
footer .quick-links ul.footer-links li:last-child{padding-right:0px;}
footer .quick-links ul.social-links li{margin-right:25px;}
footer .quick-links ul.social-links li a{display:inline-block; font-size:28px; color:#1e242b; width:50px; text-align:center; padding:2px 5px;}
footer .quick-links ul.social-links li a:hover{color:#fff;}
footer .quick-links ul.social-links li:last-child{margin-right:0px;}
footer .copyright{padding-top:20px; font-size:15px;}

/* Contact Button CSS BOF */
.contact-us-btn{position:fixed; top:30%; right:-38px; z-index:500; transform: rotate(-90deg); background:#ffd600; border:#ffd600 1px solid; border-radius:8px 8px 0 0; display: none;}
.contact-us-btn:hover, .contact-us-btn:focus, .contact-us-btn:active, .contact-us-btn.active{background:#22252a; color:#fff; border:#22252a 1px solid;}


/*Contact Us Page CSS*/
.contact-us-head{min-height:auto;}
section.contact-us{padding-top:120px; padding-bottom:40px;}
.contact-us h5{padding:5px 0 15px 0px;}
ul.design-logos li{display:block; padding:15px 0px;}
ul.design-logos li:first-child{padding-top:0px;}
ul.contacts-details li{display:block; margin:20px 0px;}
ul.contacts-details li .icons{width:70px; height:70px; border:1px solid #000; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; 
	text-align:center; float:left; margin-right:30px;}
ul.contacts-details li h6{margin-bottom:0px; padding-bottom:0px;}
ul.contacts-details li p{margin-bottom:0px; padding-bottom:2px;}
.contact-us-address{padding-top:30px; padding-bottom:0px;}
.contact-us-form{background:#1e242b; position:relative; padding:30px 30px 15px 30px; margin-top:-190px;}
.contact-us-form form{margin-top:0px;}
.contact-us-form .common-form .form-control{background:none; border-left:none; border-right:none; border-top:none; border-bottom:1px solid #bebebe; color:#ffd600;
	  padding:6px 4px; font-size:14px; font-weight:500;}
.contact-us-form .common-form .form-control:focus{border-bottom:1px solid #ffd600; box-shadow: none;}
.contact-us-form .common-form .form-group .checkbox{ margin-top:30px;}
.contact-us-form .checkbox label, .radio label{padding-left:0px;}
/*** custom checkboxes ***/
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {font-family: FontAwesome; display: inline-block;}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

.contact-us-form .common-form .form-group .btn-white2 {background:#fff; color:#1e242b; padding:8px 40px;}
.contact-us-form .common-form .btn-white2:hover, .btn-white2:focus, .btn-white2:active, .btn-white2.active{background:#ffd600; color:#000;}
.google-maps{padding-bottom:0px; padding-top:60px;}



/*
| ========================================================
| Digital Marketing Services PAGE CSS BOF
| ========================================================
*/
.digital-marketing-services header{min-height: auto;}
.digital-marketing-services .banner{padding: 140px 0 70px;}

.digital-marketing-services .solutions .left-paragraph{ border-left: 3px solid #65bc35;}
.digital-marketing-services .solutions .left-paragraph h5 { margin-left: 20px; font-weight: 600; line-height: 32px;}
.digital-marketing-services .solutions .contact-us-form{ margin-top: 0; }
.digital-marketing-services .solutions .common-form textarea.form-control{height: auto;}
.digital-marketing-services .solutions .contact-us-form .common-form .form-control{font-style: italic;}

.digital-marketing-services .project-showcase .facts { text-align: center;}
.digital-marketing-services .project-showcase .facts span{ font-size: 65px; color: #21b3f0;}
.digital-marketing-services .project-showcase .facts h6{ text-transform: uppercase; font-weight: bold; color: #6a6a6a;}
.digital-marketing-services .project-showcase img{ margin-top: 25px;}

.digital-marketing-services .marketing-services ul.common-listing{ margin-bottom: 30px;}
.digital-marketing-services .marketing-services a{text-decoration: underline; color:#1e242b; text-transform: uppercase; font-weight: 700; }

.digital-marketing-services 	.call-to-action h3{ margin-bottom: 25px;}
.call-to-action .common-form .form-control{background-color: #181b20; border: medium none;color: #fff;height: 50px; 
		font-size: 15px;}
.call-to-action .common-form .form-group .btn{ background-color: #ffd600; width: 100%; height: 50px;font-size: 16px;}
.call-to-action .common-form .form-group .btn:hover{ background-color: #00aeef; width: 100%; color: #fff;}
.call-to-action .call-us {margin-top: 25px;}
.call-to-action .call-us a:hover{ color: #65bc35;}


/*
| ========================================================
| About Us PAGE CSS BOF
| ========================================================
*/
.about-us.banner{padding-top:30px;}
.about-us header{min-height: auto; height: auto;}
.breadcrumb{background:none; padding:0px; margin:0px;}
.breadcrumb > li{font-size:18px; font-weight:400;}
.breadcrumb .breadcrumb-item > a{color:#1e242b;}
.breadcrumb .breadcrumb-item > a:hover{color:#1e242b; text-decoration:underline;}
.breadcrumb > .active{color:#1e242b;}
.breadcrumb > li + li::before{color:#1e242b;}
.ally-digital .phone-img{padding-top:40px;}
.about-service{margin-top:80px;}

.design-services{background:#fcf9ec; text-align:center; position:relative; padding-top:80px; height:100%;}
.design-services .icons{width:100px; height:100px; background:#ffd600; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; text-align:center;
	position:absolute; top:-40px; left:0; right:0; margin:0 auto; -moz-box-shadow: 0px 0px 0px 10px #fff5be; -webkit-box-shadow: 0px 0px 0px 10px #fff5be;  
	box-shadow: 0px 0px 0px 10px #fff5be;}
.design-services .read-more{background:#ffd600; padding:10px 5px; color:#1e242b; display:block; font-size:15px; position:absolute; bottom:0px; width:100%;}
.design-services .read-more:hover{background:#22252a; color:#fff;}
.design-services p{padding:10px 20px 50px 20px;}

.brand-strategy{background:#f6fef1;}
.digital-marketing{background:#edf9fe;}
.brand-strategy .read-more{background:#65bc35;}
.digital-marketing .read-more{background:#21b3f0;}
.digital-marketing .icons{background: #21b3f0;box-shadow: 0 0 0 10px rgba(33, 179, 240, 0.2);}

.brand-strategy .icons{background:#65bc35; -moz-box-shadow: 0px 0px 0px 10px #e0f2d7; -webkit-box-shadow: 0px 0px 0px 10px #e0f2d7;  
	box-shadow: 0px 0px 0px 10px #e0f2d7;}
section.new-partner{padding-top:40px;}
.professionals-partner{position:relative;}
.professionals-partner-main{border:1px solid #65bc35; padding:20px 20px 10px 70px; margin-left:40px; margin-top:20px;}
.professionals-partner-main p{padding:0px;}
.professionals-partner .icons{position:absolute; left:0px; top:40px; background:#f2f2f2; border:1px solid #65bc35; height:80px; width:80px;}

section.call-to-action{padding:40px 0px 30px 0;}
section.call-to-action p{padding:0px;}
.sharing-saving{background:#1a9cd3 url(../images/sharing-bg.png) no-repeat top right;}
.sharing-saving h2{font-size:54px; padding-top:70px;}

/*
| ========================================================
| Web Design PAGE CSS BOF
| ========================================================
*/
.inner-page header{min-height: auto; height: auto;}
.inner-page .banner{padding: 140px 0 70px;}
.inner-page .banner h5{margin-top: 10px;}
.inner-page .banner .btn{margin-top: 30px;}
.inner-page .banner .breadcrumb{margin-top: 30px;}
.web-design .intro-section p{margin-top: 15px;}
.web-design .intro-section img{margin-top: 25px;}
.web-design .price-section .package .package-price h4 {
    font-size: 30px;
    margin-top: 30px;
}

.web-design .price-section .package{border: 1px solid #e2e2e2; position: relative; margin: 25px 0;}
.web-design .price-section .package .package-name{ padding: 25px;}
.web-design .price-section .package .package-name h3{ color: #fff; font-size: 36px; text-transform: capitalize;}
.web-design .price-section .package .package-name h5{ color: #fff;}
.web-design .price-section .package ul.common-listing { margin-bottom: 45px; margin-top: 20px;}
.web-design .price-section .package ul.common-listing li{ display: block; line-height: 36px; color: #6a6a6a;}
.web-design .price-section .package ul.common-listing li::before{  content: "";}

.web-design .price-section .package .package-content p{  margin-top: 20px; color: #6a6a6a;}
.web-design .price-section .package .package-price{ border-left: 1px solid #e2e2e2; padding: 25px;}
.web-design .price-section .package .package-price h4 span{ font-size: 18px;}
.web-design .price-section .package .package-price h6{ color: #21b3f0; margin-top:15px;}
.web-design .price-section .package .package-price p{ color: #6a6a6a;font-size: 14px;}
.web-design .price-section .package .package-price .btn{   padding: 12px 50px;}
.off-bg{ background: rgba(0, 0, 0, 0) url("../images/off-bg.png") no-repeat scroll 0 0; color: #000000; font-size: 13px;
    font-weight: 500; height: 90px; padding: 4px 8px 0 40px; position: absolute;right: -10px;text-align: center;top: -10px;
	width: 90px;}

.web-design .design-process .process{ text-align: center; padding: 40px 10px; transition:all .4s ease-in-out 0s;}
.web-design .design-process .process:hover{ box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.07);}
.web-design .design-process .process hr{margin: 25px auto; width: 70px;  border-top: 3px solid #8f90a0;}
.web-design .design-process .process h4{ color: #333333; font-weight: 500;}
.web-design .design-process .process p{ font-size: 14px; color: #202242; font-weight: 400; line-height: 24px;}
.web-design .design-process .process .icon{display: inline-block; padding: 30px;}
.web-design .design-process .process .icon svg{ width: 65px; height: 65px; fill:#fff; }

.call-to-action .content { text-align: center; background-color: #181b20; position: relative; padding: 45px 0 15px; 	margin: 60px 0 30px;}
.call-to-action .content .icon{ padding: 15px 0;display: inline-block; position: absolute; width: 65px; height: 65px;
	left: 0; right: 0; margin: 0 auto; top: -34px;}
.call-to-action .content .icon svg{ width: 33px; height: auto; fill:#fff;}
.call-to-action .content h6, .call-to-action .content h6 a{ color: #fff; font-size: 15px;}
.call-to-action .content h6 a:hover, .call-to-action .content h6:hover{ color: #fff; font-size: 15px;}

/*
| ========================================================
| Blog Listing PAGE CSS BOF
| ========================================================
*/
.blog-listing header{background-color: #f7961d;}
.blog-listing header .banner h6{ color: #fff; text-transform: uppercase; margin-bottom: 15px;}
.blog-listing header .banner h1{ font-weight: 600; color: #fff;}
.blog-listing header .banner img{  margin-top: 15px;}

.blog-listing .listing .category .category-tabs{ background-color: #1e242b;}
.blog-listing .listing .category .category-tabs .nav-tabs{ margin-top: 8px; text-align: center; border: medium none; }
.blog-listing .listing .category .category-tabs .nav-tabs li{ float: none; display: inline-block; }
.blog-listing .listing .category .category-tabs .nav-tabs li a{ font-size: 20px;  font-weight: 400; text-transform: capitalize;
	color: #fff; border-radius: 0; padding: 20px; border: medium none;}

.blog-listing .listing .category .category-tabs .nav-tabs li.active a{ color: #1e242b; border: medium none;}

.blog-listing .listing .category .category-tabs .nav-tabs > li > a:focus, .blog-listing .listing .category .category-tabs .nav-tabs > li > a:hover{ color: #1e242b; background-color: #fff; border: medium none;}

.blog-listing .listing .category .tab-content {padding: 30px 0;}
.blog-listing .listing .category .tab-content .flexbox {margin-top: 30px;}

.blog-listing .listing .category .tab-content .list{ background-color: #f6f5f5; transition:all .4s ease-in-out 0s; cursor: pointer;} 
.blog-listing .listing .category .tab-content .list:hover{ box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.20);} 

.blog-listing .listing .category .tab-content .list .post-details { padding: 10px;}
.blog-listing .listing .category .tab-content .list .post-details h6{font-size: 15px;}
.blog-listing .listing .category .tab-content .list .post-details p{margin: 0; position: relative;}
.blog-listing .listing .category .tab-content .list .post-details p span{ background-color: #f6f5f5;  padding: 0 20px; 
	 z-index: 1; position: relative;}
.blog-listing .listing .category .tab-content .list .post-details p::before { border-top: 1px solid #d4d4d4; content: ""; display: block; position: absolute; top: 0; z-index:0; left:0; right:0; margin: auto; height: 0; bottom: 0;width: calc(12em); }

.blog-listing .listing .category .tab-content .resource{ background: url(../images/resource-img.jpg); padding: 25px;
	-webkit-background-size: cover;	background-size: cover; background-position: center; text-align: center;}
.blog-listing .listing .category .tab-content .resource h6{ color: #fff; font-size: 14px; text-transform: uppercase;}
.blog-listing .listing .category .tab-content .resource h4{ color: #fff; font-size: 20px; font-weight: 700;}

.blog-listing .listing .category .tab-content .btn{ margin-top: 40px;}

/*
| ========================================================
| Blog details PAGE CSS BOF
| ========================================================
*/
.blog-details h1{font-size: 24px;}
.blog-details h2{font-size: 22px;}
.blog-details h3{font-size: 18px;}
.blog-details h4{font-size: 16px;}
.blog-details h5{font-size: 14px;}
.blog-details h6{font-size: 10px;}

.blog-details ul.common-listing{ margin-left:20px;}
.blog-details ol.common-listing{ margin-left:30px;}
.blog-details ol li{ line-height:26px; font-weight:400;}

.blog-details .details .social-links li{ display: block; }
.blog-details .details .social-links li a{ display: block; height: 70px; width: 70px; background-color: #eef0f2; 
	border-radius:50%; margin-bottom: 20px; text-align: center;}
.blog-details .details .social-links li a i{ font-size: 30px; color: #cecece; margin-top: 22px;}
.blog-details .details .social-links li a:hover{background-color: #1e242b;}
.blog-details .details .social-links li a:hover i{color: #ffd600;}

.blog-details .details h4{ display: inline-block; color: #000; font-weight: 500; font-size: 22px;}
.blog-details .details h4 span{ font-size: 50px; color: #f7961d; font-weight: 700; float: left; margin-right: 15px;}

.blog-details .details p{ color: #333; font-weight: 400; line-height: 26px; text-align:left;}
.blog-details .details img{margin-top: 10px; }
.blog-details .details em{ color: #919191; font-weight: 400;  font-size: 13px; text-align: center; 
	 margin: 8px auto 15px;display: block;}

.blog-details .details ul li{ list-style:disc !important; list-style-type:disc !important; display:list-item !important; margin-left:25px;}
.blog-details .details ul.common-listing li::before{content: ""; font-size: 10px;}

.blog-details .details .recommended-articles {padding: 50px 0;}

.blog-details .details .recommended-articles h5{margin: 0; position: relative; text-align: center; font-size: 16px;
	text-transform: uppercase;}
.blog-details .details .recommended-articles h5 span{ background-color: #fff;  padding: 0 20px; 
	 z-index: 1; position: relative;}
.blog-details .details .recommended-articles h5::before { border-top: 1px solid #cccccc; content: ""; display: block; position: absolute; top: 0; z-index:0; left:0; right:0; margin: auto; height: 0; bottom: 0;width: 100%; }

.blog-details .details .recommended-articles .list {background-color: #f6f5f5;cursor: pointer;
	transition: all 0.4s ease-in-out 0s;}

.blog-details .details .recommended-articles .flexbox{margin-top: 30px;}
.blog-details .details .recommended-articles .list .post-img img{ margin-top: 0;}

.blog-details .details .recommended-articles .list .post-details {padding: 15px; }
.blog-details .details .recommended-articles .list .post-details h6{ font-size: 14px; }

.blog-details .details .recommended-articles .list .post-details h5{margin: 0; position: relative; font-size: 12px;
	text-transform: uppercase;}
.blog-details .details .recommended-articles .list .post-details h5 span{ background-color: #f6f5f5;  padding: 0 10px; 
	 z-index: 1; position: relative;}
.blog-details .details .recommended-articles .list .post-details h5::before { border-top: 1px solid #d4d4d4; content: ""; display: block; position: absolute; top: 0; z-index:0; left:0; right:0; margin: auto; height: 0; bottom: 0; }

.blog-details .details .most-popular{ padding-top: 0;}

.blog-details .details .user-details p{ margin-top: 12px; }

.join .blog-thamb {background-color: #fff; box-shadow: 0 5px 6px rgba(80, 80, 80, .3)}
.join .blog-thamb .thamb-info {padding: 25px 40px;position: relative; z-index: 999;}


.join .blog-thamb .thamb-info::before{ position: absolute;bottom: 0; content: ""; left: 10px; 
    right: 0; top: 30px; background: url(../images/two-quotes.png); background-repeat: no-repeat; z-index: 0;}
.join .blog-thamb .thamb-info h6{position: relative; z-index: 999;}
.join .blog-thamb .thamb-info p{ font-size: 14px; color: #666666; position: relative; z-index: 999;}
.join h3{ font-size: 35px; color: #000; margin-top: 80px; margin-bottom: 20px;}



/*
| ========================================================
| THANK YOU PAGE CSS BOF
| ========================================================
*/
.thankyou header{ padding-bottom: 120px;}
.thank-you .icons svg{width:100px; height:100px; margin-bottom:20px;}
.thank-you .title{font-size:100px; font-weight:bold;}
.font-size22{font-size:22px;}
.thank-you a{color:#5ea63e; text-decoration:underline;}
.thank-you a:hover{color:#ffd600; text-decoration:none;}
.thank-you figure{padding:20px 0px;}
/*
| ========================================================
| 404 PAGE CSS BOF
| ========================================================
*/
.oops404-page .title{font-size:70px;}
.oops404-page figure{padding:30px 0px;}
.oops404-page .stay-calm{font-size:50px;}
.oops404-page a{color:#5ea63e; text-decoration:underline;}
.oops404-page a:hover{color:#ffd600; text-decoration:none;}
.oops404-page p.need-help{margin-bottom:0px; margin-top:20px;}
.oops404-page a.btn{text-decoration:none; color:#1e242b;}
.oops404-page a.btn:hover{color:#fff;}


/*
| ========================================================
| Before After Portfolio PAGE CSS BOF
| ========================================================
*/
#before_after_portfolio-animation {    z-index: 1;
background: linear-gradient(to right, #21b3f0 0%,#ffd600 50%,#65bc35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-size: 1000% 2000%;
    animation: AnimationName 115s ease-in-out infinite;}
@keyframes AnimationName {
0%, 100% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
}

.before_after_portfolio .portfolio .listing h3{margin: 0; font-weight: 700; }
.before_after_portfolio .portfolio .listing p{ margin: 0; padding: 0; }
.before_after_portfolio .portfolio .listing .port-heading span{ background-color: #fff;  padding: 0 20px; 
	 z-index: 1; position: relative;display: inline-block;}
.before_after_portfolio .portfolio .listing .port-heading span.two{background-color: #f2f2f2;}
.before_after_portfolio .portfolio .listing .port-heading span.line-two{ background-color: #f2f2f2;  padding: 0 20px; 
	 z-index: 1; position: relative;display: inline-block;}
.before_after_portfolio .portfolio .listing .port-heading::before { border-top: 1px solid #d4d4d4; content: ""; display: block; position: absolute; top: 0; z-index:0; left:0; right:0; margin: auto; height: 0; bottom: 0; }

.before_after_portfolio .portfolio .load-more .btn { font-size: 22px;}
.before_after_portfolio .portfolio .load-more .btn i{ color: #0d9cd2; margin-left: 8px;}

/*
| ========================================================
| Expand Form CSS BOF
| ========================================================
*/
.expand-form .well{border-radius: 0;border: medium none; background-color: #fff;margin-bottom: 0px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.7) inset; }
.expand-form .well .common-form .form-control{ border-bottom: 2px solid #d4d4d4; border-top: medium none;
	border-left: medium none; border-right: medium none; font-size: 15px; font-weight: 500; color: #999999;}
.expand-form .well .common-form .select-box .selectarrow{right: 30px;}
.expand-form .well .common-form .select-box .selectarrow i{color: #999999;}
.expand-form .well .common-form .form-control:focus{border-bottom: 2px solid #1e242b;}
.expand-form .well .common-form .form-control::-moz-placeholder{color: #999999;}
.expand-form .well .common-form .btn{ padding: 12px 40px;}



/*
| ========================================================
| Branding Services Page CSS BOF
| ========================================================
*/
.branding-services .banner .breadcrumb {margin-top: 0px;}
.inner-page .solutions .contact-us-form {margin-top: 0;}
.inner-page .solutions .left-paragraph{ border-left: 3px solid #65bc35;}
.inner-page .solutions .left-paragraph h5 { margin-left: 20px; font-weight: 600; line-height: 32px;}
.inner-page .solutions .contact-us-form .common-form textarea.form-control{ height: auto;}
.inner-page .marketing-services ul.common-listing{ margin-bottom: 30px;}
.inner-page .marketing-services ul.common-listing li{display: block;}
.inner-page .marketing-services a{text-decoration: underline; color:#1e242b; text-transform: uppercase; font-weight: 700; }
.inner-page .call-to-action .call-us {margin-top: 0px;}

/*
| ========================================================
| Ecommerce SEO Page CSS BOF
| ========================================================
*/
.ecommerce-seo p{ color: #6a6a6a; line-height: 28px; font-weight: 400;}
.border-right { border-right: 2px solid #12161b;}
.ecommerce-seo .top-reasons .content { padding:10px 20px;}
.ecommerce-seo .top-reasons .content h3 { font-size: 138px;}
.ecommerce-seo .top-reasons .content h5 { padding: 0 20px 20px; font-weight: 500;}

.ecommerce-seo .packages .content { text-align: center; margin-top: 90px; margin-left: 10px; margin-bottom: 20px;
	position: absolute; top: 0;}
.ecommerce-seo .packages .content.two { left: 216px; margin-top: 80px;}
.ecommerce-seo .packages .content.three { left: 432px; margin-top: 70px;}

.ecommerce-seo .packages .bg-img{ position: relative;}
.ecommerce-seo .packages .content svg{ height: 65px; margin-bottom: 10px;}
.ecommerce-seo .packages .content svg.green-color{ fill:#64bb35; }
.ecommerce-seo .packages .content svg.blue-color{ fill:#20b3ef;}

.ecommerce-seo .packages .content h6{font-size: 16px; font-weight: 600;}
.ecommerce-seo .packages .content p{font-size: 14px; line-height: 22px;}

.ecommerce-seo .packages .content-space { margin-top: 40px;}
.ecommerce-seo .packages ul.common-listing { margin-top: 50px;}
.ecommerce-seo .packages ul.common-listing li{ font-size: 15px; line-height: 42px;}
.ecommerce-seo .packages ul.common-listing li::before{ content: ""; padding-right: 5px;}
.ecommerce-seo .packages a {color: #1e242b; font-weight: 700; text-decoration: underline;
	text-transform: uppercase;}

.ecommerce-seo .experts .content{margin-top: 35px;}
.ecommerce-seo .experts .content .common-listing li{display: block; line-height: 42px; color: #6a6a6a;}
.ecommerce-seo .experts .content ul.common-listing li::before{ content: "";}

.ecommerce-seo .project-showcase .facts { text-align: center;}
.ecommerce-seo .project-showcase .facts span{ font-size: 65px; color: #21b3f0;}
.ecommerce-seo .project-showcase .facts h6{ text-transform: uppercase; font-weight: bold; color: #6a6a6a;}
.ecommerce-seo .project-showcase img{ margin-top: 25px;}

.ecommerce-seo .ecommerce-services .separator{position: relative;}
.ecommerce-seo .ecommerce-services .separator-line{position: absolute; content: ""; background-color:#dddde0; height: 2px;
	width: 70%; left: 0; right: 0; margin: auto; top: 120px;}
.ecommerce-seo .ecommerce-services .content{text-align: center;margin-top: 35px;}
.ecommerce-seo .ecommerce-services .content svg{ width: 170px; height: 170px; margin-bottom: 35px;}
.ecommerce-seo .ecommerce-services .content h5{ margin-bottom: 15px;}
.ecommerce-seo .ecommerce-services .content p{ line-height: 26px;}

.ecommerce-seo .ecommerce-process .process{ text-align: center; padding: 40px 10px; transition:all .4s ease-in-out 0s;}
.ecommerce-seo .ecommerce-process .process:hover{ box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.07);}
.ecommerce-seo .ecommerce-process .process hr{margin: 25px auto; width: 70px;  border-top: 3px solid #8f90a0;}
.ecommerce-seo .ecommerce-process .process h4{ color: #333333; font-weight: 500;}
.ecommerce-seo .ecommerce-process .process p{ font-size: 14px; color: #202242; font-weight: 400; line-height: 24px;}
.ecommerce-seo .ecommerce-process .process .icon{display: inline-block; padding: 30px;}
.ecommerce-seo .ecommerce-process .process .icon svg{ width: 65px; height: 65px; fill:#fff; }

.call-to-action p{color: #c5c5c5;}


#errmsg {width: 100% !important;
    color: red;     font-family: 'Raleway', sans-serif; font-weight: bold; display: inline-block;}
.local-SEO-services p{color: #6a6a6a;}
.local-SEO-services h2{color:#333333;margin-top: 90px;}
.ecommerce-seo .experience h2{margin-top: 50px;}
.local-SEO-services svg{width: 430px;height: 350px;}
.icon .fa { color:#FFF; font-size:30px;}

.ecommerce-seo .top-reasons .content h3 {font-size: 80px;}
.ecommerce-seo .col-lg-2.col-md-2.col-sm-4.col-xs-6.border-right.mrg-top {margin-left: 20px;padding-left: 0px;}
.ecommerce-seo .top-reasons  .content{padding: 10px 0px;}
.ecommerce-seo .top-reasons .content h5 {padding: 0px;font-weight: 300;font-size: 18px;line-height: 1.4;}
.border-box{border:  2px solid #1d232a;text-align: center;padding: 25px;height: 350px;}
.packages h6{ line-height: 1.8; font-size: 17px;font-weight: 300;}
.packages h3{margin-bottom: 10px;}
.mrg-btm{margin-bottom: 30px;}
.border-box:hover{ border: solid 2px #ffd600;}   
section.Why_Choose_819Media ul li {line-height: 3.5;color: #6a6a6a;font-size: 16px;font-weight: 400;}
.Why_Choose_819Media svg{width: 100%;height: auto;}
.Why_Choose_819Media img {
    width: 100%;
    height: auto;
}
.Why_Choose_819Media li:before { content:''; display:inline-block; height:1em; width:1em;
	background-image:url('./css/right-arrow.svg');background-size:contain; background-repeat:no-repeat; padding-left: 2em; }
.SEO-Packages p .con-font{color: #6a6a6a;line-height: 1.4;font-weight: 500;}
.un-line{text-decoration: underline;font-weight: 500;font-size: 20px;}

.blank-sec{}
.row.main-marketing {
    width: 100%;
    margin: 0 auto;
}
.marketing-sec.border-right.mrg-top {
    float: left;
    width: 20%;
}


.marketing-sec.mrg-top{padding: 10px;}


/* CONTENT CSS BOF 
======================================================= */

section { padding-top:65px; padding-bottom:65px; }
.eCommerce-PPC-Management-Services p{color: #6a6a6a;font-weight: 400;}
.eCommerce-PPC-Management-Services .bg-grey{background-color: #f2f2f2;}
.eCommerce-PPC-Management-Services .mrg-btm{margin-bottom: 30px;}


.eCommerce-PPC-Management-Services  .para-center{margin: 0 100px;}
.eCommerce-PPC-Management-Services .about img{margin-top: 50px;}

.eCommerce-PPC-Management-Services .services .box{text-align: center;  border-radius: 30px 0px 30px 0px;padding: 15px;
  box-shadow: 0px 0px 7px 0px rgba(208, 208, 208, 0.35); }
.eCommerce-PPC-Management-Services .services .icon-sec svg{width: 100px !important;height: 80px !important;margin: 15px !important;}
.eCommerce-PPC-Management-Services .services .icon-sec img{width: 80px !important;margin: 15px !important;}
.eCommerce-PPC-Management-Services .services .box-content h5 {color: #333333;font-weight: 500;}


.eCommerce-PPC-Management-Services .benifits .beni-svg svg {height: 500px;}

.eCommerce-PPC-Management-Services .managment-service p{font-weight: 500;}
.eCommerce-PPC-Management-Services .managment-service ul{line-height: 3;}
.eCommerce-PPC-Management-Services .managment-service .list-inline{list-style-type: none;margin-left:0px;padding-left:0px;display: inline-block}

.eCommerce-PPC-Management-Services .managment-service .list-inline i{float: left;margin-right: 10px;}
.eCommerce-PPC-Management-Services .managment-service .list-inline p{display:flex;padding: 0;}

.eCommerce-PPC-Management-Services  .ppc-managment-service .content .icon-ser { padding: 25px 0;display: inline-block;width: 90px;
    height: 90px;margin: 0 auto; top: -34px;margin-bottom: 65px;}
.eCommerce-PPC-Management-Services  .ppc-managment-service .content .icon-ser svg{width: 40px;height: auto;fill:#fff;}
.eCommerce-PPC-Management-Services  .ppc-managment-service .content .icon-ser img{width: 40px;height: auto;fill:#fff;}
.eCommerce-PPC-Management-Services .ppc-managment-service .box2{text-align: center;padding: 10px;margin: 20px;}
.eCommerce-PPC-Management-Services .ppc-managment-service .box2-content h5{color: #333333;font-weight: 600;}
.eCommerce-PPC-Management-Services .ppc-managment-service .box2:hover{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);    transition: all 0.4s;}
.eCommerce-PPC-Management-Services .ppc-managment-service .para-center1{margin: 0 255px;font-weight: 500;}
.eCommerce-PPC-Management-Services .ppc-managment-service .flex-box2{display: flex;}
.eCommerce-PPC-Management-Services .ppc-managment-service .box2 {display: flex;height: 95%;flex-direction: column;}

.eCommerce-PPC-Management-Services .why-choose-ppc h2{margin: 30px 250px; }
.eCommerce-PPC-Management-Services .why-choose-ppc h3{margin-bottom: 100px;}
 .eCommerce-PPC-Management-Services .eCommerce-PPC-Management-Services .why-choose-ppc .center-p{margin: 20px 110px;font-weight: 500;}
.eCommerce-PPC-Management-Services .why-choose-ppc .box3{text-align: center;position: relative; margin: 50px 0px;height: 287px;}
.eCommerce-PPC-Management-Services .why-choose-ppc .img-circle{padding: 25px 0;display: inline-block;width: 100px;
    height: 100px;margin: 0 auto; top: -63px;left: 0px;right: 0px; margin-bottom: 65px;position: absolute;}
.eCommerce-PPC-Management-Services .why-choose-ppc .box3 .icon svg{width: 44px;height: 100%;fill:#fff;}

.eCommerce-PPC-Management-Services .why-choose-ppc .box3-content {padding: 30px;}
.eCommerce-PPC-Management-Services .why-choose-ppc .box3-content h4{margin-top: 25px;font-weight: 500;}
.eCommerce-PPC-Management-Services .why-choose-ppc .flex-box{display: flex;}
.eCommerce-PPC-Management-Services .why-choose-ppc  .box3{display: flex;width: 100%;height: 70%;}


.eCommerce-PPC-Management-Services .eCommerce-PPC-Management-Services .SEO-Packages p{margin: 10px 277px;}

.dark-yellow-color-bg {
    background: #ff9732;
}

.light-blue-color-bg {
    background: #74b6e5;
}


.light-yellow-color-bg {
    background: #fcf9ec;
}

.light-green-color-bg {
    background: #f6fef1;
}

.extra-light-blue-color-bg {
    background: #e3f3ff;
}

.extra-light-red-color-bg {
    background: #ffeede;
}

.yellow-border {
    border: 7px solid #fff7cc;
}

.green-border {
    border: 7px solid #e0f2d7;
}

.blue-border {
    border: 7px solid #e3f0fa;
}

.red-border {
    border: 7px solid #fcead8;
}