iframe {



	border:0;



	width:100%



}



table, table tr td {



	border:1px solid #e2e2e2;



	border-collapse:collapse



}



table {



	margin:35px 0 0;



	padding:0;



	width:100%



}



table tr td {



	padding:15px 24px;



	text-align:center;



	vertical-align:top



}



table .name {



	background:#d9d9d9 0 0;



	color:#2f2f2f;



	font-size:21px;



	margin:0;



	padding:17px 0;



	text-align:center;



	font-weight:700



}



.cell-2 .name {



	background:#1abc9c!important;



	color:#fff



}



.cell-4 .name {



	background:#ff9f39!important;



	color:#fff



}



table .head {



	background:#f3f3f3 0 0;



	color:#222;



	display:block;



	font-size:18px;



	height:114px;



	padding:20px 0;



	text-align:center



}



.green1, .red1 {



	color:#eb0f26;



	font-size:17px;



	float:left;



	width:100%;



	text-align:center



}



.green1 {



	color:#1d7702



}



table .head span {



	color:#2f2f2f;



	display:block;



	font-size:24px;



	font-weight:700;



	padding:8px 0 0



}



table tr td.highlighted .name {



	background:#eb0f26 0 0;



	border-radius:3px 3px 0 0;



	color:#fff;



	height:58px;



	margin-bottom:-10px;



	position:relative;



	top:-10px



}



table tr td.highlighted .name span {



	color:#f9b3c3;



	display:block;



	font-size:13px;



	padding-bottom:10px;



	text-align:center



}



table tr td.highlighted .head {



	background:#fff 0 0



}



table tr td:first-child {



	background:#f7f7f7 url(../images/btm-gradi.jpg) no-repeat right bottom;



	border-bottom:medium none!important;



	border-right:medium none!important;



	border-top:medium none!important;



	color:#222;



	font-size:16px;



	padding:22px 25px;



	text-align:left



}



table tr td.first {



	background:#fff 0 0;



	border-bottom:1px solid #e2e2e2!important;



	border-right:1px solid #e2e2e2!important;



	padding:0



}



table tr td span.tittle {



	color:#2f2f2f;



	display:block;



	font-size:30px;



	font-weight:400;



	padding:22px 25px



}



table tr td img.img {



	text-align:center;



	margin:26px 46px 26px 82px



}



table tr td:nth-child(2) {



background:url(../images/parrot-left.jpg) no-repeat 0 center;



border-left:medium none!important;



padding:15px 25px



}



table tr td.cell-1 {



	padding:0;



	width:266px



}



table tr td.cell-2 {



	background:0 0



}



table tr td.cell-2, table tr td.cell-3, table tr td.cell-4 {



	padding:0;



	width:246px



}



table tr td.btm-lft {



	background:#fff 0 0;



	border-right:1px solid #e2e2e2!important



}



.gray-txt {



	color:#373739



}



.or-img {



	background:url(../images/or.png) no-repeat;



	height:18px



}



table tr td.btm-cells {



	background:0 0;



	padding:0



}



.enquire {



	background:#f3f3f3 0 0;



	border-top:1px solid #e2e2e2;



	padding:15px 0



}



.enquire a, .oreder-div {



	font-weight:700;



	text-align:center



}



.enquire a {



	background:#373739 0 0;



	border-radius:3px;



	display:block;



	text-transform:uppercase;



	margin:0 auto;



	width:196px;



	color:#fff;



	font-size:13px;



	padding:15px 0



}



.oreder-div {



	font-size:23px;



	padding:40px 0;



	color:#eb0f26



}



.enquire a:hover {



	background:#eb0f26 0 0;



	color:#fff



}



.black {



	background:#2a2521



}



.footerx_address h4 {



	color:#fff;



	font-size:24px!important;



	margin-bottom:10px



}



.footerx_address p {



	text-align:left;



	color:#fff!important;



	line-height:22px!important;



	font-size:15px!important



}



.footerx_address i {



	width:60px;



	height:60px;



	float:left;



	margin-right:15px;



	color:#fff;



	font-size:52px



}



.contactUsButton, .contactUsButton:hover {



	background:#fff



}



.contactUsButton {



	background:-moz-linear-gradient(top, #fff 0, #fff 22%, #004ea5 34%, #004ea5 70%, #fff 70%, #fff 100%);



	background:-webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(34%, #fff), color-stop(34%, #004ea5), color-stop(70%, #004ea5), color-stop(70%, #fff), color-stop(100%, #fff));



	background:-webkit-linear-gradient(top, #fff 0, #fff 34%, #004ea5 34%, #004ea5 70%, #fff 70%, #fff 100%);



	background:-o-linear-gradient(top, #fff 0, #fff 34%, #004ea5 34%, #004ea5 70%, #fff 70%, #fff 100%);



	background:-ms-linear-gradient(top, #fff 0, #fff 34%, #004ea5 34%, #004ea5 70%, #fff 70%, #fff 100%);



	background:linear-gradient(to bottom, #fff 0, #fff 34%, #004ea5 34%, #004ea5 70%, #fff 70%, #fff 100%);



	border-radius:3px;



	color:#fff!important



}



.contactUsButton:hover {



	background:-moz-linear-gradient(top, #fff 0, #fff 34%, #eb0f26 34%, #eb0f26 70%, #fff 70%, #fff 100%);



	background:-webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(34%, #fff), color-stop(34%, #eb0f26), color-stop(70%, #eb0f26), color-stop(70%, #fff), color-stop(100%, #fff));



	background:-webkit-linear-gradient(top, #fff 0, #fff 34%, #eb0f26 34%, #eb0f26 70%, #fff 70%, #fff 100%);



	background:-o-linear-gradient(top, #fff 0, #fff 34%, #eb0f26 34%, #eb0f26 70%, #fff 70%, #fff 100%);



	background:-ms-linear-gradient(top, #fff 0, #fff 34%, #eb0f26 34%, #eb0f26 70%, #fff 70%, #fff 100%);



	background:linear-gradient(to bottom, #fff 0, #fff 34%, #eb0f26 34%, #eb0f26 70%, #fff 70%, #fff 100%)



}



.tt-default-nav.sticky.contactUsButton {



	margin-top:20px!important



}



.phone, a.con-link {



	vertical-align:top;



	font-weight:600



}



a.con-link {



	background:#084b9f url(../images/spriteme1.png) no-repeat 6px 9px;



	color:#fff;



	padding:5px 9px 5px 26px;



	text-decoration:none;



	float:right;



	font-size:14px;



	margin:0



}



a.con-link:hover {



	color:#fff;



}



.phone {



	font-size:16px; padding:0 9px;



	line-height:34px;



	float:left;animation:blink 1.5s infinite;background:#004ea5;}



@keyframes blink{0%{opacity:1.0}



50%{opacity:1.0;background:#c70202}



100%{opacity:1.0}



}@-webkit-keyframes blink{0%{opacity:1.0}



50%{opacity:1.0;background:#c70202}



100%{opacity:1.0}



}@-moz-keyframes blink{0%{opacity:1.0}



50%{opacity:1.0;background:#c70202}



100%{opacity:1.0}



}







.phone span {



	font-size:15px



}



.phone, .phone a, .phone a:hover, footer .soc_links a i:hover {



	color:#fff



}



ul.social-right {



	float:right;



	vertical-align:top;



	margin:5px 7px 0 0;



	padding:0



}



ul.social-right li {



	float:left;



	padding:0;



	display:block;



	margin:0



}



ul.social-right li a {



	float:left;



	width:25px;



	height:24px;



	margin-left:3px;



	padding:0;



	display:block;



	-o-border-radius:2px;



	-icab-border-radius:2px;



	-khtml-border-radius:2px;



	-moz-border-radius:2px;



	-webkit-border-radius:2px;



	border-radius:2px;



	border:solid 1px #ff575f



}



ul.social-right li a:hover {



	border:solid 1px #fff



}



.footerx-logo a {



	color:#fff



}



.footerx-logo a:hover {



	text-decoration:underline



}



.footerx-logo p {



	text-align:center;



	color:#fff;



	font-size:13px;



	margin:7px 0!important



}



.ft_mt35 {



	margin:35px 0 10px



}



.ft_links {



	min-height:300px



}



.ft_links li, .ft_links li a, .ft_links1 li {



	color:#fff;



	display:block;



	font:13px/21px Roboto, sans-serif;



	margin:0;



	text-align:left



}



.ft_links li, .ft_links1 li {



	background:url(../images/arrow12.png) no-repeat 1px 8px;



	padding:0 0 6px 9px



}



.ft_links li a {



	padding:0 0 6px



}



.ft_links a:hover, .ft_links1 a:hover {



	color:#ca2c3c



}



.ft_links span a {



	text-transform:uppercase



}



.ft_links1 {



	min-height:250px



}



.ft_links1 li a {



	color:#fff;



	display:block;



	font:13px/21px Roboto, sans-serif;



	margin:0;



	padding:0 0 6px;



	text-align:left



}



.ft_links1 span a {



	text-transform:uppercase



}



.blue2, .ft_address {



	line-height:1.8em!important



}



.icon_footer {



	width:38px;



	height:58px;



	font-size:22px;



	float:left;



	border-right:1px solid #363636;



	margin-right:20px;



	padding:5px 0



}



.mb {



	margin-bottom:20px



}



.footerx-section1 h6 {



	font-size:17px;



	color:#fff;



	font-family:brandon_grotesquebold;



	margin-bottom:15px



}



.copy {



	background:#1d1814;



	padding:10px 0 67px



}



.contact_ft_area {



	text-align:center;



	padding:10px 0



}



.iso_bg {



	padding:15px 15px 25px;



	background:#222;



	border-top:1px solid #1363636



}



.iso_cnt, .iso_cnt_sm {



	color:#fff;



	font:700 38px/38px Roboto, sans-serif;



	text-align:right



}



.iso_cnt_sm {



	font:15px/15px Roboto, sans-serif



}



.follow_area {



	margin:15px 0 37% 12%



}



.ft_address {



	color:#fff;



	font:14px/15px "Open Sans", Arial, Helvetica, sans-serif;



	margin-top:15px;



	text-align:left



}



footer .soc_links a {



	background-color:#fff;



	display:inline-block;



	height:30px;



	margin-right:4px;



transition:all .6s linear 0s;



	width:30px;



	padding:3px 8px;



	border-radius:20px



}



footer .soc_links a i {



	font-size:15px;



	color:#222



}



footer .soc_links a:last-child {



	margin-right:0



}



footer .soc_links a:hover {



	background-color:#c02232;



	color:#fff



}



.icon_box {



	width:77px;



	height:77px;



	float:left;



	margin-right:20px



}



.blue2, .blue2 a, .blue2 a:hover, .sd-header-social a:hover, .sd-social-icons-widget a:hover {



	color:#fff



}



footer h6, footer p.h6.strong {



	font:13px/15px "Open Sans", Arial, Helvetica, sans-serif;



	color:#fff;



	text-align:left



}



.contact_ft_area h6 {



	text-align:center



}



footer .soc_links a b {



	display:block;



	height:39px;



	width:39px



}



.no_pad {



	padding:0



}



.ml22 {



	margin-left:22px



}



.form {



	background:#eb0f26;



	padding:10px



}



.form h2, .form p {



	color:#fff!important;



	text-align:left;



	margin-bottom:10px!important



}



.client img {



	width:100%



}



.sd-header-social {



	float:right



}



.sd-header-social a {



	color:#fff;



	display:block;



	float:left;



	padding:5px 0;



	text-align:center;



	width:42px



}



.sd-social-icons-widget a {



	color:#868685;



	display:inline-block;



	overflow:hidden;



	text-align:center;



	width:42px



}



.sd-header-facebook:hover {



	background-color:#3b5998



}



.sd-header-twitter:hover {



	background-color:#00aced



}



.sd-header-linkedin:hover {



	background-color:#007bb6



}



.sd-header-google-plus:hover {



	background-color:#dd4b39



}



.sd-header-youtube-play:hover {



	background-color:#b00



}



.sd-header-vimeo-square:hover {



	background-color:#aad450



}



.sd-header-pinterest:hover {



	background-color:#cb2027



}



.sd-header-instagram:hover {



	background-color:#517fa4



}



.sd-header-flickr:hover {



	background-color:#ff0084



}



.sd-header-rss:hover {



	background-color:#ff8a00



}



.color1 {



	background-color:rgba(237, 70, 54, .9)



}



.color2 {



	background-color:rgba(247, 142, 51, .9)



}



.color3 {



	background-color:rgba(83, 183, 87, .9)



}



.color4 {



	background-color:rgba(154, 66, 150, .9)



}



.color5 {



	background-color:rgba(72, 178, 228, .9)



}



.color6 {



	background-color:rgba(203, 34, 42, .9)



}



.headerx_top {



	background:#eb0f26;



	float:left;



	width:100%;



	height:auto;



	position:fixed;



	z-index:9999



}



.green {



	background:#1abc9c!important



}



.orange {



	background:#ff9f39!important



}



.red {



	background:#e74c3c!important



}



.blue {



	background:#2cbed2!important



}



.link_section {



	margin-top:42px



}



.link_list ul, .link_list ul li, ul {



	margin:0;



	padding:0;



	list-style:none



}



.link_list ul li {



	float:left;



	width:50%;



	margin:0 0 25px



}



.link_list ul li .link_box1 {



	width:94%;



	margin:auto;



	border:2px solid #2cbed2;



	border-radius:36px;



	background:#fff;



	padding:7px 17px;



	height:92px;



	position:relative



}



.link_list ul li .link_box1:hover {



	background:#ffead6;



	border:2px solid #eb0f26



}



.link_list ul li .link_box_img {



	width:93px;



	height:93px;



	background:#2cbed2;



	border-radius:100%;



	margin:auto;



	overflow:hidden



}



.link_list ul li:hover .link_box_img {



	background:#2cbed2



}



.link_box_img figure {



	width:93px;



	height:93px;



	display:table-cell;



	vertical-align:middle;



	text-align:center



}



.link_box_img img {



	display:block;



	margin:auto;



	border-radius:100%



}



.link_box_sec1 {



	float:left;



	position:absolute;



	z-index:99;



	top:-3px;



	left:-9px



}



.link_box_sec2 {



	float:right;



	width:70%;



	color:#000;



	height:67px;



	overflow:hidden



}



.link_list ul li:nth-child(2) .link_box1 {



border:2px solid #ff9f39



}



.link_list ul li:hover:nth-child(2) .link_box1, .link_list ul li:hover:nth-child(3) .link_box1 {



border:2px solid #eb0f26;



background:#ffead6



}



.link_list ul li:nth-child(3) .link_box1 {



border:2px solid #e74c3c



}



.link_list ul li:nth-child(4) .link_box1 {



border:2px solid #1abc9c



}



.link_list ul li:hover:nth-child(4) .link_box1 {



border:12x solid #eb0f26;



background:#ffead6



}



.link_list ul li:hover:nth-child(2) .link_box_img, .link_list ul li:nth-child(2) .link_box_img {



background:#ff9f39



}



.link_list ul li:hover:nth-child(3) .link_box_img, .link_list ul li:nth-child(3) .link_box_img {



background:#e74c3c



}



.link_list ul li:hover:nth-child(4) .link_box_img, .link_list ul li:nth-child(4) .link_box_img {



background:#1abc9c



}



.megamenu-wrapper .dropdownx-megamenu {



	padding:20px 20px 10px!important;



	width:100%



}



.case-study-page .page-header h1, .megamenu-wrapper .dropdownx-megamenu>li {



	margin-bottom:15px



}



.megamenu-wrapper .menu-col-1>li {



	width:100%



}



.megamenu-wrapper .menu-col-2>li {



	float:left;



	width:50%



}



.megamenu-wrapper .menu-col-3>li {



	float:left;



	width:33.33%



}



.megamenu-wrapper .menu-col-4>li {



	float:left;



	overflow:hidden;



	width:25%



}



.navxbar-default.sticky .dropdownx-wrapper {



	padding-top:23px;



	top:40px



}



.navxbar-default.sticky .megamenu-wrapper {



	padding-top:28px;



	top:35px



}



.navxbar-default.sticky .navxbar-nav li:hover>.megamenu-wrapper {



	top:25px



}



@media (min-width:992px) and (max-width:1199px) {



.navxbar-nav li .dropdownx-wrapper, .navxbar-nav li .megamenu-wrapper {



padding-top:20px



}



}



@media (min-width:768px) and (max-width:991px) {



.navxbar-default {



padding:10px 0



}



.navxbar .navx>li {



padding:0



}



.navxbar-default .navxbar-nav>li>a {



padding:10px 5px



}



.navxbar-default.sticky .navxbar-nav>li>a {



padding:20px 12px



}



.navxbar-nav li .dropdownx-wrapper, .navxbar-nav li .megamenu-wrapper {



padding-top:12px



}



}



@media (max-width:767px) {



.navxbar-brand {



margin:5px 0 0;



padding:10px 15px



}



.navxbar .navx>li {



padding:0



}



.headerx-transparent .navxbar-default .navxbar-nav>li>a, .navxbar-default .navxbar-nav li a {



color:#202020;



font-size:13px



}



.navxbar-default ul ul {



padding-left:20px!important



}



.navxbar-default .navxbar-nav .open .dropdownx-menu>.active>a, .navxbar-default .navxbar-nav .open .dropdownx-menu>.active>a:focus, .navxbar-default .navxbar-nav .open .dropdownx-menu>.active>a:hover, .navxbar-default .navxbar-nav .open .dropdownx-menu>li>a:focus, .navxbar-default .navxbar-nav .open .dropdownx-menu>li>a:hover {



background-color:transparent;



color:#eb0f26



}



.navxbar-default .navxbar-nav li.current-menu-ancestor.has-mega-menu-child>a, .navxbar-default .navxbar-nav li.current-menu-parent.has-mega-menu-child>a {



color:#fff



}



.navxbar-nav li {



list-style:outside none none



}



.navxbar-nav li .dropdownx-wrapper, .navxbar-nav li .sub-dropdown-wrapper {



margin:0;



padding:0;



position:static



}



.navxbar-nav>li:hover>.dropdownx-wrapper>ul {



display:none



}



.navxbar-nav>li.open>.dropdownx-wrapper>ul {



display:block



}



.dropdownx-menu-trigger {



background-color:transparent;



border:1px solid #616161;



border-radius:50%;



color:#616161;



height:25px;



line-height:20px;



position:absolute;



right:0;



text-align:center;



top:4px;



width:25px



}



.dropdownx-menu-trigger.menu-collapsed {



border-color:#eb0f26;



color:#eb0f26



}



.dropdownx-menu-trigger i {



font-size:12px



}



.dropdownx-menu-trigger i:last-child {



display:none



}



.dropdownx-menu-trigger.menu-collapsed i:first-child {



display:none



}



.dropdownx-menu-trigger.menu-collapsed i:last-child {



display:block



}



.has-mega-menu .has-mega-menu-child .collapsex {



display:block;



padding:0



}



.has-mega-menu .has-mega-menu-child .dropdownx-menu-trigger {



display:none



}



.mobile-menu.navxbar-collapse {



max-height:340px



}



}



.navxbar-toggle {



	border-radius:0;



	margin-top:20px;



transition:all .3s ease-in-out 0s



}



.navxbar-default .navxbar-toggle .icon-bar {



	background-color:#4e4e4e;



transition:all .3s ease-in-out 0s



}



.navxbar-default .navxbar-toggle:focus, .navxbar-default .navxbar-toggle:hover {



	background-color:#eb0f26;



	border-color:#eb0f26



}



.navxbar-default .navxbar-toggle:focus .icon-bar, .navxbar-default .navxbar-toggle:hover .icon-bar {



	background-color:#fff



}



body {



	font-family:'Open Sans', sans-serif;



	font-size:14px;



	line-height:1.7em;



	font-weight:400;



	text-align:justify;



	background-color:#fff;



	overflow-x:hidden;



	-webkit-text-size-adjust:100%;



	-webkit-overflow-scrolling:touch;



	-webkit-font-smoothing:antialiased!important



}



.html-video-wrapper video, body, html {



	width:100%;



	height:100%



}



a, body {



	color:#444



}



a, a>* {



	outline:0;



	cursor:pointer;



	text-decoration:none



}



a:focus, a:hover {



	color:#444;



	outline:0;



	text-decoration:none



}



.btnx, .form-control, .navxbar a, a {



-webkit-transition:all .4s ease;



-moz-transition:all .4s ease;



-ms-transition:all .4s ease;



-o-transition:all .4s ease;



transition:all .4s ease



}



.btnx, .form-control, .form-control:focus, .form-control:hover, .navxbar-custom .dropdownx-menu {



	-webkit-box-shadow:none;



	box-shadow:none



}



.swif-box-dev {



	float:left;



	margin-top:30px;



	width:100%



}



.box-swift1 {



	background-color:#00798c!important



}



.box-swift2 {



	background-color:#30638e!important



}



.box-swift3 {



	background-color:#9c9c9c!important



}



.box-swift4 {



	background-color:#edae49!important



}



.box-swift5 {



	background-color:#d1495b!important



}



.box-swift6 {



	background-color:#003d5b!important



}



.box-swift7 {



	background-color:#626262!important



}



.box-swift8 {



	background-color:#14525c!important



}



ul.swift-develop li {



	height:207px;



	padding:40px 20px;



	text-align:center;



	color:#666;



	font-size:20px;



	font-weight:300;



	line-height:normal;



	margin:0;



transition:all .3s linear 0s



}



.swift-develop img {



	display:inline-block;



	height:auto;



	margin:0 0 5px;



	width:auto



}



.swif-box-dev p {



	color:#fff;



	font-weight:600;



	font-size:20px;



	font-family:brandon_grotesquebold;



	text-transform:uppercase;



	margin-top:10px



}



.tl {



	text-align:left



}



.tr {



	text-align:right



}


h3 {font-family:brandon_grotesqueblack;}
h1, h2, h3x, h4, h5, h6 {



	font-family:brandon_grotesqueblack;



	margin:10px 0;



	color:#202020;



	text-transform:uppercase



}



.red-color {



	margin:10px 0;



	color:#eb0f26;



	font-size:17px



}



.red-color1 {



	color:#ed0f26



}



h1 {



	font-size:25px;



	line-height:50px



}



h2 {



	font-size:23px



}



h3x, h4 {



	font-size:18px;



	line-height:25px



}



h4 {



	line-height:1.5em



}



p img {



	margin:0



}



blockquote {



	padding:20px 20px 20px 60px;



	font-size:16px;



	color:#969595;



	border:1px solid #eee;



	position:relative;



	margin:0



}



.post-wrapper blockquote::before, blockquote::before {



position:absolute;



content:"\f10d";



font-family:FontAwesome;



font-size:30px;



color:#eee;



left:15px;



top:25px



}



.btnx {



	padding:6px 20px



}



.btnx-group-lg>.btnx, .btnx-lg {



	padding:5px 20px



}



.btnx-primary, .btnx-primary1 {



	background-color:#eb0f26;



	border-color:#eb0f26



}



.btnx-primary1:hover, .btnx-primary:hover {



	background-color:#34495e;



	border-color:#34495e



}



.btnx-primary1 {



	color:#fff



}



.btnx-primary1:hover {



	color:#fff



}



inputx[type=submitx] {



	background:#fff;



	float:right;



	border:0;



	padding:5px 10px;



	font:700 12px/1.5em Arial, Helvetica, sans-serif



}



inputx[type=submitx]:hover {



	background:#eb0f26;



	color:#fff



}



.learnmore-btn {



	font-size:20px;



	line-height:18px;



	font-weight:300;



	color:#fff;



	background-color:transparent;



	border-color:#fff;



	border-radius:30px;



	padding:20px 57px



}



.learnmore-btn:focus, .learnmore-btn:hover {



	background:#fff;



	border-color:transparent;



	color:#eb0f26



}



.btnx:focus, button:focus {



	outline:0!important



}



.tt-alert {



	background-color:transparent



}



.alert-dismissible .close {



	top:5px



}



.unorder-list {



	list-style:inherit



}



.check-circle-list li {



	line-height:33px



}



.check-circle-list li i {



	font-size:16px;



	color:#21acbe;



	margin-right:10px;



-webkit-transition:all .4s ease-in-out 0s;



-moz-transition:all .4s ease-in-out 0s;



-ms-transition:all .4s ease-in-out 0s;



-o-transition:all .4s ease-in-out 0s;



transition:all .4s ease-in-out 0s



}



.check-circle-list li:hover i, .service-tab li.active i:before, .service-tab li:hover i:before, .version-two.border-style ul.project-meta li a:hover, ul.project-meta li a:hover {



	color:#eb0f26



}



.form-group {



	margin-bottom:20px



}



.form-control {



	padding:5px;



	font:14px/1.5em "Open Sans", sans-serif;



	line-height:25px;



	font-weight:300;



	color:#202020;



	border:1px solid #e3e3e3;



	background:#f2f2f2;



	height:40px;



	border-radius:0



}



.form-control:focus {



	border-color:#eb0f26



}



.icone_size {



	font-size:20px;



	color:#eb0f26;



	margin-right:10px



}



.section-padding {



	padding:50px 0



}



.section-title {



	font-size:26px;



	line-height:30px;



	color:#eb0f26;



	margin-bottom:12px;



	text-align:left



}



.section-title span {



	font-size:20px;



	color:#2a2521



}



.sub-title {



	margin:0 0 20px;



	line-height:25px



}



.rowx-content {



	margin-top:80px



}



.mt-30 {



	margin-top:30px



}



.mt-50 {



	margin-top:50px



}



.mt-80 {



	margin-top:80px



}



.mt-100 {



	margin-top:100px



}



.mb-30 {



	margin-bottom:30px



}



.mb-80 {



	margin-bottom:80px



}



.no-padding {



	padding:0!important



}



.pb-20 {



	padding-bottom:20px



}



.pb-30 {



	padding-bottom:30px



}



.pb-50 {



	padding-bottom:50px



}



.pt-100 {



	padding-top:100px



}



.pb-100 {



	padding-bottom:100px



}



.ptb-50 {



	padding:50px 0



}



.ptb-90 {



	padding:90px 0



}



.overlay-bg {



	background-color:rgba(0, 0, 0, .5)



}



.gray-bg {



	background-color:#fafafa



}



.gutter {



	padding-left:10px!important;



	padding-right:10px!important



}



.vertical-middle {



	position:absolute;



	width:100%;



	top:50%;



	left:0;



	-webkit-transform:translate(0, -50%);



	-moz-transform:translate(0, -50%);



	-ms-transform:translate(0, -50%);



	-o-transform:translate(0, -50%);



	transform:translate(0, -50%);



	padding:0 15px



}



.navxbar-custom {



	background-color:#fff;



	border:0;



	margin-bottom:0;



	border-radius:0



}



.navxbar-custom .dropdownx-menu {



	background:#f8f8f8;



	border-top:2px solid #eb0f26;



	border-radius:0;



	padding:0;



	min-width:180px;



	-webkit-box-shadow:none;



	box-shadow:none



}



.navxbar-custom .navx li>a {



	position:relative;



	color:#000;



	font-weight:600



}



.navxbar-collapse {



	max-height:340px



}



@media (min-width:768px) {



.transparent.white.navxbar-custom .navx li>a {



color:#fff



}



.transparent.white.navxbar-custom .navx li.dropdownx li a, .transparent.white.navxbar-custom.sticky .navx li>a {



color:#000



}



.transparent .navxbar-brand.alter-logo, .transparent.sticky .navxbar-brand {



display:none



}



.transparent.sticky .navxbar-brand.alter-logo {



display:block



}



}



@media (max-width:767px) {



.transparent .navxbar-brand {



display:none



}



.transparent .navxbar-brand.alter-logo {



display:block



}



}



@media (min-width:992px) {



.transparent.navxbar-custom .navx>li:last-child {



margin-right:30px



}



}



.navxbar-custom .dropdownx-menu>li>a {



	border-top:1px solid rgba(0, 0, 0, .05)!important;



	padding:8px 20px;



	font-size:13px;



	color:#444



}



.navxbar-custom .dropdownx-menu>li:last-child>a {



	border-bottom:1px solid rgba(0, 0, 0, .05)!important



}



.navxbar-custom .dropdownx-menu .dropdownx-menu {



	border-left:1px solid rgba(0, 0, 0, .05);



	left:100%;



	right:auto;



	top:0;



	margin-top:0



}



.navxbar-custom .dropdownx-menu.left-side .dropdownx-menu {



	border:0;



	border-right:1px solid rgba(0, 0, 0, .05);



	right:100%;



	left:auto



}



.navxbar-custom .dropdownx-menu>.active>a, .navxbar-custom .dropdownx-menu>.active>a:focus, .navxbar-custom .dropdownx-menu>.active>a:hover, .navxbar-custom .dropdownx-menu>li>a:focus, .navxbar-custom .dropdownx-menu>li>a:hover, .navxbar-custom .navx .open>a, .navxbar-custom .navx .open>a:focus, .navxbar-custom .navx .open>a:hover, .navxbar-custom .navx>li.active>a, .navxbar-custom .navx>li>a:focus, .navxbar-custom .navx>li>a:hover {



	background-color:transparent;



	color:#eb0f26



}



.navxbar-custom .dropdownx-menu>li>a:hover {



	padding-left:25px



}



.navxbar-custom .dropdownx-toggle:after {



	position:absolute;



	display:block;



	right:-1px;



	top:50%;



	margin-top:-4px;



	font:14px/1 FontAwesome;



	font-size:12px;



	content:"\f107";



	text-rendering:auto;



	-webkit-font-smoothing:antialiased;



	-moz-osx-font-smoothing:grayscale



}



.navxbar-custom .navxbar-toggle .icon-bar {



	background:#000



}



@media (min-width:768px) {



.tt-default-nav {



width:100%;



z-index:1000;



-webkit-transition:height .4s ease;



-moz-transition:height .4s ease;



transition:height .4s ease; padding-top:34px



}



.tt-default-nav.sticky {



z-index:1000;



position:fixed;



top:0



}



.tt-default-nav .navxbar-brand {



height:100px;



-webkit-transition:all .4s ease;



-moz-transition:all .4s ease;



transition:all .4s ease



}



.tt-default-nav.sticky .navxbar-brand {



height:70px;



padding:15px 0



}



.pl{padding-left:0 !important}



.pr{padding-right:0 !important}



.tt-default-nav.navxbar-custom .navx>li>a {



line-height:100px;



padding:0 12px; text-transform:uppercase;



font-size:14px



}



.tt-default-nav.sticky.navxbar-custom .navx>li>a {



line-height:100px



}



.navxbar-fixed-top.transparent {



background:0 0;



box-shadow:none;



-webkit-transition:background .4s ease;



-moz-transition:background .4s ease;



transition:background .4s ease



}



.navxbar-fixed-top.transparent.sticky {



background:#fff;



box-shadow:0 0 1px 0 #bbb



}



.navxbar-fixed-top .navxbar-brand {



padding:38px 15px



}



.navxbar-fixed-top.sticky .navxbar-brand {



padding:15px



}



.navxbar-fixed-top .navxbar-nav>li>a {



padding:40px 15px 40px 0;



margin-right:15px



}



.navxbar-fixed-top.sticky .navxbar-nav>li>a {



padding:20px 15px 20px 0



}



.navxbar-custom .dropdownx-menu {



position:absolute;



display:block;



visibility:hidden;



opacity:0;



-webkit-transition:opacity .3s ease 0s;



-moz-transition:opacity .3s ease 0s;



-o-transition:opacity .3s ease 0s;



transition:opacity .3s ease 0s



}



.navxbar-custom .open>.dropdownx-menu {



visibility:visible;



opacity:1



}



.navxbar-custom .dropdownx-menu .dropdownx-toggle:after {



position:absolute;



display:block;



right:10px;



top:50%;



margin-top:-6px;



font:14px/1 FontAwesome;



font-size:12px;



content:"\f105";



text-rendering:auto;



-webkit-font-smoothing:antialiased;



-moz-osx-font-smoothing:grayscale



}



}



@media (min-width:992px) {



.tt-default-nav.navxbar-custom .navx>li {



margin-right:8px



}



.tt-default-nav.navxbar-custom .navx>li:last-child {



margin-right:0



}



}



@media (max-width:767px) {



.navxbar-custom {



background-color:#fff



}



.navxbar-custom .navxbar-nav {



margin-top:30px;



margin-bottom:0



}



.tt-default-nav.sticky {



width:100%;



z-index:1000;



position:fixed;



top:0



}



.navxbar-custom .navxbar-nav .open .dropdownx-menu .dropdownx-header, .navxbar-custom .navxbar-nav .open .dropdownx-menu>li>a {



padding:10px 25px



}



.navxbar-custom .navxbar-nav .open .dropdownx-menu .dropdownx-menu .dropdownx-header, .navxbar-custom .navxbar-nav .open .dropdownx-menu .dropdownx-menu>li>a {



padding:10px 35px



}



.navxbar-custom li a {



border-top:1px solid rgba(0, 0, 0, .05)!important



}



.navxbar-custom .dropdownx-menu .dropdownx-toggle:after, .navxbar-custom .dropdownx-toggle:after {



font-size:14px;



right:20px;



content:"\f107"



}



.navxbar-custom .dropdownx-menu .dropdownx.open .dropdownx-toggle:after, .navxbar-custom .navx>.open>.dropdownx-toggle:after {



content:"\f106"



}



}



#fullpage-nav.main-nav {



	position:fixed;



	top:0;



	left:0;



	z-index:200;



	width:100%;



	background:0 0;



	padding:10px 0;



-webkit-transition:background .4s ease-in-out, padding .4s ease-in-out;



-moz-transition:background .4s ease-in-out, padding .4s ease-in-out;



transition:background .4s ease-in-out, padding .4s ease-in-out



}



#fullpage-nav.main-nav.sticky {



	background:#2f2f2f;



	padding:0



}



#fullpage-nav .logo-wrapper {



	float:left;



	position:relative;



	z-index:10



}



#fullpage-nav .logo {



	display:table-cell;



	vertical-align:middle;



	height:70px;



-moz-transition:all .3s ease;



-webkit-transition:all .3s ease;



-o-transition:all .3s ease;



transition:all .3s ease



}



@media (min-width:768px) {



#fullpage-nav .navxbar-toggle {



display:block



}



}



#fullpage-nav .navxbar-toggle, #fullpage-nav nav {



	-webkit-touch-callout:none;



	-webkit-user-select:none;



	-khtml-user-select:none;



	-moz-user-select:none;



	-ms-user-select:none;



	user-select:none



}



#fullpage-nav nav {



	position:fixed;



	top:0;



	z-index:300;



	background-color:rgba(0, 0, 0, .9);



	width:100%;



	height:100%;



	text-align:center



}



#fullpage-nav .navx-hide {



	display:none



}



#fullpage-nav nav ul {



	position:absolute;



	width:100%;



	top:50%;



	left:0;



	text-align:center;



	-webkit-transform:translate(0, -50%);



	-moz-transform:translate(0, -50%);



	-ms-transform:translate(0, -50%);



	-o-transform:translate(0, -50%);



	transform:translate(0, -50%)



}



#fullpage-nav .navx>li>a {



	font-family:"Open Sans", sans-serif;



	display:block;



	padding:20px 15px;



	font-size:36px;



	color:#fff;



	font-weight:300;



	text-decoration:none;



-webkit-transition:all .3s ease;



-moz-transition:all .3s ease;



-o-transition:all .3s ease;



transition:all .3s ease



}



#fullpage-nav .navx>li>a:focus, #fullpage-nav .navx>li>a:hover {



	text-decoration:none;



	background:#fff;



	color:#eb0f26



}



#fullpage-nav .navx>li.active>a {



	color:#eb0f26;



	background:#fff



}



#fullpage-nav .navxbar-toggle {



	top:10px;



	padding:9px 10px;



	margin-right:0;



	width:47px;



	height:45px;



	z-index:300;



	cursor:pointer



}



#fullpage-nav .bar1, #fullpage-nav .bar2, #fullpage-nav .bar3 {



	width:100%;



	height:2px;



	margin-bottom:5px;



	background-color:#fff;



-webkit-transition:all .3s ease-in-out;



-moz-transition:all .3s ease-in-out;



-o-transition:all .3s ease-in-out;



transition:all .3s ease-in-out



}



#fullpage-nav .navxbar-on .bar1, #fullpage-nav .navxbar-on .bar3 {



	background-color:#eb0f26



}



#fullpage-nav .navxbar-on .bar1 {



	transform-origin:10% 40%;



	transform:rotate(45deg)



}



#fullpage-nav .navxbar-on .bar3 {



	transform-origin:10% 40%;



	transform:rotate(-45deg)



}



#fullpage-nav .navxbar-on .bar2, .page-header a.btnx {



	background-color:transparent



}



.bg {



	background:#f2f2f2;



	padding:5px



}



.search-icon {



	position:relative;



	top:64px;



	left:-35px;



-webkit-transition:all .4s ease;



-moz-transition:all .4s ease;



-o-transition:all .4s ease;



transition:all .4s ease



}



.search-icon:hover {



	cursor:pointer



}



.sticky .search-icon {



	top:25px;



	left:-35px



}



#search-box, .search-icon.active:after, .search-icon:after {



	position:absolute;



	top:0;



	right:0;



	font-family:fontawesome;



	z-index:100



}



.search-icon:after {



	content:"\f002"



}



.search-icon.active:after {



	content:"\f00d";



	color:#eb0f26



}



#search-box {



	border:0;



	border-bottom:1px solid rgba(255, 255, 255, .15);



	font-family:sans-serif;



	padding:0 15px;



	outline:0;



	font-size:20pt;



	text-align:center;



	background-color:#ccc;



	display:none;



	width:100%;



	top:100px;



	z-index:1;



	line-height:70px;



	height:70px;



	color:#fff



}



.sticky #search-box {



	top:60px



}



.transparent.white.navxbar-custom .search-icon:after {



	color:#fff;



-webkit-transition:color .3s ease;



-moz-transition:color .3s ease;



-o-transition:color .3s ease;



transition:color .3s ease



}



.transparent.white.navxbar-custom.sticky .search-icon:after, .version-two ul.project-meta li a:hover {



	color:#000



}



.career, .contactus {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.contactus {



	background:url(../../assets/images/page-header/contactus.jpg) no-repeat center center #000



}



.career {



	background:url(../../assets/images/page-header/career.jpg) no-repeat center center #000



}



.testimonials {



	background:#fff; padding-top:0 !important



}



.client1, .profile, .testimonials {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.client1 {



	background:url(../../assets/images/page-header/client.jpg) no-repeat bottom center #000



}



.profile {



	background:url(../../assets/images/page-header/profile.jpg) no-repeat bottom center #000



}



.profile1 {



	background:url(../../assets/images/page-header/launch.jpg) no-repeat bottom center #000;background-size:cover!important;



	position:relative;



	min-height:300px



}



.website_designing_chandigarh {



	background:url(../../assets/images/page-header/web-designing-mission-banner.jpg) no-repeat bottom center #000



}



.vision-mission, .website_designing_chandigarh, .website_development_company {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.vision-mission {



	background:url(../../assets/images/page-header/vision-mission.jpg) no-repeat bottom center #000



}



.website_development_company {



	background:url(../../assets/images/page-header/web-development-banner.jpg) no-repeat bottom center #000



}



.website-maintenance-banner {



	background:url(../../assets/images/page-header/website-mainteannce-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.domain-registration-banner {



	background:url(../../assets/images/page-header/domain-registration-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.cms-web-development-banner {



	background:url(../../assets/images/page-header/cms-web-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.wordpress-web-development-banner {



	background:url(../../assets/images/page-header/wordpress-web-development-chandigarh.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.joomla-web-development-banner {

    background: url(../../assets/images/Networks.jpg) no-repeat bottom center #000;

    background-size: cover!important;

    position: relative;

    min-height: 300px



}



.magento-web-development-banner {



	background:url(../../assets/images/page-header/magento-website-banner-chandigarh.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.drupal-web-development-banner {



	background:url(../../assets/images/page-header/drupal-website-banner-chandigarh.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.website_pricing_banner {



	background:url(../../assets/images/page-header/website_pricing_banner.jpg) no-repeat bottom center #000



}



.it-company-banner, .web-designer-expert, .website_pricing_banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.it-company-banner {



	background:url(../../assets/images/page-header/it-company-banner.jpg) no-repeat bottom center #000



}



.web-designer-expert {



	background:url(../../assets/images/page-header/web-designer-expert.jpg) no-repeat bottom center #000



}



.mobile-application-development-banner {



	background:url(../../assets/images/page-header/mobile-application-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.iphone-application-development-banner {



	background:url(../../assets/images/page-header/iphone-application-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.ipad-application-development-banner {



	background:url(../../assets/images/page-header/ipad-application-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.android-application-development-banner {



	background:url(../../assets/images/page-header/android-application-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.blackberry-application-development-banner {



	background:url(../../assets/images/page-header/blackberry-application-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.software-application-development-banner {



	background:url(../../assets/images/page-header/software-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.responsive-banner {



	background:url(../../assets/images/page-header/responsive-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.ecommerce-development-banner {



	background:url(../../assets/images/page-header/ecommerce-development-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.web-hosting-application-development-banner {



	background:url(../../assets/images/page-header/web-hosting-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.window-hosting-application-development-banner {



	background:url(../../assets/images/page-header/window-hosting-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.linux-hosting-application-development-banner {



	background:url(../../assets/images/page-header/linux-hosting-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.vps-hosting-application-development-banner {



	background:url(../../assets/images/page-header/vps-hosting-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.sms-marketing-banner {



	background:url(../../assets/images/page-header/sms-marketing-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.bulk-sms-banner {



	background:url(../../assets/images/page-header/bulk-sms-banner.jpg) no-repeat bottom center #000



}



.bulk-sms-banner, .internet-marketing-banner, .promotional-message-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.promotional-message-banner {



	background:url(../../assets/images/page-header/promotional-message-banner.jpg) no-repeat bottom center #000



}



.internet-marketing-banner {



	background:url(../../assets/images/page-header/internet-marketing-banner.jpg) no-repeat bottom center #000



}



.seo-banner {



	background:url(../../assets/images/page-header/seo-banner.jpg) no-repeat bottom center #000



}



.sem-banner, .seo-banner, .smm-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.sem-banner {



	background:url(../../assets/images/page-header/sem-banner.jpg) no-repeat bottom center #000



}



.smm-banner {



	background:url(../../assets/images/page-header/smm-banner.jpg) no-repeat bottom center #000



}



.keyword-analysis-banner {



	background:url(../../assets/images/page-header/keyword-analysis-banner.jpg) no-repeat bottom center #000



}



.email-marketing-banner, .keyword-analysis-banner, .pay-per-click-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.pay-per-click-banner {



	background:url(../../assets/images/page-header/pay-per-click-banner.jpg) no-repeat bottom center #000



}



.email-marketing-banner {



	background:url(../../assets/images/page-header/email-marketing-banner.jpg) no-repeat bottom center #000



}



.content-writing-banner {



	background:url(../../assets/images/page-header/content-writing-banner.jpg) no-repeat bottom center #000



}



.content-writing-banner, .ebook-writing-banner, .forum-management-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.ebook-writing-banner {



	background:url(../../assets/images/page-header/ebook-writing-banner.jpg) no-repeat bottom center #000



}



.forum-management-banner {



	background:url(../../assets/images/page-header/forum-management-banner.jpg) no-repeat bottom center #000



}



.business-writing-banner {



	background:url(../../assets/images/page-header/business-writing-banner.jpg) no-repeat bottom center #000



}



.article-writing-banner, .business-writing-banner, .press-release-writing-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.article-writing-banner {



	background:url(../../assets/images/page-header/article-writing-banner.jpg) no-repeat bottom center #000



}



.press-release-writing-banner {



	background:url(../../assets/images/page-header/press-release-writing-banner.jpg) no-repeat bottom center #000



}



.newsletter-writing-banner {



	background:url(../../assets/images/page-header/newsletter-writing-banner.jpg) no-repeat bottom center #000



}



.blog-writing-banner, .newsletter-writing-banner, .technical-content-writing-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.blog-writing-banner {



	background:url(../../assets/images/page-header/blog-writing-banner.jpg) no-repeat bottom center #000



}



.technical-content-writing-banner {



	background:url(../../assets/images/page-header/technical-content-writing-banner.jpg) no-repeat bottom center #000



}



.seo-content-writing-banner {



	background:url(../../assets/images/page-header/seo-content-writing-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.website-content-writing-banner {



	background:url(../../assets/images/page-header/website-content-writing-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.logo-designing-banner {



	background:url(../../assets/images/page-header/logo-designing-banner.jpg) no-repeat bottom center #000



}



.banner-designing-banner, .brochure-designing-banner, .logo-designing-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.brochure-designing-banner {



	background:url(../../assets/images/page-header/brochure-designing-banner.jpg) no-repeat bottom center #000



}



.banner-designing-banner {



	background:url(../../assets/images/page-header/banner-designing-banner.jpg) no-repeat bottom center #000



}



.user-experience-designing-banner {



	background:url(../../assets/images/page-header/user-experience-designing-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.flash-and-multimedia-designing-banner {



	background:url(../../assets/images/page-header/flash-and-multimedia-designing-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.visiting-card-designing-banner {



	background:url(../../assets/images/page-header/visiting-card-designing-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.emailer-designing-banner {



	background:url(../../assets/images/page-header/emailer-designing-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.proof-reading-banner {



	background:url(../../assets/images/page-header/proof-reading-banner.jpg) no-repeat bottom center #000



}



.email-hosting-banner, .proof-reading-banner, .psd-to-xhtml-conversion-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.email-hosting-banner {



	background:url(../../assets/images/page-header/email-hosting-banner.jpg) no-repeat bottom center #000



}



.psd-to-xhtml-conversion-banner {



	background:url(../../assets/images/page-header/psd-to-xhtml-conversion-banner.jpg) no-repeat bottom center #000



}



.psd-to-wordpress-conversion-banner {



	background:url(../../assets/images/page-header/psd-to-wordpress-conversion-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.psd-to-joomla-conversion-banner {



	background:url(../../assets/images/page-header/psd-to-joomla-conversion-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.psd-to-magento-conversion-banner {



	background:url(../../assets/images/page-header/psd-to-magento-conversion-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.psd-to-drupal-conversion-banner {



	background:url(../../assets/images/page-header/psd-to-drupal-conversion-banner.jpg) no-repeat bottom center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.psd-to-html5-conversion-banner {



	background:url(../../assets/images/page-header/psd-to-html5-conversion-banner.jpg) no-repeat bottom center #000



}



.psd-to-html5-conversion-banner, .vb_programming-banner, .web-portal-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.vb_programming-banner {



	background:url(../../assets/images/page-header/vb_programming-banner.jpg) no-repeat center center #000



}



.web-portal-banner {



	background:url(../../assets/images/page-header/web-portal-banner.jpg) no-repeat center center #000



}



.dotnet-programming-banner {



	background:url(../../assets/images/page-header/dotnet-programming-banner.jpg) no-repeat center center #000



}



.dotnet-programming-banner, .php-sql-banner, .website-redesign-chandigarh {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.php-sql-banner {



	background:url(../../assets/images/page-header/php-sql-banner.jpg) no-repeat center center #000



}



.website-redesign-chandigarh {



	background:url(../../assets/images/page-header/website-redesign-chandigarh.jpg) no-repeat center center #000



}



.php-mysql-industrial-training-banner {



	background:url(../../assets/images/page-header/php-mysql-industrial-training-banner.jpg) no-repeat center center #000;



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.graphic-designing-banner {



	background:url(../../assets/images/page-header/graphic-designing-banner.jpg) no-repeat center center #000



}



.blog-designing-banner, .graphic-designing-banner, .php-mysql-development-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.blog-designing-banner {



	background:url(../../assets/images/page-header/blog-designing-banner.jpg) no-repeat center center #000



}



.php-mysql-development-banner {



	background:url(../../assets/images/page-header/php-mysql-development-banner.jpg) no-repeat center center #000



}



.html5-css3-development-banner {



	background:url(../../assets/images/page-header/html5-css3-development-banner.jpg) no-repeat center center #000



}



.google-adesense-banner, .html5-css3-development-banner, .link-building-banner {



	background-size:cover!important;



	position:relative;



	min-height:300px



}



.link-building-banner {



	background:url(../../assets/images/page-header/link-building-banner.jpg) no-repeat center center #000



}



.google-adesense-banner {



	background:url(../../assets/images/page-header/google-adesense-banner.jpg) no-repeat center center #000



}



.blue_color {



	color:#00a4d9!important



}



.check-circle-list {



	margin-bottom:20px



}



.page-title-section.case-study-page {



	background:url(../../assets/images/slider/slide-1.jpg) no-repeat center center #000;



	background-size:cover!important;



	min-height:460px;



	overflow:hidden



}



.page-title-section.case-study-page.gradient-bottom {



	min-height:600px



}



.conector {



	display:block;



	width:1px;



	height:125px;



	background:#dedede;



	margin:0 auto



}



.page-title-section::before, .video-slider::before, .youtube-wrapper::before {



content:"";



background-color:rgba(0, 0, 0, .5);



width:100%;



height:100%;



position:absolute;



top:0;



left:0



}



.page-header {



	padding:0;



	margin:0;



	border-bottom:0;



	position:absolute;



	top:66%;



	width:100%;



	left:0;



	text-align:center;



	z-index:15;



	-webkit-transform:translate(0, -66%);



	-moz-transform:translate(0, -66%);



	-ms-transform:translate(0, -66%);



	-o-transform:translate(0, -66%);



	transform:translate(0, -66%)



}



.case-study-page .page-header {



	padding:120px 0 0



}



.red_box {



	background:#21acbe;



	padding:30px



}



.project-link a, .white {



	color:#fff



}



.white a {



	color:#fff



}



.font-size-20 {



	font-size:20px



}



.page-header h1 {



	font-size:50px;



	line-height:50px;



	color:#fff;



	text-transform:uppercase;



	margin:0



}



.page-header p {



	font-size:16px;



	line-height:30px;



	font-weight:600;



	color:#fff;



	margin-bottom:60px



}



.page-header a.btnx {



	font-size:20px;



	line-height:18px;



	font-weight:300;



	padding:20px 57px;



	color:#fff;



	border-radius:30px;



	border-color:#fff



}



.page-header a.btnx:hover {



	background-color:#fff;



	color:#eb0f26



}



.trendy-slider {



	overflow:hidden;



	position:relative



}



.trendy-slider img {



	width:100%;



	background-size:cover



}



.carousel-fade .carousel-inner .item {



	max-height:700px;



	opacity:.8;



	-webkit-transition-property:opacity;



	-moz-transition-property:opacity;



	-o-transition-property:opacity;



	transition-property:opacity



}



.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {



	left:0;



	opacity:0;



	z-index:1



}



.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {



	opacity:1



}



.carousel-fade .carousel-inner .item:after {



	content:"";



	position:absolute;



	top:0;



	bottom:0;



	left:0;



	right:0;



	background:rgba(0, 0, 0, .7)



}



.carousel-fade .carousel-control {



	z-index:20



}



.trendy-slider .carousel-caption {



	position:absolute;



	top:50%;



	margin-top:-165px;



	left:0;



	right:0;



	text-align:center;



	text-transform:uppercase;



	z-index:15;



	color:#fff;



	bottom:inherit



}



.slider-caption h1, .trendy-slider .carousel-caption h1 {



	color:#fff;



	font-size:75px;



	line-height:80px;



	font-weight:300;



	text-transform:uppercase;



	letter-spacing:-5px;



	margin-bottom:40px;



	font-family:'Open Sans', sans-serif



}



.slider-caption h1 span, .trendy-slider .carousel-caption h1 span {



	font-weight:900



}



.slider-caption p, .trendy-slider .carousel-caption p {



	color:#fff;



	font-size:25px;



	text-transform:uppercase;



	margin-bottom:70px



}



.control-one .carousel-control, .control-two .carousel-control {



	top:50%;



	margin-top:-25px;



	background-image:none;



	text-shadow:none;



	opacity:0;



	visibility:hidden



}



.control-one .carousel-control {



	border-radius:50%;



	background-color:#ddd;



	width:50px;



	height:50px;



	line-height:46px;



	font-size:40px;



	color:#000



}



.control-one:hover .carousel-control {



	opacity:1;



	visibility:visible



}



.control-one .carousel-control:hover, ul#filter li.active {



	background-color:#eb0f26;



	color:#fff



}



.control-one .left.carousel-control {



	left:30px



}



.control-one .right.carousel-control {



	right:30px



}



.control-two .carousel-control {



	width:30px;



	height:60px;



	line-height:58px;



	font-size:30px;



	color:#202020;



	background-color:rgba(255, 255, 255, .4)



}



.control-two:hover .carousel-control {



	opacity:1;



	visibility:visible



}



.control-two:hover .carousel-control:hover {



	color:#eb0f26;



	background-color:rgba(255, 255, 255, .9)



}



.delay-1 {



-webkit-animation-delay:.3s;



-moz-animation-delay:.3s;



animation-delay:.3s



}



.delay-2 {



-webkit-animation-delay:.6s;



-moz-animation-delay:.6s;



animation-delay:.6s



}



.delay-3 {



	-webkit-animation-delay:1.2s;



	-moz-animation-delay:1.2s;



	animation-delay:1.2s



}



.delay-4 {



	-webkit-animation-delay:1.5s;



	-moz-animation-delay:1.5s;



	animation-delay:1.5s



}



.video-slider {



	top:0;



	left:0;



	max-height:700px;



	width:100%;



	overflow:hidden;



	position:relative



}



.video-slider::before, .youtube-wrapper::before {



background-color:rgba(0, 0, 0, .3)



}



.slider-caption {



	position:absolute;



	top:50%;



	width:100%;



	left:0;



	text-align:center;



	text-transform:uppercase;



	z-index:15;



	-webkit-transform:translate(0, -50%);



	-moz-transform:translate(0, -50%);



	-ms-transform:translate(0, -50%);



	-o-transform:translate(0, -50%);



	transform:translate(0, -50%)



}



.slider-caption .btnx {



	font-size:20px;



	line-height:18px;



	font-weight:300;



	color:#fff;



	background-color:transparent;



	border-color:#fff;



	border-radius:30px;



	padding:20px 58px



}



.slider-caption .btnx:hover {



	background:#fff;



	border-color:transparent;



	color:#eb0f26



}



@media (max-width:767px) {



.video-slider {



max-height:400px



}



.slider-caption h1 {



font-size:22px;



line-height:35px;



letter-spacing:0;



margin-bottom:0



}



.slider-caption p {



font-size:10px;



margin-bottom:15px



}



.slider-caption .btnx {



font-size:14px;



padding:10px 30px



}



}



@media only screen and (min-width:480px) and (max-width:767px) {



.slider-caption h1 {



font-size:33px;



line-height:56px



}



.slider-caption p {



font-size:14px;



margin-bottom:25px



}



}



.youtube-wrapper {



	min-width:100%;



	min-height:700px;



	top:0;



	left:0;



	background:url(../../assets/images/slider/video-falback.jpg) no-repeat center center #162e4a;



	background-size:cover!important;



	position:relative



}



.youtube-wrapper::before {



z-index:10



}



@media (max-width:766px) {



.youtube-wrapper {



min-height:400px



}



}



.creative-section {



	padding:4px 0 0 0;



	margin-top:20px



}



.service-tab, .service-tab li {



	position:relative



}



.service-tab .navx-tabs {



	border-bottom:0



}



.service-tab li {



	text-align:center;



	padding:0



}



.service-tab li>a {



	padding:10px 20px 24px;



	background-color:#f5f5f5;



	color:#000;



	border:0;



	width:100%



}



.service-tab li>a:hover {



	background-color:#eb0f26!important



}



.service-tab .navx-tabs.navx-justified>.active>a, .service-tab .navx-tabs.navx-justified>.active>a:focus, .service-tab .navx-tabs.navx-justified>.active>a:hover, .service-tab .navx-tabs>li.active>a, .service-tab .navx-tabs>li.active>a:focus, .service-tab .navx-tabs>li.active>a:hover {



	border:0



}



.service-tab .navx-tabs.navx-justified>li>a {



	border:0;



	border-radius:0



}



.service-tab li i:before {



	font-size:30px;



	color:#202020



}



.service-tab li span {



	display:block;



	font-size:18px;



	text-align:left;



	margin:10px 0 0;



	color:#fff;



	font-family:brandon_grotesqueblack;



	text-transform:uppercase



}



.creative-section h2::after, .service-tab li.active:after, .service-tab li:hover:after {



content:"";



position:absolute;



bottom:1px;



left:0;



width:100%



}



.service-tab .tab-content {



	margin-top:20px



}



.creative-section h2 {



	margin-bottom:45px;



	position:relative



}



.creative-section h2::after {



background-color:#eb0f26;



width:100px;



height:2px;



bottom:-16px



}



.creative-section .btnx {



	margin-top:22px



}



.mac-screenshot {



	padding-top:60px



}



.mac-screenshot img {



	width:inherit



}



.recent-project-section {



	background-color:#fafafa;



	border-top:1px solid #d2d2d2;



	border-bottom:1px solid #d2d2d2



}



.project-container {



	margin-top:50px;



	position:relative



}



.recent-project {



	position:relative;



	overflow:hidden



}



.recent-project img {



	width:100%



}



.project-info {



	position:absolute;



	left:0;



	top:50%;



	color:#fff;



	width:100%;



	text-align:center;



	opacity:0;



	visibility:hidden;



-webkit-transition:all .3s;



-moz-transition:all .3s;



-o-transition:all .3s;



transition:all .3s



}



.recent-project:hover .project-info {



	top:30%;



	opacity:1;



	visibility:visible



}



.project-info h3x {



	color:#fff;



	font-size:18px;



	line-height:18px



}



ul.project-meta {



	margin-top:15px



}



ul.project-meta li {



	display:inline-block;



	padding:0 10px;



	line-height:15px;



	border-right:1px solid #fff;



	-webkit-transform:translateZ(0);



	transform:translateZ(0)



}



ul.project-meta li:last-child {



	margin-right:0;



	padding-right:0;



	border-right:0



}



ul.project-meta li a {



	display:block;



	color:#fff



}



.project-link, .recent-project .tt-overlay {



	position:absolute;



	left:0;



	width:100%;



	opacity:0;



	visibility:hidden



}



.project-link {



	bottom:-50%;



	padding:16px 30px;



	line-height:18px;



	text-transform:capitalize;



	background:#eb0f26;



-webkit-transition:all .4s;



-moz-transition:all .4s;



-o-transition:all .4s;



transition:all .4s



}



.recent-project:hover .project-link {



	bottom:0;



	opacity:1;



	visibility:visible



}



.project-link:hover {



	background:#c02232



}



.project-link a i {



	line-height:20px



}



.recent-project .tt-overlay {



	top:0;



	height:100%;



	background-color:rgba(44, 62, 80, .9);



-webkit-transition:opacity .2s;



-moz-transition:opacity .2s;



-o-transition:opacity .2s;



transition:opacity .2s



}



.recent-project:hover .tt-overlay {



	opacity:1;



	visibility:visible



}



.project-navigation .btnx-next, .project-navigation .btnx-prev {



	position:absolute;



	top:50%;



	margin-top:-40px;



	width:20px;



	height:80px;



	background-color:rgba(0, 0, 0, .5);



	color:#fff;



	line-height:80px;



	text-align:center;



	font-size:18px;



	opacity:0;



	z-index:997



}



.project-navigation .btnx-prev {



	left:0



}



.project-navigation .btnx-next {



	right:0



}



.project-navigation a:hover {



	width:30px



}



#gallerySlider .flex-control-thumbs .flex-active, .project-container:hover .project-navigation .btnx-next, .project-container:hover .project-navigation .btnx-prev, .video-section:hover .video-button .pause i {



	opacity:1



}



.version-two .recent-project {



	width:20%;



	float:left



}



@media (max-width:767px) {



.version-two .recent-project {



width:50%;



margin-bottom:0



}



}



@media (max-width:480px) {



.version-two .recent-project {



width:100%;



margin-bottom:0



}



}



@media (min-width:768px) and (max-width:991px) {



.version-two .recent-project {



width:33.33%



}



}



@media (min-width:992px) and (max-width:1199px) {



.version-two .recent-project {



width:25%



}



}



.version-two .recent-project .btnx {



	padding:9px 28px;



	background-color:#fff;



	border-color:transparent;



	color:#eb0f26;



	border-radius:30px



}



.version-two .recent-project .btnx:hover {



	background-color:rgba(255, 255, 255, .9)



}



.version-two .project-link {



	text-align:center;



	background-color:transparent



}



.version-two .recent-project:hover .project-link {



	bottom:15px



}



.version-two .recent-project .tt-overlay {



	background-color:rgba(255, 42, 64, .7)



}



.version-two.border-style .project-info, .version-two.border-style .project-link {



	z-index:300



}



.version-two.border-style .recent-project::before {



content:"";



position:absolute;



top:10px;



right:10px;



bottom:10px;



left:10px;



border:1px solid #fff;



opacity:0;



z-index:200;



-webkit-transform:scale(1.1);



transform:scale(1.1);



-webkit-transition:opacity .5s, -webkit-transform .5s;



transition:opacity .5s, transform .5s



}



.version-two.border-style .recent-project:hover::before {



opacity:1;



-webkit-transform:scale(1);



transform:scale(1)



}



.version-two.border-style .recent-project .tt-overlay {



	background-color:rgba(0, 0, 0, .8);



	z-index:100



}



.version-four .recent-project .project-link {



	padding:0;



	background-color:transparent;



	text-align:center



}



.version-four .recent-project .project-link img {



	width:inherit!important



}



.version-four .recent-project:hover .project-link {



	bottom:20px



}



@media (min-width:768px) and (max-width:991px) {



.version-four .recent-project:hover .project-info {



top:15%



}



}



@media (max-width:767px) {



.version-four .recent-project {



margin-bottom:30px



}



}



.version-five .recent-project .project-link {



	padding:0;



	background-color:transparent;



	top:0;



	bottom:auto



}



.version-five .recent-project:hover .project-link {



	top:30%;



	bottom:auto



}



.version-five .recent-project .project-link a {



	display:block;



	width:45px;



	height:45px;



	font-size:20px;



	line-height:41px;



	text-align:center;



	margin:0 auto;



	border:2px solid #fff;



	border-radius:50%



}



.version-five .recent-project .project-link a:hover {



	background-color:#fff;



	border-color:transparent;



	color:#eb0f26



}



.version-five .recent-project .project-info {



	top:auto;



	bottom:0



}



.version-five .recent-project:hover .project-info {



	top:auto;



	bottom:25%



}



.version-five .recent-project .project-info a {



	color:#fff



}



.version-five .recent-project .tt-overlay {



	background-color:rgba(255, 42, 64, .8)



}



@media (min-width:768px) and (max-width:991px) {



.version-five .recent-project:hover .project-link {



top:15%



}



.version-five .recent-project:hover .project-info {



top:auto;



bottom:15%



}



}



@media (min-width:992px) and (max-width:1199px) {



.version-five .recent-project:hover .project-link {



top:25%



}



}



.version-eight .recent-project .project-link {



	bottom:30%;



	padding:0;



	text-align:center;



	background-color:transparent



}



.version-eight .recent-project:hover .project-link {



	bottom:50%;



	margin-bottom:-32px



}



.version-eight .project-link ul li {



	display:inline-block



}



.version-eight .project-link ul li a {



	display:block;



	width:45px;



	height:45px;



	font-size:20px;



	line-height:41px;



	color:#eb0f26;



	margin:0 5px;



	border:2px solid #eb0f26;



	border-radius:50%;



	-webkit-transform:translateZ(0);



	transform:translateZ(0)



}



.version-eight .project-link ul li a:hover {



	background-color:#eb0f26;



	border-color:transparent;



	color:#fff



}



.info {



	margin-top:10px



}



.info span {



	font-weight:600



}



.info, .info a.like {



	color:#616161



}



#factsTwo .selected, #factsTwo .selected span.count-description, .features .media-heading a:hover, .info a.like i, .info a.like:hover {



	color:#eb0f26



}



.version-eight.alter-bg .info span {



	display:block;



	font-size:16px;



	line-height:20px



}



.version-eight .recent-project .tt-overlay {



	background-color:rgba(255, 255, 255, .8)



}



.version-eight.alter-bg .recent-project .tt-overlay {



	background-color:rgba(44, 62, 80, .8)



}



.version-eight.alter-bg .recent-project .project-link {



	padding:10px 0;



	background-color:rgba(255, 255, 255, .9)



}



.mfp-fade.mfp-bg {



	opacity:0;



-webkit-transition:all .4s ease-out;



-moz-transition:all .4s ease-out;



transition:all .4s ease-out



}



.mfp-fade.mfp-bg.mfp-ready {



	opacity:.75



}



#client-slider-v1 .item blockquote::before, #client-slider-v2 blockquote::before, .basecamp-testimonial blockquote::before, .client-slider-v3 blockquote::before, .client-slider-v4 blockquote::before, .mfp-bottom-bar {



display:none



}



.mfp-fade.mfp-bg.mfp-removing {



	opacity:0



}



.mfp-arrow-left::after, .mfp-arrow-right::after {



font-family:FontAwesome;



border:0!important;



color:#fff;



font-size:65px;



-webkit-transition:.5s;



transition:.5s



}



.mfp-arrow-right::after {



content:"\f105"!important



}



.mfp-arrow-left::after {



content:"\f104"!important



}



.mfp-arrow-left::before, .mfp-arrow-right::before {



border:0!important



}



.mfp-arrow {



	height:60px



}



.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow::after, .mfp-arrow::before {



margin-top:15px;



top:-1px!important



}



img.mfp-img {



	padding:40px 0 0



}



.mfp-fade.mfp-wrap .mfp-content, .mfp-fade.mfp-wrap.mfp-ready .mfp-content, .mfp-fade.mfp-wrap.mfp-removing .mfp-content {



	opacity:0;



	transform:scale(.95);



-webkit-transition:all .4s ease-out;



-moz-transition:all .4s ease-out;



transition:all .4s ease-out



}



.mfp-fade.mfp-wrap.mfp-ready .mfp-content, .mfp-fade.mfp-wrap.mfp-removing .mfp-content {



	transform:scale(1);



	opacity:1



}



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {



	opacity:0;



	transform:scale(.95)



}



.features .media {



	margin-top:40px



}



.features .media:first-child {



	margin-top:0



}



.features .media a i::before {



display:block;



font-size:28px;



line-height:50px;



text-align:center;



width:50px;



height:50px;



color:#eb0f26;



border:1px solid #eb0f26;



border-radius:4px;



-webkit-transition:all .4s ease-in-out;



-moz-transition:all .4s ease-in-out;



-ms-transition:all .4s ease-in-out;



-o-transition:all .4s ease-in-out;



transition:all .4s ease-in-out



}



.features .media:hover a i::before, .widget_categories ul li a:hover .badge {



background-color:#eb0f26;



color:#fff;



border:1px solid transparent



}



.features .media-left, .features .media>.pull-left {



	padding-right:30px;



	float:left



}



.features .media-heading {



	font-size:18px;



	line-height:25px;



	text-transform:capitalize



}



.features .media-heading a {



	color:#202020



}



.features .media-body p {



	color:#a7a7a7;



	line-height:25px



}



.about-info h2 {



	margin-bottom:36px;



	font-weight:700



}



.creative-skills h2, .faq-section h2 {



	font-weight:700;



	margin-bottom:30px



}



.video-wrap iframe {



	border:0;



	width:100%;



	height:310px



}



.skill-title {



	font-size:16px;



	display:block;



	margin-bottom:8px



}



.progress, .progress-bar {



	box-shadow:none;



	border-radius:10px



}



.progress {



	padding:6px 8px;



	margin-bottom:14px



}



.progress-bar {



	background-color:#eb0f26



}



.progress .progress-bar.six-sec-ease-in-out {



	-webkit-transition:width 2s ease-in-out;



	-moz-transition:width 2s ease-in-out;



	-o-transition:width 2s ease-in-out;



	transition:width 2s ease-in-out



}



.accordion-v1 .panelx {



	box-shadow:none;



	border:0;



	border-radius:0



}



.accordion-v1 .panelx-default>.panelx-heading h3x, .accordion-v3 .panelx-default>.panelx-heading h3x {



	font-family:'Open Sans', sans-serif



}



.accordion-v1 .panelx .panelx-heading {



	position:relative;



	padding:0



}



.accordion-v1 .panelx-title a.collapsexd {



	display:block;



	color:#fff;



	background-color:#666;



	border-color:#666;



	padding:10px 14px;



	border-radius:4px



}



.accordion-v1 .panelx-title a {



	display:block;



	color:#fff;



	border-color:#666;



	padding:10px 14px;



	border-top-left-radius:4px;



	border-top-right-radius:4px;



	background-color:#eb0f26



}



.accordion-v1 .panelx-default>.panelx-heading+.panelx-collapse>.panelx-body {



	border:1px solid #eee



}



.accordion-v1 .panelx .panelx-heading a:after {



	font-family:FontAwesome;



	content:"\f107";



	font-size:24px;



	width:50px;



	height:43px;



	line-height:43px;



	text-align:center;



	position:absolute;



	top:0;



	right:0



}



.accordion-v1 .panelx .panelx-heading a.collapsexd:after {



	content:"\f105"



}



.accordion-v2.panelx-group, .mission-tab .navx-tabs>li {



	margin-bottom:0



}



.accordion-v2.panelx-group .panelx+.panelx {



	margin-top:0



}



.accordion-v2.panelx-group .panelx {



	border-radius:0



}



.accordion-v2 .panelx-default:nth-child(1), .accordion-v2 .panelx-default:nth-child(2), .accordion-v2 .panelx-default:nth-child(3) {



background:url(../../assets/images/blog/collapse-bg-1.jpg)



}



.accordion-v2 .panelx-default>.panelx-heading {



	background-color:transparent;



	border-color:#f1f1f1;



	padding:0



}



.accordion-v2 .panelx-title>a {



	padding:20px 15px;



	color:#fff;



	display:block;



	background-color:rgba(255, 42, 64, .9)



}



.accordion-v2 .panelx-title>a.collapsexd {



	color:#fff;



	background-color:rgba(0, 0, 0, .7)



}



.accordion-v2 .panelx-heading {



	border-top-left-radius:0;



	border-top-right-radius:0



}



.accordion-v2 .panelx-body {



	padding:0 15px 15px;



	line-height:20px



}



.accordion-v2 .panelx-default>.panelx-heading+.panelx-collapse>.panelx-body {



	border-top-color:transparent;



	background-color:rgba(255, 42, 64, .9);



	color:#fff



}



.accordion-v3 .panelx {



	box-shadow:none;



	border:0;



	border-radius:0



}



.accordion-v3 .panelx .panelx-heading {



	position:relative;



	padding:0



}



.accordion-v3 .panelx-title a.collapsexd {



	display:block;



	color:#fff;



	background-color:#999;



	border-color:#999;



	padding:17px 15px;



	border-radius:4px



}



.accordion-v3 .panelx-title a {



	display:block;



	color:#fff;



	border-color:#999;



	padding:17px 15px;



	border-top-left-radius:4px;



	border-top-right-radius:4px;



	background-color:#333



}



.accordion-v3 .panelx-default>.panelx-heading+.panelx-collapse>.panelx-body {



	border:1px solid #eee



}



.accordion-v3 .panelx .panelx-heading a:after {



	font-family:FontAwesome;



	content:"\f068";



	font-size:14px;



	width:50px;



	height:60px;



	line-height:58px;



	text-align:center;



	position:absolute;



	top:0;



	right:0



}



.accordion-v3 .panelx .panelx-heading a.collapsexd:after {



	content:"\f067"



}



.mocup-bg img {



	margin:10px auto 0;



	display:block



}



.mission-tab .navx-tabs {



	border-top:1px solid #f1f1f1;



	border-bottom:0;



	margin-bottom:5px



}



.mission-tab .navx-tabs>li>a {



	margin-right:0;



	font-size:18px;



	line-height:25px;



	color:#a0a0a0;



	border:0;



	border-radius:0;



	font-family:"Open Sans", sans-serif;



	font-weight:400



}



.mission-tab .navx>li>a:focus, .mission-tab .navx>li>a:hover {



	background-color:transparent



}



.mission-tab .navx-tabs>li.active>a, .mission-tab .navx-tabs>li.active>a:focus, .mission-tab .navx-tabs>li.active>a:hover {



	border:0;



	color:#2f2f2f;



	position:relative



}



.mission-tab .navx-tabs>li.active>a::before {



content:"";



background-color:#eb0f26;



width:100%;



height:2px;



position:absolute;



left:0;



top:-1px



}



.mainvideo {



	position:relative;



}



.video-main-wrapper .video-overlay {



	background:url(../images/ink-web-solution-work.jpg) no-repeat;



	opacity:.85;



	z-index:2;



	position:absolute;



	width:100%;



	height:100%



}



.video-main-wrapper .video-overlay::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: rgba(0,0,0,.7);

}



.video-block .video-background {



	z-index:1



}



video {



	display:block;



	margin:0 auto;



	position:relative;



	z-index:0



}



.video-main-wrapper {

	width:100%;



	height:450px;







}



.counter-section h1 {



	color:#fff;



	font-size:30px;



	font-weight:700;



	line-height:49px



}



.counter-section .product-info-span {



	display:block;



	font-family:brandon_grotesqueblack;



	font-size:19px;



	text-transform:uppercase;



	font-weight:500;



	margin:0 0 30px;



	opacity:.84;



	padding:0



}



.member-info h3x, a.transparentBtn {



	color:#fff;



	text-transform:uppercase



}



a.transparentBtn {



	background:#eb0f26;



	border-radius:5px;



	display:inline-block;



	padding:7px 24px;



	font-size:15px



}



a.transparentBtn:hover {



	background-color:#3fb779;



	border-color:#3fb779



}



.counter-section .product-info-span i {



	background:url(../images/for_text.png) no-repeat 0 -8px;



	font-size:15px;



	font-weight:400;



	padding:3px 31px



}



a.transparentBtn .icon-btn {



	background:url(../images/btn-arw.png) no-repeat right center;



	height:17px;



	margin:0 0 0 7px;



	width:11px



}



.counter-section {



	color:#fff;



	margin:40px 0 0;



	position:absolute;



	text-align:center;



	width:100%;



	z-index:999;



	font-family:"Open Sans", sans-serif



}



.counter-section strong, span.count-description {



	display:block;



	font-size:50px;



	line-height:20px;



	color:#fff



}



span.count-description {



	font-size:17px;



	line-height:40px;



	text-transform:capitalize;



	padding-top:10px



}



.counter-wrap {



	padding:50px 0 30px 0



}



@media (max-width:767px) {



.counter-wrap {



padding:40px 0



}



}



#factsTwo {



	font-family:"Open Sans", sans-serif



}



#factsTwo i {



	display:block;



	margin-bottom:20px



}



#factsTwo i::before {



font-size:50px;



line-height:60px



}



#factsTwo strong {



	display:block;



	font-size:60px;



	line-height:40px



}



#factsTwo, #factsTwo span.count-description {



	color:#1b2e40



}



.team-thumb {



	position:relative;



	overflow:hidden



}



@media (max-width:767px) {



.team-thumb {



margin-bottom:30px



}



}



.member-info, .thumb-overlay {



	position:absolute;



	left:0;



	width:100%;



	opacity:0;



	visibility:hidden



}



.thumb-overlay {



	background-color:rgba(44, 62, 80, .5);



	top:0;



	height:100%;



-webkit-transition:opacity .2s ease-out;



-moz-transition:opacity .2s ease-out;



-o-transition:opacity .2s ease-out;



transition:opacity .2s ease-out



}



.team-thumb:hover .thumb-overlay {



	opacity:1;



	visibility:visible



}



.team-intro-thumb img, .team-thumb img {



	width:100%



}



.member-info {



	bottom:-20%;



	background:#eb0f26;



	color:#fff;



	padding:16px 0;



-webkit-transition:all .2s ease-out .2s;



-moz-transition:all .2s ease-out .2s;



-o-transition:all .2s ease-out .2s;



transition:all .2s ease-out .2s



}



.intro-block:hover a.learn-more, .portfolio:hover .portfolio-details li, .team-thumb:hover .member-info {



	bottom:0;



	opacity:1;



	visibility:visible



}



.member-info h3x {



	font-size:22px;



	line-height:25px;



	font-weight:700



}



.member-info .title {



	display:block;



	font-size:18px;



	line-height:25px;



	font-weight:300



}



.member-info .social-link {



	margin-top:25px



}



.member-info .social-link li a {



	display:block;



	width:35px;



	height:35px;



	font-size:18px;



	line-height:35px;



	background:#fff;



	color:#eb0f26;



	text-align:center;



	border-radius:50%



}



.member-info .social-link li a:hover {



	background:#d51428;



	color:#fff



}



.team-intro {



	background-color:#eb0f26;



	padding:60px 60px 50px 110px;



	min-height:386px



}



@media (max-width:768px) {



.team-intro {



padding:60px 15px



}



}



@media (min-width:992px) and (max-width:1199px) {



.team-intro {



padding:60px 60px 50px 50px



}



}



@media (min-width:1500px) {



.team-intro {



padding:15% 60px 50px 30%;



min-height:545px



}



}



.team-intro, .team-intro h1 {



	color:#fff



}



.service h3x, .team-intro h1 {



	font-weight:700



}



.team-intro .btnx, .team-intro p {



	font-size:18px;



	font-weight:300



}



.team-intro .btnx {



	background-color:transparent;



	padding:15px 30px;



	border-color:#fff;



	text-transform:uppercase;



	margin-top:15px



}



.team-intro .btnx:hover {



	background-color:#fff;



	color:#eb0f26;



	border-color:transparent



}



@media (min-width:992px) {



.team-intro-thumb img {



min-height:386px



}



}



@media (min-width:1500px) {



.team-intro-thumb img {



min-height:545px



}



}



.video-section {



	top:0;



	left:0;



	height:400px;



	width:100%;



	overflow:hidden;



	position:relative



}



.overlay {



	min-height:400px;



	background-color:rgba(0, 0, 0, .5)



}



object, video {



	min-width:100%;



	min-height:100%



}



#gallerySlider img, #work-showcase img, .audio, ul#portfolio-grid li img {



	width:100%



}



.video-button {



	position:absolute;



	top:50%;



	left:50%;



	margin-top:-50px;



	margin-left:-50px



}



.popup-video-section .external-link, .video-button a i {



	width:100px;



	height:100px;



	color:#fff;



	font-size:44px;



	text-align:center;



	border-radius:50%



}



.video-button a i {



	display:inline-block;



	font-style:normal;



	background:0 0;



	line-height:87px;



	border:5px solid #fff



}



.video-button .pause i {



	opacity:0;



-webkit-transition:all .3s ease-in-out;



-moz-transition:all .3s ease-in-out;



-o-transition:all .3s ease-in-out;



transition:all .3s ease-in-out



}



.video-button .play i:before {



	left:1px;



	position:relative;



	top:1px



}



.video-button a i:before {



	content:"\f04b";



	z-index:10;



	font-family:FontAwesome



}



.video-button a.pause i:before {



	content:"\f04c"



}



.popup-video-section {



	position:relative



}



.popup-video-section::before {



content:"";



background-color:rgba(0, 0, 0, .3);



position:absolute;



left:0;



top:0;



width:100%;



height:100%;



z-index:10



}



.popup-video-section img {



	width:100%;



	max-height:500px



}



.popup-video-section .external-link {



	position:absolute;



	top:50%;



	left:50%;



	margin-top:-50px;



	margin-left:-50px;



	line-height:90px;



	border:6px solid #fff;



	z-index:20



}



.popup-video-section .external-link i {



	margin-left:10px



}



.mt-20 {



	margin-top:30px



}



.sbox-gutter {



	border-right:1px solid #dedede;



	border-bottom:1px solid #dedede



}



.sbox-gutter:hover {



	background-color:#eb0f26



}



.service {



	padding:40px 30px



}



.sbox-gutter, .sbox-gutter h3x, .sbox-gutter i::before, .sbox-gutter p {



-webkit-transition:all .4s ease-in-out;



-moz-transition:all .4s ease-in-out;



-ms-transition:all .4s ease-in-out;



-o-transition:all .4s ease-in-out



}



.sbox-gutter:hover h3x, .sbox-gutter:hover p {



	color:#fff!important



}



.sbox-gutter .btnx-primary10 {



	background-color:#34495e;



	border-color:#34495e;



	color:#fff



}



.sbox-gutter:hover .btnx-primary10 {



	background-color:#fff;



	border-color:#fff;



	color:#222



}



.sbox-gutter .service-box h3x {



	color:#222;



	margin-bottom:10px



}



.sbox-gutter .service-box p, .service-box p {



	line-height:22px;



	color:#222



}



.service-box {



	padding:20px 15px;



	min-height:161px; border-radius:20px



}



.sbox-gutter {



	background:#f8f8f8



}



.service-box:hover {



	background:#eb0f26;



transition:background .65s ease-in-out;



-moz-transition:background .65s ease-in-out;



-webkit-transition:background .65s ease-in-out



}



.service-box i::before {



font-size:22px;



margin-right:10px;



color:#222



}



.sbox-gutter:hover i::before, .service-box h3x, .service-box p a {



color:#fff



}



.service-box p {



	color:#fff



}



.service-box h3x, .service-box img {



	margin-bottom:10px



}



.image_box {



	width:80px;



	height:80px;



	margin:0 auto 10px;



	text-align:center;



}



.color1:hover, .color2:hover, .color3:hover, .color4:hover, .color5:hover, .color6:hover {



	border-radius:20px



}



.service-section-v2 {



	padding-top:100px



}



.service-box-v2 {



	margin-bottom:50px



}



.service-box-v2 h3x {



	font-size:18px;



	color:#3f3f3f



}



.service-box-v2 h3x i:before {



	font-size:25px;



	margin-right:5px



}



.portfolio-meta li a:hover, .portfolio-nav a:hover, .service-box-v2:hover h3x {



	color:#eb0f26



}



.service-section-v3 {



	background-color:#f4f4f4;



	border-top:1px solid #d2d2d2



}



.service-section-v3 .sbox-gutter:nth-child(2), .service-section-v3 .sbox-gutter:nth-child(4) {



border-right:0



}



.service-section-v3 .sbox-gutter:nth-child(3) {



border-right:1px solid #dedede;



border-bottom:1px solid #dedede



}



.service-section-v3 .sbox-gutter:nth-child(4) {



border-bottom:1px solid #dedede



}



.service-section-v3 .service-box {



	padding:40px 30px



}



.service-section-v3 .service-box h3x {



	font-size:18px



}



.service-section-v3 .service-box i::before {



font-size:30px;



margin-right:7px



}



.process-section {



	padding:0 0 60px



}



.process-box {



	color:#fff;



	padding:20px;



	height:215px;



	width:130%;



	border-radius:114px



}



.process-box i::before {



font-size:30px



}



.process-box h3x {



	font-size:22px;



	line-height:45px;



	color:#fff;



	margin:0



}



.number {



	width:30px;



	height:30px;



	border-radius:30px;



	color:#fff;



	margin:0 auto;



	font:600 20px/1.5em "Open Sans", sans-serif



}



ul.lists, ul.lists li {



	float:left;



	padding:0



}



ul.lists li {



	color:#fff;



	list-style:outside none none;



	position:relative



}







.blink{animation:blink 1.5s infinite;background:#21acbe;}



@keyframes blink{0%{opacity:1.0}



50%{opacity:1.0;background:#c70202}



100%{opacity:1.0}



}@-webkit-keyframes blink{0%{opacity:1.0}



50%{opacity:1.0;background:#c70202}



100%{opacity:1.0}



}@-moz-keyframes blink{0%{opacity:1.0}



50%{opacity:1.0;background:#c70202}



100%{opacity:1.0}



}







ul.lists li a {



	padding:5px 16px;



	color:#fff;



	border-left:1px solid #f8464e;



	float:left;



	font-weight:600;



	font-size:13px



}



ul.lists li a:hover {



	background:#2a2521



}



ul#filter {



	margin-bottom:40px



}



ul#filter li {



	font-size:16px;



	line-height:25px;



	padding:7px 20px;



	border-radius:20px;



	cursor:pointer



}



ul#filter.filter-square li {



	border:1px solid #ccc;



	border-radius:0;



	padding:5px 20px;



	margin:2px



}



ul#filter.filter-square li.active {



	border:1px solid transparent



}



ul#filter.filter-rounded li {



	border:0;



	border-radius:3px;



	background-color:#e0e0e0;



	padding:5px 20px;



	margin:2px



}



ul#filter.filter-rounded li.active {



	background-color:#1b2e3f



}



ul#filter.filter-transparent li {



	color:#a9a8a8;



	padding:5px 15px;



	font-size:14px;



	text-transform:uppercase



}



ul#filter.filter-transparent li.active {



	background-color:transparent;



	color:#eb0f26



}



.portfolio, ul#portfolio-grid {



	overflow:hidden



}



ul#portfolio-grid>li {



	float:left;



	display:block;



	height:auto



}



ul#portfolio-grid.five-column>li {



	width:20%;



	border:2px solid #fff



}



ul#portfolio-grid.four-column>li {



	width:25%



}



ul#portfolio-grid.three-column>li {



	width:33.33%



}



ul#portfolio-grid.two-column>li {



	width:50%



}



@media (max-width:1199px) {



ul#portfolio-grid.five-column>li {



width:25%



}



}



@media (max-width:991px) {



ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li {



width:33.33%



}



}



@media (max-width:767px) {



ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li, ul#portfolio-grid.three-column>li {



width:50%



}



}



@media (max-width:480px) {



ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li, ul#portfolio-grid.three-column>li, ul#portfolio-grid.two-column>li {



width:100%



}



}



.portfolio-item.gutter {



	margin-bottom:20px!important



}



.portfolio {



	position:relative



}



.portfolio .tt-overlay {



	background-color:rgba(255, 42, 64, .9);



	position:absolute;



	width:100%;



	height:100%;



	opacity:0;



	visibility:hidden;



-webkit-transition:opacity .2s ease-out;



-moz-transition:opacity .2s ease-out;



-o-transition:opacity .2s ease-out;



transition:opacity .2s ease-out



}



.pager li>a:hover i, .portfolio:hover .tt-overlay {



	opacity:1;



	visibility:visible



}



.portfolio-info .links, .portfolio-info .project-title {



	position:absolute;



	left:0;



	color:#fff;



	width:100%;



	opacity:0;



	visibility:hidden



}



.portfolio-info .project-title {



	top:60%;



-webkit-transition:.3s;



-moz-transition:.3s;



-o-transition:.3s;



transition:.3s



}



.portfolio:hover .portfolio-info .project-title {



	top:35%;



	opacity:1;



	visibility:visible



}



.portfolio-info .links {



	top:90%;



-webkit-transition:.4s;



-moz-transition:.4s;



-o-transition:.4s;



transition:.4s



}



.portfolio:hover .portfolio-info .links {



	top:55%;



	opacity:1;



	visibility:visible



}



.portfolio-info .btnx {



	background-color:transparent;



	border-color:#fff;



	padding:12px 22px;



	border-radius:20px



}



.portfolio-info .btnx:hover {



	background-color:#fff;



	border-color:#fff;



	color:#eb0f26



}



.portfolio-container .btnx.view-more {



	margin-top:40px



}



.hover-two .portfolio:hover .portfolio-info .links {



	top:46%



}



.hover-two .portfolio .tt-overlay {



	background-color:rgba(0, 0, 0, .7)



}



.portfolio-details {



	position:absolute;



	left:0;



	bottom:0;



	width:100%



}



.portfolio-details li {



	display:inline-block;



	position:relative;



	bottom:-40px;



	opacity:0;



	visibility:hidden;



	transform:translateZ(0)



}



.portfolio:hover .portfolio-details li:nth-child(1) {



-webkit-transition:.3s;



-moz-transition:.3s;



-o-transition:.3s;



transition:.3s



}



.portfolio:hover .portfolio-details li:nth-child(2) {



-webkit-transition:.5s;



-moz-transition:.5s;



-o-transition:.5s;



transition:.5s



}



.portfolio-details li a {



	display:block;



	width:40px;



	height:40px;



	line-height:40px;



	background-color:rgba(255, 255, 255, .9)



}



.portfolio-nav {



	padding:40px 0



}



.portfolio-nav a {



	margin-right:20px;



	color:#a7a7a7



}



.project-overview {



	padding:90px 0



}



.single-project-section.alter .project-overview {



	padding:0



}



.project-overview h2 {



	font-size:18px;



	line-height:22px;



	margin-bottom:20px



}



.project-overview p {



	margin-bottom:25px



}



.client-testimonial blockquote {



	font-size:17px;



	border-left:5px solid #eb0f26;



	background:#fafafa;



	font-style:italic



}



.portfolio-meta li {



	color:#666;



	margin:15px 0



}



.portfolio-meta li span {



	display:inline-block;



	width:130px;



	letter-spacing:1px;



	color:#202020;



	font-size:12px;



	text-transform:uppercase;



	font-weight:600



}



.portfolio-meta li a {



	margin-right:10px;



	color:#a7a7a7



}



.quick-overview .btnx {



	padding:9px 20px;



	text-transform:capitalize;



	margin-top:20px



}



@media (max-width:991px) {



.project-overview {



padding:60px 0



}



.quick-overview {



margin-top:30px



}



.single-project-section.alter .project-overview {



padding-bottom:90px



}



.single-project-section.alter .pb-100 {



padding-bottom:60px



}



}



.bwWrapper {



	position:relative;



	display:block



}



.case-study-section, .footerx-section h2 {



	color:#fff



}



.footerx-section h2 a {



	color:#fff



}



.case-study-left {



	background-color:#fff;



	padding:30px 0 60px



}



.gray {



	color:#222!important



}



.mt-10 {



	margin-top:18px



}



.case-study-right ul li {



	margin:5px 0;



	color:#222



}



.case-study-right ul li i {



	color:#222



}



.case-study-right {



	background-color:#fff;



	padding:30px 0 0 30px



}



.case-study-section h1 {



	color:#222;



	font-weight:700;



	margin-bottom:15px;



	font-size:23px



}



.case-study-section p {



	font-size:15px;



	margin-bottom:20px;



	color:#222



}



.case-study-section .btnx {



	font-weight:300;



	text-transform:uppercase;



	background-color:transparent;



	border-color:#fff



}



.case-study-section .btnx:hover {



	background-color:#fff;



	border-color:#fff



}



.case-study-left .btnx:hover, .entry-header .entry-meta li a:hover {



	color:#eb0f26



}



.case-study-right .btnx:hover {



	color:#2c3e50



}



#myMap {



	height:250px



}



#mapcontent p {



	margin:0;



	font-size:16px



}



.contact-section .btnx {



	font-weight:600;



	min-width:134px;



	background-color:#eb0f26;



	border-color:#eb0f26



}



.contact-section .btnx:hover {



	background-color:#c02232;



	border-color:#c02232



}



.footerx-section, .footerx-section1 {



	margin-top:-1px;



	color:#fff;



	position:relative



}



.footerx-section {



	padding:20px 0;



	background-color:#eb0f26;



	text-align:center



}



.footerx-section1 {



	background:#2a2521 url(../images/map.jpg) no-repeat center



}



.background {



	padding:25px 9px



}



.backToTop i, .promo-block i, .social-icon ul li a i {



-webkit-transition:all .4s ease-in-out;



-moz-transition:all .4s ease-in-out;



-ms-transition:all .4s ease-in-out;



-o-transition:all .4s ease-in-out;



transition:all .4s ease-in-out



}



.backToTop i {



	background:#eb0f26;



	position:fixed;



	bottom:5px;



	right:5px;



	padding:0 14px 0 6px;



	z-index:9999;



	font-size:40px;



	line-height:40px;



	color:#fff;



	width:40px;



	height:40px



}



.backToTop i:hover {



	background:#c02232



}



.footerx-section p {



	font-size:16px;



	line-height:30px;



	color:#b5b5b5



}



.footerx-logo p {



	margin-bottom:26px



}



.footerx-logo p span {



	color:#eb0f26;



	font-weight:600



}



.footerx-logo img {



	width:initial



}



.copyright {



	margin-top:26px



}



.copyright p {



	margin:0



}



.promo-block i, .social-icon ul li a i {



	font-size:24px;



	line-height:50px;



	color:#eb0f26;



	width:50px;



	height:50px;



	border:1px solid #eb0f26;



	border-radius:50%



}



.social-icon ul li a i:hover {



	color:#222;



	border:1px solid #222



}



#preloader {



	background:#fff;



	bottom:0;



	left:0;



	position:fixed;



	right:0;



	top:0;



	z-index:9999



}



#status, .status-mes {



	background-image:url(../images/preloder.gif);



	background-position:center;



	background-repeat:no-repeat;



	height:200px;



	left:50%;



	margin:-100px 0 0 -100px;



	position:absolute;



	top:50%;



	width:200px



}



.status-mes {



	background:0 0;



	left:0;



	margin:0;



	text-align:center;



	top:65%



}



.promo-section {



	background-color:#eb0f26;



	color:#fff



}



.intro-block h2, .promo-section .section-title {



	color:#fff



}



.promo-block i {



	display:block;



	margin:0 auto 18px;



	width:74px;



	height:74px;



	font-size:30px;



	line-height:70px;



	color:#fff;



	border:1px solid #fff;



	border-radius:100%



}



.promo-block:hover i {



	color:#eb0f26;



	background-color:#fff;



	border:1px solid transparent



}



.promo-block h3x {



	color:#fff;



	font-size:18px;



	line-height:25px;



	font-weight:400



}



@media (max-width:767px) {



.promo-block {



margin-bottom:30px



}



}



#gallerySlider {



	margin-top:55px;



	position:relative



}



#gallerySlider .flex-control-thumbs li {



	width:auto;



	margin:0 6px 0 0



}



#gallerySlider .flex-control-thumbs li:last-child {



	margin:0



}



#gallerySlider .flex-control-thumbs img {



	width:185px!important;



	opacity:.5



}



.flex-direction-nav a:before {



	font-size:20px;



	color:#eb0f26;



	text-shadow:none



}



@media (max-width:767px) {



.flex-control-thumbs {



display:none



}



}



@media (min-width:768px) and (max-width:991px) {



#gallerySlider .flex-control-thumbs img {



width:115px!important



}



}



@media (min-width:992px) and (max-width:1199px) {



#gallerySlider .flex-control-thumbs img {



width:151px!important



}



}



.work-showcase-section {



	background-color:#fafafa;



	border-top:1px solid #d2d2d2;



	border-bottom:1px solid #d2d2d2;



	padding:100px 0 70px



}



#work-showcase {



	margin-top:45px



}



#work-showcase .carousel-control {



	top:50%;



	margin-top:-26px;



	width:52px;



	height:52px;



	font-size:40px;



	line-height:50px;



	color:#000;



	background-color:#fff;



	text-shadow:none;



	background-image:none!important;



	border-radius:100%



}



#work-showcase .carousel-control:focus, #work-showcase .carousel-control:hover {



	color:#000;



	background-color:#eb0f26;



	opacity:1



}



#work-showcase .carousel-control.left {



	left:5%



}



#work-showcase .carousel-control.right {



	right:5%



}



#work-showcase .carousel-indicators li {



	width:12px;



	height:12px;



	margin:0 0 0 5px;



	background-color:#c7c7c7;



	border:1px solid transparent



}



#work-showcase .carousel-indicators .active {



	background-color:#eb0f26



}



@media screen and (min-width:768px) {



#work-showcase .carousel-indicators {



bottom:-50px



}



}



.work-showcase-section .loadmore-btn {



	margin-top:80px



}



.work-together-thumb img {



	width:100%



}



@media (max-width:991px) {



.work-together-thumb img {



margin-bottom:30px



}



}



.intro-block {



	width:25%;



	min-height:300px;



	float:left;



	color:#fff;



	background-color:#ccc;



	position:relative;



	overflow:hidden



}



.intro-block:nth-child(odd) {



background:#eb0f26



}



.intro-block:nth-child(even) {



background:#2a2425



}



.intro-block a.learn-more, .intro-content {



	position:absolute;



	width:100%;



	left:0;



-webkit-transition:all .3s ease-in-out 0s;



-moz-transition:all .3s ease-in-out 0s;



-ms-transition:all .3s ease-in-out 0s;



-o-transition:all .3s ease-in-out 0s;



transition:all .3s ease-in-out 0s



}



.intro-content {



	top:50%;



	-webkit-transform:translate(0, -50%);



	-moz-transform:translate(0, -50%);



	-ms-transform:translate(0, -50%);



	-o-transform:translate(0, -50%);



	transform:translate(0, -50%);



	padding:0 50px



}



.intro-block:hover .intro-content {



	-webkit-transform:translate(0, -65%);



	-moz-transform:translate(0, -65%);



	-ms-transform:translate(0, -65%);



	-o-transform:translate(0, -65%);



	transform:translate(0, -65%)



}



.intro-block p {



	line-height:24px;



	margin:0



}



.intro-block a.learn-more {



	color:#eb0f26;



	background-color:rgba(255, 255, 255, .9);



	bottom:-50px;



	padding:10px 0;



	opacity:0;



	visibility:hidden



}



.intro-block a.learn-more:hover {



	background:#fff



}



.intro-block a.learn-more i {



	margin-left:15px



}



@media (min-width:992px) and (max-width:1199px) {



.intro-content {



padding:0 30px



}



}



@media (max-width:991px) {



.intro-block {



width:50%;



border-bottom:1px solid #f1f1f1



}



}



@media (max-width:650px) {



.intro-block {



width:100%;



border-bottom:0



}



}



.client-slider-v4-wrapper h2 {



	margin-bottom:40px



}



.about-intro .section-title {



	margin-bottom:35px;



	text-align:center



}



.about-intro p {



	margin-bottom:25px



}



.about-intro img {



	width:100%



}



.video-intro {



	position:relative



}



.video-intro::before {



content:"";



background-color:rgba(0, 0, 0, .3);



width:100%;



height:100%;



position:absolute;



left:0;



top:0



}



.video-intro .external-link {



	position:absolute;



	top:50%;



	left:50%;



	margin-top:-37px;



	margin-left:-37px;



	width:74px;



	height:74px;



	font-size:30px;



	line-height:64px;



	text-align:center;



	color:#fff;



	border:5px solid #fff;



	border-radius:100%



}



.blog-grid .featured-wrapper .external-link i.fa-play, .video-intro .external-link i.fa-play {



	margin-left:5px



}



.advantage-section {



	padding:100px 0;



	background-color:#fafafa;



	border-top:1px solid #d2d2d2



}



@media (max-width:991px) {



.advantage-section {



padding:100px 0



}



}



.advantage-section .features .media-body p {



	color:#666



}



.advantage-img-wrapper img {



	float:right



}



@media (min-width:992px) {



.advantage-section.advantage-home {



background:url(../../assets/images/feature-bg.png) no-repeat 100% 80px;



padding:100px 0;



border-top:0



}



}



.history-cover, .history-wrapper {



	min-height:550px



}



@media (max-width:991px) {



.history-cover, .history-wrapper {



min-height:380px



}



}



.history-cover {



	background:url(../../assets/images/history-bg.jpg) center center no-repeat #5e5e5e;



	background-size:cover



}



.history-wrapper {



	background-color:#2c3e50;



	color:#fff;



	padding:70px 40% 70px 70px



}



@media (max-width:1199px) {



.history-wrapper {



padding:50px



}



}



@media (min-width:1200px) {



.history-wrapper {



padding:44px 8% 44px 4%



}



}



@media (min-width:1920px) {



.history-wrapper {



padding:44px 8% 44px 4%



}



}



.history-wrapper h2 {



	font-size:30px;



	color:#fff;



	margin-bottom:30px;



	font-weight:700



}



#historyCarousel h3x {



	color:#fff;



	font-size:18px;



	line-height:30px;



	font-weight:700;



	font-family:'Open Sans', sans-serif



}



#historyCarousel p {



	font-size:14px;



	line-height:1.5em;



	margin-bottom:30px



}



#historyCarousel .carousel-control {



	top:6px;



	width:20px;



	height:20px;



	font-size:15px;



	line-height:16px;



	border:1px solid #fff;



	text-align:center;



	text-shadow:none;



	opacity:1



}



#historyCarousel .carousel-control.left {



	right:25px;



	left:auto;



	background-image:none



}



#historyCarousel .carousel-control.right {



	background-image:none



}



#historyCarousel .carousel-control:focus, #historyCarousel .carousel-control:hover {



	color:#2c3e50;



	background-color:#fff



}



.client {



	border-right:1px solid #ededed;



	border-bottom:1px solid #ededed;



	padding:10px 0;



	min-height:195px



}



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



.client:nth-child(10), .client:nth-child(9) {



border-bottom:1px solid #ededed



}



}



@media (max-width:991px) {



.client {



padding:30px 0



}



}



.awards-section {



	background:url(../../assets/images/awards-bg.png) #2c3e50;



	color:#fff



}



#client-slider-v1 .testimonial-content .author a:hover, #client-slider-v2 .testimonial-content .author span, .awards-section .section-title, .tt-content-box:hover .content-wrapper header h2, .tt-content-box:hover .content-wrapper header i {



	color:#fff



}



.awards-img-wrapper img {



	width:100%;



	margin-bottom:30px



}



.post-wrapper {



	margin-bottom:50px;



	border:1px solid #eee



}



.featured-wrapper img {



	width:100%



}



.blog-content {



	padding:20px



}



.entry-header {



	margin-bottom:15px



}



.entry-header .entry-meta {



	text-transform:capitalize



}



.entry-header .entry-meta li {



	float:left;



	margin-right:20px



}



.entry-header .entry-meta li:last-child {



	margin-right:0



}



.entry-footer a, .entry-header .entry-meta li a {



	display:block;



	color:#a7a7a7;



	font-size:13px;



	line-height:24px



}



.entry-header h2 {



	font-size:25px;



	line-height:25px;



	font-weight:700;



	text-transform:capitalize;



	margin-bottom:7px



}



.entry-header h2 a {



	color:#eb0f26



}



.entry-header h2 a:hover {



	color:#c02232



}



.entry-footer {



	font-size:12px;



	padding:13px;



	border-top:1px solid #eee



}



.entry-footer .entry-meta li {



	display:inline-block;



	margin-right:7px



}



.entry-footer a {



	padding:0 15px;



	font-size:10px;



	line-height:28px;



	background:#fff;



	text-transform:uppercase;



	border:1px solid #eee;



	border-radius:30px



}



.entry-footer a:hover {



	color:#fff;



	background:#eb0f26;



	border:1px solid transparent



}



@media (max-width:479px) {



.entry-footer a {



padding:0 8px;



font-size:8px;



line-height:24px



}



}



.gallery-slider .carousel-control {



	top:50%;



	margin-top:-18px;



	width:34px;



	height:34px;



	line-height:34px;



	color:rgba(0, 0, 0, .7);



	background-color:rgba(255, 255, 255, .5);



	text-shadow:none;



	opacity:1;



	border-radius:100%;



	z-index:300;



	background-image:none



}



.gallery-slider .carousel-control:focus, .gallery-slider .carousel-control:hover {



	color:#fff;



	background-color:#eb0f26



}



.gallery-slider .carousel-control.left {



	left:12px



}



.gallery-slider .carousel-control.right {



	right:12px



}



.post-wrapper.format-video iframe {



	width:100%;



	min-height:344px



}



.post-wrapper.format-audio .featured-wrapper::before {



top:auto;



bottom:0;



height:50px



}



.post-wrapper.format-audio iframe {



	width:100%;



	height:203px



}



@media (min-width:992px) and (max-width:1199px) {



.post-wrapper.format-audio iframe {



height:165px



}



}



.blog-grid .post-wrapper blockquote, .post-wrapper.format-quote {



	border:0



}



.format-quote .blog-content {



	padding:0



}



.post-wrapper blockquote {



	padding:20px 20px 20px 60px;



	font-size:16px;



	color:#969595;



	border:1px solid #eee;



	position:relative;



	margin:0



}



.post-wrapper.format-link .entry-header {



	margin-bottom:35px



}



.post-wrapper .link-post {



	text-align:center



}



.post-wrapper .link-post a {



	display:block;



	color:#eb0f26;



	font-size:22px;



	font-weight:600;



	padding:35px 20px;



	background-color:#f1f1f1



}



.blog-grid .featured-wrapper .external-link:hover, .post-wrapper .link-post:hover a {



	color:#fff;



	background-color:#eb0f26



}



@media (max-width:479px) {



.post-wrapper .link-post a {



font-size:16px;



font-weight:600;



padding:20px



}



}



@media (max-width:767px) {



.blog-pagination {



margin-bottom:40px



}



}



.pagination {



	margin:0



}



.pagination>li>a, .pagination>li>span {



	font-size:13px;



	margin-left:10px;



	color:#a7a7a7;



	border:1px solid #eee;



	padding:8px 12px



}



.pagination>li:first-child>a, .pagination>li:first-child>span {



	border-top-left-radius:0;



	border-bottom-left-radius:0



}



.pagination>li:last-child>a, .pagination>li:last-child>span {



	border-top-right-radius:0;



	border-bottom-right-radius:0



}



.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {



	color:#fff;



	background-color:#eb0f26;



	border-color:transparent



}



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {



	background-color:#eb0f26;



	border-color:#eb0f26



}



.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {



	border-color:#eee



}



.page-count {



	font-size:13px;



	border:1px solid #eee;



	color:#a7a7a7;



	padding:2px 12px



}



@media (max-width:479px) {



.pagination>li>a, .pagination>li>span {



margin-bottom:10px



}



}



.pager li {



	float:left;



	width:48%;



	margin-right:2%



}



.blog-grid .entry-footer .entry-meta li:last-child, .pager li:last-child {



	margin-right:0



}



.pager li>a, .pager li>span {



	display:block;



	background-color:#dadada;



	color:#fff;



	border:1px solid #dadada;



	border-radius:0



}



.pager li>a:focus, .pager li>a:hover {



	background-color:#eb0f26;



	border:1px solid transparent



}



.pager li>a i {



	padding:0;



	opacity:0;



	visibility:hidden;



-webkit-transition:all .3s;



-moz-transition:all .3s;



transition:all .3s



}



.pager li:first-child>a:hover i {



	padding-right:10px



}



.pager li:last-child>a:hover i {



	padding-left:10px



}



@media (max-width:350px) {



.pager li>a, .pager li>span {



padding:5px 0



}



}



@media (max-width:991px) {



.sidebarx-wrapper {



margin-top:50px



}



}



.sidebarx-wrapper .widget {



	margin-bottom:45px



}



.sidebarx-wrapper .widget h2 {



	font-size:20px;



	font-weight:700;



	color:#eb0f26



}



.sidebarx-wrapper .widget_search {



	position:relative



}



.sidebarx-wrapper .widget_search .form-control {



	font-size:14px;



	font-weight:300;



	color:#666



}



.sidebarx-wrapper .widget_search button {



	position:absolute;



	top:0;



	right:0;



	width:40px;



	height:60px;



	background-color:transparent;



	border:0



}



.widget_recent_entries ul li {



	margin-top:30px



}



.widget_categories h2, .widget_recent_entries h2, .widget_tag_cloud h2 {



	margin-bottom:25px



}



.widget-post-media {



	display:table-cell;



	padding:0 15px 0 0



}



.widget-post-media img {



	width:70px;



	height:60px



}



.widget-post-info {



	display:table-cell;



	vertical-align:top



}



.widget-post-info h3x {



	font-size:14px;



	line-height:22px;



	margin:0



}



.widget-post-info h3x a {



	color:#202020



}



.authors-post a:hover, .blog-grid .featured-wrapper .entry-meta li a:hover, .widget-post-info h3x a:hover {



	color:#eb0f26



}



.widget-post-info .post-meta {



	color:#a7a7a7;



	font-size:13px;



	line-height:22px



}



.il {



	float:left;



	margin:0 20px 20px 0



}



.widget_categories ul li a {



	font-size:14px;



	display:block;



	color:#222;



	line-height:27px;



	padding:6px 6px 6px 12px;



	background:#f2f2f2;



	margin-bottom:1px;



	font-weight:600;



	text-align:left



}



.widget_categories ul li a:hover {



	color:#fff;



	background:#eb0f26



}



.widget_categories ul li a i {



	font-size:18px;



	margin-right:10px



}



.widget_categories ul li a .badge {



	float:right;



	background-color:transparent;



	color:#d1d1d1;



	border:1px solid #eee;



	padding:6px 15px;



	border-radius:50px;



	font-weight:400;



-webkit-transition:all .4s ease-in-out 0s;



-moz-transition:all .4s ease-in-out 0s;



-ms-transition:all .4s ease-in-out 0s;



-o-transition:all .4s ease-in-out 0s;



transition:all .4s ease-in-out 0s



}



.widget_tag_cloud ul li {



	float:left;



	margin-right:7px;



	margin-bottom:7px



}



.widget_tag_cloud ul li a {



	display:block;



	font-size:13px;



	line-height:28px;



	padding:0 11px;



	color:#666;



	border:1px solid #eee;



	border-radius:50px



}



.widget_tag_cloud ul li a:hover {



	background-color:#eb0f26;



	color:#fff;



	border:1px solid transparent



}



.blog-grid .post-wrapper {



	margin-bottom:30px;



	border:0;



	box-shadow:0 0 1px rgba(0, 0, 0, .2);



-webkit-transition:box-shadow .3s;



-moz-transition:box-shadow .3s;



-o-transition:box-shadow .3s;



-ms-transition:box-shadow .3s;



transition:box-shadow .3s



}



.blog-grid .post-wrapper:hover {



	box-shadow:0 0 8px rgba(0, 0, 0, .2)



}



.blog-grid .featured-wrapper {



	position:relative;



	min-height:70px



}



.blog-grid .featured-wrapper::before {



position:absolute;



left:0;



bottom:0;



content:"";



background:-webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(69, 67, 80, .52));



background:-o-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(69, 67, 80, .52));



background:-moz-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(69, 67, 80, .52));



background:linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(69, 67, 80, .52));



width:100%;



height:70px;



z-index:100



}



.blog-grid .featured-wrapper .entry-meta {



	position:absolute;



	left:3px;



	bottom:3px;



	width:100%;



	z-index:200



}



.blog-grid .featured-wrapper .entry-meta li {



	float:left;



	padding-left:10px;



	padding-right:10px



}



.blog-grid .featured-wrapper .entry-meta li a {



	display:block;



	color:#fff



}



@media (max-width:479px) {



.blog-grid .featured-wrapper .entry-meta li {



padding-left:5px;



padding-right:5px;



line-height:20px



}



.blog-grid .featured-wrapper .entry-meta li a {



font-size:12px



}



}



.blog-grid .featured-wrapper .external-link {



	position:absolute;



	left:50%;



	top:50%;



	width:50px;



	height:50px;



	margin-left:-25px;



	margin-top:-25px;



	border:0;



	border-radius:50%;



	color:rgba(0, 0, 0, .7);



	background-color:rgba(255, 255, 255, .5);



	font-size:20px;



	line-height:50px;



	text-align:center;



	z-index:300;



-webkit-transition:all .3s ease 0s;



-moz-transition:all .3s ease 0s;



-o-transition:all .3s ease 0s;



transition:all .3s ease 0s



}



.blog-grid.v2 .post-wrapper {



	margin-bottom:55px



}



.blog-grid a.author img {



	width:60px;



	height:70px;



	position:absolute;



	top:-30px;



	left:50%;



	margin-left:-30px;



	background-color:#fff;



	padding:4px;



	border-radius:30px;



	z-index:100



}



.contact-2 {



	background-image:url(../images/contact-2.jpg)



}



.split-image {



	padding-bottom:50%;



	background-position:top top



}



.map-section {



	height:443px



}



.blog-grid .entry-content .readmore {



	margin:30px 0 40px



}



.blog-grid .entry-content .readmore a {



	padding:11px 24px;



	border-radius:30px;



	border:2px solid #eb0f26



}



.blog-grid .entry-content .readmore a:hover {



	color:#fff;



	background-color:#eb0f26;



	border:2px solid transparent



}



.blog-grid .entry-footer {



	padding:0;



	border-top:0



}



.blog-grid .entry-footer .entry-meta li {



	margin-right:20px



}



.blog-grid .entry-footer .entry-meta li a {



	padding:0;



	font-size:16px;



	color:#b1b1b1;



	background:0 0;



	border:0



}



.blog-grid .entry-footer .entry-meta li a:hover i.fa-facebook {



	color:#3b5998



}



.blog-grid .entry-footer .entry-meta li a:hover i.fa-twitter {



	color:#55acee



}



.blog-grid .entry-footer .entry-meta li a:hover i.fa-tumblr {



	color:#35465c



}



.blog-grid .entry-footer .entry-meta li a:hover i.fa-linkedin {



	color:#0077b5



}



.blog-grid .entry-footer .entry-meta li a:hover i.fa-dribbble {



	color:#ea4c89



}



.blog-grid .entry-footer .entry-meta li a:hover i.fa-behance {



	color:#1769ff



}



.single-post .post-wrapper {



	border:0;



	margin-bottom:0



}



.single-post .blog-content {



	padding:20px 0



}



.author-box {



	border:1px solid #eee



}



.author-box .media {



	padding:30px 20px



}



.author-box-image {



	padding-right:20px



}



.author-box-info h3x, .widget-post-info h3x {



	font-family:'Open Sans', sans-serif



}



.author-box-info h3x small {



	color:#eb0f26;



	padding-left:10px



}



.author-social-info {



	border-top:1px solid #eee;



	padding:15px 20px



}



.authors-post {



	float:left



}



.author-social ul li a, .authors-post a, .authors-post i {



	color:#a7a7a7



}



.authors-post i {



	margin-right:10px



}



.author-social {



	float:right



}



.author-social ul li a:hover, .comment-list .comment-author a:hover, .comment-list .comment-info a:hover, .hero-block-v1 h2 span {



	color:#eb0f26



}



@media (max-width:350px) {



.author-box .author-box-image {



display:block;



padding-right:0



}



.author-box .author-box-image img {



margin:0 auto 20px



}



}



.comment-list .media {



	margin-top:40px



}



.comment-list .media:first-child {



	margin-top:0



}



.comment-list .media .media-left {



	padding-right:20px



}



.comment-list .media .media-left img {



	width:60px;



	height:60px;



	border-radius:50%



}



.comment-list .comment-info, .comment-list .comment-info a {



	color:#a7a7a7;



	font-size:13px;



	line-height:22px



}



.comment-list .comment-info i {



	padding:0 10px



}



.comment-list .comment-author a {



	font-size:14px;



	color:#202020;



	font-weight:600



}



.comment-respond .btnx {



	border-radius:0



}



.hero-block-v1 {



	background-color:#fafafa



}



@media (min-width:992px) {



.hero-block-v1 {



background-image:url(../../assets/images/cta-one-bg.jpg);



background-repeat:no-repeat;



background-position:left bottom



}



}



.hero-block-v1 h2 {



	font-size:26px;



	color:#202020;



	margin-bottom:20px



}



.hero-block-v2 {



	background-color:#f2f2f2;



	padding:50px 0 0



}



.hero-block-v2 h2 {



	font-size:30px;



	line-height:45px;



	font-weight:700;



	text-transform:uppercase;



	margin-bottom:38px



}



.hero-block-v2 h2 span {



	display:block;



	font-size:45px;



	color:#eb0f26



}



.hero-block-v2 p {



	font-size:15px;



	line-height:1.5em;



	text-align:left;



	color:#444



}



.hero-block-v2 img {



	width:initial



}



.hero-block-v3 {



	padding:40px 0;



	background-color:#fafafa;



	border-top:1px solid #d2d2d2;



	border-bottom:1px solid #d2d2d2;



	margin-top:40px



}



@media (max-width:991px) {



.hero-block-v3 img {



margin-bottom:30px



}



}



.hero-block-v4 {



	padding-top:30px



}



.hero-block-v4 .company-overview {



	padding-top:0



}



.hero-block-v2 p, .hero-block-v4 .company-overview h2 {



	margin-bottom:35px



}



.hero-block-v4 .company-overview p, .tt-content-box .content-wrapper .content p {



	margin-bottom:20px



}



@media (min-width:992px) {



.hero-block-v4 .overview-img-wrapper img {



float:right



}



}



.hero-block-v5 {



	background-color:#f4f4f4;



	padding-top:100px



}



.hero-block-v5 .hero-thumb img {



	width:100%



}



.hero-block-v5 .hero-intro h2 {



	font-size:25px;



	line-height:40px;



	margin-bottom:30px



}



.hero-block-v5 .hero-intro p {



	margin-bottom:18px



}



.hero-block-v5 .hero-intro a.btnx {



	margin-top:22px



}



@media (min-width:992px) and (max-width:1199px) {



.hero-block-v5 .hero-intro h2 {



line-height:36px;



margin-bottom:10px



}



.hero-block-v5 .hero-intro p {



margin-bottom:10px



}



.hero-block-v5 .hero-intro a.btnx {



margin-top:10px



}



}



@media (max-width:991px) {



.hero-block-v5 .hero-intro {



margin:20px 0 50px



}



}



.bggray {



	background:#f2f2f2;



	padding:50px 0!important;



	margin-bottom:30px



}



.hero-block {



	padding:0 0 50px



}



.hero-block h2 {



	margin-bottom:30px



}



.hero-block .btnx {



	margin-top:30px



}



@media (max-width:767px) {



.hero-block .company-overview {



margin-bottom:30px



}



}



.pb-both {



	padding:40px 0



}



.cta-v1 {



	background-color:#21acbe;



	color:#fff;



	padding:28px 40px



}



.cta-v1 h2, .cta-v2 h2, .cta-v3 h2 {



	font-family:'Open Sans', sans-serif;



	font-size:25px;



	line-height:27px;



	font-weight:700;



	text-transform:uppercase;



	color:#fff;



	margin-bottom:5px



}



.cta-v1 p, .cta-v2 p, .cta-v3 p {



	font-size:18px;



	line-height:27px;



	font-weight:400;



	margin:0



}



.cta-v1 .btnx {



	background-color:transparent;



	border-color:#fff;



	font-size:16px;



	margin-top:15px;



	float:right



}



.cta-v1 .btnx:hover, .cta-v3 .btnx:hover {



	background-color:#fff;



	border-color:#fff;



	color:#eb0f26



}



@media (max-width:767px) {



.cta-v1 .btnx {



float:none;



margin-top:15px



}



}



.cta-v2-wrapper {



	padding-bottom:110px



}



.cta-v2 {



	border:1px solid #ddd;



	padding:35px 38px



}



.cta-v2 h2, .cta-v3 h2 {



	font-size:30px;



	line-height:30px;



	text-transform:capitalize;



	color:#34495e;



	margin-bottom:10px



}



.cta-v2 .btnx {



	margin-top:9px;



	float:right



}



@media (max-width:767px) {



.cta-v2 .btnx {



margin-top:25px;



float:none



}



}



.cta-v3, .cta-v4 {



	padding:40px 0;



	background-color:#64be67;



	color:#fff



}



.cta-v3.dark {



	background-color:#f11128



}



.cta-v3 h2 {



	font-size:25px;



	line-height:27px;



	font-weight:900;



	text-transform:uppercase;



	color:#fff;



	margin-bottom:5px



}



.cta-v3 .btnx {



	background-color:transparent;



	border-color:#fff;



	font-size:16px;



	float:right;



	margin:4% 0



}



.cta-v3 .btnx:hover {



	color:#222



}



@media (max-width:767px) {



.cta-v3 .btnx {



margin-top:20px;



float:left



}



}



.cta-v4 {



	padding:55px 0;



	background-color:#34495e



}



.cta-v4 h2 {



	font-size:30px;



	line-height:50px;



	font-weight:700;



	color:#fff;



	margin:0



}



.cta-v4 .btnx {



	font-size:14px;



	font-weight:700;



	color:#34495e;



	border-color:#fff;



	background-color:#fff



}



.cta-v4 .btnx:hover {



	color:#fff;



	border-color:#eb0f26;



	background-color:#eb0f26



}



@media (max-width:767px) {



.cta-v4 .btnx {



margin-top:20px;



float:left



}



}



.client-slider-v1-wrapper {



	background:url(../images/testimonial/testimonials-bg.jpg) no-repeat;



	padding:40px 0



}



#client-slider-v1 {



	padding:0 10px 30px



}



#client-slider-v1 .carousel-control {



	background:0 0;



	top:auto;



	bottom:40px;



	z-index:100;



	text-shadow:none



}



#client-slider-v1 .carousel-control i {



	color:rgba(0, 0, 0, .7);



	font-size:12px;



	border:1px solid rgba(0, 0, 0, .7);



	border-radius:50%;



	width:25px;



	height:25px;



	line-height:25px;



	text-align:center



}



#client-slider-v1 .carousel-control:focus i, #client-slider-v1 .carousel-control:hover i {



	color:#eb0f26;



	border-color:#eb0f26



}



#client-slider-v1 .carousel-control.left {



	left:30%



}



#client-slider-v1 .carousel-control.right {



	right:30%



}



#client-slider-v1 .carousel-indicators {



	right:50%;



	top:auto;



	bottom:0;



	margin-right:-19px



}



#client-slider-v1 .carousel-indicators li {



	width:50px;



	height:50px;



	margin:5px;



	cursor:pointer;



	opacity:.4;



	overflow:hidden;



	background-color:transparent;



	border:0;



	border-radius:0;



-webkit-transition:all .4s;



-moz-transition:all .4s;



-o-transition:all .4s;



transition:all .4s



}



#client-slider-v1 .carousel-indicators .active {



	background:#333;



	width:85px;



	height:85px;



	opacity:1;



	overflow:hidden



}



#client-slider-v1 .carousel-inner {



	min-height:230px



}



#client-slider-v1 .item blockquote, #client-slider-v2 blockquote {



	margin:0;



	padding:0;



	border:0



}



#client-slider-v1 .testimonial-content {



	color:#444;



	font-size:16px



}



#client-slider-v1 .testimonial-content .author {



	font-weight:700



}



@media (max-width:991px) and (min-width:768px) {



#client-slider-v1 .carousel-control {



bottom:0



}



#client-slider-v1 .carousel-indicators {



bottom:-45px



}



}



@media (max-width:766px) {



#client-slider-v1 .carousel-control {



bottom:0



}



#client-slider-v1 .carousel-control.left {



left:0



}



#client-slider-v1 .carousel-control.right {



right:0



}



#client-slider-v1 .carousel-indicators {



bottom:-45px;



left:40%;



width:90%;



margin-left:-35%



}



}



.client-slider-v2-wrapper {



	background:url(../../assets/images/client-testimonial-bg.jpg) center center no-repeat #5e5e5e;



	background-size:cover



}



#client-slider-v2 .carousel-inner {



	min-height:220px



}



@media (max-width:700px) {



#client-slider-v2 .carousel-inner {



min-height:300px



}



}



@media (max-width:479px) {



#client-slider-v2 .carousel-inner {



min-height:400px



}



}



#client-slider-v2 .testimonial-content {



	color:#000;



	background-color:rgba(255, 255, 255, .9);



	padding:30px;



	font-size:15px;



	line-height:27px;



	border-radius:6px;



	text-align:center;



	position:relative



}



#client-slider-v2 .testimonial-content::before {



content:"";



border-top:15px solid rgba(255, 255, 255, .9);



border-left:10px solid transparent;



border-right:10px solid transparent;



position:absolute;



left:50%;



bottom:-15px;



margin-left:-10px



}



#client-slider-v2 .testimonial-content .author {



	color:#fff;



	font-weight:700;



	position:absolute;



	bottom:-50px;



	left:0;



	right:0



}



#client-slider-v2 .carousel-control {



	background:0 0;



	top:auto;



	bottom:12px;



	z-index:100;



	width:20px;



	height:20px;



	font-size:14px;



	line-height:17px;



	text-shadow:none;



	opacity:1;



	border:1px solid #fff;



	border-radius:100%



}



#client-slider-v2 .carousel-control:focus, #client-slider-v2 .carousel-control:hover {



	color:#eb0f26;



	border:1px solid #eb0f26



}



#client-slider-v2 .carousel-control.left {



	left:38%



}



#client-slider-v2 .carousel-control.right {



	right:38%



}



@media (max-width:991px) {



#client-slider-v2 .carousel-control.left {



left:30%



}



#client-slider-v2 .carousel-control.right {



right:30%



}



}



.client-slider-v3 {



	margin-top:45px;



	position:relative



}



.client-slider-v3 blockquote {



	padding:0;



	margin:0;



	font-size:15px;



	line-height:25px;



	color:#585858;



	border:0



}



.client-slider-v3 blockquote p {



	font-style:italic;



	margin-bottom:20px



}



.client-slider-v3 blockquote .small:before, .client-slider-v3 blockquote footer:before, .client-slider-v3 blockquote small:before {



	content:''



}



.client-slider-v3 blockquote footer {



	display:table



}



.client-slider-v3 blockquote footer .client-info {



	display:table-cell;



	vertical-align:middle



}



.client-slider-v3 blockquote footer img {



	width:72px;



	height:72px;



	border-radius:100%;



	float:left;



	margin-right:20px



}



.client-slider-v3 blockquote footer .client-name {



	display:block;



	font-size:18px;



	line-height:25px;



	font-weight:500;



	color:#323232



}



.client-slider-v3 .flex-viewport {



	width:50%;



	float:left



}



.client-slider-v3 .flex-control-nav {



	width:50%;



	float:right;



	text-align:right



}



.client-slider-v3 .flex-control-thumbs li {



	width:auto;



	float:none;



	margin-left:8px



}



@media (max-width:1199px) {



.client-slider-v3 .flex-control-thumbs img {



width:110px



}



}



@media (max-width:767px) {



.client-slider-v3 .flex-control-nav, .client-slider-v3 .flex-viewport {



width:100%;



float:none



}



.client-slider-v3 .flex-viewport {



margin-bottom:30px



}



.client-slider-v3 .flex-control-nav {



text-align:left



}



}



.client-slider-v4, .tt-content-box {



	position:relative



}



.client-slider-v4 blockquote {



	padding:0;



	margin:0 0 35px;



	font-size:18px;



	line-height:30px;



	color:#666;



	font-family:"Open Sans", sans-serif;



	font-weight:300;



	border:0



}



.client-slider-v4 blockquote p {



	margin-bottom:14px



}



.client-slider-v4 blockquote .small:before, .client-slider-v4 blockquote footer:before, .client-slider-v4 blockquote small:before {



	content:''



}



.client-slider-v4 .client-info {



	font-family:'Open Sans', sans-serif



}



.client-slider-v4 .client-info .client-name {



	display:block;



	font-size:16px;



	line-height:27px;



	font-weight:700;



	color:#2e2e2e



}



.client-slider-v4 .client-info .client-name span {



	color:#ff2a2a



}



.client-slider-v4 .client-info .client-title {



	font-size:12px;



	color:#666



}



.client-slider-v4 .flex-control-thumbs li {



	width:auto;



	margin:7px



}



.client-slider-v4 .flex-control-thumbs img {



	width:176px;



	border:1px solid #eee



}



@media (max-width:1199px) {



.client-slider-v4 .flex-control-thumbs img {



width:105px



}



}



.flex-control-thumbs img {



	opacity:.5



}



.flex-control-thumbs .flex-active, .flex-control-thumbs img:hover {



	opacity:1



}



.basecamp-intro h2, .content-wrapper header h2 {



	font-size:25px;



	line-height:25px;



	font-weight:700



}



.tt-content-box {



	overflow:hidden;



	text-align:center;



	min-height:268px;



	border:1px solid #dedede;



	margin-bottom:30px



}



.content-wrapper {



	color:#fff;



	-webkit-backface-visibility:hidden;



	backface-visibility:hidden



}



.content-wrapper::before {



background-color:#eb0f26;



content:'';



opacity:0;



-webkit-transform:translate3d(0, 50%, 0);



-moz-transform:translate3d(0, 50%, 0);



-ms-transform:translate3d(0, 50%, 0);



transform:translate3d(0, 50%, 0)



}



.content-wrapper header {



	position:absolute;



	top:50%;



	left:0;



	width:100%;



	color:#eb0f26;



-webkit-transition:-webkit-transform .35s, color .35s;



-ms-transition:-webkit-transform .35s, color .35s;



transition:transform .35s, color .35s;



	-webkit-transform:translate3d(0, -50%, 0);



	-ms-transform:translate3d(0, -50%, 0);



	transform:translate3d(0, -50%, 0)



}



.tt-content-box:hover .content-wrapper header {



	-webkit-transform:translate3d(0, -50%, 0) translate3d(0, -60px, 0);



	-ms-transform:translate3d(0, -50%, 0) translate2d(0, -60px, 0);



	transform:translate3d(0, -50%, 0) translate3d(0, -60px, 0)



}



.content-wrapper header i {



	font-size:40px;



	color:#eb0f26



}



.content-wrapper header h2 {



	font-size:20px;



	color:#eb0f26



}



.ie9 .tt-content-box .content-wrapper header {



	top:30%



}



.tt-content-box .content-wrapper .content {



	position:absolute;



	bottom:0;



	left:0;



	padding:20px;



	width:100%;



	opacity:0;



	-webkit-transform:translate3d(0, 10px, 0);



	-ms-transform:translate3d(0, 10px, 0);



	transform:translate3d(0, 10px, 0)



}



.tt-content-box .content-wrapper .content, .tt-content-box .content-wrapper::before {



-webkit-transition:opacity .35s, -webkit-transform .35s;



-ms-transition:opacity .35s, -webkit-transform .35s;



transition:opacity .35s, transform .35s



}



.tt-content-box:hover .content, .tt-content-box:hover .content-wrapper::before {



opacity:1;



-webkit-transform:translate3d(0, 0, 0);



-ms-transform:translate3d(0, 0, 0);



transform:translate3d(0, 0, 0)



}



.basecamp-solution {



	padding:100px 0 0;



	background-color:#fafafa;



	border-top:1px solid #d2d2d2



}



.solution-intro-wrapper {



	display:table



}



.basecamp-solution-thumb {



	display:table-cell;



	vertical-align:bottom



}



@media (max-width:991px) {



.basecamp-solution-intro {



margin-bottom:50px



}



}



@media (min-width:1200px) {



.basecamp-solution-intro {



padding-left:12%



}



}



@media (min-width:1920px) {



.basecamp-solution-intro {



padding-left:35%



}



}



.basecamp-solution-thumb {



	padding-right:0



}



.basecamp-solution-thumb img {



	width:100%



}



.basecamp-testimonial {



	padding:100px 0;



	background-color:#eb0f26



}



.basecamp-testimonial blockquote {



	padding:0;



	margin:0;



	text-align:center;



	color:#fff;



	font-size:25px;



	line-height:35px;



	font-weight:300;



	border:0



}



.basecamp-testimonial blockquote footer {



	font-size:18px;



	line-height:21px;



	font-weight:700;



	font-family:"Open Sans", sans-serif;



	color:#fff;



	margin-top:35px



}



.basecamp-testimonial blockquote footer cite {



	display:block;



	font-size:16px;



	font-weight:300;



	font-family:'Open Sans', sans-serif;



	font-style:normal



}



.basecamp-testimonial blockquote footer:before {



	content:""



}



.image-holder img {



	margin:0 auto



}



.case-study-page.gradient-bottom::after {



position:absolute;



left:0;



bottom:0;



content:"";



background:-webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(0, 0, 0, .5));



background:-o-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, .5));



background:-moz-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, .5));



background:linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, .5));



width:100%;



height:70px;



z-index:100



}



#particles-js, .hero-section {



	width:100%;



	height:100%;



	position:relative



}



.content-wrapper::before, .error-wrapper-alt::before, .hero-section::before {



position:absolute;



top:0;



left:0;



width:100%;



height:100%



}



.hero-section::before {



background:rgba(0, 0, 0, .5);



content:''



}



.parallax-home {



	background:url(../../assets/images/parallax/parallax-1.jpg) 0 0 no-repeat;



	background-size:cover



}



.device-bg, .service-bg {



	background-size:cover!important;



	padding:100px 0



}



.service-bg {



	background:url(../../assets/images/parallax/parallax-2.jpg) 0 0 no-repeat



}



.device-bg {



	background:url(../../assets/images/parallax/parallax-3.jpg) 0 0 no-repeat



}



.hero-block-v3.focus-bg {



	border-top:0;



	border-bottom:0



}



.focus-bg {



	background:#fff;



	padding:100px 0



}



.overview-bg {



	background:url(../../assets/images/parallax/parallax-4.jpg) 0 0 no-repeat;



	background-size:cover!important;



	padding:100px 0



}



.overview-bg .company-overview {



	color:#fff



}



.blog-homepage-bg {



	background:url(../../assets/images/slider/blog-slider.jpg) 0 0 no-repeat;



	background-size:cover!important;



	min-height:500px



}



.portfolio-home-bg {



	background:url(../../assets/images/slider/protfolio-slider.jpg) 0 0 no-repeat;



	background-size:cover



}



.portfolio-home-two {



	background:url(../../assets/images/slider/portfolio-slider-2.jpg) 0 0 no-repeat;



	background-size:cover



}



.text-rotator-bg {



	background:url(../../assets/images/slider/protfolio-slider-2.jpg) 0 0 no-repeat;



	background-size:cover



}



.static-bg {



	background:url(../../assets/images/slider/slide-8.jpg) 0 0 no-repeat;



	background-size:cover



}



.particle-bg {



	background:url(../../assets/images/slider/particle.jpg) 0 0 no-repeat;



	background-size:cover



}



#particles-js {



	position:absolute;



	z-index:10



}



.shortcode-alert-wrapper h2 {



	margin-bottom:25px



}



.contact-info address {



	margin-bottom:30px;



	line-height:31px



}



.contact-info h3x {



	text-transform:uppercase



}



@media (max-width:991px) {



.contact-info {



margin-top:50px



}



}



.error-wrapper {



	padding:200px 0



}



.error-wrapper i {



	font-size:145px;



	line-height:170px;



	text-align:center;



	display:block;



	color:#a7a7a7



}



.error-info {



	padding-left:60px;



	border-left:1px solid #eee



}



.error-info h1, .error-info-alt h1 {



	color:#eb0f26;



	font-size:90px;



	line-height:90px;



	font-weight:700



}



.error-sub {



	display:block;



	font-size:30px;



	font-weight:700;



	text-transform:uppercase



}



.error-info .btnx {



	padding:10px 30px



}



@media (max-width:767px) {



.error-info {



padding-left:0;



border-left:0;



text-align:center



}



}



.error-wrapper-alt {



	background:url(../../assets/images/not-found-cover.jpg) 0 0 no-repeat;



	background-size:cover!important;



	position:relative



}



.error-wrapper-alt::before {



content:"";



background:rgba(0, 0, 0, .6)



}



.error-info-alt {



	position:absolute;



	top:50%;



	width:100%;



	left:0;



	text-align:center;



	text-transform:uppercase;



	z-index:15;



	-webkit-transform:translate(0, -50%);



	-moz-transform:translate(0, -50%);



	-ms-transform:translate(0, -50%);



	-o-transform:translate(0, -50%);



	transform:translate(0, -50%)



}



.error-info-alt h1 {



	font-size:150px;



	line-height:150px



}



.error-info-alt .error-sub {



	margin-bottom:10px;



	color:#fff



}



.error-info-alt p {



	color:#fff



}



.error-info-alt .btnx {



	background:#fff;



	color:#eb0f26;



	border-color:#fff



}



.error-info-alt .btnx:hover {



	background:#eb0f26;



	color:#fff;



	border-color:#eb0f26



}



.typography-btn-wrapp .btnx {



	margin-bottom:4px



}



.tt-container {



	padding:0;



	height:470px!important



}



.tt-banner, .tt-container {



	width:100%;



	position:relative



}



.tt-slider-subtitle, .tt-slider-title {



	font-family:"Open Sans", sans-serif;



	color:#fff



}



.tt-slider-title {



	font-size:47px;



	line-height:50px;



	font-weight:800



}



.tt-slider-title span {



	font-weight:300



}



.tt-slider-subtitle.dark, .tt-slider-title.dark {



	color:#202020



}



.tt-slider-subtitle {



	font-size:25px;



	line-height:40px;



	font-weight:300



}



.tt-btn {



	font-size:16px;



	text-transform:uppercase;



	padding:10px 35px;



	border-radius:30px;



	display:block;



	background:#eb0f26



}



.btnx-solid.light {



	color:#eb0f26;



	background-color:#fff



}



.btnx-solid.light:hover {



	color:#eb0f26



}



.btnx-bordered.light {



	color:#fff



}



.btnx-bordered.light:hover {



	color:#fff;



	background-color:#2cbed2



}



.btnx-solid.dark {



	color:#fff;



	background-color:#202020



}



.btnx-solid.dark:hover {



	color:#fff



}



.btnx-bordered.dark {



	color:#202020;



	border:1px solid #202020



}



.btnx-bordered.dark:hover {



	color:#fff;



	background-color:#202020;



	border:1px solid transparent



}



.tt-container-gallery {



	padding:0



}



.tt-banner-gallery, .tt-container-gallery {



	width:100%;



	position:relative



}



.tt-banner-gallery .tt-slider-title {



	color:#eb0f26;



	font-size:75px;



	line-height:80px;



	font-weight:900;



	text-transform:uppercase;



	letter-spacing:-3px



}



.tt-banner-gallery .tt-slider-title span {



	color:#fff;



	margin-left:20px;



	font-weight:700



}



.tt-banner-gallery .tt-slider-subtitle {



	font-size:50px;



	font-weight:700;



	letter-spacing:-2px;



	text-transform:uppercase;



	margin-bottom:30px



}



.tt-banner-gallery .tt-slider-small-text {



	color:#fff;



	font-size:18px;



	line-height:30px;



	font-weight:300



}



.sticky_footer {



	background:#004ea5 0 0;



	bottom:0;



	margin-bottom:0;



	padding:20px 0 0;



	position:fixed;



	width:100%;



	z-index:10000



}



.margin {



	margin:0 0 40px!important



}



.sticky_footer .form-group {



	width:18%;



	float:left;



	margin-right:1%



}



.sticky_footer .form-group1 {



	width:32%;



	float:left;



	margin-right:1%



}



.sticky_footer .form-group .form-control, .sticky_footer .form-group1 .form-control {



	height:32px;



	border:0;



	border-radius:2px



}



.ico-request {



	float:left;



	margin-right:20px;



	margin-top:-3px;



	width:42px



}



.sticky_footer h4 {



	margin:6px 0



}



.brown-box {



	background:#250301



}



.blue-box {



	background:#1176d4;



	padding:20px



}



.green-box {



	background:#569709;



	padding:20px



}



.lightblue-box {



	background:#4ac5ca;



	padding:20px



}



.purple-box {



	background:#892b2b;



	padding:20px



}



.orange-box {



	background:#f35728;



	padding:20px



}



.navxyblue-box {



	background:#06364d;



	padding:20px



}



.pink-box {



	background:#961a59;



	padding:20px



}



.brown-box {



	background:#3b332c;



	padding:20px



}



.darkblue-box {



	background:#182933;



	padding:20px



}



.gray-box {



	background:#575757;



	padding:20px



}



.orange1-box {



	background:#fc6e42;



	padding:20px



}



.red-box {



	background:#fe2b42;



	padding:20px



}



.brown1-box {



	background:#985b25;



	padding:20px



}



.purple1-box {



	background:#210a50;



	padding:20px



}



.black-box {



	background:#222;



	padding:20px



}



.yellow-box {



	background:#ffa200;



	padding:20px



}



.blue3-box {



	background:#29989f;



	padding:20px



}



.has-error1 {



	color:#b91c1c



}



.differnt_popup {



	cursor:pointer;



	height:auto;



	position:fixed;



	right:0;



	top:60%;



	width:auto;



	z-index:999999



}



.errorfront {



	color:#ff9f39;



	font-size:12px!important



}



.modalx {



	text-align:center;



	padding:0!important



}



.modalx:before {



	content:'';



	display:inline-block;



	height:100%;



	vertical-align:middle;



	margin-right:-4px



}



.modalx-dialog {



	display:inline-block;



	text-align:left;



	vertical-align:middle



}



#quickmod .modalx-title {



	color:#eb0f26



}



#quickmod p {



	font-size:16px;



	text-align:center



}











.slick-slide {



    margin: 5px;



}







.slick-slide img {



    width: 100%;



}







.slick-slider



{



    position: relative;







    display: block;



    box-sizing: border-box;







    -webkit-user-select: none;



       -moz-user-select: none;



        -ms-user-select: none;



            user-select: none;







    -webkit-touch-callout: none;



    -khtml-user-select: none;



    -ms-touch-action: pan-y;



        touch-action: pan-y;



    -webkit-tap-highlight-color: transparent;



}







.slick-list



{



    position: relative;







    display: block;



    overflow: hidden;







    margin: 0;



    padding: 0;



}



.slick-list:focus



{



    outline: none;



}



.slick-list.dragging



{



    cursor: pointer;



    cursor: hand;



}







.slick-slider .slick-track,



.slick-slider .slick-list



{



    -webkit-transform: translate3d(0, 0, 0);



       -moz-transform: translate3d(0, 0, 0);



        -ms-transform: translate3d(0, 0, 0);



         -o-transform: translate3d(0, 0, 0);



            transform: translate3d(0, 0, 0);



}







.slick-track



{



    position: relative;



    top: 0;



    left: 0;







    display: block;



}



.slick-track:before,



.slick-track:after



{



    display: table;







    content: '';



}



.slick-track:after



{



    clear: both;



}



.slick-loading .slick-track



{



    visibility: hidden;



}







.slick-slide



{



    display: none;



    float: left;







    height: 100%;



    min-height: 1px;



}



[dir='rtl'] .slick-slide



{



    float: right;



}



.slick-slide img



{



    display: block; border:1px solid #ccc; padding:5px; background:#fff; border-radius:5px; transition:transform .3s;



}



.slick-slide.slick-loading img



{



    display: none;



}



.slick-slide.dragging img



{



    pointer-events: none;



}



.slick-initialized .slick-slide



{



    display: block;



}



.slick-loading .slick-slide



{



    visibility: hidden;



}



.slick-vertical .slick-slide



{



    display: block;







    height: auto;







    border: 1px solid transparent;



}



.slick-arrow.slick-hidden {



    display: none;



}







.cp-widget-button {display:inline-block;position:fixed;bottom:23%;right:1%;z-index:999999}



.cp-widget-button__inner {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}



.cp-widget-button__inner {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}



.cp-widget-button__inner img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}











.cp-widget-button1 {display:inline-block;position:fixed;bottom:12%;right:1%;z-index:999999}



.cp-widget-button__inner1 {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}



.cp-widget-button__inner1 {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}



.cp-widget-button__inner1 img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}











.sd-header-social {float:left;}



.sd-header-social a {color: #fff;display: block;float: left;padding:5px 0;text-align: center;width: 36px;}



.sd-social-icons-widget a {color: #868685;display: inline-block;overflow: hidden;text-align: center;width: 36px;}



.sd-header-social a:hover, .sd-social-icons-widget a:hover {color: #fff;}



a.sd-header-facebook{background-color: #3b5998;}



a.sd-header-twitter{background-color: #00aced;}



a.sd-header-linkedin{background-color: #007bb6;}



a.sd-header-google-plus{background-color: #dd4b39;}



a.sd-header-youtube-play{background-color: #bb0000;}



a.sd-header-vimeo-square{background-color: #aad450;}



a.sd-header-pinterest{background-color: #cb2027;}



a.sd-header-instagram{background-color: #517fa4;}



a.sd-header-flickr{background-color: #ff0084;}



a.sd-header-rss{background-color: #ff8a00;}











.launch{margin-bottom:30px; text-align:center}



.launch p{font-size: 15px; color: #222; text-align:center; background:#f2f2f2; padding:10px}





.tabbing ul li{display: inline-block; background:#f2f2f2; font-size:15px; font-weight:600; padding:10px 30px; color:#222; text-transform:uppercase}

.tabbing ul li a{color:#222}

.tabbing ul{padding: 0;}



.tabbing .tabscroll_activeNavi{background-color: #eb0f26;}

.tabscroll_activeNavi a, .tabscroll_activeNavi a:visited, .tabscroll_activeNavi a:active, .tabscroll_activeNavi a:hover{ color: #fff !important;}



.main_container{margin-bottom:30px}

.main_container h4{margin-bottom:0; text-align:left}

.main_container p{text-align:center; padding:10px 0}



 

 

 

 

 

 .testimonials {

	padding:50px 0

}

.phpkida_testimonials_grids {

	width:100%;

	margin:0 auto;

}

.pk_testimonial_grid {

	padding:30px;

	background: #f2f2f2;

	text-align: center;

	position: relative;

	margin: 16px; border:1px solid #e2e2e2

}

.pk_testimonial_grid:focus, .agileits_testimonial_grid:focus {

	outline:none;

}

.pk_testimonial_grid_pos {

	position:absolute;

	width:15%;

	text-align:center;

	top:80%;

	left:40%;

}

.pk_testimonial_grid_pos img {

	margin:0 auto;

}

.pk_testimonial_grid p {

	color:#222;

	line-height:1.5em;

	position:relative; font-size:16px

}

.pk_testimonial_grid p:before {

	content: "";

position: absolute;

bottom: -90px;

right: -10px;

z-index: 0;

width: 90px;

height: 64px;

display: inline-block;

background-image: url(../../assets/images/quote-icon.png);

}

.agileits_testimonial_grid h4 {

	font-size:1.1em;

	color:#212121;

	margin:1em 0 0.5em;

}

.agileits_testimonial_grid h5 {

	font-size:.8em;

	color:#ec9114;

}

.slick-slider {

	position: relative;

	display: block;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent;

}

.slick-list {

	position: relative;

	display: block;

	overflow: hidden;

	margin: 0;

	padding: 0;

}

.slick-list:focus {

	outline: none;

}

.slick-list.dragging {

	cursor: pointer;

	cursor: hand;

}

.slick-slider .slick-track, .slick-slider .slick-list {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.slick-track {

	position: relative;

	top: 0;

	left: 0;

	display: block;

}

.slick-track:before, .slick-track:after {

	display: table;

	content: '';

}

.slick-track:after {

	clear: both;

}

.slick-loading .slick-track {

	visibility: hidden;

}

.slick-slide {

	display: none;

	float: left;

	height: 100%;

	min-height: 1px;

}

[dir='rtl'] .slick-slide {

	float: right;

}

.slick-slide .img {

	display: block;

	border-radius: 50%;

}

.slick-slide.slick-loading img {

	display: none;

}

.slick-slide.dragging img {

	pointer-events: none;

}

.slick-initialized .slick-slide {

	display: block;

}

.slick-loading .slick-slide {

	visibility: hidden;

}

.slick-vertical .slick-slide {

	display: block;

	height: auto;

	border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

	display: none;

}

.slick-prev, .slick-next {

	line-height: 0;

	position: absolute;

	top: 45%;

	display: block;

	width: 50px;

	height: 40px;

	margin-top: 0;

	padding: 0;

	cursor: pointer;

	color: #fff;

	border: none;

	font-size: 1em;

	outline: none;

	background:#444;

	z-index: 9;

}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {

	outline: none;

}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {

	opacity: 1;

}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {

	opacity: .25;

}

.slick-prev:before, .slick-next:before {

	font-family: 'FontAwesome';

	line-height: 1;

	opacity: .75;

	color: white;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.slick-prev:before {

	content:"\f177";

}

[dir='rtl'] .slick-prev:before {

	content: "\f177";

}

.slick-next, [dir='rtl'] .slick-prev {

	right:-0.9%

}

[dir='rtl'] .slick-next, .slick-prev {

	right: auto;

	left:-0.8%;

}

.slick-next:before {

	content: "\f178";

}

[dir='rtl'] .slick-next:before {

	content: "\f178";

}

.slick-slider {

	margin-bottom: 0;

}

.slick-dots {

	position: absolute;

	bottom: -45px;

	display: block;

	width: 100%;

	padding: 0;

	list-style: none;

	text-align: center;

}

.slick-dots li {

	position: relative;

	display: inline-block;

	width: 20px;

	height: 20px;

	margin: 0 5px;

	padding: 0;

	cursor: pointer;

}

.slick-dots li button {

	font-size: 0;

	line-height: 0;

	display: block;

	width: 20px;

	height: 20px;

	padding: 5px;

	cursor: pointer;

	color: #212121;

	border: 0;

	outline: none;

	background:transparent;

}

.slick-dots li button:hover, .slick-dots li button:focus {

	outline: none;

}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {

	opacity: 1;

}

.slick-dots li button:before {

	font-family: 'FontAwesome';

	font-size: 13px;

	line-height: 20px;

	position: absolute;

	top: 0;

	left: 0;

	width: 20px;

	height: 20px;

	content: "\f111";

	text-align: center;

	opacity: .25;

	color: #808080;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before {

	opacity: .75;

	color: black;

}

@media (max-width: 991px) {

 .pk_testimonial_grid {

 padding:3em 2.7em 2em;

 margin: 5em 0.5em 0;

}

 .pk_testimonial_grid p:before {

 font-size: 1.5em;

}

 .pk_testimonial_grid p {

 padding-left: 1em;

}

}

 @media (max-width: 736px) {

 .slick-list {

 padding: 0 !important;

}

 .slick-prev, .slick-next {

 width: 40px;

}

}

 @media (max-width: 640px) {

 .pk_testimonial_grid {

 padding: 3em 2em 2em;

}

}

@media (max-width: 600px) {

 .agileits_testimonial_grid h4 {

 font-size: 1em;

}

 .pk_testimonial_grid {

 padding: 3em 1.5em 2em;

 margin: 4em 0.5em 0;

}

}

 @media (max-width: 480px) {

 .pk_testimonial_grid {

 padding:2em 1em 1.5em;

 margin:3em 0.2em 0;

}

 .pk_testimonial_grid p:before {

 font-size: 1em;

}

 .pk_testimonial_grid_pos {

 top: -19%;

}

 .slick-slide img {

 width: 100%;

}

}

 @media (max-width: 384px) {

 .pk_testimonial_grid_pos {

 top: -9%;

}

 .pk_testimonial_grid {

 margin: 3em 0.2em 0;

}

}

 @media (max-width: 320px) {

 .pk_testimonial_grid_pos {

 top: -19%;

}

}



.testimonial__rating {

	line-height:1;

	margin-bottom:21px

}

.testimonial__rating i {

	color:#ff5e14

}