/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,700italic,300);
@import url(https://fonts.googleapis.com/css?family=Khand:400,500,600,700);

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:16px/1.45 'Open Sans', Arial, Helvetica, sans-serif; color:#333; background:#f8f8f8; }  /*background:#ddd;*/
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim, #mainmenu li a:after, .footer-social a, .statistics-box, .statistics-box:after, .statistics-box h5, .statistics-box span, .our-client li img, .get-in:after, #header, .read-more, .read-more:after, .contact-details:before, .member-social a, .enquiry-form-box, .careers-trigger, .searchtxt input[type="search"], .modulebox li a, .modulebox li a:before, .article-image-box figure a, .article-image-box figure img, .article-image-box, .searchtxt:before, .article-image-box figure a:before { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color:#f68220; text-decoration:none;}
a:hover { text-decoration:underline; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:500; font-family:'Khand', Arial, Helvetica, sans-serif;  }
h1,h2 { font-size:54px; color:#1b2228; text-transform:uppercase; }
h3 { font-size:38px; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:16px; }
h1 span, h2 span { color:#f68220; }


.section-title { position:relative; padding-bottom:10px; margin-bottom:30px; text-align:center; }
.section-title:before { background:#f68220; bottom:0; content:""; display:inline-block; height:2px; left:-83px; margin:auto; position:absolute; right:0; width:30px; z-index:1; }
.section-title:after { background:#babbbc; bottom:0; content:""; display:inline-block; height:2px; left:43px; margin:auto; position:absolute; right:0; width:90px; }
ul li { line-height:24px; }

.cf:before, .cf:after,.wrap:after,.wrap:before { content:""; display:table; }
.cf:after,.wrap:after { clear:both; }
.cf,.wrap { zoom:1; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { *zoom:1; margin-left:-15px; margin-right:-15px; clear:both; }
.cols:after {content:""; display:table; clear:both; }
.cols .col { float:left; min-height:1px; padding-left:15px; padding-right:15px; }
.cols1 .col { width:100% }
.cols2 .col { width:50% }
.cols3 .col { width:33.333333333333%; }
.cols4 .col { width:25%; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:#f34834; }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding:8px 12px 0; display:block; color:#f34834; }
input.has-error { border:solid 1px #f34834 !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }

/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #f68220; color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
#wrapper {  }
.wrap { max-width:1460px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }

#main { padding: 100px 0px 0px 0px; }
#primary { float:left; width:70%; }
#content { }
#sidebar { float:right; width:30%; padding-left:60px; }
.one-column { width:auto !important; float:none !important; }



/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { padding:35px 55px; position:fixed; background:#fff;  top:0; left:0; width:100%; z-index:9; }
#header:after { content:""; display:table; clear:both; }
#logo { float:left; width:227px; position:relative; }
#logo img { max-width:100%; height:auto; width:auto; }

#mainmenu {  float:right; font-size:16px; margin:9px 0 0 0; }
#mainmenu ul { margin:0; padding:0; list-style:none; }
#mainmenu li { float:left; line-height:30px; }
#mainmenu > ul > li { margin:0 0 0 45px; font-weight:bold; text-transform:uppercase; }
#mainmenu li a { text-decoration:none; padding:0 0 8px; display:block; color:#333; position:relative; }
#mainmenu li a:after { content:''; position:absolute; width:0; height:2px; background:#f68220; top:100%; left:2px; margin:0 auto; }
#mainmenu li a:hover:after, #mainmenu li.active a:after { width:25px; }


.home #header { background:#fff; position:fixed; }
.home #mainmenu li a { color:#000000 }
#header.navhide { background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.25); position:fixed; padding-top:25px; padding-bottom:25px; }
.navhide #mainmenu li a { color:#000; }

#footer { background:#F0F0E9; padding:30px 0 35px; font-size:14px; }
.footer-top { display:inline-block; width:100%; }
.footer-logo { float:left; margin:0; opacity:0.3; width:173px; }
.fmenu { float:right; margin:0; padding:0; list-style:none; }
.fmenu li { display:inline-block; position:relative; margin-right:10px; padding-right:20px; text-transform:uppercase; }
.fmenu li:last-child { margin-right:0; padding-right:0; }
.fmenu li:after { background:#fff; border-radius:50%; bottom:0; content:""; height:6px; margin:auto; position:absolute; right:0; top:0; width:6px; opacity:0.22; }
.fmenu li:last-child:after { display:none; }
.fmenu li a { color:#8a8c8e; }
.fmenu li a:hover, .fmenu li.active a { text-decoration:none; color:#fff; }
.footer-bottom { margin-top:20px; text-align:right; }
.footer-bottom:after { content:""; clear:both; display:table; }
.foot-design-social { float:right; }
.copyright { float:left; margin:8px 0 0 0; color:#8a8c8e; }
.footer-social { display:inline-block; margin-right:20px; vertical-align:middle; }
.footer-social a { height:38px; width:38px; display:inline-block;
 background:url(); background-repeat:no-repeat; 
 background-position:-2px -48px; color:transparent; border:2px solid #fff; 
 border-radius:50%; opacity:0.35; margin-left:8px; }
.footer-social a.fb { background-position:-41px -49px; }
.footer-social a.tw { background-position:-81px -48px; }
.footer-social a.in { background-position:-119px -48px; }
.footer-social a:hover { opacity:1; }

.designed-by { display:inline-block; color:#8a8c8e; vertical-align:middle; }
.pix-logo { display:inline-block; margin-left:2px; position:relative; top:3px; opacity:0.3; }


/* =Home-Page (only homepage used classes)
========================================================================================*/
.sprites { background-image: url(../images/bgi/sprites.svg);  } 
.sp-after:after { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; }
.sp-before:before { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle;  }

/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#fff; padding:4px 12px; height:44px; line-height:1.55; border:solid 1px #d8d8d8; color:#454648; width:100%; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:15px; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Open Sans', Arial, Helvetica, sans-serif; }
select { height:auto; padding:10px 55px 10px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:#fff; }
.custom-select:before { position:absolute; right:1px; top:0; width:46px; background:#fff; content:''; height:40px; border-left:1px solid #d8d8d8; }
.custom-select:after { content:''; border-top:solid 7px #d8d8d8; border-right:solid 7px transparent; border-left:solid 7px transparent; position:absolute; right:16px; top:19px; }
.ie select { padding-right:0; }
.ie .custom-select:before { z-index:2; height:40px; }
.ie .custom-select:after { z-index:3; }
.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:#f68220; color:#fff;  border:0;  cursor:pointer; width:auto; overflow:visible; padding:13px 35px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:18px; line-height:1.25; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#e07318; color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:0.25; }
::-moz-placeholder { opacity:0.25; }
:-ms-input-placeholder { opacity:0.25; }
:-moz-placeholder { opacity:0.25; }

.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #1b2228; }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #7a7a7a; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color:#1b2228; }
.checkbox input:checked + .input-helper:before { background-color:#1b2228; }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 1px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background:#1b2228; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }


/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { font-size:15px; color:#fff; }
.breadcrumbs ul { display:inline; margin:0; padding:0; }
.breadcrumbs li { display:inline-block; position:relative; }
.breadcrumbs li:after { content:"/"; display:inline-block; margin:0 6px 0 10px; }
.breadcrumbs li:last-child:after { display:none; }
.breadcrumbs li a { color:#fff; text-decoration:none; }
.breadcrumbs li a:hover { color:#fff; }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group label { font-size:15px; color:#333; margin-bottom:10px; display:block; }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.button { background-color:#f68220; text-transform:uppercase; font-size:16px; color:#fff; display:inline-block; line-height:1.2; padding:13px 30px; vertical-align:bottom; font-weight:600;  }
.button:hover { background-color:#e07318; text-decoration:none; color:#fff; }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:16px 35px; font-size:18px; }
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:10px 25px; font-size:14px; }
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px; }
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#969fb0; color:#fff; }
.button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#757f90; }
.button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#444; color:#fff; }
.button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#1b2228; }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:#fff; border:solid 2px #f68220; color:#f68220;  }
.button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#f68220; color:#fff; }

.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {  padding:14px 35px;   }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline {  padding:11px 30px;   }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline {  padding:8px 25px;   }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline {  padding:6px 20px;   }

.button.btn-block { display:block; }
.buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; }


/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }
table tr:hover td { background:#fbfbfb; }
table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }


/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee;  }
.tabnav li { float:left; position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:#f68220 }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; background:#fff; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.tabcontent h4 { margin:0 0 15px; }


/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row { }
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:7px 0 0; background:#fcfcfc; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:20px;  text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08); } 
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f; }
.accordion-data { display:none; padding:15px 0; background:#fcfcfc; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative; }
.alert:before { position:absolute; content:''; left:15px; top:15px; width:24px; height:24px; background:url(../images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification {  background-color:#fff0f4; border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }


/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; } 
.list-block ul.custom-arrow-list { margin:0; padding:0; }



/* =Index page CSS
========================================================================================*/

.videobox { position:relative; background:#1b2228; overflow:hidden; min-height:768px; }
.videobox:before { content:""; position:absolute; background:rgba(0, 0, 0, 0.1); top:0; left:0; right:0; bottom:0; z-index:2; }
.videobox:after { 
background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 55%, rgba(0,0,0,0) 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.1) 55%,rgba(0,0,0,0) 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.1) 55%,rgba(0,0,0,0) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	content:""; position:absolute; left:0; top:0; width:100%; height:200px; }
.videobox video { position:absolute; left:0; top:0; width:100%; height:100%; -webkit-object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; object-fit:cover; background:#1b2228; }
.banner-text:before { content:""; display:inline-block; height:100%; vertical-align:middle; width:0; }
.banner-text { font-size:0; position:absolute; z-index:5; width:100%; padding:25px 55px; bottom:100px; }
.banner-text h3 { display:inline-block; vertical-align:middle; font-size:120px; font-weight:bold; color:#fff; text-transform:uppercase; text-shadow:0 5px 5px rgba(0,0,0,0.40); line-height:1; margin:0; }
.mouse {  background:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-200px -1px; text-indent:-999em; position:absolute; z-index:5; width:34px; height:51px; left:0; right:0; margin:0 auto; bottom:30px; }
.get-in { background:#f68220; color:#fff; display:inline-block; font-size:18px; font-weight:bold; margin:auto; max-height:62px; padding:8px 18px 12px; position:absolute; left:-140px; text-transform:uppercase; top:50%; -webkit-transform:rotate(90deg) translateY(-50%); -moz-transform:rotate(90deg) translateY(-50%); -ms-transform:rotate(90deg) translateY(-50%); transform:rotate(90deg) translateY(-50%); width:auto; z-index:8; margin-top:-24px; }
.get-in:hover, .visible .get-in { text-decoration:none; color:#f68220; }
.get-in:before { content:""; display:inline-block; position:relative; background:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-106px -16px; width:24px; height:18px; left:-5px; bottom:-5px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); z-index:2; }
.get-in:after { content:""; position:absolute; top:0; right:0; left:0; bottom:0; z-index:-1; background:#fff; height:0; width:100%;  }
.get-in:hover:before, .visible .get-in:before { background-position:-131px -16px; }
.get-in:hover:after { height:100%; }
.get-in-touch-visible .get-in:after { background:#333;height:100%; }

.enquiry-form-box { position:fixed; right:-471px; top:0; height:100%; padding:50px 0; z-index:11; background:#fff; }
.enquiry-form { padding:30px; width:470px; /*overflow-y:auto;*/ height:100%; }
.enquiry-form .section-title { margin-bottom:20px; }
.enquiry-form-box.visible { right:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.25); }
.home { overflow-x:hidden; }



.about-section { padding:60px 20px; background-color:#fff; background-image:url(../images/bgi/about-bg.png); background-repeat:no-repeat; background-size:auto 100%; background-position:left top; }
.about-section p {  color:#828282; font-size:20px; font-weight:400; line-height:1.8; margin:0 auto; max-width:940px; width:100%; text-align:center;  -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; }
.service-img { display:none; }
.service img { width:100%; opacity:0; }
.service { position:relative; overflow:hidden; z-index:1; background-position: 50% 0; background-color:#30363c; background-image:url(../images/ott-platform.jpg); background-repeat:no-repeat; background-size:cover; padding:125px 0; min-height:800px; }
.service-text {  max-width:587px; padding:50px; border-top-right-radius:10px; border-bottom-right-radius:10px; }

.service-text-details { position:absolute; left:30%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.odd .service-text-details { right:0; left:auto; }
.service-text:after {
	content:""; position:absolute; left:0; top:0; right:0; bottom:0; height:100%; width:100%; opacity:0.9; z-index:-1;
	background:#f40;
  	background:-webkit-linear-gradient(left top, #f40, #ffad25);
  	background:-o-linear-gradient(bottom right, #f40, #ffad25);
  	background:-moz-linear-gradient(bottom right, #f40, #ffad25);
  	background:linear-gradient(to bottom right, #f40, #ffad25);
	border-top-right-radius:10px; border-bottom-right-radius:10px;
}
.odd .service-text:after {
	background:#006cb1;
  	background:-webkit-linear-gradient(left top, #006cb1, #00bfc6);
  	background:-o-linear-gradient(bottom right, #006cb1, #00bfc6);
  	background:-moz-linear-gradient(bottom right, #006cb1, #00bfc6);
  	background:linear-gradient(to bottom right, #006cb1, #00bfc6);
	border-bottom-right-radius:0; border-top-right-radius:0; border-bottom-left-radius:10px; border-top-left-radius:10px;
}
.odd .service-text { border-bottom-right-radius:0; border-top-right-radius:0; border-bottom-left-radius:10px; border-top-left-radius:10px; left:auto; right:0; padding-right:60px; }
.odd .service-text .read-more { color:#006cb1; }
.odd .service-text .read-more:after { background-color:#006cb1; }
.service-text h3 { text-transform:uppercase; font-size:72px; font-weight:600; margin:0 0 20px; padding-bottom:2px; color:#fff; position:relative; }
.service-text h3:before { content:""; background:#fff; height:2px; width:40px; position:absolute; bottom:0; left:0; }
.service-text p { font-size:16px; color:#fff; line-height:1.6; }
.read-more { background:#fff; border-radius:50px; color:#f60; display:inline-block; font-size:18px; font-weight:bold; line-height:1.4; margin:30px 0; padding:12px 60px 12px 23px; position:relative; text-transform:uppercase; }
.read-more:after { background-color:#f60; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:0 -228px; border-radius:50%; content:""; height:38px; position:absolute; right:8px; top:6px; width:38px; }
.read-more:hover, .odd .read-more:hover { text-decoration:none; color:#333; }
.read-more:hover:after, .odd .read-more:hover:after { background-color:#333; }
.statistics-section { background:#d5d7d5; position:relative; overflow:hidden; /*min-height:710px;*/ }
.statistics-section video { position:absolute; left:0; top:0; width:100%; height:100%; -webkit-object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; object-fit:cover; background:#d5d7d5; }
.statistics-video-box:after { background:#212121; content:""; opacity:0.4; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; }
.statistics-section:after { content:""; clear:both; display:table; }
.statistics-contain { padding-top:60px; padding-bottom:30px; width:44%; position:relative; z-index:3; float:right; padding-right:25px; }
.statistics-contain h4 { color:#1b2228; font-size:26px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:600; }
.statistics-details { margin-top:20px;  }
.statistics-box:hover { text-decoration:none; }
.statistics-box { border:2px solid rgba(27, 34, 40, 0.25); display:inline-block; width:100%; text-align:center; padding:30px 30px 110px; position:relative; margin-bottom:30px; }
.statistics-box:before { content:""; height:70px; width:70px; position:absolute; left:0; right:0; margin:auto; bottom:25px; z-index:2; background:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:0 -86px; -webkit-transition:0.2s all; -moz-transition:0.2s all; -ms-transition:0.2s all; transition:0.2s all; }
.presence:before { background-position:-71px -86px; }
.mous:before { background-position:-142px -86px; }
.subscribers:before { background-position:-213px -86px; }

.statistics-box:hover:before { background-position:0 -157px; }
.presence:hover:before { background-position:-71px -157px; }
.mous:hover:before { background-position:-142px -157px; }
.subscribers:hover:before { background-position:-213px -157px; }

.statistics-box:after { content:""; height:0; width:100%; background:#30363c; position:absolute; bottom:0; left:0; z-index:1; }
.statistics-box h5 { font-size:30px; color:#1b2228; font-weight:700; font-family:'Open Sans', Arial, Helvetica, sans-serif; margin-bottom:0; display:block; position:relative; z-index:2; text-transform:uppercase; }
.statistics-box span { font-size:16px; font-weight:600; color:#1b2228; margin-top:5px; display:block; position:relative; z-index:2; text-transform:uppercase; }

.statistics-box:hover:after { height:100%; }
.statistics-box:hover { border-color:#1b2228; }
.statistics-box:hover h5, .statistics-box:hover span { color:#fff;  }

.our-client-box { padding:50px 0 40px; background:#ddd; }
.our-client { margin-top:50px; }
.our-client .owl-item .item { text-align:center; }
.our-client .owl-item .item img { max-width:100%; width:auto; margin:0 auto; }
/*.our-client ul { margin:0; padding:0; list-style:none; text-align:center; display:inline-table; width:100%; font-size:0; }
.our-client li { display:inline-block; float:none; width:20%; text-align:center; padding:0 20px; margin:0 0 20px; }*/

.our-client ul { height:100px; list-style:none; margin:0; overflow:hidden; text-align:center; width:100%; }
.our-client li { float:left; padding:0 20px; text-align:center; margin-right:100px; }
.our-client li img { max-width:100%; }


.client-say-main-box { padding:70px 0 40px; background:#0079b4; position:relative; overflow:hidden; }
.client-say-main-box:before { content:""; background-image:url(../images/bgi/client-say.jpg); background-position:50% 0; background-repeat:no-repeat; background-size:cover; position:absolute; height:100%; width:100%; top:0; left:0; z-index:1; opacity:0.05; }
.client-say { max-width:700px; width:100%; margin:0 auto; position:relative; z-index:2; }
.client-say h2 { color:#fff; }
.client-say .section-title:after { background:#fff; }
.client-say .section-title:before { background:#000; opacity:0.30; }

.client { color:#fff; text-align:center; }
.client-say-box { text-align:center; margin:30px 0 40px; }

.client-img { height:114px; width:114px; border-radius:50%; position:relative; overflow:hidden; margin:0 auto 30px; }
.client-img img { border-radius:50%; }
.client-say-details { margin-bottom:25px; padding-bottom:25px; position:relative; }
.client-say-details:before { background:#fff; bottom:0; content:""; height:1px; left:0; margin:auto; opacity:0.55; position:absolute; right:0; width:60px; }
.client-say-details p { font-size:15px; line-height:1.8; position:relative; padding:0 30px; margin-bottom:0; }
.client-say-details p:before { background:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-235px 0; content:""; display:inline-block; height:24px; left:0; position:absolute; top:-3px; width:30px; }
.client-say-details p:after { background:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-267px 0; content:""; display:inline-block; height:24px; left:14px; position:relative; top:10px; width:30px; }
.about-client span { display:block; font-size:15px; font-weight:300; margin:3px 0; }
.about-client .client-name { text-transform:uppercase; font-size:16px; font-weight:700; }

.owl-dots { display:inline-table; text-align:center; }
.owl-dots .owl-dot { height:13px; width:13px; display:inline-block; background:#fff; opacity:0.55; border-radius:50%; margin:0 5px; }
.owl-dots .owl-dot.active { opacity:1; }

.whats-new-main-box { background:#ddd; padding:70px 0 50px; }
.whats-new-main-box .blog-post-list-box { margin-top:60px; }
.whats-new-box { text-align:center; margin-bottom:60px; max-width:767px; margin:0 auto; width:100%; }
.whats-new-box p { font-weight:400; margin-bottom:40px; line-height:1.7; }
.whats-new-box p a { font-style:italic; text-decoration:underline; }

.blog-post-box { background:#fff; box-shadow:0 6px 20px rgba(35, 31, 32, 0.05); margin-bottom:30px; }
.blog-post-box figure { margin:0; overflow:hidden; position:relative; }
.blog-post-box img { max-width:100%; width:100%; }
.blog-post-details { padding:0 30px 30px; }
.blog-post-title { padding:0; display:inline-block; width:100%; }
.post-date { background:#f68220; color:#fff; font-size:30px; font-weight:bold; line-height:1; padding:15px 5px; text-align:center; width:60px; display:inline-block; margin-right:15px; vertical-align:top; }
.post-date span { display:block; font-size:15px; font-weight:500; line-height:1.2; text-transform:uppercase; }
.blog-post-title h5 { font-size:16px; line-height:1.3; font-weight:700; font-family:'Open Sans', Arial, Helvetica, sans-serif; margin:0; display:inline-block; vertical-align:bottom; width:70%; }
.blog-post-title h5 a { color:#1b2228; }
.blog-post-title h5 a:hover { color:#f68220; text-decoration:none; }
.blog-post-details p { padding:0; font-size:14px; color:#868686; line-height:1.7; display:inline-block; margin:10px 0 0; }


/* =ConatctUs page CSS
========================================================================================*/




/* =Product page CSS
========================================================================================*/
.product-main-box { margin-top:75px; }
.product-box { background:#f40;
  	background:-webkit-linear-gradient(left top, #f40, #ffad25);
  	background:-o-linear-gradient(bottom right, #f40, #ffad25);
  	background:-moz-linear-gradient(bottom right, #f40, #ffad25);
  	background:linear-gradient(to bottom right, #f40, #ffad25); position:relative; overflow:hidden; }
.product-box:before { border-bottom:520px solid transparent; border-left:100vw solid #f8f8f8; content:""; left:0; position:absolute; right:0; top:0; width:100%; z-index:1; }	
.product-image-box { position:relative; z-index:2; text-align:center; }	
.product-image-box figure { margin:0; }
.product-image-box img { max-width:100%; }
.product-list-box { margin-top:100px; }
.product-list-box > ul { padding:0; margin:0 auto; list-style:none; display:inline-table; text-align:center; width:100%; font-size:0; }
.product-list-box > ul > li { padding:0 20px; display:inline-block; width:33.3333%; margin-bottom:60px; vertical-align:top;  }
.product-item { padding-top:80px; position:relative; }
.product-item:before { content:""; height:74px; width:74px; position:absolute; top:0; left:0; right:0; margin:auto; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-39px -228px; }
.host-anything:before { background-position:-298px 0; }
.multi-device-support:before { background-position:-373px 0; }
.engage:before { background-position:-298px -75px; }
.monetize:before { background-position:-373px -75px; }
.analyze:before { background-position:-298px -150px; }
.social:before { background-position:-373px -150px; }

.ease-of-delivery:before { background-position:-298px -225px; }
.platform:before { background-position:-373px -225px; }
.content:before { background-position:-298px -300px; }
.interactive-design:before { background-position:-373px -300px; }
.on-demand-videos-integration:before { background-position:-298px -375px; }


.product-item h4 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:600; color:#fff; font-size:24px; margin-bottom:15px; }
.product-item p { font-size:13px; color:#fff; margin-bottom:10px; line-height:1.5; }
.product-item ul { padding:0; margin:0 auto; width:75%; }
.product-item li { font-size:13px; color:#fff; line-height:1.4; margin-bottom:7px; text-align:left; }
.mobile-tv { background:#006cb1;
  	background:-webkit-linear-gradient(left top, #006cb1, #00bfc6);
  	background:-o-linear-gradient(bottom right, #006cb1, #00bfc6);
  	background:-moz-linear-gradient(bottom right, #006cb1, #00bfc6);
  	background:linear-gradient(to bottom right, #006cb1, #00bfc6); }
	
.mobile-tv:before { border-right:100vw solid #f8f8f8; border-left:0; }	
.site-map .custom-arrow-list > li { margin-bottom:10px; }


/* =About page CSS
========================================================================================*/
.about-main-section { padding:60px 0;  }
.about-box .section-title { text-align:left; display:inline-block; font-size:42px; line-height:1; margin-bottom:25px; }
.about-box .section-title:before { left:0; right:auto; }
.about-box .section-title:after { display:none; }
.about-section-details figure { float:right; margin:20px 0 15px 90px; position:relative; }
.about-section-details figure img { max-width:100%; }
.about-section-details figure:after { background:#fff; border:1px solid #d6d6d6; bottom:0; content:""; height:100%; left:-15px; position:absolute; right:0; top:-15px; width:100%; z-index:-1; }
.about-section-details figure:before { background:transparent; border:1px solid #fff; bottom:0; content:""; height:100%; left:-15px; position:absolute; right:0; top:-15px; width:100%; z-index:1; opacity:0.25; }
.about-section-details p { color:#333; line-height:1.7; margin:0 0 25px; }
.management-team-box, .careers-section { padding:70px 0; background:#fff; box-shadow:0 -1px 1px rgba(0, 0, 0, 0.04);  }
.management-team-list { margin-top:60px; }
.team-member { text-align:center; }
.team-member figure { display: inline-block; margin:0 0 15px 0; padding:12px; border-radius:50%; border:1px solid #e6e6e6; position:relative; overflow:hidden; }
.team-member figure img { border-radius:50%; max-width: 100%; width: 100%; }
.team-member h5 { font-size:36px; color:#1b2228; margin:0; text-transform:uppercase; font-weight:600; }
.member-position { font-size:14px; color:#1b2228; opacity:0.6; font-style:italic; margin-bottom:12px; display:inline-block; }
.team-member p { font-size:14px; margin:5px 0 18px; padding:15px 20px; position:relative; line-height:1.6; }
.team-member p:before, .team-member p:after { content:""; height:2px; width:40px; position:absolute; left:0; right:0; margin:0 auto; background:#f58220; }
.team-member p:before { top:0; }
.team-member p:after { bottom:0; }
.member-social a { height:28px; width:28px; border:2px solid #333; display:inline-block; text-indent:-999em; border-radius:50%;  background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-1px -362px; opacity:0.3; margin:0 6px; }
.member-social a:hover { opacity:1; }
.member-social a.tw { background-position:-27px -362px; }
.member-social a.lin { background-position:-54px -363px; }
.member-social a.gp { background-position:-81px -362px; }
.management-team-list .cols { margin:-50px -20px 0; }
.management-team-list .col { padding:0 20px; margin-top: 50px; }
.partner-list { margin-top:60px; }
.partner-list .owl-item { text-align:center; padding:0 20px; border-right:1px solid #d4d4d4; }
.partner-list .owl-item.active:last-child { border:none; }
.partner-list { border-right:3px solid #f8f8f8; }
.partner-list:after { background:#f8f8f8; content:""; height:100%; position:absolute; right:0; top:0; width:3px; }
.partner-list .owl-item .item img { max-width:100%; width:auto; }

.careers-row { border:1px solid #e9e9e9; background:#fff; margin-bottom:40px; }
.careers-row:last-child { margin-bottom:0; }
.careers-headline { background:#f8f8f8; padding:25px; }
.careers-headline:after { content:""; display:table; clear:both; }
.careers-headline h5 { display:inline-block; font-size:30px; text-transform:uppercase; color:#1b2228; margin:4px 0 0 0; position:relative; }
.careers-headline h5:before { content:""; position:absolute; left:0; bottom:0; width:25px; height:2px; background:#f68220; }
.careers-trigger { float:right; }
.careers-trigger { background:#333; color:#fff; float:right; font-weight:700; padding:13px 20px; text-transform:uppercase; cursor:pointer; }
.careers-trigger:hover, .careers-trigger:focus { background:#666; color:#fff; text-decoration:none; }
.careers-data { padding:25px 30px; display:none; border-top:1px solid #e9e9e9; }
.careers-data h6 { color:#666; font-weight:700; font-family:'Open Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:15px; }
.careers-data ul { margin:0; padding:0; list-style:none; }
.careers-data ul li { color:#858585; font-size:14px; margin-bottom:5px; position:relative; padding-left:15px; }
.careers-data ul li:before { content:""; display:inline-block;; height:5px; width:5px; background:#f58220; border-radius:50%; position:absolute; top:10px; left:0; }

.careers-condition { margin-bottom:25px; font-size:14px; color:#858585; }
.careers-condition span { margin-right:20px; padding-right:20px; line-height:1; position:relative; display:inline-block; }
.careers-condition span:after { content:""; height:70%; width:1px; background:#bcbcbc; top:0; bottom:0; right:0; margin:auto; position:absolute; }
.careers-condition span:last-child { border:none; margin:0; padding:0; }
.careers-condition span:last-child:after { display:none; }
.careers-apply { margin-top:20px; margin-bottom:5px; text-align:center; }

.careers-apply .button { font-weight:700; padding:13px 40px; }



/* =Blog List page CSS
========================================================================================*/
.blog #main, .single-post #main { padding:80px 0; background:#fff; }
.modulebox { border:1px solid #ececec; padding:19px 22px; margin-bottom:35px; }
.modulebox h4 { display:block; font-size:24px; border-bottom:2px solid #d6d7d8; padding-bottom:10px; margin-bottom:15px; position:relative; font-weight:700; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#1b2228; }
.modulebox h4:before { content:""; height:2px; position:absolute; top:100%; left:0; background:#f68220; width:30px; z-index:2; }
.modulebox h4:after { content:""; height:2px; position:absolute; top:100%; left:0; background:#fff; width:34px; z-index:1 }
.modulebox ul { margin:0; padding:0; list-style:none; }
.modulebox li:after { clear:both; display:table; content:""; }
.modulebox li { margin-bottom:8px; font-size:14px; }
.modulebox li:last-child { border:0; padding-bottom:0; margin-bottom:0; }
.modulebox li a { color:#6a7379; position:relative; padding-left:17px; text-decoration:none; display:block; word-wrap:break-word; }
.modulebox li a:before { content:""; height:11px; width:6px; position:absolute; top:6px; left:0; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-241px -275px; opacity:0.44; }
.modulebox li a:hover { color:#1b2228; }
.modulebox li a:hover:before { color:#1b2228; opacity:1; }

.searchtxt input[type="search"] { background:#f1f2f3; border-color:transparent; padding-right:56px; height:48px; font-size:14px; }
.searchtxt input[type="search"]:focus { background:#e7e9ea; }
.searchtxt:before { background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-238px -226px; content:""; height:48px; position:absolute; right:0; text-align:center; top:0; -webkit-opacity:0.4; opacity:0.4; width:48px; }
.searchtxt.hover:before { -webkit-opacity:0.55; opacity:0.55; background-color:#c8ced1; }
.searchtxt { position:relative; width:100%; }
.searchtxt input[type="submit"] { background-color:transparent; cursor:pointer; font-size:0; height:48px; padding:0; position:absolute; right:0; top:0; width:48px; }

.widget_categories li { padding-right:33px; position:relative; }
.widget_categories span { background:#c8ced1; border-radius:50%; color:#fff; float:right; font-size:14px; height:27px; line-height:2; text-align:center; width:27px; position:absolute; top:0; right:0; }



.post-summary { position:relative; overflow:hidden; }
.post-summary h5 { font-size:16px; margin-bottom:4px; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
.modulebox .post-summary a { color:#0a2432; display:block; line-height:1.3; }
.modulebox .post-summary a:hover { color:#f68220; text-decoration:none; } 
.blog-date { color:#8f9599; font-size:13px; }
.modulebox figure { float:left; margin:0 15px 0 0; width:110px; }



.blog-article { border-bottom:1px solid #e6e8e7; margin-bottom:30px; padding-bottom:30px; }
.article-image-box { position:relative; margin-bottom:25px; }
.article-image-box figure a { display:block; }
.article-image-box figure:hover a:before { border-color:#f68220; opacity:1; }
.article-image-box figure:hover a img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.article-image-box figure a:before { border:3px solid #f8f8f8; bottom:30px; content:""; left:30px; opacity:0.4; position:absolute; right:30px; top:30px; z-index:1; }
.article-image-box figure { display:inline-block; margin:0; position:relative; overflow:hidden; }
.article-image-box img { max-width:100%; }
.articale-date { background:#f68220; color:#fff; font-size:30px; font-weight:bold; left:30px; position:absolute; text-align:center; text-transform:uppercase; top:0; z-index:2; padding:13px; line-height:1; }
.blog-article:last-child { border-bottom:0; }
.articale-date span { display:block; font-size:15px; font-weight:600; margin-top:6px; }
.blog-article h5, .blog-article h1 { font-size:28px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:600; position:relative; margin-bottom:15px; padding-bottom:10px; text-transform:none; }
.blog-article h5:after, .blog-article h1:after { content:""; width:40px; height:2px; background:#f58220; position:absolute; bottom:0; left:0; }
.blog-article h5 a { color:#1b2228; }
.blog-article h5 a:hover { color:#f58220; text-decoration:none; }
.blog-article p { color:#868686; font-size:14px; line-height:1.9; margin-bottom:30px; }
.blog-article .button.btn-outline.btn-lg { padding:13px 35px; }

div.wp-pagenavi:after { clear:both; content:""; display:table; }
.wp-pagenavi.blog-list { display:inline-block; width:100%; }
div.wp-pagenavi { font-size:0; margin:35px 0 20px; padding:19px; background:#f9f9fa; position:relative; text-align:center; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background:#f7941d; border-color:#f7941d; color:#fff; text-decoration:none; }
.wp-pagenavi span.current { font-weight:bold; }
.wp-pagenavi a, .wp-pagenavi span { border:1px solid #d8d8d8; display:inline-block; font-size:14px; height:30px; line-height:27px; margin:0 5px; text-align:center; width:30px; color:#a4a4a4; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { position:relative; height:auto; width:auto; color:#0a2432; border:none; font-weight:bold; text-transform:uppercase; background:#dededf; line-height:1; padding:8px 18px; }
.wp-pagenavi .previouspostslink { float:left; padding-left:31px; }
.wp-pagenavi .nextpostslink { float:right; padding-right:31px; }
.wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before {  background-image:url("../images/bgi/sprites.png"); background-repeat:no-repeat; height:12px; width:7px; position:absolute; content:""; }
.wp-pagenavi .previouspostslink:before { background-position:-248px -275px; top:9px; left:15px; }
.wp-pagenavi .nextpostslink:before { background-position:-273px -275px; top:9px; right:15px; }
.wp-pagenavi .previouspostslink:hover:before { background-position:-256px -275px; }
.wp-pagenavi .nextpostslink:hover:before { background-position:-265px -275px; }


/* =Blog Details page CSS
========================================================================================*/
.blog-article blockquote { border:2px solid #f1f2f3; padding:20px 20px 20px 140px; position:relative; color:#838a8f; font-size:16px; font-style:italic; line-height:1.7; min-height:132px; }
.blog-article blockquote:before { content:""; position:absolute; top:15px; left:15px; bottom:15px; background-color:#f1f2f3; width:100px; }
.blog-article blockquote:after { content:""; position:absolute; background-image:url("../images/bgi/sprites.png"); background-position:-108px -362px; background-repeat:no-repeat; height:37px; width:44px; top:0; bottom:0; margin:auto; left:40px; }
.blog-article blockquote p { color:#838a8f; font-size:16px; line-height:1.7; margin:0; }


.tags-share { margin:20px 0; border:2px solid #f1f2f3; border-right:0; border-left:0; padding:11px 0; display:inline-table; width:100%; }
.tags-share:after { display:table; content:""; clear:both; }
.tags-list { display:table-cell; vertical-align:middle; }
.tags-list h6 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin:0 5px 0 0; display:inline-block; font-size:18px; }
.tags-list ul { display:inline-table; margin:0; padding:0; list-style:none; }
.tags-share .tags-list li { display:inline-block; margin-right:5px; padding:0; margin-bottom:0; font-size:14px; }
.tags-share .tags-list li:before { display:none; }
.tags-list li a { color:#8f9599; }
.tags-list li a:hover { color:#f68220; text-decoration:none; }
.post-share { float:right; }
.post-share figure, .comment-box figure { margin:0; }
 .post-share figure img, .comment-box figure img { max-width:100%; }



.wpcf7-form span.wpcf7-not-valid-tip {  border:0; color: #f00; line-height: 1.2; padding:6px 0 0;  z-index: 5; font-size:14px; position:absolute; top:44px; left:0; right:0; background:#F8F8F8; }
.wpcf7-form div.wpcf7-response-output { margin:30px 0 0; text-align:center; padding:15px; color:#f00; background:#fdeeee; border:solid 1px #f2c9c9; clear:both; } 
#spotLight #wpss_slideshow_home-slider { padding:0; }
form.wpcf7-form div.wpcf7-mail-sent-ok { font-weight:normal; color:#468847; background:#DFF0D8; border:solid 1px #D6E9C6; }
div.wpcf7 img.ajax-loader { position:absolute; margin:14px 0 0 16px; }
.wpcf7-form-control-wrap .wpcf7-not-valid { margin-bottom:20px; }
.wpcf7-form .message span.wpcf7-not-valid-tip { top:100%; padding-top:0; margin-top:-16px; }
.enquiry-form .wpcf7-form span.wpcf7-not-valid-tip { background:none; }
.enquiry-form .wpcf7-form-control-wrap .wpcf7-not-valid { margin-bottom:0; }
.enquiry-form .wpcf7-form span.wpcf7-not-valid-tip { position:static; }

/*Popup CSS*/
.close-dialogbox { position:absolute; right:6px; top:14px; border-radius:100%; background:#5e656b; color:#fff; line-height:30px; width:30px; height:30px; text-align:center; font-size:12px; }
.close-dialogbox:before { content:'X'; position:absolute; color:#fff; top:0; left:12px; font-weight:bold; }
.close-dialogbox:hover { background:#f68220; text-decoration:none }
body.overflowhidden { overflow:hidden; padding-right:17px; }
.popouterbox .popup-block {  display:block; position:absolute; top:50%; left:0; right:0; margin:0 auto; z-index: 99999; max-width:620px; width:100%; padding:30px 20px; }
.popouterbox .popup-block.taller { top:0; }
.popouterbox { bottom: 0; display: none; left: 0; overflow: hidden; overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 999999999; }
.modal-backdrop { display:none; background: #000; position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 9999;  }
.pop-contentbox { background:#fff; padding:30px 25px; box-shadow:0 0 10px rgba(0,0,0,.25);  }

.popup-block .account-box { margin:0; }
body.overflowhidden #header { padding-right:17px; }
body.overflowhidden .main-bannerbox { left:-17px; }

#popupname .popup-block { max-width:630px; }

/* =Solutions Details page CSS
========================================================================================*/
.solutions-section { overflow:hidden; }
.solutions-box:after { content:""; display:table; clear:both; }
.solutions-box { padding:90px 0 70px; height:100%; font-size:0; vertical-align:middle; display:inline-block; width:100%; }
.solutions-details h4 { font-size:48px; position:relative; color:#1b2228; text-transform:uppercase; }
.solutions-details h4:after { content:""; position:absolute; top:0; bottom:0; margin:auto; width:110px; height:1px; background:#f68220; right:-120px; }
.solutions-details { text-align:right; vertical-align:middle; position:relative; font-size: 0; float:left;}
.solutions-details:before { content:""; display:inline-block; height:100%; vertical-align:middle;  }

.solutions-details p { font-size:16px; color:#707070; line-height:1.8;  width:100%; }
.solutions-box-details { font-size:15px; display:inline-block; vertical-align:middle; padding:20px 40px; }

.solutions-img { float:right; width:53%; position:relative; }
.solutions-img figure a:after { background-image:url(../images/bgi/solution-list-bg-01.png); background-repeat:no-repeat; content:""; height:344px; right:-30px; top:-30px; width:344px; z-index:-1; position:absolute; -webkit-background-size:100% 100%; background-size:100% 100%;  }
.solutions-img figure { position:relative; margin:0; }
.solutions-img a { display:inline-block; position:relative; box-shadow:1px 0 20px rgba(35, 31, 32, 0.14); }
.solutions-img img { max-width:100%; }
.discover-more { font-size:15px; color:#1b2228; text-transform:uppercase; font-weight:bold; position:relative; padding-left:37px; padding-top:2px; }
.discover-more:hover { text-decoration:none; }
.discover-more:after { border-bottom:6px solid transparent; border-left:6px solid #f68220; border-top:6px solid transparent; content:""; display:inline-block; height:0; left:12px; position:absolute; top:8px; width:0; }
.discover-more:before { content:""; height:27px; width:27px; border:2px solid #dbdcdd; border-radius:50%; position:absolute; top:0; left:0;  }

.odd .solutions-img { float:left; }
.odd .solutions-img figure a:after { background-image:url(../images/bgi/solution-list-bg-02.png); left:-30px; right:auto; }
.orange-gradient { background: #ffa718; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  #ffa718 , #ff830b); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,  #ffa718, #ff830b); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  #ffa718, #ff830b); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  #ffa718, #ff830b); /* Standard syntax */ }

.blue-gradient { background: #34b2ba; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  #34b2ba , #3791c7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,  #34b2ba, #3791c7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  #34b2ba, #3791c7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  #34b2ba, #3791c7); /* Standard syntax */ }
	.odd .solutions-details { text-align:left; }
.odd .solutions-details h4 { color:#fff; }
.odd .solutions-details h4:after { background:#fff; right:auto; left:-160px; }
.odd .solutions-details p { color:#fff; }
.odd .discover-more:after { border-left-color:#fff; }
.odd .discover-more:before { border-color:#fff; }
.odd .discover-more { color:#fff; }
.popouterbox .wpcf7-form span.wpcf7-not-valid-tip { background:none; }
.get-in-touch-visible:after { background:#000; bottom:0; content:""; left:0; opacity:0.6; position:fixed; height:100%; width:100%; right:0;  top:0; z-index:10; }
.get-in-touch-visible { overflow:hidden; }
.lower-text { text-transform:none; }

/* =Error page CSS
========================================================================================*/
.error404 { background:#fff; }
.error404 #main { padding:120px 0; }
.error404 .page-content { text-align:center; }
.error404 h2 { font-weight:bold; margin-bottom:25px; }
.error404 .page-content p { font-size:17px; color:#999; }

/* =Default page CSS
========================================================================================*/
/* .page-template-default #main { padding:50px 0; } */
.default-page figure { border:1px solid #d6d6d6; float:left; margin:0 30px 10px 0; padding:10px; width:50%; }
.default-page figure img { max-width:100%; }
.single-post .blog-article { border-bottom:0; padding-bottom:0; margin-bottom:0; }

.get-in-touch-visible .enquiry-form-box { right:0;}
.enquiry-form .mCSB_scrollTools { right:-20px; }

/* =Digital Prder list CSS
========================================================================================*/

.digital-order-box { padding:65px 30px 45px; text-align:center; background:#fff; }
.digital-order-box:after { content:""; display:table; clear:both; }
.digital-order-box p { max-width:955px; width:100%; font-size:22px; color:#656565; margin-left:auto; margin-right:auto; }
.step-list { max-width:1843px; width:100%; margin:100px auto 90px; padding:0; list-style:none; font-size:0; }
.step-list:after { content:''; clear:both; display:table; }
.step-list li { display:inline-block; font-size:16px; width:22.222222%; padding-top:12.7%; background:url(../images/bgi/curve-bg-step3.png) 0 0 no-repeat; background-size:100% 100%; margin:0 -1.25%; position:relative; }
.step-list li:first-child { margin-left:0; }
.step-list li:first-child:after {  margin-left:0; background:url(../images/bgi/curve-bg-step2.png) 0 0 no-repeat; z-index:5; width:100px; height:100%; content:''; position:absolute; left:0; top:0; background-size:auto 100%; }
.step-list li:last-child { width:12.5%; background-size:auto 100%; margin-right:0; }
.step-list li:last-child:after {  margin-left:0; background:#fff url(../images/bgi/curve-bg-step9.png) 0 0 no-repeat; z-index:5; width:100px; height:100%; content:''; position:absolute; top:-2px; right:0; background-position:100% 0; background-size:auto 100%; }
.step-box { left:3%; margin:0 auto; position:absolute; text-align:center; top:50%; width:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); height:100%; z-index:6; }
.step-box h5 { font-size:21px; color:#0092ba; text-transform:uppercase; word-wrap:break-word; margin:0; position:absolute; left:0; right:0; top:-60px; }

.step-box:last-child { right:3%; left:auto; }
.step-box:last-child h5 { color:#ff7612; bottom:-60px; top:auto; }
.step-list li:last-child .step-box h5 { color:#0092ba; top:-60px; bottom:auto; }
.step-list li:last-child .step-box { left:0; }
.step-box span { position:absolute; right:0; left:0; margin:auto; bottom:0; top:0; height:75px; width:75px; background:url(../images/bgi/sprites.png); background-repeat:no-repeat; content:""; display:inline-block; text-indent:-999em; z-index:1; }
.step-box .cmscontent-sourcing { background-position:-448px 0; }
.step-box .content-ingestion-and-transcoding { background-position:-524px 0; }
.step-box .platform-customizationsecurity { background-position:-448px -76px; }
.step-box .publishingdeliver-content { background-position:-524px -76px; }
.step-box .multi-devicemulti-os { background-position:-448px -152px; }
.step-box .monetization-and-billing-integration { background-position:-524px -152px; }
.step-box .marketing { background-position:-448px -228px; }
.step-box .support { background-position:-524px -228px; }
.step-box .analytics { background-position:-448px -304px; }

.home #header #logo .fixed-logo { display: none; }
.home #header #logo img { display:block; }
#header #logo img { display:none; }
.home #header.navhide #logo img { display:none; }
.home #header.navhide #logo .fixed-logo, #header #logo .fixed-logo, .navhide #logo .fixed-logo { display: block; }
#promotion-popup.popouterbox .pop-contentbox{ padding:25px; background-color:#ededed;  }
#promotion-popup.popouterbox .close-dialogbox{ right:6px; top:16px; }
#promotion-popup, #promotion-popup .modal-backdrop { display: block; }
#promotion-popup .modal-backdrop { opacity: 0.8; }
#promotion-popup.popouterbox .popup-block { max-width: 850px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0 !important; }
#promotion-popup.popouterbox .popup-block img { max-width: 100%; }