@charset "utf-8";html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;}
body{margin:0;padding:0;font-family:sf_ui_display_light;background:#ffffff;font-size:18px; line-height: normal; color: #212529; overflow-x: hidden; overflow-y: auto;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;font-family:sf_ui_display_light;vertical-align:baseline;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;}
body{ line-height: 1; }
a {color: #000; text-decoration: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
a:hover {text-decoration: none; color:#0c6cd4;}
p{ line-height: 1.6; }
b, strong{font-family: 'sf_ui_display_bold'; font-weight: inherit;}
a:focus{background: none;}
u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
.clear {clear:both;}
input[type="button"], input[type="submit"], input[type="reset"],
input[type="text"]{appearance:none;-webkit-appearance:none; -webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;font-size:14px;}
/*select::-ms-expand { display: none; }*/
.clearfix{ clear: both; }

::-moz-selection{
  color: #fff;
  background: #0c6cd3;
}
::selection{
  color: #fff; 
  background: #0c6cd3;
}
@font-face {font-family:"Bebas Neue Regular";
src:url("../fonts/bebas/BEBAS.eot?") format("eot"),
url("../fonts/bebas/BEBAS.woff") format("woff"),
url("../fonts/bebas/BEBAS.ttf") format("truetype"),
url("../fonts/bebas/BEBAS.svg#BEBAS") format("svg");
font-weight:normal;font-style:normal;}


/*sf ui display font*/

@font-face {
font-family: 'sf_ui_display_thin';
src: url('../fonts/sfui-display/thin/sf-ui-display-thin-webfont.woff2') format('woff2'),
url('../fonts/sfui-display/thin/sf-ui-display-thin-webfont.woff') format('woff');
font-weight: normal;font-style: normal;
}

@font-face {
font-family: 'sf_ui_display_light';
src: url('../fonts/sfui-display/light/sf-ui-display-light-webfont.woff2') format('woff2'),
url('../fonts/sfui-display/light/sf-ui-display-light-webfont.woff') format('woff');
font-weight: normal;font-style: normal;
}

@font-face {
font-family: 'sf_ui_display_medium';
src: url('../fonts/sfui-display/medium/sf-ui-display-medium-webfont.woff2') format('woff2'),
url('../fonts/sfui-display/medium/sf-ui-display-medium-webfont.woff') format('woff');
font-weight: normal;font-style: normal;
}

@font-face {
font-family: 'sf_ui_display_semibold';
src: url('../fonts/sfui-display/semibold/sf-ui-display-semibold-webfont.woff2') format('woff2'),
url('../fonts/sfui-display/semibold/sf-ui-display-semibold-webfont.woff') format('woff');
font-weight: normal;font-style: normal;
}

@font-face {
font-family: 'sf_ui_display_bold';
src: url('../fonts/sfui-display/bold/sf-ui-display-bold-webfont.woff2') format('woff2'),
url('../fonts/sfui-display/bold/sf-ui-display-bold-webfont.woff') format('woff');
font-weight: normal;font-style: normal;
}

@font-face {
font-family: 'sf_ui_display_black';
src: url('../fonts/sfui-display/black/sf-ui-display-black-webfont.woff2') format('woff2'),
url('../fonts/sfui-display/black/sf-ui-display-black-webfont.woff') format('woff');
font-weight: normal;font-style: normal;
}

body.beforehide,
html.beforehide{ overflow: hidden; }

@media (min-width: 1200px){
.container {max-width: 1170px; padding-left: 0; padding-right: 0 }
}
.container:before,
.container:after{ content: ""; display: block; clear: both; }


.full__page{ display: block; width: 100%; clear: both; }
.full__page:before, .full__page:after{ content: ""; display: block; clear: both; }

/* header */
.header__overlay{ float: left; width: 100%; position: relative; min-height: 843px; /*overflow: hidden; */}
.header__overlay:before{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; /*background:rgba(0, 0, 0, 0.70);*/ }
header.main__header{ float: left; width: 100%; padding: 22px 0; position: fixed; top: 0; z-index: 10; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }


@media screen and (min-width:1199px)
{
.main__header .container{ width: 100%; max-width: 100%; padding-left: 50px; padding-right: 50px; }
}
.logo{ float: left; }
.logo a{ display: inline-block; width: 284px; height: 52px; background:url(../images/logo.png) 0 0 no-repeat; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.head_img_bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;  }
.homepage_banner .head_img_bg{background: #efefef;}
.head_img_bg img{ min-width: 100%; min-height: 100%; object-fit: cover; object-fit: top; }
.head__bottom_content{ float: left; width: 100%; z-index: 2; position: relative; padding: 110px 0; text-align: center; color: #fff; /*margin-top: 170px;*/}
.head__bottom_content_inner{ display: block; width: 100%; max-width: 685px; margin:0 auto; clear: both;  }
.head__bottom_content_inner:before,
.head__bottom_content_inner:after{ content: ""; display: block; clear: both; }
.head__bottom_content_inner h1{ display: block; width: 100%; font-size: 52px; font-family:sf_ui_display_light; line-height: 1.1; }
.head__subHeading{ display: block; clear: both; font-size: 18px; font-family:sf_ui_display_light; line-height: 1.6; padding-top: 20px; letter-spacing: 0.6px; }

.homepage header.main__header{ padding: 42px 0; }

.blogs .header__overlay.subPages{ min-height: 82px; }
.blogs .header__overlay:before{ display: none; }
.blogs header.main__header{ padding: 14px 0 12px 0; }

header.main__header.headfixed{ position: fixed; top: 0; right: 0; left: 0; z-index: 100; background: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); padding: 10px 0 7px 0; }
body.homePadding,
body.homePadding.bodyfixed{ padding: 0 !important }


header.down-fixed.main__header{ visibility: hidden; opacity: 0; margin-top: -150px; }
header.down-fixed.main__header.headfixed{ visibility:visible; opacity: 1; margin-top: 0 }



/*
header.main__header.headfixed{ position: fixed; top: 0; right: 0; left: 0; z-index: 100; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); padding: 14px 0; background:#fff; }
header.main__header.headfixed .logo a{ background-position: 0 -100px; }
header.main__header.headfixed .xtreem_nav>ul>li>a{ color: #444; }
header.main__header.headfixed .xtreem_nav>ul>li>a:hover{ color: #0c6cd3; }
header.main__header.headfixed .over_btnx{ color: #0c6cd3 }*/




.btnx{ display: inline-block; letter-spacing: 1px; cursor: pointer; position: relative; text-transform: uppercase; font-size: 14px; font-family:sf_ui_display_medium;; line-height: normal; white-space: nowrap; color: #0c6cd3; background:transparent;}
.btnx a{ color: inherit; font:inherit; }
.same_btnx{ padding: 17px 17px; display: block; width: 100%; }
.over_btnx_overlay{ position: absolute; background:#0c6cd3; color: #fff; width: 50px; max-width: 50px; overflow: hidden; top: 0; left: 0; z-index: 1; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.btnx:hover .over_btnx_overlay{ max-width: 100%; width: 100%; }

.btnx.skyblue_btnx{ color: #06c9f7 }
.btnx.skyblue_btnx .over_btnx_overlay{ background: #1cacf4 }

.btnx.white_btnx{ color: #06c9f7 }
.btnx.white_btnx .over_btnx_overlay{ background: #fff; color: #0c6cd4; }

.btnx.colorWhite{ color: #fff; }

.head__bottom_content .btnx{ margin-top: 30px; }
.arrow_r{ display: inline-block; vertical-align: baseline; margin-left: 8px; width: 22px; height: 12px; background:url(../images/sprite-icon.png) 0 0 no-repeat; /*transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s;*/  }
.btnx:hover .arrow_r{ background-position: 0 -38px; }

.homepage .head__bottom_content_inner .btnx.colorWhite .arrow_r{ background-position: 0 -38px; }

.btnx-sm .same_btnx,
.btnx-sm .over_btnx_overlay{ padding-top: 12px; padding-bottom: 12px; }

.btnx.btnnotHover .over_btnx_overlay{ max-width: 100%; width: 100%; }


.header__right{ float: right; margin: 2px 0 -4px 0; }
.xtreem_nav{ float: left; margin-right: 20px; margin-top: -2px; position: relative; }
.xtreem_nav>ul>li{ float: left; display: inline-block; }
.xtreem_nav>ul>li + li{ margin-left: 20px; }
.xtreem_nav>ul>li>a{ display: block; color: #fff; font-size: 18px; padding:20px 20px; position: relative;font-family:sf_ui_display_semibold; }
.xtreem_nav>ul>li:hover>a,
.xtreem_nav>ul>li.active>a{ color: #0c6cd3 !important; background:#fff;   }
.xtreem_nav>ul>li>a:hover{ color: #0c6cd3; background:transparent; }
.xtreem_nav>ul>li.subm>a:hover,
.xtreem_nav>ul>li.subm:hover > a{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -4px 0 #0c6cd3; background:#fff; }

.xtreem_nav>ul>li.subm>a:before{ display: none; content: ""; position: absolute; z-index: 11; bottom: -3px; height: 5px; background:#fff; left: 0; right: 0; }
.xtreem_nav>ul>li.subm>a:hover:before,
.xtreem_nav>ul>li.subm:hover a:before{ display: block; }
.homepage .xtreem_nav>ul>li.subm:hover a:before{ display: none; }

.xtreem_nav>ul>li.subm>a:after{ content: ""; width: 10px; height: 8px; background:url(../images/sprite-icon.png) 0 -167px no-repeat; display: inline-block; background-size: 100%; margin-left: 7px; opacity: 0.7; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }

.homepage .xtreem_nav>ul>li.subm>a:after{ background:url(../images/sprite-icon.png) 0 -144px no-repeat;background-size: 100% ; opacity: 1;}
.xtreem_nav>ul>li.subm>a:hover:after,
.xtreem_nav>ul>li.subm:hover>a:after{ background-position: 0 -122px; opacity: 1;}


.xtreem_nav>ul>li>ul{ position: absolute; top: 100%; width: 450px; left: 0; background:#fff; padding: 30px 20px; z-index: 10; }
@media screen and (min-width: 1200px){
	.xtreem_nav>ul>li>ul{opacity: 0; visibility: hidden; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: translate(0, 50px); -webkit-transform: translate(0, 50px); display: block !important; pointer-events: none;}
}
.xtreem_nav>ul>li.technologies_menu>ul{ width: 550px; left: auto; margin-left: -180px; }
.xtreem_nav>ul>li.hire_menu>ul{ width: auto; left: auto; right: 0; }
.xtreem_nav>ul>li.services_menu>ul{ width: 700px; left:0px; right: auto; padding-top: 15px; }
.xtreem_nav>ul>li ul li{ display: block; width: 100%; padding-bottom: 4px;float: left; }
.xtreem_nav>ul>li ul li.titleName{ display: block; width: 100%; padding-bottom: 15px; font-family:sf_ui_display_medium; font-size: 16px; color: #333 }
.xtreem_nav>ul>li ul li a{ font-size: 15px;color: #818181; position: relative; display: inline-block; width: auto; padding: 4px 0; font-family:sf_ui_display_medium; line-height: 1.3; }
.xtreem_nav>ul>li ul li a:hover{ color: #0c6cd3; }

.xtreem_nav>ul>li ul li a:after{ content: ""; position: absolute; right: 0; bottom: 1px; width: 0; background:#0c6cd3; height: 1px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.xtreem_nav>ul>li ul li a:hover:after{ width: 100%; left: 0; right: auto; }

.homepage .xtreem_nav>ul>li>ul{ box-shadow: none; }
.homepage .xtreem_nav>ul>li.subm>a:hover,
.homepage .xtreem_nav>ul>li.subm:hover > a{ box-shadow: 0 -4px 0 #0c6cd3; background:#fff; }

.xtreem_nav>ul>li ul li.titleName a{ padding-bottom: 6px; font:inherit; color: inherit; }
.xtreem_nav>ul>li ul li.titleName a:hover{ color: #0c6cd3; }
.xtreem_nav>ul>li.services_menu ul li{ display: inline-block; clear: both; float: none; width: auto; margin:0 20px 0px 0; position: relative;}
.xtreem_nav>ul>li.services_menu ul li.titleName{ padding-bottom: 4px; width: 100%; display: block; margin-bottom: 0; margin-top: 15px; }
.xtreem_nav>ul>li.services_menu ul ul li:after{ content: ""; display: block; position: absolute; top: 6px; width: 1px; height: 15px; background:#ccc; right: -13px; }
.xtreem_nav>ul>li.services_menu ul ul li:first-child:after,
.xtreem_nav>ul>li.services_menu ul ul li:last-child:after{ display: none; }

.xtreem_nav>ul>li.hide_home{ display: none !important; }


.header__overlay.homepage header.headfixed .xtreem_nav>ul>li>a{ color: #000}
.header__overlay.homepage header.headfixed .xtreem_nav>ul>li.subm>a:after{ background: url(../images/sprite-icon.png) 0 -167px no-repeat;background-size: 100%; opacity: 0.7; }
.header__overlay.homepage header.headfixed .xtreem_nav>ul>li.subm>a:hover, 
.header__overlay.homepage header.headfixed .xtreem_nav>ul>li.subm:hover > a{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -4px 0 #0c6cd3; background: #fff; }
.header__overlay.homepage header.headfixed .xtreem_nav>ul>li>ul{ box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); }
.header__overlay.homepage header.headfixed .xtreem_nav>ul>li.subm>a:hover:before, 
.header__overlay.homepage header.headfixed .xtreem_nav>ul>li.subm:hover a:before{ display: block; }
.header__overlay.homepage header.headfixed .logo a{ background-position: 0 -100px; }

.header__overlay.homepage header.headfixed .xtreem_nav>ul>li.subm>a:hover:after,
.header__overlay.homepage header.headfixed .xtreem_nav>ul>li.subm:hover>a:after{ background-position: 0 -122px; opacity: 1; }


.hire_awards{ display: block; width: 100%; padding-left: 25px; border-left: solid 1px #ddd; padding-top: 10px; padding-bottom: 10px;  min-height: 250px;}
.hire_awards:before,
.hire_awards:after{ content: ""; display: block; clear: both; }
.hire_awards ul li{ display: block; width: 100%; clear: both; }
.hire_awards ul li + li{ margin-top: 18px; }

.xtreem_nav>ul>li:hover ul{ opacity: 1; visibility: visible; max-height: inherit; transform: translate(0, 0); -webkit-transform: translate(0, 0); pointer-events: all; }

.xtreem_nav>ul>li>ul ul{ display: block; clear: both; padding-left: 0; }
.xtreem_nav>ul>li>ul ul li{ display: inline-block;width: auto; clear: none; position: relative;}

.main__header.headfixed .xtreem_nav>ul>li>ul{ /*box-shadow: 0 12px 20px -2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.3);*/ }
.trending_fill{ display: block; width: 100%; padding-left: 12px; border-left: solid 1px #ddd; float: left; min-height: 340px; }
/*.trending_fill .titleName a{ display: inline-block; width: auto; }
.xtreem_nav>ul>li>ul .trending_fill li{ float: left; width: auto !important; clear: none; margin-right: 15px; }
.xtreem_nav>ul>li>ul .trending_fill li.titleName{ width: 100% !important; margin-right: 0 }
.xtreem_nav>ul>li>ul .trending_fill li a{ width: auto; display: inline-block;}*/

/* header End */

/* footer */

footer.main__footer{ display: block; clear: both; width: 100%; position: relative; background:#e1e9ec; padding: 122px 0 0 0; }
footer.main__footer:before,
footer.main__footer:after{ content: ""; display: block; clear: both; }
.footer__bottom{ display: block; width: 100%; clear: both; border-top: solid 1px #b9c0c2; padding:40px 0 35px 0; margin-top: 20px; }
.footer__bottom:before,
.footer__bottom:after{ content: ""; display: block; clear: both; }
.foote_cell + .foote_cell{margin-top: 24px;}
.foote_cell:after, 
.foote_cell:before{content: ""; clear: both; display: table;}
.footer_heading{ display: block; width: 100%; font-size: 28px; font-family:sf_ui_display_semibold; padding-bottom: 30px;}
.xtreem_info{ float: left; width: 100%; }
.xtreem_info ul li{ float: left; width: 100%; clear: both; position: relative; padding-left: 34px; margin-bottom: 20px; line-height: normal;}
.xtreem_info ul li:last-child{ margin-bottom: 0 }
.xtreem_info ul li i{ position: absolute; left: 0; top: 0; font-size: 20px; width: 20px; text-align: center; }
.xtreem_info ul li .multi_vlues{ display: block; clear: both; }
.xtreem_info ul li .multi_vlues + .multi_vlues{ margin-top: 10px; }
.xtreem_info ul li a{ line-height: normal; }
.footer_menus{ float: left; width: 100%; clear: both; }
.footer_menus ul li{ float: left; width: 100%; clear: both; position: relative; }
.footer_menus ul li + li{ margin-top: 17px; }
.main__footer .col-md-4:nth-of-type(2) .foote_cell{ padding-left: 50px; }
.xtreem_social{ display: block; width: 100%; text-align: center; }
.xtreem_social:before,
.xtreem_social:after{ content: ""; display: block; clear: both; }
.xtreem_social ul li{ display: inline-block; padding: 0 20px; }
.xtreem_social ul li a{ font-size: 30px; }
.copyright_section{ display: block; clear: both; width: 100%; text-align: center; padding-top: 35px; font-size: 14px; color: #1b1b1b }



.awards_section{ float: left; width: 100%; position: relative; z-index: 1; background: transparent; }
.awards_inner{ display: block; width: 100%; background:#fff; border-radius: 10px; box-shadow: 0 0 34px rgba(0, 0, 0, 0.19); padding:25px 10px; max-width: 900px; text-align: center; margin:0 auto; margin-bottom: -67px;}
.awards_inner:before,
.awards_inner:after{ content: ""; display: block; clear: both; }
.awards_inner ul li{ display: inline-block; float: left; width: 11.11%; text-align: center;}
.awards_inner ul li a{ display: block; height: 50px; position: relative; background:url(../images/brands_rateicons.png) 12px 0 no-repeat; width: 76px; margin: 0 auto; }
.awards_inner ul li img{ display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto;}

.awards_inner ul li a.aw_icn_two{ background-position: -94px 0; }
.awards_inner ul li a.aw_icn_three{ background-position: -196px 0px; }
.awards_inner ul li a.aw_icn_four{ background-position: -298px 0px; }
.awards_inner ul li a.aw_icn_five{ background-position: -416px 0px; }
.awards_inner ul li a.aw_icn_six{ background-position: -534px 0px; }
.awards_inner ul li a.aw_icn_seven{ background-position: -644px 0px; }
.awards_inner ul li a.aw_icn_eight{ background-position: -763px 0px; }
/* footer End*/

.repeat_section{ display: block; clear: both; width: 100%; position: relative; padding: 85px 0; }
.repeat_section:before,
.repeat_section:after{ content: ""; display: block; clear: both; }
.section_headerpart{ display: block; width: 100%; clear: both; text-align: center; max-width: 86%; margin:0 auto; padding-bottom: 62px;}
.section_headerpart:before,
.section_headerpart:after{ content: ""; display: block; clear: both; }

.repeat_section.lightSky_bg{ background:#e1e9ec; }
.repeat_section.blue_darkbg_dark{ 
background: #0c6cd4; /* Old browsers */
background: -moz-linear-gradient(left, #0c6cd4 28%, #1cacf4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0c6cd4 28%,#1cacf4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0c6cd4 28%,#1cacf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6cd4', endColorstr='#1cacf4',GradientType=1 ); /* IE6-9 */
}

.sec_head_title{ display: block; width: 100%; font-size: 30px; font-family:sf_ui_display_medium; line-height: normal; }
.sec_head_title span{ font-family:sf_ui_display_medium; border-bottom: solid 2px #0c6cd3; }
.sec_subhead{ display: block; width: 100%; clear: both; font-size: 16px; line-height: 1.4; padding-top: 10px;}
.approach_cell{position: relative; display: block; width: 100%; border: solid 1px #c5c5c5; border-radius: 5px; padding: 30px 15px; text-align: center; }
.approach_icon{ display: block; width: 100%; }
.approach_icon img{ height: 84px; max-width: 84px; }
.approach_cell h4{ display: block; clear: both; width: 100%; text-transform: uppercase; font-size: 14px; font-family:sf_ui_display_bold; padding: 30px 0; }
.approach_cell h4 a{ color: inherit; }
.sub_content_cells{ display: block; clear: both; width: 100%; line-height: 1.4; min-height: 90px;}
.plateform_names{ display: block; clear: both; width: 100%; padding-top: 40px; text-align: center; margin-bottom: -5px; }
.plateform_names ul li{ display: inline-block; margin:0 2px 5px 2px; }
.plateform_names ul li a{ overflow: hidden; display: inline-block; position: relative; color: #0c6cd4; border: solid 1px #0c6cd4; border-radius: 50px; white-space: nowrap; padding:9px 14px; font-size: 14px; position: relative;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.plateform_names ul li a:before{ content: ""; width: 0; position: absolute; left: 0; top: 0; bottom: 0; background:#0c6cd4; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.plateform_names ul li a:hover:before{ width: 100%; }
.plateform_names ul li a:hover{ color: #fff; }
.plateform_names ul li a span{ position: relative; z-index: 2; }
.overlay_approach{ position: absolute; z-index: 1; top: 0; right: 0; left: 0; bottom: 85px; }
.approach_cell:hover h4{ color: #0c6cd4 }

.repeat_section.blue_darkbg{background: #0c6cd4;
background: -moz-linear-gradient(left, #0c6cd4 0%, #1cacf4 100%); 
background: -webkit-linear-gradient(left, #0c6cd4 0%,#1cacf4 100%);
background: linear-gradient(to right, #0c6cd4 0%,#1cacf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6cd4', endColorstr='#1cacf4',GradientType=1 ); }
.repeat_section.grey_darkbg{background: #f3f4f6;}
.blue_darkbg .section_headerpart .sec_head_title{ color: #fff; }
.blue_darkbg .section_headerpart .sec_subhead{ color: #fff; }

.hww_content{ display: block; width: 100%; padding-top: 70px; }
.hww_content:before,
.hww_content:after{ content: ""; display: block; clear: both; }
.hww_content h4{ display: block; width: 100%; clear: both; font-size: 20px; font-family:sf_ui_display_bold; color: #0c6cd4; padding-bottom: 30px; }


#hww_carousel{ padding-right: 60px; padding-left: 60px; }
#hww_carousel .carousel-indicators{ padding-bottom: 80px; position: initial; float: left; width: 100%; margin:0; display: block;display: -webkit-box;display: -ms-block; }
#hww_carousel .carousel-indicators li{ float: left; display: block; width: 25%; margin:0; padding: 0; height: auto; text-indent: 0; text-align: center; position: relative; padding-top: 60px; cursor: pointer;}
#hww_carousel .carousel-indicators li:after{ position: initial !important;  height: auto; }
#hww_carousel .carousel-indicators li span{ display: block; width: 100%; clear: both; float: left; text-transform: uppercase; font-size: 14px; font-family:sf_ui_display_bold;}
#hww_carousel .carousel-indicators li:before{ content: ""; width: 44px; height: 44px; border-radius: 50px; display: block; margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); background: #d1d1d1 url(../images/sprite-icon.png) 14px -102px no-repeat; }
#hww_carousel .carousel-indicators li span:before{content: ""; position: absolute !important; height: 2px; right: 66%; left: -34%; bottom: auto; top: 21px; background: #d0d0d0; }
#hww_carousel .carousel-indicators li span:after{ z-index: 2; content: ""; position: absolute !important; height: 2px; right: auto; left: -34%; width: 0; bottom: auto; top: 21px; background: #0c6cd4; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
#hww_carousel .carousel-indicators li:first-child span:before{ display: none; }
#hww_carousel .carousel-indicators li:first-child span:after{ display: none; }
#hww_carousel .carousel-indicators li.selected:before,
#hww_carousel .carousel-indicators li.active:before{ background: #0c6cd4 url(../images/sprite-icon.png) 14px -142px no-repeat; }
#hww_carousel .carousel-indicators li.selected span:after,
#hww_carousel .carousel-indicators li.active span:after{ right: 66%; width: 68%; }
#hww_carousel .carousel-indicators li.selected span,
#hww_carousel .carousel-indicators li.active span{ color: #0c6cd4 }


.business_domains{ float: left; width: 100%; text-align: center; }
.business_domains ul li{ position: relative; display: inline-block; vertical-align: top; margin:50px 5px; width: 18%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.business_domains ul li:nth-of-type(5n+1){ clear: both; }
.business_domains ul li img{ height: 70px; max-width: 70px; display: block; margin: 0 auto; }
.business_domains ul li span{ display: block; clear: both; padding-top: 28px; text-transform: uppercase; font-family:sf_ui_display_bold; font-size: 14px; }
.business_domains ul li a{ display: block; }
.business_domains ul li a:before,
.business_domains ul li a:after{ content: ""; display: block; clear: both; }



.business_domains.singlefor ul li:nth-of-type(5n+1){clear: none;  }
.business_domains.singlefor ul li:nth-of-type(4n+1){clear: both;  }
.business_domains.singlefor ul li{ width: 19%; }

.blogpost_info{ display: block; width: 100%; max-width: 900px; margin: 0 auto; }
.blogpost_info:before,
.blogpost_info:after{ content: ""; display: block; clear: both; }
.blog_most_cell{ float: left; width: 100%; text-align: center; background:#fff; border-radius: 10px; padding:40px 15px  25px 15px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.blog_most_img{ display: block; height: 104px; position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.blog_most_img:before,
.blog_most_img:after{ content: ""; display: block; clear: both; }
.blog_most_cell img{ max-height: 104px; max-width: 106px; display: block; margin:auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.value_morethen{ display: block; width: 100%; clear: both; padding-top: 22px; padding-bottom: 10px; font-family:sf_ui_display_black; font-size: 18px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.label_blogcell{ display: block; line-height: 1.4; clear: both; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; font-family:sf_ui_display_medium; font-size: 16px; color: #444;min-height: 44px;}
.sec_head_title.sec_head_title_sm{ font-size: 22px; }
.blog_most_cell:hover{ box-shadow: 0 15px 49px -9px rgba(0, 0, 0, 0.3); }
.blog_most_cell:hover .value_morethen{ transform: scale(2) translate(0, -9px); -webkit-transform: scale(2) translate(0, -9px);}
.blog_most_cell:hover .blog_most_img{ transform: scale(0.7); -webkit-transform: scale(0.7); }

.testim_row{ max-width: none; clear: both; margin: 0 -12px; }
.testim_row:before,
.testim_row:after{ content: ""; display: block; clear: both; }
.testim_cell{ float: left; width: 33.3333%; padding: 0 12px; }
.testim_cell.f_testim{ width: 33%; }
.testim_cell.t_testim{ width: 28%; }
.testim_cell.th_testim{ width: 39%; }
.testim_video{ float: left; width: 100%; }
.testim_video_image{ float: left; width: 100%; height: 238px; overflow: hidden; position: relative; border-radius: 10px 10px 0 0; }
/* .testim_video_image:after{ content: ""; background:rgba(0, 0, 0, 0.50); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } */
.testim_video_image img{ min-height: 100%; min-width: 100%; object-fit: cover; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; display: block;}
.testim_video_content{ float: left; width: 100%; background:#f3f4f6; border-radius: 0 0 10px 10px; min-height: 266px; padding: 56px 25px 25px 25px; position: relative; }
.videoplay_testim{ position: absolute; z-index: 2; top: -30px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 58px; height: 58px; background:#0c6cd4; text-align: center; line-height: 58px; color: #fff; border-radius: 70px; padding: 1px 0 0 1px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.24); cursor: pointer; transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; }
.videoplay_testim:hover{ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.50);  }
.cont_testim{ display: block; clear: both; width: 100%; }
.cont_testim p{ font-family: Georgia, serif; font-style: italic; font-size: 18px; }
.usertestim_name{ display: block; clear: both; padding-top: 38px; font-size: 14px; font-family:sf_ui_display_bold; color: #0c6cd4; }
.usertestim_post{ display: block; clear: both; padding-top: 6px; font-size: 12px;  color: #000; opacity: 0.5; font-family: sf_ui_display_medium; }
.testim_contents{ float: left; width: 100%; border-radius: 10px; padding: 30px 44px; }
.bluebg_testim{ color:#fff; background:#0c6cd4; min-height:502px; display: block; }
.bluebg_testim .usertestim_name,
.bluebg_testim .usertestim_post{ color:#fff;}
.bluebg_testim .fa-quote-left{ font-size: 28px; padding-bottom: 30px; display: block;}
.bluebg_testim p{ min-height: 312px; }

.rightbg_testim{ float: left; width: 100%; border-radius: 10px; padding: 30px 44px; padding-left: 88px; background:#f3f4f6; position: relative; }
.greybg_testim{ background:#8698a1; margin-top: 24px; }
.rightbg_testim .fa-quote-left{ font-size: 28px; position: absolute; left: 35px; color: #b6b6b6; }
.rightbg_testim .usertestim_name{ padding-top: 35px; }
.greybg_testim .fa-quote-left{ color: #abb7bd }
.greybg_testim .usertestim_name{ color: #fff; }
.greybg_testim p{ color: #fff; }


.blog_cell{ float: left; width: 100%; position: relative; }
.blog_cell_image{ float: left; width: 100%; border-radius: 5px 5px 0 0; position: relative; z-index: 2; max-height: 150px; overflow: hidden;}
.blog_cell_image img{ min-width: 100%; object-fit: cover; display: block; border-radius: 5px 5px 0 0; }
.blog_post_content_over{ display: block; margin: 0; clear: both; position: relative; z-index: 1;}
.blog_post_content_over:before,
.blog_post_content_over:after{ content: ""; display: block; clear: both; }
.blog_post_content{ background:#fff; box-shadow: 0 0 26px rgba(0, 0, 0, 0.15); padding: 24px 30px; float: left; width: 100%; margin-top: 0; border-radius: 0 0 5px 5px ;}
.blog_post_content h3{ display: block; color: #0c6cd4; font-size: 18px; font-family:sf_ui_display_bold; padding-bottom: 15px; line-height: 1.4; min-height: 91px;}
.blog_post_content .arrow_r{ float: right; margin-left: 0; margin-top: 10px; background-position: 0 -79px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
a.over_cell{ position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.blog_cell:hover .arrow_r{ margin-right: -10px; }
.hide_contentsl{ display: none; }
.hide_contentsl h4{ font-size: 50px; font-family:sf_ui_display_bold; display: block; clear: both; padding-bottom: 20px; }
.hide_contentsl p{ display: block; clear: both; font-family:sf_ui_display_light; }
.title_name_values{ color: #fff; opacity: 0.7; font-family:sf_ui_display_light; cursor: pointer;}
.title_name_values:hover{ opacity: 0.9 }


/* portfolio home page */
.repeat_section_portfolio{ display: block; width: 100%; clear: both;}
.repeat_section_portfolio:before,
.repeat_section_portfolio:after{ content: ""; display: block; clear: both; }
.portfolio_showcase{ float: left; width: 100%; height: 100vh; }
.ioclothes_portfolio{ background:#444; }


.port_table{ display: table; width: 100%; height: 100%; }
.port_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.port_contents{ display: block; width: 100%; max-width:430px; color:#fff;}
.port_contents:before,
.port_contents:after{ content: ""; display: block; clear: both; }
.portfolio_title_name{ display: block; font-size: 40px; font-family:sf_ui_display_bold; padding-bottom: 20px; text-transform: capitalize;}
.port_contents p{ font-size: 18px; display: block; padding-bottom: 16px; line-height: 1.4; }
.port_left{float: left; width: 100%; max-width: 450px; height: 100vh; margin-left: 43%; transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); }
.port_figure{ height: 100vh; width: 100%; display: block; }
.port_figure:before,
.port_figure:after{ content: ""; display: block; clear: both; }
.page_about_icon{ display: block; width: 100%; padding-bottom: 28px; }
.page_about_icon img{ height: 118px; }
.subPages .head__bottom_content_inner h1{ font-size: 36px; line-height: 1.4; }
.subPages .head__subHeading{ font-size: 16px; padding-top: 14px; }
.subPages .head__bottom_content{ padding-bottom: 88px; padding-top: 75px; }
.header__overlay.subPages{ min-height: 463px; }

.xlogo{ float: right; position: absolute; right: -5px; bottom: 0; width: 454px; height: 575px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.xlogo img,
.iconxleft img{ height: 100%; min-width: 100%; max-width: inherit; }
.downoverlay{ position: absolute; top: 0; left: 0; z-index: 0; bottom: 0; right: 0; }
.upoverlay{ position: relative;z-index: 2;}

.iconxleft{ position: absolute; left: 0; bottom: 18px; width: 400px; height: 575px; overflow: hidden; }
.iconxleft img{ display: block; float: right;}
.iconxleft .downoverlay{ left: auto; right: 0; opacity: 0.08; }
.iconxleft .upoverlay{ opacity: 0.14; }

.downoverlay svg{ width: 650px; height: 575px; }

.icon_hww img{ height: 246px; }
.font-18-size{ font-size: 20px; }


/* sub pages */

.header__overlay.subPages .logo a{ background-position: 0 -100px; }
.header__overlay.subPages .xtreem_nav>ul>li>a{ color: #000}
.header__overlay.subPages .over_btnx_overlay{ color: #fff }
.header__overlay.subPages .btnx.colorWhite{ color: #0c6cd3 }
.header__overlay.subPages:before{ display: none; }
.header__overlay.subPages .head__bottom_content{ color: #2a2a2a }
.subPages .head__bottom_content_inner h1{ font-size: 42px; font-family: sf_ui_display_thin; }
.repeat_section.just_down{ padding-top: 40px; }
.subheading_liner{ display: block; clear: both; width: 100%; font-size: 28px; font-family: sf_ui_display_thin; text-align: center; /* color: #2a2a2a; */ line-height: normal; margin-bottom: 60px;}
.subheading_liner span{  font-family: sf_ui_display_medium; border-bottom: solid 2px #077fc8; padding-bottom: 0px; line-height: 1; display: inline-block;}
.sec_head_title_serv{ display: block; width: 100%; clear: both; text-align: center; font-size: 30px; line-height: normal; max-width: 720px; margin: 0 auto; }
.sec_head_title_serv span{ display: inline-block; clear: both; border-bottom: solid 2px #077fc8; font-family: sf_ui_display_light; }
.makeItStong{ font-family: sf_ui_display_medium !important; }

.wondring_choose_sec{ display: block; width: 100%; clear: both; padding: 80px 0 40px 0; }
.wondring_choose_sec:before,
.wondring_choose_sec:after{ content: ""; display: block; clear: both; }
.wondring_links{ display: block; width: 100%; clear: both; text-align: center; max-width: 800px; margin: 0 auto; line-height: normal; padding-top: 50px;}
.wondring_links ul li{ display: inline-block; margin:8px 5px; }
.wondring_links ul li a{ font-size: 20px; border: solid 2px #0c6cd4; border-radius: 50px; padding: 8px 22px; color: #0c6cd4; display: block; position: relative; overflow: hidden;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.wondring_links ul li a:before{ content: ""; position: absolute; width: 0; top: 0; left: 0; bottom: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; 
background: #0c6cd4;
background: -moz-linear-gradient(-45deg, #0c6cd4 0%, #1cacf4 100%);
background: -webkit-linear-gradient(-45deg, #0c6cd4 0%,#1cacf4 100%);
background: linear-gradient(135deg, #0c6cd4 0%,#1cacf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6cd4', endColorstr='#1cacf4',GradientType=1 );}
.wondring_links ul li a:hover:before{ width: 100%; }
.wondring_links ul li a:hover{ color: #fff; border-color: transparent; }
.wondring_links ul li a span{ position: relative; z-index: 2; }
.title_backend{ display: block; width: 100%; clear: both; font-size: 24px; font-family: sf_ui_display_medium; }








.developers_list{ float: left; width: 100%; }
.developers_list ul li{ float: left; width: 20%; text-align: center; margin-bottom: 30px; }
.developers_list ul li:nth-of-type(5n+1){ clear: both; }
.develop_listbox{ display: block; width: 100%; max-width: 196px; background:#fff; border-radius: 6px; border: solid 1px #dadada;  height: 250px; position: relative; }
.develop_listbox a{ display: block; width: 100%; height: 100%; float: left; padding: 20px; padding-top: 54px;}
.develop_listbox img{ height: 70px; display: block; margin: 0 auto; max-width: 80px; }
.develop_listbox span{ display: block; clear: both; width: 100%; text-transform: uppercase; font-size: 14px; font-family:sf_ui_display_bold; padding: 30px 0 0 0; line-height: 1.5; }
.develop_listbox:hover{ box-shadow: 0 0 34px rgba(0, 0, 0, 0.19); }
.developer_points{ float: left; width: 100%; }
.developer_points ul li{ float: left; width: 100%; clear: both; margin-bottom:20px; padding-left: 30px; line-height: normal;   font-size:18px; font-family:sf_ui_display_medium; position:relative;}
.developer_points ul li:before{ content: "\f058"; position: absolute; left: 0; width: 30px; height: 30px; font-family: "Font Awesome 5 Free"; color: #0c6cd4; font-size: 20px; top: 2px;}

.sqft_label{ display: block; clear: both; width: 100%; text-align: center; font-family:sf_ui_display_bold; font-size: 18px; color: #4c4f51; }
.sqft_label span{ color: #24347c; font-size: 72px; text-shadow: -6px 6px 0 rgba(0, 0,0, 0.1); font-family: Bebas Neue Regular; font-weight: normal; display: inline-block; vertical-align: baseline;}
.sqft_image{ display: block; width: 100%; clear: both; padding-top: 20px; text-align: center; padding-right: 60px; }

.sqft_about{ float: left; width: 100%; padding-top: 45px; }
.sqft_about ul li{ float: left; width: 25%; text-align: center; padding: 20px 15px;}
.sqft_about ul li + li{ border-left: solid 2px #ccd3d6; }
.sqft_about ul li span{ display: block; clear: both; width: 100%; color: #24347c; font-size: 45px; font-family: Bebas Neue Regular; }
.best_bets{ float: left; width: 100%; text-align: center; }
.best_bets ul li{ display: inline-block; margin-bottom: 25px; padding: 0 10px; }

.best_bets ul li span{ display: block; height: 120px; width: 265px; border: solid 1px #d9d9d9; border-radius: 10px; position: relative;  transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s;}
.best_bets ul li span img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.best_bets ul li span:hover{ box-shadow: 0 0 34px rgba(0, 0, 0, 0.19); }
.repeat_section.paddingTop_none{ padding-top: 0 }
.repeat_section.paddingBottom_none{ padding-bottom: 0 }
.trendingInfo .section_headerpart{ padding-bottom: 0; }
.repeat_section.trendingInfo{ padding-bottom: 170px; }
.trending_info_section{ float: left; width: 100%; clear: both; margin-top: -112px; position: relative; z-index: 2; }
.trending_info_section_box{ display: block; width: 100%; max-width: 884px; background:#fff; border-radius: 10px; box-shadow: 0 0 34px rgba(0, 0, 0, 0.19); margin: 0 auto; padding: 40px 66px 30px 66px; text-align: center; }
.tensing_label{ display: block; width: 100%; font-size: 30px; font-family:sf_ui_display_medium; padding-bottom: 27px; padding-left: 30px; line-height: 1.3; }
.quoteicon{ display: block; width: 100%; height: 55px; background:url(../images/quote-icon.png) 0 0 no-repeat; }

.trending_info_section + .repeat_section.grey_darkbg{ background:#fff; }

.needs_apps{ float: left; width: 100%; text-align: center; }
.needs_apps>ul>li{ display: inline-block; text-align: center; width: 33%; padding: 30px 0;}
.needs_apps>ul>li:nth-of-type(3n+1){ clear: both; }
.section_needsapps{ text-align: left; display: inline-block; }
.section_needsapps:before,
.section_needsapps:after{ content: ""; display: block; clear: both; }
.icon_needsapp{ display: block; width: 100%; width: 118px; height: 118px; margin: 0; background:url(../images/circle_image.png) center no-repeat; position: relative; }
.icon_needsapp img{ height: 58px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  }
.section_needsapps h4{ display: block; clear: both; width: 100%; font-size: 18px; font-family:sf_ui_display_bold; padding-top: 42px; }
.section_needsapps ul{ display: block; clear: both; width: 100%; padding-top: 26px; }
.section_needsapps ul li{ display: block; clear: both; width: 100%; font-size: 14px; font-family:sf_ui_display_bold; padding-left: 25px; background: url(../images/right-arrow.svg) 0 0 no-repeat; background-size: 14px; }
.section_needsapps ul li + li{ margin-top: 20px; }
.uppercase_text{ text-transform: uppercase; }
.uppercase_text.sec_subhead{ padding-top: 0 }

.drive_logos{ float: left; width: 100%; clear: both; padding-bottom: 52px; }
.drive_logos_cell{ float: left; width: 100%; height: 62px; position: relative; }
.drive_logos_cell img{ opacity: 0.70; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.drive_logos_cell:hover img{ opacity: 1; }
.client_review_left{ float: left; width: 100%; padding-top: 80px; color: #fff; }
.client_review_left h4{ display: block; clear: both; width: 100%; font-size: 34px; font-family:sf_ui_display_semibold; }
.client_review_left .rev_label{ display: block; width: 100%; padding-top: 26px; font-size: 24px; line-height: 1.4; padding-bottom: 25px; }




.testim_carousel{ float: left; width: 100%; background:#fff; border-radius: 10px; padding: 24px; }
.testim_carousel_header{ float: left; width: 100%; }
.testim_carousel_centent{ float: left; width: 100%; padding-top: 30px; min-height: 230px; font-size: 16px; }
.testim_carousel_footer{ float: left; width: 100%; padding-top: 30px; min-height: 72px;  }
.testim_client_left{ display: inline-block; vertical-align: middle; width: 60px; height: 60px; border-radius: 50px; overflow: hidden; background:#eee; vertical-align: middle;}
.testim_client_left img{ min-width: 100%; min-height: 100%; object-fit: cover; }
.testim_client_right{ display: inline-block; padding-left: 10px; max-width: 60%; word-break: break-word; vertical-align: middle; }
.testim_client_right label{ display: block; width: 100%; clear: both; font-family:sf_ui_display_bold; font-size: 16px; margin-bottom: 4px; line-height: normal; }
.testim_client_right span{ display: block; clear: both; width: 100%; font-size: 13px; }
.watchvideo_btn{ display: block;  }
.watchvideo_btn a{ display: inline-block; border: solid 1px #dedede; text-transform: uppercase; padding: 8px 16px; border-radius: 50px; font-size: 14px; font-family:sf_ui_display_bold; position: relative; overflow: hidden; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.watchvideo_btn a i{ font-weight: normal; font-size: 20px; display: inline-block; vertical-align: middle; color: #0c6cd4; position: relative; z-index: 2;  transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.watchvideo_btn a span{ display: inline-block; vertical-align: middle; padding-left: 8px; position: relative; z-index: 2; }
.watchvideo_btn a:before{ content: ""; width: 0; position: absolute; left: 0; top: 0; bottom: 0; background: #0c6cd4; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.watchvideo_btn a:hover:before{ width: 100%; }
.watchvideo_btn a:hover{ color: #fff !important; }
.watchvideo_btn a:hover i{ color: #fff !important; }

/* arrow icon */
.icnarrow{ display: inline-block; vertical-align: baseline; width: 22px; height: 12px; background: url(../images/sprite-icon.png) 0 -38px no-repeat;}
.icnarrow.blueicarrow{ background-position: 0 -203px;  }
.design_arrow .owl-prev .icnarrow{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.design_arrow .owl-nav{ display: block; clear: both; text-align: right; padding-top: 38px; margin-bottom: -30px; }
.design_arrow .owl-nav button{ width: 42px; height: 42px; position: relative; display: inline-block; margin-left: 2px; text-align: center; line-height: 43px; }
.design_arrow .owl-nav button:before{ content: ""; width: 10px; height: 10px; background:#0c6cd4; border-radius: 50px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display: block;position: absolute; right: 2px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.design_arrow .owl-nav button.owl-prev:before{ right: auto; left: 2px; }
.design_arrow .icnarrow{ position: relative; z-index: 2;  }

.design_arrow .owl-nav button:hover:before{ width: 100%; height: 100%; right: 0; background:#fff;}
.design_arrow .owl-nav button.owl-prev:hover:before{ width: 100%; height: 100%; right: 0; left: 0; background:#fff; }

.design_arrow .owl-nav button:hover .icnarrow{ background-position: 0 -203px; }



.design_arrow .carousel-control-prev .icnarrow{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.design_arrow .sl_arrowss{ display: block; clear: both; cursor: pointer; text-align: right; margin-bottom: -30px; opacity: 1; }
.design_arrow .sl_arrowss{ width: 42px; height: 42px; position: relative; display: inline-block; margin-right: 2px; text-align: center; line-height: 43px; }
.design_arrow .sl_arrowss:before{ content: ""; width: 10px; height: 10px; background:#0c6cd4; border-radius: 50px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display: block;position: absolute; right: 2px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.design_arrow .sl_arrowss.carousel-control-prev:before{ right: auto; left: 2px; }
.design_arrow .icnarrow{ position: relative; z-index: 2;  }

.design_arrow .sl_arrowss:hover:before{ width: 100%; height: 100%; right: 0; }
.design_arrow .sl_arrowss.carousel-control-prev:hover:before{ width: 100%; height: 100%; right: 0; left: 0; }
.design_arrow .sl_arrowss:hover .icnarrow{ background-position: 0 -38px; }





.work_form{ float: left; width: 100%; }
.work_form_cell{ float: left; width: 100%; padding: 0 15px; position: relative; margin-bottom: 30px; margin-top: 20px; }
.input_form_box{ float: left; width: 100%; position: relative; }
.input_form_box .form_input{ float: left; width: 100%; border-bottom: solid 1px #999; font-size: 18px; font-family:sf_ui_display_bold; height: 38px; padding: 0; background:transparent; border-radius: 0 !important}
.input_form_box textarea.form_input{ height: 80px; min-height: 80px; padding-top: 10px; padding-bottom: 10px; }
.input_title{ position: absolute; z-index: 1; left: 0; top: 14px; text-transform: uppercase; font-size: 12px; font-family:sf_ui_display_bold; color: #737373; pointer-events: none; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; letter-spacing: 1px; }

.input_form_box.thisclass .input_title,
.input_form_box.label_up_show .input_title{ top: -12px; }
.rangeSl{ float: left; width: 65%; margin-top: 15px; }
.sl_value{ float: right; width: 30%; margin-top: 18px;  padding-left: 2px; }
.sl_value input{ font-family:sf_ui_display_black; font-size: 18px; background:transparent;}

.dark_sl .port_contents{ color: #000; }
.port_contents h4{ display: block; font-size: 18px; font-family:sf_ui_display_bold; padding-bottom: 20px }
.dark_sl .port_contents p{ /*font-size: 16px;*/ }
.port_right{  top: 0; bottom: 0; position: absolute; width: 40%; right: 0; }
.port_mainbg{ float: right; position: absolute; right: 0; bottom: 0; top:auto; left: 0; }
.port_mainbg img{ display: block; width: 100%; height: 675px; object-fit: cover }
.port_full{ float: left; width: 100%; height: 800px; position: relative; }
.port_desk_sec{ position: absolute; top: 2%; left: -60%; z-index: 1; }
.port_app_sec{ position: absolute; top: 16%; left: -21%; z-index: 2; }
.port_app_sec img { width: 313px; }
.port_left_sl{float: left; width: 100%; max-width: 450px; height: 100%; margin-left: 43%; transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); padding-top: 200px; }


.container.margin-top-30px{ margin-top: -45px; }
.delay-2s{animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-3s{animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

#portfolio_show.design_arrow .sl_arrowss{ top: -10px; margin-bottom: 0 }


.heading_bult_anim{ display: block; width: 100%; clear: both; margin-top: 25px; }
.heading_bult_anim:before,
.heading_bult_anim:after{ content: ""; display: block; clear: both; }
.heading_bult_anim span{ width: 8px; height: 8px; background:#000; border-radius: 50px; display: inline-block;transition: all 500ms ease; -webkit-transition: all 500ms ease; 
animation-name: headinganimation;
-webkit-animation-name: headinganimation;
animation-duration: 1.8s;
-webkit-animation-duration: 1.8s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function: ease-in;
-webkit-animation-timing-function: ease-in;}

.heading_bult_anim.dark_animations span{ background:#fff; }



.heading_bult_anim span:nth-child(1){animation-delay: 1s; -webkit-animation-delay: 1s; }
.heading_bult_anim span:nth-child(2){animation-delay: 1.6s; -webkit-animation-delay: 1.6s; }
.heading_bult_anim span:nth-child(3){animation-delay: 1.9s; -webkit-animation-delay: 1.9s; }
.heading_bult_anim span:nth-child(4){animation-delay: 2.2s; -webkit-animation-delay: 2.2s; }

@keyframes headinganimation{
	0% {
	    transform: translateY(0);
	    -webkit-transform: translateY(0);
	}
	50% {
	    transform: translateY(-6px);
	    -webkit-transform: translateY(-6px);
	}
	100% {
	    transform: translateY(0);
	    -webkit-transform: translateY(0);
	} 
}

@-webkit-keyframes headinganimation{
	0% {
	    transform: translateY(0);
	    -webkit-transform: translateY(0);
	}
	50% {
	    transform: translateY(-6px);
	    -webkit-transform: translateY(-6px);
	}
	100% {
	    transform: translateY(0);
	    -webkit-transform: translateY(0);
	} 
}

.hire_developer_sec .overlay_approach{ bottom: 0 !important }
.hire_developer_sec .approach_cell{ transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; min-height: 332px; margin-bottom: 30px; }
.hire_developer_sec .approach_cell:hover{ box-shadow: 0 0 34px rgba(0, 0, 0, 0.19); }
.developer_points_sm{ padding-top: 50px; }


/* steps */

.steps_format{ float: left; width: 100%; clear: both; position: relative; margin-top: -30px; margin-bottom: -30px; text-align: center; }
.steps_format ul li{ display: inline-block; width: 33.3333%; position: relative; margin: 44px 0; text-align: center; float: left;}
.steps_format ul li:nth-of-type(3n+1){ clear: both;  }
.steps_format ul li:before,
.steps_format ul li:after{ content: ""; display: block; clear: both; }
.outer_anim{ display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
.content_anim{ display: block; position: relative; z-index: 2; width: 100%; height: 100%; }


.steps_format ul li:nth-of-type(4),
.steps_format ul li:nth-of-type(5),
.steps_format ul li:nth-of-type(6){float: right; }

.steps_format ul li:nth-of-type(4) .outer_anim,
.steps_format ul li:nth-of-type(5) .outer_anim,
.steps_format ul li:nth-of-type(6) .outer_anim{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.steps_format ul li:nth-of-type(4){ text-align: right !important;  }
.steps_format ul li:nth-of-type(6){ text-align: left !important;  }



.steps_box{ display: inline-block; border: solid 1px #cfcfcf; border-radius: 0; padding: 40px 30px; text-align: center; width: 100%; max-width: 330px; position: relative; }
.steps_box_icon{ display: block; width: 100%; }
.steps_box_icon img{ height: 68px; max-width: 68px; }
.steps_box h4{ display: block; width: 100%; font-size: 18px; font-family:sf_ui_display_bold; padding-top: 20px; padding-bottom: 20px; line-height: 1.4; }
.steps_box p{ font-size: 14px; }
.line_spacer{ height: 1px; background: #cfcfcf; position: absolute; top: 50%; margin-top: -1px; right: -90px; left: 100%; }


.steps_format ul li.text-right .line_spacer,
.steps_format ul li.text-right .line-center-middle{ display: none; }

.steps_format ul li.nonearrowss .line_spacer,
.steps_format ul li.nonearrowss .line-center-middle{ display: none; }

/*.steps_format ul li:nth-of-type(4) .line_spacer,
.steps_format ul li:nth-of-type(4) .line-center-middle{ display: block;
    bottom: 100%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    left: 39%;
    width: 90px;
    margin-bottom: 45px;
    position: absolute;
    top: auto; }*/


.start_anim .line-left-top{ position: absolute; left: -1px; z-index: 1; width: 2px; height: 0%; top: 50%; background:#0c6cd4; 
animation: line_left_top 0.5s forwards; -webkit-animation: line_left_top 0.5s forwards;  }
@keyframes line_left_top{ 0%{ top: 50%; } 100%{ top: 0px; height: 50%; }}
@-webkit-keyframes line_left_top{ 0%{ top: 50%; } 100%{ top: 0px; height: 50%; }}

.start_anim .line-top-top{ position: absolute; left: 0; z-index: 1; height: 2px; width: 0%; top: -1px; background:#0c6cd4; 
animation: line_top_top 1s forwards; -webkit-animation: line_top_top 1s forwards; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
@keyframes line_top_top{ 0%{ width: 0 } 100%{ right: 0%; width: 100%; }}
@-webkit-keyframes line_top_top{ 0%{ width: 0 } 100%{ right: 0%; width: 100%; }}

.start_anim .line-right-top{ position: absolute; right: -1px; z-index: 1; width: 2px; height: 0; top: 0; background:#0c6cd4; 
animation: line_right_top 0.5s forwards; -webkit-animation: line_right_top 0.5s forwards; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
@keyframes line_right_top{ 0%{ top: 0; } 100%{ height: 50%; }}
@-webkit-keyframes line_right_top{ 0%{ top: 0; } 100%{ height: 50%; }}

.start_anim .line-left-bottom{ position: absolute; left: -1px; z-index: 1; width: 2px; height: 0%; bottom: 50%; background:#0c6cd4; 
animation: line_left_bottom 0.5s forwards; -webkit-animation: line_left_bottom 0.5s forwards; }
@keyframes line_left_bottom{ 0%{ bottom: 50%; } 100%{ bottom: 0px; height: 50%; }}
@-webkit-keyframes line_left_bottom{ 0%{ bottom: 50%; } 100%{ bottom: 0px; height: 50%; }}

.start_anim .line-bottom-bottom{ position: absolute; left: 0; z-index: 1; height: 2px; width: 0%; bottom: -1px; background:#0c6cd4; 
animation: line_bottom_bottom 1s forwards; -webkit-animation: line_bottom_bottom 1s forwards; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
@keyframes line_bottom_bottom{ 0%{ width: 0 } 100%{ right: 0%; width: 100%; }}
@-webkit-keyframes line_bottom_bottom{ 0%{ width: 0 } 100%{ right: 0%; width: 100%; }}

.start_anim .line-right-bottom{ position: absolute; right: -1px; z-index: 1; width: 2px; height: 0; bottom: 0; background:#0c6cd4; 
animation: line_right_bottom 0.5s forwards; -webkit-animation: line_right_bottom 0.5s forwards; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
@keyframes line_right_bottom{ 0%{ bottom: 0; } 100%{ height: 50%; }}
@-webkit-keyframes line_right_bottom{ 0%{ bottom: 0; } 100%{ height: 50%; }}

.start_anim .line-center-middle{ height: 2px; background: #0c6cd4; position: absolute; top: 50%; margin-top: -1px; right: 0; left: 100%; z-index: 1; 
	animation: line_center_middle 0.5s forwards; -webkit-animation: line_center_middle 0.5s forwards; animation-delay: 2s; -webkit-animation-delay: 2s;  }
@keyframes line_center_middle{ 0%{ right: 0;} 100%{ right:-90px; }}
@-webkit-keyframes line_center_middle{ 0%{ right: 0;} 100%{ right:-90px; }}

.start_anim .line-center-middle:before{ content: ""; opacity: 0; width: 8px; height: 8px; background: #0c6cd4; border-radius: 50px; position: absolute; left: 50%; margin-left: -2px; margin-top: -3px; 
animation: line_center_middle_before 0.5s forwards; -webkit-animation: line_center_middle_before 0.5s forwards; animation-delay: 2s; -webkit-animation-delay: 2s; }
@keyframes line_center_middle_before{ 0%{ opacity: 0;} 50%{ opacity: 1; } 100%{ opacity: 1; }}
@-webkit-keyframes line_center_middle_before{ 0%{ opacity: 0;} 50%{ opacity: 1; } 100%{ opacity: 1; }}



.start_anim .line-top-middle{ width: 2px; height: 0; background: #0c6cd4; position: absolute; top: 0%; margin-top: -1px; left: 50%; z-index: 1; animation: line_top_middle 0.5s forwards; -webkit-animation: line_top_middle 0.5s forwards; animation-delay: 2s; -webkit-animation-delay: 2s; }
@keyframes line_top_middle{ 0%{ height: 0;} 100%{ height:90px; }}
@-webkit-keyframes line_top_middle{ 0%{ height: 0;} 100%{ height:90px; }}

.start_anim .line-top-middle:before{ content: ""; opacity: 0; width: 8px; height: 8px; background: #0c6cd4; border-radius: 50px; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -3px; 
animation: line_top_middle_before 0.5s forwards; -webkit-animation: line_top_middle_before 0.5s forwards; animation-delay: 2s; -webkit-animation-delay: 2s; }
@keyframes line_top_middle_before{ 0%{ opacity: 0;} 50%{ opacity: 1; } 100%{ opacity: 1; }}
@-webkit-keyframes line_top_middle_before{ 0%{ opacity: 0;} 50%{ opacity: 1; } 100%{ opacity: 1; }}


.downlinesp{ position: absolute; width: 1px; height: 90px;right: 50%; top: -90px;}
.line_spacer_ver{ width: 1px; background: #cfcfcf; position: absolute; left: auto;  height: 90px; }



.rel_container{ position: relative; z-index: 1; }
.color_blue{ color: #0c6cd4; }

.font-18-size a{ color: #0c6cd4 }
.font-18-size a:hover{ color: #19a2ef }


.trending_infos{ float: left; width: 100%; padding: 0 72px; }
.trending_row{ max-width: none; margin: 0 -8px; clear: both; }
.trending_row:before,
.trending_row:after{ content: ""; display: block; clear: both; }
.trensing_cell{ float: left; width: 50%; padding: 0 8px; margin-bottom: 16px; }
.trensing_cell:nth-of-type(2n+1){ clear: both; }
.trending_box{ float: left; width: 100%;  }
.trensing_box_heading{ /*padding:20px 30px;*/ float: left; width: 100%; position: relative; border: solid 2px #000; border-radius: 8px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.trensing_box_heading:before{ content: "";  width: 12px; height: 2px; background:#e1e9ec; z-index: 1; position: absolute; top: -2px; right: 80px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.trensing_box_heading:after{ content: "";  width: 12px; height: 2px; background:#e1e9ec; z-index: 1; position: absolute; bottom: -2px; left: 40px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.trensing_box_heading:hover:before{right: 150px;}
.trensing_box_heading:hover:after{left: 90px;}
.trend_label{ display: inline-block; vertical-align: middle; color: #b4bbbd; font-size: 55px; font-family:sf_ui_display_black; width: 60px; }
.trend_title{ display: inline-block; vertical-align: middle; font-size: 18px; padding-left: 22px; line-height: 1.4; color: #121212; max-width: 83%;}
.trend_click{ cursor: pointer; position: absolute; right: 28px; font-size: 18px; font-weight: normal; color: #333; top: 40px; }
.trending_infos_inner{ float: left; width: 100%; position: relative; }
.trensing_box_content{ position: relative; background: #e1e9ec; width: 100%; float: right; display: none; border-radius: 0 0 5px 5px;}
.trensing_boxtext{ float: left; width: 100%; border-top: solid 2px #b8bec0; min-height: 100px; padding: 20px 30px; padding-top: 30px; border-radius: 0 0 5px 5px;}
.trensing_boxtext strong{ padding-bottom: 10px; display: block; }
.trensing_boxtext p{ padding-bottom: 18px; }
.trensing_box_head{ display: block; width: 100%; clear: both; position: relative; padding: 20px 30px; padding-right: 70px; cursor: pointer; background:#e1e9ec; border-radius: 5px;}
.trensing_box_head:before,
.trensing_box_head:after{ content: ""; display: block; clear: both; }

.somem .trensing_box_head{ border-radius: 5px 5px 0 0; }

.trensing_box_content:before{ content: "";  width: 12px; height: 2px; background:#e1e9ec; z-index: 1; position: absolute; top: -2px; right: 80px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.trensing_box_content:after{ content: "";  width: 12px; height: 2px; background:#e1e9ec; z-index: 1; position: absolute; bottom: -2px; left: 40px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}


.trensing_cell:nth-of-type(1n) .trensing_box_content,
.trensing_cell:nth-of-type(3n) .trensing_box_content{ float: left; }
.trensing_cell:nth-of-type(2n) .trensing_box_content,
.trensing_cell:nth-of-type(4n) .trensing_box_content{ float: right; }

/* tabs */

.tabs_services_box{ display: block; clear: both; width: 100%; position: relative; }
.tabs_services_box:before,
.tabs_services_box:after{ content: ""; display: block; clear: both; }
.tabs_services_header{ float: left; width: 100%; border-bottom: solid 2px #e7e7e7; position: relative; text-align: center; padding-top: 25px; }
.tabs_services_header ul li{ display: inline-block; margin: 0 18px; position: relative; text-align: center;  min-width: 150px; cursor: pointer; }
.tabs_services_header ul li img{ width: 70px; height: 70px; }
.tabs_services_header ul li span{ display: block; clear: both; text-transform: uppercase; font-family:sf_ui_display_bold; font-size: 14px; padding-top: 20px; padding-bottom: 40px; position: relative; z-index: 2; background:#fff;}
.tabs_services_header ul li:after{ content: ""; position: absolute; height: 3px; background:#000; width: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; bottom: -2px; left: 0;  z-index: 2;}
.tabs_services_header ul li:hover:after,
.tabs_services_header ul li.active:after{ width: 100%; }
.tabs_services_header ul li.active:before{ content: ""; width: 10px; height: 10px; background:#000; position: absolute; bottom: 0; margin-bottom: 0px; border-radius: 50px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); animation: dropv forwards 0.8s; -webkit-animation: dropv forwards 0.8s; }
.tabs_services_content{ float: left; width: 100%; padding-top: 85px; clear: both; }
.tabs_services_cell{ float: left; width: 100%; display: none; }
.tabs_services_cell.active{ display: block; }

@keyframes dropv{
	0%{ margin-bottom: 10px; }
	40%{ margin-bottom: -2px;width: 28px; height: 20px; }
	80%{ margin-bottom: -12px;width: 15px; height: 25px; }
	100%{ margin-bottom: -10px;width: 20px; height: 20px; }
}
@-webkit-keyframes dropv{
	0%{ margin-bottom: 20px; }
	40%{ margin-bottom: -2px;width: 28px; height: 20px; }
	80%{ margin-bottom: -12px;width: 15px; height: 25px; }
	100%{ margin-bottom: -10px;width: 20px; height: 20px; }
}

.backend_content{ display: block; clear: both; width: 100%; }
.backend_content:before,
.backend_content:after{ content: ""; display: block; clear: both; }
.backend_content p{ margin-bottom: 14px; }
.backend_content h2,
.backend_content h3,
.backend_content h4,
.backend_content h5,
.backend_content h6{ margin-bottom: 20px; }

.backend_content ul,
.backend_content ol{ display: block; clear: both; width: 100%; padding-bottom: 20px; }
.backend_content ul li,
.backend_content ol li{ position: relative; padding: 1px 0 1px 30px; /*background: url(../images/check-icon.svg) left 4px no-repeat; background-size: 20px 20px;*/ line-height: 1.7; }
.backend_content ol li + li,
.backend_content ul li + li{ margin-top: 8px; }
.backend_content a{ color: #0c6cd4; position:relative; }
.backend_content a:hover{ color: #19a2ef }

.backend_content a:after{content:""; width:0; left:0; height:2px; background:#19a2ef; position:absolute; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; bottom:0; }
.backend_content a:hover:after{ width:100%;}
.underLineAnimation a{ color: #0c6cd4; position:relative; display: inline-block; }
.underLineAnimation a:hover{ color: #19a2ef; }
.underLineAnimation a:after{content:""; width:0; left:0; height:2px; background:#19a2ef; position:absolute; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; bottom:0; }
.underLineAnimation a:hover:after{ width:100%;}

.backend_content ul li:before, .backend_content ol li:before{ content: "\f058"; position: absolute; left: 0; width: 30px; height: 30px; font-family: "Font Awesome 5 Free"; color: #0c6cd4; font-size: 20px; top: -4px;}

.languages_shown{ display: block; clear: both; width: 100%; padding-top: 40px; }
.languages_shown ul li{ display: inline-block; margin: 0 5px 8px 0; border: solid 1px #222; border-radius: 50px; padding: 8px 22px; font-size: 14px; color: #222;}
.carousel-item:before,
.carousel-item:after{ content: ""; display: block; clear: both; }




body.not-scroll,
html.not-scroll{ overflow: hidden; }

.suss_box{ display: block; width: 100%; text-align: center; max-width: 200px; margin: 0 auto; }
.suss_box img{ height: 104px; max-width: 106px; }
.suss_box span{ display: block; width: 100%; clear: both; padding-top: 20px; font-size: 18px; line-height: 1.4; }
.suss_box span strong{ font-family:sf_ui_display_black; padding-right: 8px; }
.repeat_section.margin-top-50px{ margin-top: -50px; }
.blog_trensin_col{ float:left; width: 100%; position: relative; max-width: 358px; margin: 0 auto; }
.blog_trensin_col_image{ float: left; width: 100%; height: 180px; overflow: hidden; border-radius: 6px 6px 0 0;border: solid 1px #dbdbdb; border-bottom: 0; }
.blog_trensin_col_image img{ min-height: 100%; min-width: 100%; object-fit: cover; display: block; }
.blog_trensin_col_content{ float: left; width: 100%; border-radius: 0 0 6px 6px; padding: 22px; border: solid 1px #dbdbdb; }
.blog_trensin_col_content h4{ display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #0c6cd4; font-size: 18px; font-family:sf_ui_display_bold; padding-bottom: 15px; }
.blog_trensin_col_content p{ font-size: 16px; display: block; max-height: 75px; overflow: hidden;}
.blog_trensin_col_content .btnx{ margin-top: 30px; clear: both; position: relative; z-index: 2; }
a.overlay_section{ position: absolute; z-index: 1; top:0; right: 0; bottom: 0; left: 0; }


.steps_shown_fullrow{ float: left; width: 100%; padding-top: 30px; position: relative; padding-left: 50px; padding-right: 50px;}
.steps_shown_row{ float: left; width: 100%; position: relative; z-index: 3; }
.steps_shown_cell{ float: left; width: 36%; position: relative;height: 180px; }
.steps_shown_bx{ float: left; width: 180px; height: 180px; border: solid 3px #e0e0e0; border-radius: 8px; padding: 18px; background:#fff; position: relative; z-index: 3; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.step_cont{ position: absolute; left: -10px; top: -10px; text-align: center; font-size: 26px; font-family:sf_ui_display_black; background:#fff; width: 50px; line-height: 59px; height: 50px; border: solid 3px #e0e0e0; font-family: 'Bebas Neue Regular'; border-radius: 80px; z-index: 6;}
.step_cont_value{ float: right; font-family: 'Bebas Neue Regular'; color: #bbb; font-size: 14px;  transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.bottom_down_val{ float: left; width: 100%; margin-top: 70px; white-space: nowrap; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.bottom_down_val img{ width: 50px; height: 50px; display: inline-block; vertical-align: middle;  transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.bottom_down_val span{ display: inline-block; vertical-align: middle; margin-left: 54px; font-size: 25px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.onhshow{ opacity: 0; visibility: hidden; max-height: 1px; overflow: hidden; line-height: 1.6; padding-top: 16px; clear: both; color: #444}
.onhshow:before,.onhshow:after{ content: ""; display: block; clear: both; }

.steps_shown_bx:hover{ width: 370px; height: 260px; }
.steps_shown_bx:hover .step_cont_value{ float: left; margin-left: 30px; }
.steps_shown_bx:hover .bottom_down_val{ margin-top: 18px; }
.steps_shown_bx:hover .bottom_down_val img{ height: 30px; width: 30px; }
.steps_shown_bx:hover .bottom_down_val span{ font-size: 22px;margin-left: 10px; }
.steps_shown_bx:hover .onhshow{ animation: hovershs 1s forwards; -webkit-animation: hovershs 1s forwards; animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
@keyframes hovershs{
	0%{ opacity: 0; visibility: hidden; max-height: 1px; overflow: hidden; }
	100%{ opacity: 1; visibility: visible; max-height: inherit; overflow: visible; }
}
@-webkit-keyframes hovershs{
	0%{ opacity: 0; visibility: hidden; max-height: 1px; overflow: hidden; }
	100%{ opacity: 1; visibility: visible; max-height: inherit; overflow: visible; }
}


.steps_shown_row.downRowsecond{ padding-top: 140px; }
.steps_shown_row.downRowsecond .steps_shown_cell{ float: right; }

.animlines-top{ position: absolute; z-index: 1; top: 47px; left: 60px; height: 3px; width: 0; background: #e0e0e0; animation: lineOne 1s forwards; -webkit-animation: lineOne 1s forwards; }
.animlines-right{ position: absolute; z-index: 1; top: 47px; right: 23%; width: 3px; background: #e0e0e0; height: 0; animation: lineTwo 1s forwards; -webkit-animation: lineTwo 1s forwards; animation-delay: 1s; -webkit-animation-delay: 1s;}
.animlines-bottom{ position: absolute; z-index: 1; bottom: 25%; right: 23%; height: 3px; width: 0; background: #e0e0e0; animation: lineThree 1s forwards; -webkit-animation: lineThree 1s forwards; animation-delay: 1.7s; -webkit-animation-delay: 1.7s;}

@keyframes lineOne{0%{ width: 0 } 100%{ width: 71.8%; } }
@-webkit-keyframes lineOne{0%{ width: 0 } 100%{ width: 71.8%; } }
@keyframes lineTwo{0%{ height: 0 } 100%{ height: 62%; } }
@-webkit-keyframes lineTwo{0%{ height: 0 } 100%{ height: 62%; } }
@keyframes lineThree{0%{ width: 0 } 100%{ width: 37%; } }
@-webkit-keyframes lineThree{0%{ width: 0 } 100%{ width: 37%; } }

.step_shownContents{ display: none; position: absolute; top: -27px; right: 25px; left: -20px; height: auto; background: #ddd; z-index: 4; border-radius: 10px; padding: 30px; padding-left: 70px; }
.step_shownContents h4{ display: block; padding-bottom: 12px; }
.inlineblocks{ display: inline-block; }

.file_attached_bx{ float: left; width: 100%; position: relative; }
.file_attach_about{ display: inline-block; vertical-align: middle;padding-left: 12px; font-size: 12px; line-height: 1.4; color: #777; letter-spacing: 1px; }
.filebx_attach{ display: inline-block; vertical-align: middle; position: relative; }
.filebx_attach input[type=file]{ opacity: 0; visibility: hidden; width: 1px; height: 1px; position: absolute; }
.filebx_attach label{ cursor: pointer; background: #e8e8e8; text-transform: uppercase; font-family:sf_ui_display_bold; letter-spacing: 1px; padding: 0 30px; height: 44px; line-height: 45px; font-size: 12px; color: #686868; margin-bottom: 0;}
.filebx_attach label:hover{ background:#ccc; color: #444; }
.getfilenames{ display: block; clear: both; width: 100%; padding-top: 10px; font-size: 14px; color: #444; }
.getfilenames i{ display: none; color: #999 }

.ourValues_center{ display: block; width: 100%; clear: both; max-width: 910px; margin: 0 auto; padding-top: 30px; }
.ourValues_center:before,
.ourValues_center:after{ content: ""; display: block; clear: both; }
.values_lefts{ float: left; width: 50%; }
.values_rights{ float: right; width: 50%; }
.values_list{ clear: both; float: left; background:#fff; border-radius: 6px; text-align: center; padding: 28px 15px; width: 270px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.14); position: relative; z-index: 20;}
.values_list + .values_list{ margin-top: 34px; }
.values_list div{ font-size: 22px; text-transform: uppercase; font-family:sf_ui_display_bold;}
.values_list span{ font-size: 14px; color: #0c6cd4; display: block; clear: both; padding-top: 8px;}


.values_rights .values_list{ float: right; }

.values_lefts .second_value{ margin-left: 15% }
.values_lefts .third_value{ margin-left: 30% }

.values_rights .second_value{ margin-right: 15% }
.values_rights .third_value{ margin-right: 30% }
.map_worldwide{ float: left; width: 100%; position: relative; }
.map_worldwide img{ display: block; }
.map-contents{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center;}
.clients_val{ display: block; width: 100%; font-size: 119px; font-family:sf_ui_display_black; }
.map-contents span{ display: block; clear: both; font-size: 24px; padding-top: 15px; font-family:sf_ui_display_bold; }
.clients_val.addafters:after{ content: "+"; }


.list_of_team{ float: left; width: 100%; text-align: center; }
.team_member_box{ display: block; width: 234px; height: 314px; background:#f0f1f2; position: relative; border-radius: 5px; margin: 0 auto; }
.team_member_box:before,
.team_member_box:after{ content: ""; display: block; clear: both; }
.team_m_image{ display: block; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 0 0 5px 5px; overflow: hidden; }
.team_m_image img{ display: block; margin: 0 auto; }
.team_m_details{ display: block; clear: both; padding: 0; position: absolute; right: -20px; top: 20px; left: auto; z-index: 1; text-align: left; max-width: 90%; }
.team_m_details h4{ display: block; width: 100%; font-size: 14px; font-family: sf_ui_display_semibold; text-transform: uppercase; color: #444}
.team_m_details span{ display: block; width: 100%; font-size: 12px; clear: both; text-transform: uppercase; color: #888; padding-top: 6px; }
.value_heart{ float: left; position: absolute; top: 0; left: 35%; margin-top: 10%; }
.founders_section{ float: left; width: 100%; }
.founders_sec_image{ float: left; width: 100%; }
.founders_sec_image img{ min-width: 100%; }
.founders_sec_content{ display: block; clear: both; width: 100%; padding-top: 30px; }
.founders_sec_content span{ display: block; clear: both; width: 100%; font-size: 14px; text-transform: uppercase; color: #444;}
.founders_sec_content div{ display: block; clear: both; width: 100%; font-size: 24px; text-transform: uppercase; font-family:sf_ui_display_bold; padding-top: 8px;}
.sec_subhead.spacetopNone{ padding-top: 0;}

.list_of_team div[class*="col"]{ margin-top: 20px; margin-bottom: 40px; }


/*.topspaces{ margin-top: 100%; }*/
.topspaces.spaceNone{ margin-top: auto; }
.port_sliderHome{ width: 100%; top: 0; left: 0; right: 0; height: 100vh; overflow: hidden; position: relative; }
.port_sliderHome_left{ float: left; width: 100%; max-width: 450px; height: 100%; margin-left: 43%; transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0);  overflow: hidden; position: relative; z-index: 2;}
.port_sliderHome_right{top: 0; bottom: 0; position: absolute; width: 56%; right: 0; overflow: hidden; z-index: 2;}



.step_section{ display: block; clear: both; width: 100%; }
.step_section:before,.step_section:after{ content: ""; display: block; clear: both; }


/* home portfolio */


.swipport{ width: 100%; position: relative; overflow: hidden; height: 100vh; z-index: 15;}
#portfolio_scroll .port_sliderHome{  position: absolute; opacity: 0.1; visibility: hidden;}
#portfolio_scroll .port_sliderHome.scrollify-current{ z-index: 3; margin-bottom: 0;  opacity: 1; visibility:visible; position: fixed;}

.points_portfolio{ position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 310px; height: 341px; z-index: 5; pointer-events: none; opacity: 0;}
.point_p{ position: absolute; }
.shap_complete{ position: absolute; width: 56px; height: 129px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin-left: 12px;}
.shap_complete:before{content: ""; width: 77px; height: 2px; background: #fff; position: absolute; opacity: 0.30; transform: rotate(55deg) translate(18px, 19px); -webkit-transform: rotate(55deg) translate(18px, 19px); top: 2px; left: -1px;}
.shap_complete:after{content: ""; width: 74px; height: 2px; background: #fff; position: absolute; opacity: 0.30; transform: rotate(-56deg) translate(19px, -16px); -webkit-transform: rotate(-56deg) translate(19px, -16px); bottom: 0; left: 2px;}

.show_points .points_portfolio{ opacity: 1; }

.p__line{ width: 100%; position: relative; float: left; }
.p__line:before{ content: ""; left: 0; right: 18px; height: 2px; background:url(../images/bgfill.png) -200px 0 no-repeat; background-size: 400px;  position: absolute; transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; }
.p__line:after{ content: ""; width: 10px; height: 10px; display: block; border:solid 2px rgba(255, 255, 255, 0.20); border-radius: 50px; position: absolute; right: 6px; top: -3px;}
.point_p:nth-of-type(1){ left: 0; top: 9px; width: 100px; }
.point_p:nth-of-type(2){ left: 99px; top: 9px; width: 106px; transform: rotate(57deg) translate(28px, 52px); -webkit-transform: rotate(57deg) translate(28px, 52px); }
.point_p:nth-of-type(3){ left: 99px; top: 9px; width: 107px; transform: rotate(-56deg) translate(-17px, 43px); -webkit-transform: rotate(-56deg) translate(-17px, 43px); }
.point_p:nth-of-type(4){ right: 0; top: 9px; width: 100px; }
.point_p:nth-of-type(5){ right: 0; top: 49px; width: 193px; transform: rotate(122deg) translate(26px, -54px); -webkit-transform: rotate(122deg) translate(26px, -54px);}

.point_p:nth-of-type(6){ right: 0; bottom: 0; width: 190px; transform: rotate(57deg) translate(-49px, -79px); -webkit-transform: rotate(57deg) translate(-49px, -79px);}
.point_p:nth-of-type(7){ right: 17px; bottom: 6px; width: 100px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.point_p:nth-of-type(8){ left: 103px; bottom: 6px; width: 106px; transform: rotate(-121deg) translate(37px, 40px); -webkit-transform: rotate(-121deg) translate(37px, 40px); }
.point_p:nth-of-type(9){ left: 0; bottom: 6px; width: 108px; transform: rotate(124deg) translate(-66px, -32px); -webkit-transform: rotate(124deg) translate(-66px, -32px); }
.point_p:nth-of-type(10){ left: -17px; bottom: 6px; width: 100px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

.point_p.fillp .p__line:before{ background-position: 0 0; }
.point_p.fillp .p__line:after{ animation: blindsafter 1s ease-in-out forwards; -webkit-animation: blindsafter 1s ease-in-out forwards; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }


@keyframes blindsafter {to {background:#fff; opacity: 1;}}
@-webkit-keyframes blindsafter {to {background:#fff; opacity: 1;}}





/* portfolio animation */

.port_sliderHome *.animated{ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; }
.port_sliderHome .port_contents p.animated{ -webkit-animation-duration: 1.4s; animation-duration: 1.4s; }

.port_sliderHome:before{content: ""; background:url(../images/diagonal-noise.png) 0 0 repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

/* Pinhopping */
.pikopako_portfolio{ background: #ee4767; 
background: -moz-linear-gradient(left, #ee4767 0%, #ffedbc 100%);
background: -webkit-linear-gradient(left, #ee4767 0%,#ffedbc 100%);
background: linear-gradient(to right, #ee4767 0%,#ffedbc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4767', endColorstr='#ffedbc',GradientType=1 ); }
.common_sitename{ display: none; color: #000; opacity: 0.20; font-family:sf_ui_display_black; text-transform: uppercase; position: absolute; top: 45%; font-size: 128px; left: -7% }
.common_sitename span{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); display: inline-block; }
.pikopako_screen_one{ position: absolute; top: 15%; right: 40%; z-index: 1; }
.pikopako_screen_two{ position: absolute; right: 5%; top: 43%; z-index: 1; }
.pikopako_screen_one img{ display: block; }
.pikopako_screen_two img{ display: block; }

/* ebproduction */
.ebproduction_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#377dc8+1,8cad9b+97 */
background: #377dc8; /* Old browsers */
background: -moz-linear-gradient(left, #377dc8 1%, #8cad9b 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #377dc8 1%,#8cad9b 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #377dc8 1%,#8cad9b 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377dc8', endColorstr='#8cad9b',GradientType=1 ); /* IE6-9 */
}
.ebproduction_name{ font-size: 115px; }
.ebproduction_screen_one{ position: absolute; top: -22%; right: 22%; z-index: 1; }
.ebproduction_screen_two{ position: absolute; right: 5%; bottom: -18%; z-index: 1; }
.ebproduction_screen_one img{ display: block; }
.ebproduction_screen_two img{ display: block; }

/* quicklinks */
.quicklinks_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d99f31+1,697f97+97 */
background: #d99f31; /* Old browsers */
background: -moz-linear-gradient(left, #d99f31 1%, #697f97 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d99f31 1%,#697f97 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d99f31 1%,#697f97 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99f31', endColorstr='#697f97',GradientType=1 ); /* IE6-9 */
}
.quicklinks_name{ font-size: 115px; }
.quicklinks_screen_one{ position: absolute; bottom: -22%; right: 3%; z-index: 2; }
.quicklinks_screen_two{ position: absolute; bottom: -10%; right: 33%;  z-index: 1; }
.quicklinks_screen_one img{ display: block; }
.quicklinks_screen_two img{ display: block; }

/* masada */
.masada_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4458ab+1,744a85+100 */
background: #4458ab; /* Old browsers */
background: -moz-linear-gradient(left, #4458ab 1%, #744a85 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #4458ab 1%,#744a85 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4458ab 1%,#744a85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4458ab', endColorstr='#744a85',GradientType=1 ); /* IE6-9 */
}
.masada_name{ font-size: 115px; }
.masada_screen_one{ position: absolute; top: 12%; right: 5%; z-index: 2; }
.masada_screen_two{ position: absolute; right: -30%; bottom:2%; z-index: 1; /* desktop */ }
.masada_screen_three{ position: absolute; left: 28%; bottom: -8%; z-index: 2; /* iphone */ }
.masada_screen_one img{ display: block; }
.masada_screen_two img{ display: block; }
.masada_screen_three img{ display: block; }

/* fulness */
.fulness_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a01d22+0,f79241+95 */
background: #a01d22; /* Old browsers */
background: -moz-linear-gradient(left, #a01d22 0%, #f79241 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a01d22 0%,#f79241 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a01d22 0%,#f79241 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a01d22', endColorstr='#f79241',GradientType=1 ); /* IE6-9 */
}
.fulness_name{ font-size: 115px; }
.fulness_screen_one{ position: absolute; top: 15%; right: 5%; z-index: 1; }
.fulness_screen_two{ position: absolute; top: 38%; right: 40%; z-index: 1; }
.fulness_screen_one img{ display: block; }
.fulness_screen_two img{ display: block; }

/* hitchhyke */
.hitchhyke_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#479e25+0,e8f794+100 */
background: #479e25; /* Old browsers */
background: -moz-linear-gradient(left, #479e25 0%, #e8f794 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #479e25 0%,#e8f794 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #479e25 0%,#e8f794 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479e25', endColorstr='#e8f794',GradientType=1 ); /* IE6-9 */
}
.hitchhyke_name{ font-size: 115px; }
.hitchhyke_screen_one{ position: absolute; bottom: -19%; right: 40%; z-index: 1; width: 400px; }
.hitchhyke_screen_two{ position: absolute; bottom: -21%; right: 3%; z-index: 2; width: 380px;}
.hitchhyke_screen_one img{ display: block; }
.hitchhyke_screen_two img{ display: block; }

/* fundrumble */
.fundrumble_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9f2123+10,887ea6+99 */
background: #9f2123; /* Old browsers */
background: -moz-linear-gradient(left, #9f2123 10%, #887ea6 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #9f2123 10%,#887ea6 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #9f2123 10%,#887ea6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f2123', endColorstr='#887ea6',GradientType=1 ); /* IE6-9 */
}
.fundrumble_name{ font-size: 115px; }
.fundrumble_screen_one{ position: absolute; bottom: -10%; right: 0%; z-index: 2; width: 360px; }
.fundrumble_screen_two{ position: absolute; right: 10%; bottom: 15%; max-width: 70%; z-index: 1; }
.fundrumble_screen_one img{ display: block; }
.fundrumble_screen_two img{ display: block; }

/* expendiia */
.expendiia_portfolio{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#757575+10,757575+35,f3975a+100 */
background: #757575; /* Old browsers */
background: -moz-linear-gradient(left, #757575 10%, #757575 35%, #f3975a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #757575 10%,#757575 35%,#f3975a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #757575 10%,#757575 35%,#f3975a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#f3975a',GradientType=1 ); /* IE6-9 */
}
.expendiia_name{ font-size: 115px; }
.expendiia_screen_one{ position: absolute; bottom: -20%; left: 20%; z-index: 2; }
.expendiia_screen_two{ position: absolute; right: 25%; top: -1%; z-index: 1; }
.expendiia_screen_three{ position: absolute; right: -5%; bottom: 0%; z-index: 1; }
.expendiia_screen_one img{ display: block; }
.expendiia_screen_two img{ display: block; }
.expendiia_screen_three img{ display: block; }

/* triptunity */
.triptunity_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f55d49+0,81b3f1+99 */
background: #f55d49; /* Old browsers */
background: -moz-linear-gradient(left, #f55d49 0%, #81b3f1 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f55d49 0%,#81b3f1 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f55d49 0%,#81b3f1 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55d49', endColorstr='#81b3f1',GradientType=1 ); /* IE6-9 */
}
.triptunity_name{ font-size: 115px; }
.triptunity_screen_one{ position: absolute; bottom: 0%; right: 2%; z-index: 1; left: 18%}
.triptunity_screen_two{ position: absolute; right: 24%; top: -27%; z-index: 1; }
.triptunity_screen_one img{ display: block; }
.triptunity_screen_two img{ display: block; }

/* pinhopping */
.pinhopping_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f79783+0,fbd06d+99 */
background: #f79783; /* Old browsers */
background: -moz-linear-gradient(left, #f79783 0%, #fbd06d 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f79783 0%,#fbd06d 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f79783 0%,#fbd06d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79783', endColorstr='#fbd06d',GradientType=1 ); /* IE6-9 */
}
.pinhopping_name{ font-size: 115px; }
.pinhopping_screen_one{ position: absolute; bottom: -30%; right: 20%; z-index: 2; }
.pinhopping_screen_two{ position: absolute; right: -15%; top: 5%; z-index: 1; }
.pinhopping_screen_one img{ display: block; }
.pinhopping_screen_two img{ display: block; }



/* Cut Boards */
.cutboard_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6a413+0,f0d359+90 */
background: rgb(198,164,19); /* Old browsers */
background: -moz-linear-gradient(left, rgba(198,164,19,1) 0%, rgba(240,211,89,1) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(198,164,19,1) 0%,rgba(240,211,89,1) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(198,164,19,1) 0%,rgba(240,211,89,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6a413', endColorstr='#f0d359',GradientType=1 ); /* IE6-9 */
}
.cutboard_name{ font-size: 115px; }
.cutboard_screen_one{ position: absolute; bottom: 0%; left: 22%; z-index: 2; }
.cutboard_screen_two{ position: absolute; right: -15%; top: 15%; z-index: 1; }
.cutboard_screen_one img{ display: block; }
.cutboard_screen_two img{ display: block; }


/* Bo Salon */
.bo_portfolio{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c56a36+0,fda060+90 */
background: rgb(197,106,54); /* Old browsers */
background: -moz-linear-gradient(left, rgba(197,106,54,1) 0%, rgba(253,160,96,1) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(197,106,54,1) 0%,rgba(253,160,96,1) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(197,106,54,1) 0%,rgba(253,160,96,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c56a36', endColorstr='#fda060',GradientType=1 ); /* IE6-9 */
}
.bo_name{ font-size: 115px; }
.bo_screen_one{ position: absolute; bottom: 0%; right: 0%; z-index: 2; }
.bo_screen_two{ position: absolute; right: 2%; top: 12%; z-index: 1; }
.bo_screen_one img{ display: block; }
.bo_screen_two img{ display: block; }






.contentPages{ display: block; clear: both; width: 100%; float: left; }
.cell_content{ display: block; width: 100%; clear: both; padding-bottom: 65px; }
.cell_content:before,.contentPages:after{ content: ""; display: block; clear: both; }
.heading_contents{ display: block; clear: both; font-size: 30px; font-family:sf_ui_display_bold; padding-bottom: 10px; }
.contentPages ul{ display: block; padding-top: 10px; padding-bottom: 10px; clear: both;}
.contentPages ul:before,.contentPages ul:after{ content: ""; display: block;clear: both; }
.contentPages ul>li{ display: block; clear: both; padding-left: 26px; background:url(../images/right-arrow.svg) 0 3px no-repeat; background-size: 14px; line-height: 1.4;  }

.contentPages ul>li + li{ margin-top: 18px; }
.contentPages ul ul{ display: block; width: 100%; padding-left: 25px; }
.contentPages ul ul li{ display: block; clear: both; background:none; position: relative;}
.contentPages ul ul li:before{ content: ""; width: 8px; height: 8px; background:#4c4c4c; border-radius: 40px; position: absolute; left: 0; top: 6px; }
.contentPages ul ul li + li{ margin-top: 7px; }
.contentPages p{ padding-bottom: 10px; }
.contentPages a{ color: #0c6cd4 }



.head__bottom_content_inner .arrow_r{ animation: 2s infinite arrowanim; -webkit-animation: 2s infinite arrowanim; }
@keyframes arrowanim{
	0%{ transform: translate(0, 0); }
	50%{ transform: translate(8px, 0); }
	100%{ transform: translate(0, 0); }
}
@-webkit-keyframes arrowanim{
	0%{ transform: translate(0, 0); }
	50%{ transform: translate(8px, 0); }
	100%{ transform: translate(0, 0); }
}



.skipbtns{ position: absolute; display: none; bottom: 30px; left: 200px; z-index: 7; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); letter-spacing: 2px; text-transform: uppercase; font-size: 16px; }
.skip_down,.skip_up{ display: none; }
.skip_down a,.skip_up a{ color: #000; opacity: 0.7; cursor: pointer; }
.skip_down a:hover,.skip_up a:hover{ opacity: 1; }
/*#skip_up_content{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; }*/
.spacetop_set{ padding-top: 50px; }

.skip_down a:before{ content: ""; width: 20px; height: 20px; background:url(../images/downarrow.svg) center no-repeat; background-size: 15px; position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; opacity: 0; }
.skip_up a:before{ content: ""; width: 20px; height: 20px; background:url(../images/downarrow.svg) center no-repeat; background-size: 15px; position: absolute; bottom: 0%; left: 50%; transform: translate(-50%, 0) rotate(-180deg); -webkit-transform: translate(-50%, 0) rotate(-180deg); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; opacity: 0;}
.skip_down a:hover:before{ top: 90%; opacity: 0.6; }
.skip_up a:hover:before{ bottom: 100%; opacity: 0.6; }

.show_points .skipbtns{ display: block; }

/*.repeat_section.repeat_section_space{ padding-top: 0; padding-bottom: 0; }*/

.portfolio_detail_laptop{float: right; width: 860px; height: 550px; background: url(../images/laptop_detail.png) center no-repeat; margin-right: -90px; margin-top: -150px; position: relative; z-index: 4; background-size: 100%;}
.portfolio_detail_laptop span{display: block; overflow: hidden; height: 425px; width: 659px; margin: auto; margin-top: 49px;}
.portfolio_detail_laptop span:before,
.portfolio_detail_laptop span:after{ content: ""; display: block; clear: both; }
.portfolio_detail_laptop img{ min-width: 100%; }
.about_portfolioweb{ float: left; width: 360px; position: relative; z-index: 2;}


.web_languages_uses{ display: block; width: 100%; clear: both; padding-top: 120px; text-align: center; }
.web_languages_uses ul li{ display: inline-block; margin: 20px; }
.web_languages_uses ul li img{ width: 80px; height: 72px; display: block; margin: 0 auto; }
.web_languages_uses ul li span{display: block; text-transform: uppercase; font-family:sf_ui_display_bold; padding-top: 15px;}
.label_type{color: #cfd0d0; font-size: 73px; text-transform: uppercase; font-family:sf_ui_display_black; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.homepageShown_screen{ width: 787px;/* height: 740px;*/ position: relative; display: block; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: translate(182px, 0px); -webkit-transform: translate(182px, 0px); }
.homepageShown_screen img{ min-width: 100%; display: block; margin: 0 auto; height: inherit !important; width: 100% !important }

#desktop_view + .step_section{ z-index: 2; position: relative; background:#fff; } 

#desktop_view .label_type{ visibility: hidden; height: 0; z-index: 0; opacity: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;  }

.fixeddesktop#desktop_view .label_type{ height: auto; visibility: visible; opacity: 1; position: fixed; left: 0; top: 50%; transform: translate(270px, 0) rotate(-90deg); -webkit-transform: translate(270px, 0) rotate(-90deg); }
.fixeddesktop .homepageShown_screen{ transform: translate(383px, 0px); -webkit-transform: translate(383px, 0px); }

.fixbottom#desktop_view .label_type{ transform: translate(-100%, 0) rotate(-90deg); -webkit-transform: translate(-100%, 0) rotate(-90deg); }

#desktop_view.step_section.paddingBottom_none{ padding-bottom: 85px; overflow: hidden; }
.step_section.scrollify-current{ height: inherit !important;  }


.web_used_typography{ display: block; width: 100%; clear: both; padding-left: 170px; /*margin-top: 10%;*/ }
.web_used_typography:before,
.web_used_typography:after{ content: ""; display: block; clear: both; }
.typography_Left{ float: left; font-size: 150px; font-family:sf_ui_display_black; color: #1f1f1f; width: 210px;}
.typography_Right{ display: block; vertical-align: top; padding-left: 30px; overflow: hidden; max-width: 75%; color: #1f1f1f; padding-top: 103px;}

.fontfamilyname{ display: block; font-size: 30px; font-family:sf_ui_display_bold; }
.fonttypes{ display: block; clear: both; font-size: 17px; padding-top: 8px; }
.font-family_typographyss{display: block; clear: both; padding-top: 30px;}
.font-family_typographyss span{ display: block; clear: both; width: 100%; padding:6px 0; font-size: 18px; }
.font-family_typographyss span.upprcase{ text-transform: uppercase; }
/*.repeat_section.overHidden{ overflow: hidden; }*/

.typography_color{ float: left; width: 100%; clear: both; padding-top: 100px; text-align: center; }
.typography_color ul li{ display: inline-block; margin:0 50px; }
.color_codeshow{ display: inline-block; width: 50px; height: 50px; box-shadow: -7px 7px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); }
.colorcodeval{ display: inline-block; font-family:sf_ui_display_bold; font-size: 18px; vertical-align: top; margin-top: 70px; }
.section_headerpart.spaceBottom_none{padding-bottom: 0}
.deviceLabel{ float: right; width: 50%;color: #cfd0d0; font-size: 73px; text-transform: uppercase; font-family:sf_ui_display_black; padding-top: 200px; }
.deviceLabel span{ display: block; clear: both; }
.homepageShown_screen_revposive{ float: left; position: relative; margin-left: 50px; /*margin-top: 100px;*/ margin-bottom: -80px;}
.homepageShown_screen_revposive span.screen_bg{ display: block; overflow: hidden; width: 310px; height: 666px; margin: 17px 0 0 20px; position: relative; }
.homepageShown_screen_revposive span.screen_bg img{ min-width: 100%; object-fit: cover;}
.homepageShown_screen_revposive span.screenimg{ float: left; width: 460px; height: 700px; position: absolute; top: 0; z-index: 2;background:url(../images/devicescreen.png) left top no-repeat; background-size: 100%; pointer-events: none;}
.spaceontopset{ padding-top: 90px; }


.homepageShown_iphone_revposive{ float: left; position: relative; margin-left: 80px; margin-top: 0;}
.homepageShown_iphone_revposive .screen_bg_iphone{ display: block; overflow: hidden; width: 301px; height: 537px; margin: 68px 0 0 21px; position: relative; }
.homepageShown_iphone_revposive .screen_bg_iphone img{ }
.homepageShown_iphone_revposive .screenimg_iphone{ float: left; width: 366px; height: 710px; position: absolute; top: 0; z-index: 2;background:url(../images/iphoneapps.png) left top no-repeat; background-size: 100%; pointer-events: none;}

.homepageShown_android_revposive{ float: left; position: relative; margin-top: 0;}
.homepageShown_android_revposive .screen_bg_android{ display: block; overflow: hidden; width: 316px; height: 560px; margin: 54px 0 0 9px; position: relative; }
.homepageShown_android_revposive .screen_bg_android img{ }
.homepageShown_android_revposive .screenimg_android{ float: left; width: 366px; height: 713px; position: absolute; top: 0; z-index: 2;background:url(../images/androidapps.png) left top no-repeat; background-size: 100%; pointer-events: none;}


/*.scrollify-current .deviceLabel{ position: fixed; top: 14%; left: 50%; }*/

/*#desktop_view.repeat_section{ padding-top: 170px; }*/
#desktop_view.scrollify-current .label_type{ position: fixed; top: 20%; }

#desktop_view.scrollify-current:before{ content: ""; position: fixed; top: 0; left: 0; right: 0; height: 170px; background:#f3f4f6; z-index: 2; }
.homepageShown_screen.sl:before{ content: ""; width: 30px; background:rgba(0, 0, 0, 0.1); position: fixed; bottom: 0; top: 200px; margin-left: -30px; }


.testimonial_complete .testim_cell{ margin-bottom: 20px; }
.testimonial_complete .testim_row{ margin: 0; position: relative;}
.testimonial_complete .greybg_testim{ margin-top: 0 }
.testimonial_complete .bluebg_testim p,
.testimonial_complete .bluebg_testim,
.testimonial_complete .testim_video_content{ min-height: inherit; }

.testimonial_complete .testim_cell{ width:33.3333%; }
/*.testimonial_complete + .awards_section{ background:#f3f4f6; }*/

/* infrastructure */

.gallery_infrastructure{ display: block; width: 100%; clear: both; padding-left: 70px; padding-right: 70px; }
.gallery_infrastructure:before,
.gallery_infrastructure:after{ content: ""; display: block; clear: both; }
.gallery_infrastructure ul{ float: left; width: 100%; }
.gallery_infrastructure ul:before,
.gallery_infrastructure ul:after{ content: ""; display: block; clear: both; }
.gallery_infrastructure ul li{ float: left; width: 11.11%; padding: 5px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.gallery_infrastructure ul li img{ display: block; min-width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; user-select: none; -webkit-user-select: none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; border-radius: 5px;}
.gallery_infrastructure ul li.team__person_active img,
.gallery_infrastructure ul li.team__person_old img,
.gallery_infrastructure ul li img:hover{ -webkit-filter: none; filter: none; opacity: 1; }
.intellectual_property .label_blogcell{ padding-top: 20px; }
.intellectual_property .blog_most_cell{ background:#f0efee; }


.header__overlay canvas{ position: absolute; top: auto; right: 0; bottom: -120px; left: 0; z-index: 5; pointer-events: none; height: 100% !important; width: 100% !important}
#wave{ display: none; }


/* blog */

.blog_cate_list_box{ width: 100%; clear: both; display: block; padding: 20px 0; background: #0c6cd3; position: relative; }
.blog_cate_list_box:before,
.blog_cate_list_box:after{ content: ""; display: block; clear: both; }
.blog_cate_list{ float: left; text-align: left; padding-top: 8px; }
.blog_cate_list ul li{ display: inline-block; margin: 10px 0; }
.blog_cate_list ul li a{ display: inline-block; color: #fff; opacity: 0.8; }
.blog_cate_list ul li + li{ margin-left: 25px;  }
.blog_cate_list ul li a:hover{ opacity: 1; }




header.main__header.lightheader{ background:#fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) }
header.main__header.lightheader.headfixed{ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
header.main__header.lightheader .logo a{ background-position: 0 -100px; }
header.main__header.lightheader .xtreem_nav>ul>li>a{ color: #444; }
header.main__header.lightheader .xtreem_nav>ul>li>a:hover{ color: #0c6cd3; }
header.main__header.lightheader .over_btnx{ color: #0c6cd3 }
.search_blog{ float: right; width: 300px; position: relative;}
.search_blog input[type=text]{ float: left; width: 100%; height: 46px; background:#fff; border-radius: 4px; padding: 0 15px; padding-left: 40px; -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; padding-top: 4px;}
@media screen and (max-device-width:1199px)
{
	.search_blog input[type=text]{ line-height: 50px; padding-top: 0; }
}
/*.search_blog button{ position: absolute; z-index: 2; right: 0; top: 0; height: 50px; width: 60px; border-radius: 0 4px 4px 0; text-align: center; background:transparent; cursor: pointer; color: #444; }
.search_blog button:hover{ color: #000;}*/
.search_blog i{ position: absolute; z-index: 2; left: 15px; top: 15px; color: #bbb; pointer-events: none; }

.blog-left{ float: left; width: 60%; }
.blog-right{float: right; width: 30%; padding-top: 10px; padding: 0; /*background: #f3f4f6;*/}
.blog_list{ float: left; width: 100%; clear: both; padding-bottom: 60px; }
.blog_list h3{ display: block; font-size: 33px; font-family:sf_ui_display_bold; line-height: 1.3; }
.blog_list h3 a{ font:inherit; }
.blog_authortype{ display: block; clear: both; padding: 20px 0; }
.blog_list_image{ display: block; clear: both; width: 100%; position: relative; overflow: hidden; text-align: left;}
.blog_list_image img{ display: block; margin-left: 0 !important; }

.blogimage_hover{ position: absolute; top: 0; right:-1px; bottom: 0; left: 0; z-index: 3; display: none; pointer-events: none;}
.blogimage_hover:before{ content: ""; position: absolute; top: 0; right:0; bottom: 0; left: 0; z-index: 3;
background: #0c6cd4;
background: -moz-linear-gradient(left, #0c6cd4 0%, #1cacf4 100%); 
background: -webkit-linear-gradient(left, #0c6cd4 0%,#1cacf4 100%);
background: linear-gradient(to right, #0c6cd4 0%,#1cacf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6cd4', endColorstr='#1cacf4',GradientType=1 );
opacity: 0.7;
}
.blogimage_hover span.arrowchPover{ position: absolute; top: 50%; left: 50%; z-index: 5; width: 46px; height: 30px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);display: block;}
.arrowch span{ height: 3px; width: 0; background:#fff; display: block; border-radius: 5px; animation: state_line 0.6s forwards; -webkit-animation: state_line 0.6s forwards; float: left; margin-top: 13px;}
.arrowch:before{ animation: state_line_top 1s forwards; -webkit-animation: state_line_top 0.3s forwards; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; content: ""; width: 3px; height: 0; border-radius: 5px; background: #fff; position: absolute; right: 7px; bottom: 12px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.arrowch:after{ animation: state_line_down 1s forwards; -webkit-animation: state_line_down 0.3s forwards; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; content: ""; width: 3px; height: 0; border-radius: 5px; background: #fff; position: absolute; right: 7px; top: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.arrowch{ animation: arrowslidess 1s forwards; -webkit-animation: arrowslidess 1s forwards; animation-delay: 1s; -webkit-animation-delay: 0.3s; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0}

.blog_list_image:hover .blogimage_hover{ display: block; }

@keyframes state_line{0%{ width: 0 } 100%{ width: 42px; } }
@-webkit-keyframes state_line{0%{ width: 0 } 100%{ width: 42px; } }

@keyframes state_line_top{0%{ height: 0 } 100%{ height: 18px; } }
@-webkit-keyframes state_line_top{0%{ height: 0 } 100%{ height: 18px; } }
@keyframes state_line_down{0%{ height: 0 } 100%{ height: 18px; } }
@-webkit-keyframes state_line_down{0%{ height: 0 } 100%{ height: 18px; } }


@keyframes arrowslidess{
	0%{transform: translate(0, 0); -webkit-transform: translate(0, 0); } 
	40%{ transform: translate(0px, 0); -webkit-transform: translate(0px, 0); } 
	70%{ transform: translate(0px, 0); -webkit-transform: translate(0px, 0); } 
	100%{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } 
}

@-webkit-keyframes arrowslidess{
	0%{transform: translate(0, 0); -webkit-transform: translate(0, 0); } 
	40%{ transform: translate(0px, 0); -webkit-transform: translate(0px, 0); } 
	70%{ transform: translate(0px, 0); -webkit-transform: translate(0px, 0); } 
	100%{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } 
}




.post_content{ display: block; clear: both; width: 100%; padding-top: 30px; line-height: 1.7; padding-bottom: 30px; }
.dotsmore{ display: inline-block; white-space: nowrap; font-size: 25px; padding-left: 2px; height: 5px; line-height: normal; position: relative; }
.dotsmore span{ display: inline-block; width: 4px; height: 4px; border-radius: 50px; background:#777;position: absolute; }
.dotsmore span:nth-of-type(2){ margin-left: 8px; }
.dotsmore span:nth-of-type(3){ margin-left: 16px; }

.posted_author{ display: inline-block; vertical-align: middle; font-size: 18px; max-width: 90%; }
.posted_author a{ color: #555; }
.posted_author a:hover{ color: #0c6cd3; }
.authorname{ display: inline-block; margin-bottom: 5px; font-family:sf_ui_display_bold; }
.authorpost_img{ display: inline-block; vertical-align: middle; width:50px; height: 50px; overflow: hidden; border-radius: 80px; margin-right: 15px }
.authorpost_img img{ min-width: 100%; min-height: 100%; object-fit: cover; }
.posteddate{ display:inline-block; color: #777; font-size: 15px;}
.category_categoryl{ display: inline-block; font-size: 15px; padding-left: 10px;}
.category_categoryl i{ color: #0c6cd3 }

.asideRow{ float: left; width: 100%; clear: both; margin-bottom: 70px; }
.asideRow:last-child{ margin-bottom: 40px }
.asideRow h4{ display: block; width: 100%; padding-bottom: 25px; font-size: 18px; font-family:sf_ui_display_bold; color: #0c6cd3; text-transform: uppercase; }

.featuredpost{ display: block; clear: both; width:100%; }
.featuredpost_left{ float: left; width: 70%; padding-right: 40px }
.featuredpost_right{ float: right; width: 30%; }
.featuredpost .post_content{ padding-top: 0 }
.featuredpost h3{ font-family:sf_ui_display_black; margin-top: 15px; font-size: 30px; }
/*.featuredpost h3 a{ color: #0c6cd3 }*/
.featuredlabel{ display: inline-block; position: relative; padding: 10px 24px; background:#ffd800; text-transform: uppercase; font-family:sf_ui_display_black; font-size: 14px; color: #000;}
.featuredlabel:after{ content: ""; width: 0; height: 0; position: absolute; bottom: 0; border-bottom: solid 17px #ffd800; border-right: solid 20px transparent; border-left: 0; right: -20px; }
.featuredlabel:before{ content: ""; width: 0; height: 0; position: absolute; top: 0; border-top: solid 17px #ffd800; border-right: solid 20px transparent; border-left: 0; right: -20px; }
.post_sidebar{ float: left; width: 100%; clear: both; }
.post_sidebar + .post_sidebar{ margin-top: 40px; }
.post_sidebar_img{ display: block; width: 100%; text-align: center; }
.post_sidebar_img img{ display: block; margin: 0 auto; }
.post_sidebar_title{ display: block; clear: both; margin-top: 20px; line-height: 1.4; }
.postedwhen{ display: block; clear: both; padding-top: 14px; color: #999; font-size: 14px; }
.postedwhen a{ display: inline-block; color: #666; }
.postedwhen a:hover{ color: #444 }
.postedwhen span{ display: inline-block; padding-left: 15px; }
.featuredpoet_image{ width: 300px; height: 300px; overflow: hidden; display: block; float: right; border-radius: 50px; }
.featuredpoet_image img{ min-width: 100%; min-height: 100%; object-fit: cover; }
.subasidetitle{ color: #888; display: block; clear: both; line-height: 1.4; margin-top: -10px; margin-bottom: 30px; }
.form_rows{ float: left; width: 100%; margin-bottom: 20px; }
.form-control:focus{ outline: none !important; box-shadow: none; }
.nametitles{ display: block; font-size: 12px; font-family:sf_ui_display_bold; text-transform: uppercase; color: #555; }
.newslettersidebar{display: block; padding: 30px; margin: 0 0 0 0px; background: #eee; border-radius: 5px;} 
.labels_post{ float: left; width: 100%; clear: both; }
.labels_post ul li{ display: block; clear: both; width: 100%; }
.labels_post ul li + li{ margin-top: 30px; }
.labels_post ul li a{ color: #666; }
.labels_post ul li a:hover{ color: #000 }
.labels_post ul li span{ display: inline-block; padding-left: 3px; color: #999 }

.sharesocials{ float: left; width: 100%; margin:50px 0 -50px 0; }
.sharesocials .sharelabel{ display: block; clear: both; width: 100%; font-family:sf_ui_display_bold; font-size: 18px; color:#444; }
.sharesocials ul{ display: block; clear: both;  padding-top: 10px;}
.sharesocials ul li{ display: inline-block; }
.sharesocials ul li + li{ margin-left: 20px; }
.sharesocials ul li a{ font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; display: inline-block; background: #eee; }
.sharesocials ul li a:hover{ background:#ddd; }

.breadcrumbs_bx{ float: left; width: 100%; padding: 30px 0 0 0; clear: both;}
.breadcrumbs_bx:before,
.breadcrumbs_bx:after{ content: ""; display: block; clear: both; }
.breadcrumbs_list{ display: block; overflow: hidden; white-space: nowrap; }
.breadcrumbs_list ul li{ display: inline-block; color: #444; position: relative;white-space: nowrap; line-height: 20px; }
.breadcrumbs_list ul li + li{ margin-left: 30px; }
.breadcrumbs_list ul li a{ color: #888; display: inline-block; }
.breadcrumbs_list ul li a:hover{ color: #222; }
.breadcrumbs_list ul li.homeb a{color: #0c6cd3}
.breadcrumbs_list ul li:after{content: ""; width: 10px; height: 10px; background: url(../images/downarrow.svg) center no-repeat; background-size: 100%; position: absolute; transform: rotate(-90deg) translate(50%, 0); -webkit-transform: rotate(-90deg) translate(50%, 0); top: 50%; margin-left: 12px; opacity: 0.4;}
.breadcrumbs_list ul li:last-child:after{ display: none; }

.blog_single{ display: block; }
.blog_single:before,
.blog_single:after{ content: ""; display: block; clear: both; }
.blog_single h1{ display: block; clear: both; width: 100%; font-family:sf_ui_display_bold; line-height: 1.3; }
.breadcrumbs_bx + .repeat_section{ padding-top: 60px; }
.blog_single img{ display: block; margin: 0 auto; }

/*.post_content{ font-size: 18px; }*/
.post_content p{ padding-bottom: 15px; letter-spacing: 0.5px;}
.post_content a{ color: #0c6cd4; font-family: 'sf_ui_display_bold'; }
.post_content a:hover{ text-decoration: underline; }
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6{ padding-bottom: 15px; padding-top: 15px; }
.post_content ul,
.post_content ol{ display: block; clear: both; margin-bottom: 15px; margin-top: 15px; padding-left: 40px; }
.post_content ul li,
.post_content ol li{ display: block; clear: both; position: relative; padding-left: 18px; letter-spacing: 0.5px; }
.post_content ul li + li,
.post_content ol li + li{ margin-top: 6px; }

.post_content ul>li:before{ content: ""; width: 6px; height: 6px; background: #444; border-radius: 8px; display: inline-block; vertical-align: middle; position: relative; left: -16px; top: -1px; margin-right: -6px; }
.post_content ul>li li:before{ content: ""; width: 6px; height: 6px; border: solid 1px #444; background:transparent; border-radius: 8px; position: absolute; left: 0; top: 11px; }

.post_content ol{ list-style-type: lower-alpha; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 18px;}
.post_content ol li{display: list-item; text-align: -webkit-match-parent;list-style: lower-alpha; padding-left: 10px;}
.post_content ol>li li{ list-style: none; padding-left: 25px; }
.post_content ol>li li:before{ content: ""; width: 6px; height: 6px; border: solid 1px #444; background:transparent; border-radius: 8px; position: absolute; left: 0; top: 11px; }
.blockquote {border-left: 0.25rem solid #eaeaea; padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.2rem; }
.aboutauthors{ display: block; clear: both; width: 100%; padding: 20px; border-radius: 5px; background: #e1e9ec; position: relative;}
.aboutauthors:before,
.aboutauthors:after{ content: ""; display: block; clear: both; }
.aboutauthors_left{ float: left; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin-bottom: 40px; }
.aboutauthors_left img{ display: block; min-height: 100%; min-width: 100%; object-fit: cover; }
.aboutauthors_right{ display: block; overflow: hidden; padding-left: 25px; line-height: 1.6;color: #444; }
.authordescribe_name{ display: block; clear: both; width: 100%; font-family:sf_ui_display_bold; padding-bottom: 5px; font-size: 20px; color: #000 }

.post_afbe{ float: left; width: 100%; clear: both; padding: 80px 0 0 0; }
.posts_read{ float: left; display: inline-block; }
.posts_read a{ display: inline-block; padding: 13px 30px; border-radius: 50px; border: solid 2px #0c6cd3; color: #0c6cd3; text-transform: uppercase; font-size: 12px; }
.post_newer{ float: right; }
.posts_read a i{ font-size: 18px; line-height: 1px; display: inline-block; vertical-align: middle; }
.posts_read a span{ display: inline-block; vertical-align: middle; padding: 0 5px; }
.posts_read a:hover{ background:#0c6cd3; color: #fff; }
.starbig{ font-size: 30px; display: inline-block; vertical-align: middle; line-height: 1px; }
.repeat_section.repeat_section_bTop{ border-top: solid 1px #ddd; }
.postsaysuser{ display: block; clear: both; font-size: 16px; padding-top: 20px; }
.userthought_says .authorpost_img{ vertical-align: top; float: left; }
.userthought_says .posted_author{ vertical-align: top; padding-top: 7px; max-width: inherit; overflow: hidden; display: block; }
.userthought_says{ display: block; clear: both; width: 100%; margin: 6px 0; float: left; }
.userthoughts_headline{ display: block; width: 100%; clear: both; font-size: 20px; color: #0c6cd3; font-family:sf_ui_display_bold; padding-bottom: 20px; }
.user_thoughts{ display: block; clear: both; width: 100%; padding-top: 30px; }
.user_thoughts:before,
.user_thoughts:after{ content: ""; display: block; clear: both; }

.userthought_says .blog_authortype{ padding: 20px; background:#f3f4f6; border-radius: 5px; }
.screen_apps{ float: right; position: relative; z-index: 5; margin-top: -200px; }
.screen_apps .homepageShown_screen_revposive{ margin: 0; }
.web_used_typography.spacetopN{ margin-top: 0 }
.screensSlideShow{ float: left; width: 100%; position: relative; z-index: 1; padding: 50px 0; }
.screensSlideShow ul{ top: auto !important; }
.screensSlideShow ul li{ box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
.phone_overlay{float: left; width: 360px; height: 700px; position: absolute; top: -17px; background: url(../images/iphoneapps.png) left top no-repeat; background-size: 100%; left: 50%; transform: translate(-50%, 0); margin-left: 11px; z-index: 99999;}

.referafriends.header__overlay:before{ background: #0c6cd4;
background: -moz-linear-gradient(left, #0c6cd4 0%, #1cacf4 100%); 
background: -webkit-linear-gradient(left, #0c6cd4 0%,#1cacf4 100%);
background: linear-gradient(to right, #0c6cd4 0%,#1cacf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6cd4', endColorstr='#1cacf4',GradientType=1 ); }
.val_referr{ display: block; clear: both; padding-top: 40px; font-size: 20px; margin-bottom: -20px; }
.val_referr small{ font-size: 70%; padding: 0 20px; display: inline-block; vertical-align: middle; }
.val_referr i{ display: inline-block; vertical-align: middle; margin-right: 8px; color: #fff; font-size: 25px; }
.val_referr i.fa-phone{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.val_referr span{ display: inline-block; vertical-align: middle; }

.referrals_steps{ display: block; clear: both; width: 100%; max-width: 800px; margin: 0 auto; }
.referrals_steps:before,
.referrals_steps:after{ content: ""; display: block;clear: both; }
.referral_box{ display: block; width: 100%; text-align: center; padding: 30px; border-radius:5px; max-width: 94%; margin: 25px auto; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);}
.referral_box:before,
.referral_box:after{ content: ""; display: block; clear: both; }

.referral_box h4 {display: block; width: 100%; font-size: 18px; font-family:sf_ui_display_bold; padding-top: 20px; padding-bottom: 20px; line-height: 1.4; }
.referral_box p {font-size: 14px; }

.step_referrals{ float: left; width: 100%; text-align: center; position: relative; }
.step_referrals ul li{ position: relative; display: inline-block; vertical-align: middle; margin: 0 20px; font-size: 16px; color: #bbb; font-family:sf_ui_display_black; text-transform: uppercase; padding: 13px 40px; border: solid 1px; border-radius: 50px;}
.step_referrals ul li i{ display: none; }
.step_referrals ul li.active{ color: #0c6cd3 }
.step_referrals ul li.active i{ display: inline-block; padding-right: 10px; }

.referral_steps_box{ float: left; display: none; width: 100%; }
.referral_steps_box.active{ display: block; }

.radios_check{ display: inline-block; position: relative; margin-top: 25px; }
.radios_check + .radios_check{ margin-left: 40px; }
.radios_check input[type=radio]{ opacity: 0; visibility: hidden; width: 1px; height: 1px; position: absolute; }
.radios_check label{ display: inline-block; position: relative; padding-left: 25px; }
.radios_check label:before{ content: ""; width: 14px; height: 14px; border: solid 2px #bbb; border-radius: 50px; position: absolute; left: 0; top: 1px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.radios_check input[type=radio]:checked + label:before{ background:#0c6cd3; border-color: #0c6cd3; }

.title_shown{ display: block; clear: both; width: 100%; padding-bottom: 15px; font-size: 26px; color: #000 }
.lineadds{ border-left: solid 1px #ccc; border-right: solid 1px #ccc; }

.referafriends.header__overlay.careerpg:after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 1062px; height: 267px; background:url(../images/globhalf.png) bottom center no-repeat; z-index: 1;}
.subPages.careerpg .head__bottom_content {padding-bottom: 168px; padding-top: 25px; }
.position_tabs{ display: block; clear: both; width: 100%; text-align: center; }
.position_tabs ul li{ display: inline-block; color: #585858; font-size: 18px; padding: 0 15px; margin: 0 20px; cursor: pointer; position: relative; padding-bottom: 10px; border-bottom: solid 2px transparent;}
.position_tabs ul li:hover{ color: #000 }
.position_tabs ul li.active{ cursor: default; color: #0c6cd4; border-color: #0c6cd4 }

.position_tabContent{ float: left; width: 100%; clear: both; position: relative; padding-top: 50px; }
.tabspositin_box{ float: left; width: 100%; display: none; }
.tabspositin_box.active{ display: block; }

.tabspositin_row{ float: left; width: 100%; border-bottom: solid 1px #e4e4e4; padding: 18px 0; line-height: normal; }
.tabspositin_row h3{ display: block; font-size: 20px; font-family:sf_ui_display_black; padding-bottom: 5px; }
.tabspositin_row p{ color: #444; display: block; }
.modal-title{ display: block; font-size: 20px; }
.modal-title span{ color: #999 }
.modal-content{ border: 0 }
.tabspositin_row:last-child{ border-bottom: 0; }

@media (min-width: 768px){
	.modal-dialog {
	max-width: 600px;
	margin: 1.75rem auto;
	}
}

.model_fileds .work_form_cell{ padding-left: 0; padding-right: 0;margin-bottom: 35px; margin-top: 5px }
.model_fileds .input_form_box .form_input{ font-size: 16px; }
.spacetopNonethis.work_form_cell{ margin-top: -20px; margin-bottom: 30px; }
.modal-body{ padding: 2.5rem; }
.modal-header{ padding:1rem 2.5rem; }
.fileattachment{ display: block; clear: both; position: relative; }
.fileattachment input{ opacity: 0; visibility: hidden; width: 1px;height: 1px; position: absolute; }
.fileattachment label{ display: block; clear: both; position: relative; cursor: pointer; border-radius: 4px; padding: 15px; text-align: center; background: #0c6cd3; color: #fff; }
.fileattachment label:hover{ background:#0b5eb8; }
.des_label{ display: block; clear: both; font-size: 13px; padding-top: 5px;color: #555; text-align: center; }
.captcha_bx{ display: block; }

.location_box{ display: block; width: 100%; padding: 30px; margin-bottom: 50px; border: solid 2px #e1e9ec; border-radius: 5px; }
.indicate_line{ display: block; clear: both; width: 100%; text-align: center; text-align: center; padding-top: 50px; }
.indicate_line span{ position: relative; display: inline-block; padding: 15px 40px; background: #0c6cd3; color: #fff; border-radius: 50px; }
.indicate_line span:after{ content: ""; width: 18px; height: 18px; background: #0c6cd3; border-radius: 4px; position: absolute; bottom: -7px; left: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: -9px; }

.partnership_box{ float: left; width: 100%; }
.partnership_box_table{ display: table; width: 100%; }
.partnership_box_cell{ display: table-cell; width: 50%; min-width: 50%; max-width: 50%; height: 100%; padding: 50px 40px; vertical-align: top;}
.partnership_box_cell h4{ display: block; font-size:28px; font-family:sf_ui_display_black; margin-bottom: 0px; color: #000; }
.points_partners{ display: block; width: 100%; clear: both; padding-top: 30px; }
.points_partners ul li{ display: block; clear: both; width: 100%; line-height: 1.5; padding-left: 26px; background: url(../images/right-arrow.svg) 0 4px no-repeat; background-size: 14px; color: #444}
.points_partners ul li + li{ margin-top: 16px; }
.partnership_box_cell h4 i{ float: right; font-size: 26px; }

.repeat_section.grey_darkbg + .awards_section{ background:#f3f4f6; }

.grey_darkbg .partnership_box_cell{ /*background:#fff;*/ }
.numbers_partners{ position: absolute; left: 50%; font-size: 35px; font-family:sf_ui_display_black; width: 80px; height: 80px; line-height: 80px; text-align: center; top: 0; border-radius: 50%; background: #fff; margin-top: -40px; margin-left: -40px; pointer-events: none; }
.numbercount_step{ display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; margin: 0 auto; margin-bottom: 30px; background: #e3e4e4; border-radius: 50px; color: #616161; font-size: 22px; font-family:sf_ui_display_black;}

.imagever_sec{ display: block; padding-top: 65px; }
.imagever_sec img{ display: block; }
.portfolio_tabs{ display: block; width: 100%; clear: both; padding-bottom: 60px; }
.portfolio_tabs ul li{ display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 16px; padding: 14px 38px; border-radius: 50px; border: solid 2px #ccc; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.portfolio_tabs ul li:hover,
.portfolio_tabs ul li.active{ background:#0c6cd3; color: #fff; border-color: #0c6cd3 }


.list_portfolio_box{ display: none; clear: both; position: relative; margin:0 -30px; }
.list_portfolio_box:before,
.list_portfolio_box:after{ content: ""; display: block; clear: both; }
.list_portfolio_box.active{ display: block; }
.figure-outer{ display: block; position: relative; margin: 0 auto; margin-top: 46px; width: 560px;}
.tilter{ perspective: 1000px; -webkit-perspective: 1000px; }
.tilter__figure{ display: block; position: relative; 
	-webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(600px) translateZ(5px);
    transform: perspective(600px) translateZ(5px);}

.tilter__figure>* { transform: translateZ(0); -webkit-transform: translateZ(0);}
.tilter__figure:before,
.tilter__figure:after{ content: ""; display: block; clear: both; }
.tilter__image{ display: block; position: relative; z-index: 1; transform: translateZ(0); -webkit-transform: translateZ(0);}
.tilter__caption{ position: absolute; top: 30px; left: 28px;  right: 28px; bottom: 20px; z-index: 2; -webkit-transform: translateZ(60px) scale(0.92);  transform: translateZ(60px) scale(0.92);}
.tilter__title{ display: block; width: 100%; font-family:sf_ui_display_bold; color: #fff; font-size: 30px; }
.tilter__description{ position: absolute; bottom: 0;  }
.tilter__description span{ display:inline-block; }
.tilter__description span + span{ margin-left: 7px; }
.tilter__description span img{ width: 26px; height: 26px; display: block; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.overlayanchor{ position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }


.list_portfolio_box .col-md-4.up_little{ transform: translate(0, -80px); -webkit-transform: translate(0, -80px); }

/* .loadmore_blogs{ display: block; clear: both; width: 100%; text-align: center; color: #777 }
.loadmore_blogs:before,
.loadmore_blogs:after{ content: ""; display: block; clear: both; } */
.loadmore_blogs span{ display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; }
.loadmore_blogs .icnl{ width: 26px; height: 26px; position: relative;
border: 2px solid #ddd;
border-radius: 50%;
border-top: 2px solid #0c6cd3;
-webkit-animation: spin 1.2s linear infinite;
animation: spin 1.2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*-- Jeet --*/
.usOfficeLogo .footer_heading{padding-bottom: 15px;}
.xtreem_infoL{float: left;width: 100%;padding-bottom: 30px;}
.xtreem_infoL ul{margin: 0px;padding: 0px;}
.xtreem_infoL ul li{display: inline-block;padding-right: 10px;}
.xtreem_infoL ul li a{display: inline-block;}
.xtreem_infoL ul li a img{height: 100%;width: 100%;}
.xtreem_infoL ul li a {display: inline-block; border-radius: 6px 6px 6px 6px; overflow: hidden; height: 40px; width: 40px; }

.OurGlobalFl:after, .OurGlobalFl:before{display: none; }
.OurGlobalFl{width: 100%;float: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 30px;}
.OurGlobalFl .col-sm-3{-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 30px;}
.OurGBoxInn{width: 100%;float: left; padding: 30px; background:#fff; border-radius: 5px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.OurGBoxInn:hover{ transform: translate(0, -10px); }
.imageSideC{width: 100%;float: left; text-align: center;}
.imageSideC img{max-width: 100%;}
.descSideContact{width: 100%;float: left;padding-top: 20px;}
.descSideContact h3{font-size: 22px;padding-bottom: 20px; color: #444}
.descSideContact p{font-size: 16px;min-height: 50px;}
.ContactPhoneN{display: block;width: 100%;float: left;padding-top: 10px;}
.ContactPhoneN a{display: inline-block;  margin-left: 10px;}
.headquarters_label{display: inline-block; background: #0c6cd3; color: #fff; font-size: 12px; padding: 4px 8px; margin-left: 10px; vertical-align: middle; border-radius: 3px;}




.move, .move1, .move2, .move3{stroke:red; stroke-width:1  ;fill: white;}
.bg {
  stroke: white;
  stroke-dasharray: 2 2;
}

.move {
  stroke: red;
  animation: link-anim 10s linear infinite;
  stroke-dasharray: 2 0 2 0 2 300;
}

@keyframes link-anim {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}
@-webkit-keyframes link-anim {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}
.move1 {
  stroke: red;
  animation: link-animone 10s linear infinite;
  stroke-dasharray: 4 0 4 0 4 300;  
  animation-delay: 2s;
}

@keyframes link-animone {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}
@-webkit-keyframes link-animone {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}

.move3 {
  stroke: red;
  animation: link-animthree 8s linear infinite;
  stroke-dasharray: 4 0 4 0 0 300;
  animation-delay: 7s;
  stroke-dashoffset: 32;
}
@keyframes link-animthree {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}
@-webkit-keyframes link-animthree {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}

.move2 {
  stroke: red;
  animation: link-animtwo 8s linear infinite;
  stroke-dasharray: 4 0 4 0 0 300;
  animation-delay: 4s;
  stroke-dashoffset: 32;
}
@keyframes link-animtwo {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}
@-webkit-keyframes link-animtwo {
  0% {
    stroke-dashoffset: 368;
  }
  100% {
    stroke-dashoffset: 32;
  }
}



.achiveBx{ display: inline-block; padding: 15px 30px; margin-top: 30px; background: #0c6cd3; border-radius: 3px; color: #ebf2f9; font-size: 14px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.achiveBx i{ font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 20px; margin-top: -5px; margin-bottom: -5px; color: #fff;}
.achiveBx span{ display: inline-block; vertical-align: middle; }
.awardsAllsec{ display: block; clear: both;}
.awardsAllsec:before,
.awardsAllsec:after{ content: ""; display: block; clear: both; }

.awardsss_cell{ text-align: center; padding: 25px; border: solid 1px #ddd; margin: 25px 10px; display: block; border-radius: 5px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
.awardsss_cell:before,.awardsss_cell:after{ content: ""; display: block; clear: both; }
.awardsss_cell h4{ display: block; width: 100%; padding: 25px 0; color: #555; font-size: 20px; }
.awardscelicon{ display: block; height: 70px; position: relative; }
.awardscelicon img{ position: absolute; max-height: 100%; max-width: 150px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.awardsss_cell .sub_content_cells{ font-size: 14px; line-height: 1.6; }

.awardsss_cell:hover{ box-shadow: 0 5px 25px -2px rgba(0, 0, 0, 0.15) }

.awardsAllsec .col-md-4:nth-of-type(1) .awardsss_cell,
.awardsAllsec .col-md-4:nth-of-type(2) .awardsss_cell,
.awardsAllsec .col-md-4:nth-of-type(3) .awardsss_cell{ min-height: 420px; }

.awardsAllsec .col-md-4:nth-of-type(4) .awardsss_cell,
.awardsAllsec .col-md-4:nth-of-type(5) .awardsss_cell,
.awardsAllsec .col-md-4:nth-of-type(6) .awardsss_cell{ min-height: 330px; }
/* .awardsAllsec .col-md-4:nth-of-type(7){ margin-left: 16.8%; } */
.xlogopresentation{ position: absolute; right: 0; bottom: 0; /*pointer-events: none;*/}
footer .container{  position: relative; z-index: 3; }


.stage_head{ display: block; width: 50px; margin: auto; clear: both;margin-top: 30px; text-align: center; }
.stage_head:before,
.stage_head:after{ display: block; content: ""; clear: both; }




.dot-collision {position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #ea4335; color: #ea4335; display: block; margin: 0 21px 0 auto; }
.dot-collision::before, .dot-collision::after {content: ''; display: inline-block; position: absolute; top: 0; }
.dot-collision::before {left: -10px; width: 10px; height: 10px; border-radius: 5px; background-color: #fbbc05; color: #fbbc05; animation: dotCollisionBefore 2s infinite ease-in; -webkit-animation: dotCollisionBefore 2s infinite ease-in; }
.dot-collision::after {left: 10px; width: 10px; height: 10px; border-radius: 5px; background-color: #34a853; color: #34a853; animation: dotCollisionAfter 2s infinite ease-in; -webkit-animation: dotCollisionAfter 2s infinite ease-in; animation-delay: 1s; -webkit-animation-delay: 1s; }

@keyframes dotCollisionBefore {
  0%,
  50%,
  75%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
  }
  25% {
    transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
  }
}

@-webkit-keyframes dotCollisionBefore {
  0%,
  50%,
  75%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
  }
  25% {
    transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
  }
}


@keyframes dotCollisionAfter {
  0%,
  50%,
  75%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
  }
  25% {
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
  }
}

@-webkit-keyframes dotCollisionAfter {
  0%,
  50%,
  75%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
  }
  25% {
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
  }
}


.hideContent_aftersh{ display: none; }
.moreless{ display: inline-block; /*padding-left: 10px;*/ cursor: pointer; font-size: 15px; color: #0c6cd3;}
.minuseclick{ display: none; }
.moreless:hover{ color: #444 }

.mshow .hideContent_aftersh{ display: inline; }
.mshow .minuseclick{ display: inline; }
.mshow .plusclick{ display: none; }
.trensing_box_heading.rightsmm{ float: right; }
.trensing_box_heading.somem{ z-index: 5 }



.headover{ position: absolute; z-index: 5; top: 0; right: 0; left: 0; background:transparent; height: 100px; display: none; cursor: pointer; }
.zind.trensing_box_heading{ z-index: 10; }
.trend_click .fa-minus{ display: none; }
.somem .trend_click .fa-minus{ display: inline; }
.somem .trend_click .fa-plus{ display: none; }
.intro-cell{ width: 0 !important; visibility: hidden; }
#main{ position: absolute; top: 0; right: 0;  bottom: 0; left: 0; }
.relativecontainers .container{ position: relative; z-index: 10 }



/* request section popup */

.request_sec{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; /*background:#fff;*/ opacity: 0; visibility: hidden; max-height: 1px; overflow: hidden;}
.req_header{ float: left; width: 100%; padding: 30px 50px; }
/*.req_header .logo a{ background-position: 0 -100px; }*/
.req_close{position: relative; float: right; cursor: pointer; width: 34px; height: 34px; text-align: center; line-height: 37px; background: #fff; font-size: 20px; color: #797979; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; border-radius: 50px; }
.req_close svg{ display: none; width: 34px; height: 34px; position: absolute; top: 0; left: 0; overflow: visible !important;}
.req_close i{ position: relative; z-index: 2; }
.req_close:hover{ border-radius: 50px; background: #fff; color: #444; }
.req_close:hover svg{ display: block; }
.req_content{ display: block; clear: both; width: 100%; float: left;  }
.req_content:before,
.req_content:after{ content: ""; display: block; clear: both; }
.req_content_head{ display: block; width: 100%; clear: both; text-align: center; }
.req_content_head:before,
.req_content_head:after{ content: ""; display: block; clear: both; }
.req_content_head h3{ color: #ffffff; font-size: 36px; display: block; font-family:sf_ui_display_medium; padding-bottom: 10px; }
.req_content_head p{color: #ffffff; font-size: 16px;}
.req_form_content{ display: block; clear: both; width: 100%; padding-top: 100px; }
.req_form_content:before,
.req_form_content:after{ content: ""; display: block; clear: both; }
.request_sec_inner{ width: 100%; height: 100%;  overflow: auto; -webkit-overflow-scrolling:touch; }
.request_sec_inner:before,
.request_sec_inner:after{ content: ""; display: block; clear: both; }
.request_Block{ float: left; width: 100%; /*background:#fff url(../images/bg_req.png) right top no-repeat; */ background-color: #fff; background-size: cover;}

.request_sec.movereq{ opacity: 1; visibility: visible; }



.movereq{ animation: 1s flipAnimate forwards; -webkit-animation: 1s flipAnimate forwards; }
@keyframes flipAnimate{
	100%{ opacity: 1; visibility:visible; max-height: inherit; overflow: visible;}
}


.ransqbic{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 100vh; width: 100%;transform-origin: center; -webkit-transform-origin: center; transform-origin: 0px 50vh 0px; -webkit-transform-origin: 0px 50vh 0px; background:#fff;transform: scale3d(1,0,1); -webkit-transform: scale3d(1,0,1); bottom: 0;transition: transform 300ms cubic-bezier(.63,0,.39,.99),background 300ms cubic-bezier(.63,0,.39,.99); -webkit-transition: transform 300ms cubic-bezier(.63,0,.39,.99),background 300ms cubic-bezier(.63,0,.39,.99); transition-delay: 200ms; -webkit-transition-delay: 200ms;}
.ransqbic.m{ transform-origin: 0px 50vh 0px; -webkit-transform-origin: 0px 50vh 0px; transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transition-delay: 0; -webkit-transition-delay: 0;}
.slides, & > .dg {display: none; }
.slides{ display: block; width: 100%; clear: both; position: relative; margin-top: 100px;}
.slides:before,
.slides:after{ content: ""; display: block; clear: both; }
#particle-slider{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1}
.dg.ac{ display: none !important; }

.intellectual_property .blog_most_cell:hover{ background:#fff; box-shadow: 0 15px 49px -9px rgba(0, 0, 0, 0.3), inset 0 4px 0 0 #0c6cd3; border-radius: 2px}
.heightvh{ height: 100vh; }

.trensing_boxtext ul,
.trensing_boxtext ol{ display: block; padding-top: 10px; padding-bottom: 10px; clear: both;}
.trensing_boxtext ul:before,
.trensing_boxtext ul:after,
.trensing_boxtext ol:before,
.trensing_boxtext ol:after{ content: ""; display: block;clear: both; }
.trensing_boxtext ul li,
.trensing_boxtext ol li{ display: block; clear: both; padding-left: 26px; background:url(../images/right-arrow.svg) 0 3px no-repeat; background-size: 14px; line-height: 1.4;  }
.trensing_boxtext ul li + li,
.trensing_boxtext ol li + li{ margin-top: 12px; }


.stage_white .dot-collision {background-color: #fff; color: #fff; }
.stage_white .dot-collision::before { background-color: #fff; color: #fff; }
.stage_white .dot-collision::after { background-color: #fff; color: #fff; }


.content_wond{ padding: 40px 0 20px 0; clear: both; }
.img_cover_center{ display: block; width: 100%; text-align: center;margin: 0 0 50px 0; }


.hire_steps{ float: left; width: 85%; }
.hire_steps ul li{ float: left; width: 20%; position: relative; text-align: center; }
.hire_steps ul li:before{ content: ""; height: 2px; background: #cfcfcf; position: absolute; left: 61%; top: 42px; margin-top: -1px; right: -70px; }
.hire_steps ul li:last-child:before{ display: none; }
.step_val_thiset{  width: 80px; height: 80px; border-radius: 50%; position: relative; border:solid 2px #cfcfcf; padding: 2px; background:#fff; display: inline-block;}
.step_val_thiset:after{ content: ""; width: 80px; height: 140px; border-radius: 100px; position: absolute; top: -8px; left: 17px; transform: rotate(-38deg); -webkit-transform: rotate(-38deg); z-index: -1;

background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 1%, rgba(0,0,0,0) 96%, rgba(0,0,0,0) 97%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 97%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 97%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );

}
.step_progress_type{ display: inline-block; position: relative; z-index: 2; margin-top: 1px;}
.val_hiresteps{ display: block; width: 100%; position: relative; z-index: 2; clear: both; padding-top: 18px;  font-family:sf_ui_display_semibold; font-size: 20px; }
.step_val_thiset h6{ position: absolute; top: 54%; left: 50%; z-index: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 22px; line-height: 1; color: #777; font-family:sf_ui_display_semibold;}
.talk_btn{ float: right; margin-top: 14px; }
.talk_btn a,
.talk_btn button{background: #0c6cd3; color: #fff; border-radius: 50px; padding: 18px 40px 14px 40px; display: inline-block; line-height: 1; font-size: 20px; cursor: pointer;}
.talk_btn a:hover,
.talk_btn button:hover{ background:#1cabf4; animation-play-state: paused; -webkit-animation-play-state: paused; }
.talk_btn button i{ font-size: 14px; display: inline-block; margin-left: 5px; position: relative; bottom: 1px;}

.talk_btn a,
.talk_btn button,
.btnx_quote a{ animation: pulseaim 1.75s infinite cubic-bezier(0.66, 0, 0, 1); box-shadow: 0 0 0 0 rgba(12, 108, 211, 0.4); }

@-webkit-keyframes pulseaim {to {box-shadow: 0 0 0 18px rgba(12, 108, 211, 0);}}

.btnx_quote a:hover{ animation-play-state: paused; -webkit-animation-play-state: paused;  }

.btnx_quote{ float: right; }
.btnx_quote a{ background: #0c6cd3; color: #fff; border-radius: 50px; padding: 18px 30px 14px 30px; display: inline-block; line-height: 1; font-size: 16px; }
.btnx_quote a:hover{ background: #1cabf4; }

.head__bottom_content.portfolio_p h1{ text-align: left; font-family:sf_ui_display_black; font-size: 60px;}
.head__bottom_content.portfolio_p h1:before{ content: ""; width: 175px; height: 132px; position: absolute; background:url(../images/port_two.png) center no-repeat; left: -60px; top: 100%;  margin-top: 80px; pointer-events: none;}


/* portfolio new */

.port_coverbox{ display: block; width: 100%; position: relative; clear: both; }
.port_coverbox:before,
.port_coverbox:after{ content: ""; display: block; clear: both; }
.poercover_cell{ float: left; width: 100%; position: relative; max-width: 545px; margin-bottom: 60px; }
.poercover_cell_image{ float: left; width: 100%; position: absolute; overflow: hidden; height: 100%;
	transition: all 1.25s cubic-bezier(.475,.425,0,.995);
	-webkit-transition: all 1.25s cubic-bezier(.475,.425,0,.995);
}  
.poercover_cell_image img{ display: block; 
	transform: scale(1); 
	-webkit-transform: scale(1);
	transition: 2s cubic-bezier(0.36, 0.17, 0.12, 1.23);
	-webkit-transition: 2s cubic-bezier(0.36, 0.17, 0.12, 1.23);
}


.poercover_cell_content{ position: absolute; z-index: 5; right:-20px; bottom: 50px; text-align: right; }
.poercover_cell_content h3{ display: block; width: 100%; font-size: 40px; font-family:sf_ui_display_bold; color: #222 }
.poercover_cell_content h6{ display: block; width: 100%; font-size: 18px; font-family:sf_ui_display_medium; text-transform: capitalize;}
.poercover_cell .port_overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 6; }

.port_coverbox .row .col-md-6:nth-of-type(2n-4) .poercover_cell{ float: right; margin-top: 80px; }

.poercover_cell:hover .poercover_cell_image img{ transform: scale(1.05); -webkit-transform: scale(1.05); }
.poercover_cover{ display: block; width: 545px; height: 728px; position: relative;
	perspective:100px; 
	-webkit-perspective:100px; 
	perspective-origin: right;
	-webkit-perspective-origin: right; }
.poercover_cover:before,
.poercover_cover:after{ content: ""; display: block; clear: both; }

.poercover_cell:hover .poercover_cell_image{ 
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
  	transform: rotateY(-0.80deg) scale(0.96) translate(2px, 0);
  	-webkit-transform: rotateY(-0.80deg) scale(0.96) translate(2px, 0); }


.subPages .head__bottom_content.portfolio_p { padding-bottom: 170px; padding-top: 170px; }
.hcontent_right{ float: right; max-width: 350px; font-family: sf_ui_display_medium; font-size: 18px; color: #777; text-align: left; line-height: 1.7; margin-top: 100px;}
.hcontent_right:after{ content: ""; width: 235px; height: 235px; position: absolute; background:url(../images/port_one.png) center no-repeat; left: 70%; top: -80px; pointer-events: none; }


.poercover_cell:after{content: "";
    position: absolute; z-index: -1;
    right: 30px;
    width: 0px;
    top: 0;
    bottom: 0;
    transform: perspective(100px) rotateY(14deg) scale(0.97); 
    -webkit-transform: perspective(100px) rotateY(14deg) scale(0.97);

    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;

background: -moz-linear-gradient(left, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0) 96%); 
background: -webkit-linear-gradient(left, rgba(0,0,0,0.23) 0%,rgba(0,0,0,0) 96%);
background: linear-gradient(to right, rgba(0,0,0,0.23) 0%,rgba(0,0,0,0) 96%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b000000', endColorstr='#00000000',GradientType=1 );
}

.poercover_cell:hover:after{ width: 20px; right: -11px; }


.focused_approach_box{ display: block; width: 100%; clear: both; }
.focused_approach_box:before,
.focused_approach_box:after{ content: ""; display: block; clear: both; }
.focused_approach_header{ float: left; width: 100%; text-align: center; }
.focused_approach_header ul li{ display: inline-block; cursor: pointer; margin: 0 -2px; font-size: 18px; padding: 18px 10px; font-family: sf_ui_display_medium; color: #0c6cd3; border-radius: 50px 0 0 50px; border: solid 1px #0c6cd3; width: 220px;}
.focused_approach_header ul li:nth-of-type(2){ border-radius: 0 50px 50px 0; border-left: 0; }
.focused_approach_header ul li.active{ background:#0c6cd3; color: #fff; }

.focused_approach_content{ float: left; width: 100%; clear: both; margin-top: 50px; }
.focused_cell{ float: left; width: 100%; clear: both; display: none; }
.focused_cell.active{ display: block; }
.focused_cell .business_domains.singlefor ul li{ width: 15%; margin-top: 32px; margin-bottom: 32px; }

#particle-slider.home_set{ position: absolute; bottom: 0; top: -80px; right: -140px; left: auto; width: 500px; transform: rotate(-10deg); opacity: 1; overflow: hidden;}
#particle-slider.home_set .slides{ margin-top: 0s; }

footer.main__footer{ background-color: #dde1e2; }
.trending_logos{ float: left; width: 100%;  margin-top: 95px; }
.logoimg_brands{ display: block; width: 100%; opacity: 0.3; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; text-align: center;  }
.logoimg_brands:hover{ opacity: 0.6; }
.s_colors{ color: #f4a136; padding-right: 4px; display: inline-block; }

.step_section.absolutethis{ position: fixed; z-index: 9999; bottom: 0; right: 0; left: 0; height: 10px !important; background:rgba(0, 0, 0, 0.5); }


.show_points .port_sliderHome_right{ display: block; }

#portfolio_scroll .port_sliderHome.scrollify-current.fixednone{ position: absolute; }
#portfolio_scroll.hide_attrs .skipbtns{ display: none; }
#portfolio_scroll.hide_attrs .points_portfolio{ display: none; }


#portfolio_scroll.destroy *{visibility: hidden !important; opacity: 0 !important; display: none !important;  }
#portfolio_scroll.destroy{ overflow: visible; }





.serv_title_tp{ padding-bottom: 20px; position: relative;}
.serv_title_tp h3{ position: relative; z-index: 2; }

.loader_title {
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);

	}
.center_title_set{ display: inline-block; position: relative; }
.pinkBg {
    background-color: #0c6cd3!important;
}
.intro-banner-vdo-play-btn{
    height:1px;
    width:1px;
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    border-radius:100px;
    z-index:1
    transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.intro-banner-vdo-play-btn i{
    line-height:56px;
    font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:50%;
    top:50%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 2.5s infinite;
    animation:ripple 2.5s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}






#portfolio_scroll{ display: none !important; }
.portfolio_more{ position: relative; width: 100%; clear: both; overflow: hidden;}
.portfolio_more:before,
.portfolio_more:after{ content: ""; display: block; clear: both; }
.scrollmagic-pin-spacer{ top: auto; left: auto; bottom: auto; right: auto; margin: 0px; display: block; position: relative; height: auto; 
/*background: #ee4767; 
background: -moz-linear-gradient(left, #ee4767 0%, #ffedbc 100%);
background: -webkit-linear-gradient(left, #ee4767 0%,#ffedbc 100%);
background: linear-gradient(to right, #ee4767 0%,#ffedbc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4767', endColorstr='#ffedbc',GradientType=1 ); */

}
.appi-ins-portfolio-sec{ position: relative; height: 100vh; overflow: hidden; width: 100%; bottom: auto; top: 0; left: 0; right: auto; }
.sections_port{ display: block; width: 100%; height: 100vh; border-bottom: solid 1px #000; font-size: 60px; text-align: center; }
.trigger-wpsec{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; z-index: -1; }
.spacer {left: 0; height: 1px; position: absolute; width: 100%; margin-top: 0; top: 50%; }
.port_sliderHome{ display: none; position: absolute; z-index: 1;}
.port_sliderHome.active{ display: block; }
.firsttouch_top{ position: absolute; bottom: 0; left:0; right: 0; background:transparent; pointer-events: none; height: 450px; }
.section_devide{ display: block; clear: both; width: 100%; position: relative; }
.section_devide:before,
.section_devide:after{ content: ""; display: block; clear: both; }
.port_sliderHome.hide_active{ display: none; }
.portfolio_more.hide_points .points_portfolio{ display: none !important; }

.skip_loader{display: none; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 50%; border-top: 2px solid #fff; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 9999; }
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.portfolio_more.hide_points .skip_loader{ display: block; }

.header__overlay.subPages.sitemap_page{ min-height: 190px; }
.header__overlay.subPages.sitemap_page .head_img_bg{ top: -290px; bottom: auto; }


/* sitemap */

.sitemap_container{ display: block; width: 100%; clear: both; padding: 0 100px; }
.sitemap_container:before,
.sitemap_container:after{ content: ""; display: block; clear: both; }
.sitemap_header{ display: block; width: 100%; }
.sitemap_icon{ display: inline-block; vertical-align: middle; }
.sitemap_label{ display: inline-block; vertical-align: middle; padding-left: 16px; font-size: 24px; font-family: sf_ui_display_light; }
.sitemap_label span{ display: block; width: 100%; font-size: 18px; color: #737373;  }
.sitemap_content{ display: block; clear:  both;width: 100%; padding-top: 60px; }
.sitemap_content:before,
.sitemap_content:after{ content: ""; display: block; clear: both; }
.partof_section{ display: block; width: 100%; clear: both; padding-bottom: 30px;}
.partof_section:before,
.partof_section:after{ content: ""; display: block; clear: both; }
.partof_section h3{ display: block; width: 100%; font-size: 18px; font-family: sf_ui_display_bold; color: #0c6cd3;}
.partof_section h3 a{ color: inherit; font:inherit; }
.partof_section h3 a:hover{ color: #000 }

.partof_section h4{ display: block; width: 100%; font-size: 16px; font-family: sf_ui_display_bold; color: #222; padding-top: 19px;}
.partof_section h4 a{ color: inherit; font:inherit; }
.partof_section h4 a:hover{ color: #0c6cd3 }

.partof_section ul{ display: block; clear: both; width: 100%; padding-top: 12px; }
.partof_section ul:before,
.partof_section ul:after{ content: ""; display: block; clear: both; }
.partof_section ul li{ display: block; width: 100%; clear: both; padding-left: 20px; padding-top: 7px; padding-bottom: 7px; position: relative;}
.partof_section ul li:before{ content: ""; width: 6px; height: 6px; background:#83bfe3; border-radius: 50px; position: absolute; left: 0; top: 15px; }
.partof_section ul li a{ display: inline-block; clear: both;position: relative; font-size: 15px; font-family: sf_ui_display_medium; color:#222; line-height: normal;}
.partof_section ul li a:after{ content: ""; width: 0;  height: 1px; background:#0c6cd3; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; position: absolute; left: auto; bottom: -1px; right: 0;}
.partof_section ul li a:hover:after{ width: 100%; left: 0; right: auto;}
.partof_section ul li a:hover{ color: #0c6cd3 !important; }
.repeat_section.repeat_section_spacetop{ padding-top: 40px; }

.sitemap_bottom_links{ display: block; width: 100%; clear: both; text-align: center; padding-top: 50px; padding-bottom: 40px; }
.sitemap_bottom_links ul li{ display: inline-block; padding:10px 24px; }
.sitemap_bottom_links ul li a{ color: #0c6cd3; font-size: 20px; font-family: sf_ui_display_medium;}
.sitemap_bottom_links ul li a:hover{ color: #000 }


/* 404 page */
.error_page{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.error_page:before{  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background:url(../images/bg_req.png) top center no-repeat; background-size: cover; opacity: 0.5; }
.error_page .container{ position: relative; z-index: 2; }
.error_table{ display: table; width: 100%; height: 100%; }
.error_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.error_left{ display: inline-block; vertical-align: middle; max-width: 48%; min-width: 48%; word-break: break-all;}
.error_left img{ width: 100%; }
.error_right{ display: inline-block; vertical-align: middle; padding-left: 80px; max-width: 50%; }
.error_right:before,
.error_right:after{ content: ""; display: block; clear: both; }
.oops_text{ display: block; width: 100%; font-size: 60px; font-family: sf_ui_display_bold; color: #0c6cd3; letter-spacing: -6px; }
.sorry_text{ display: block; width: 100%; clear: both; font-size:26px; padding: 20px 0 15px 0; font-family: sf_ui_display_medium; color: #0c6cd3; }
.h_error{ display: block; width: 100%; font-size: 20px; font-family: sf_ui_display_medium; color: #222}
.error_right ul{ display: block; clear: both; width: 100%; padding-top: 10px; }
.error_right ul li{ display: inline-block; margin: 7px 10px 7px 0; width: 29%; position: relative; padding-left: 14px; }
.error_right ul li:before{ content: ""; width: 5px; height: 5px; border-radius: 50px; background:#999; position: absolute; left: 0; top: 6px; }
.error_right ul li a{ font-size: 18px; color: #555; font-family: sf_ui_display_medium; }
.error_right ul li a:hover{ color: #000 }
.takeback{ display: block; clear: both; width: 100%; padding-top: 40px; }
.takeback a{ background: #0c6cd3; color: #fff;  border-radius: 50px; padding: 16px 25px 12px 25px; display: inline-block; line-height: 1; font-size: 16px; }
.takeback a:hover{ background: #1cabf4; color: #fff;}
.error_page_logo{display: inline-block;
    width: 200px;
    height: 39px;
    background: url(../images/logo.png) 0 0 no-repeat;  
    background-position: 0 -69px;
    background-size: 200px;}
.logo_error{ display: block; width: 100%; text-align: left; padding: 50px; margin-bottom: -150px; position: relative; z-index: 5;}
.here_height{ position: absolute; left: 0; right: 0; top: -100%; margin-top: -28vh; height: 70vh; background:#000; opacity: 0.5; }



svg.radial-progress {
  height: auto;
  max-width: 70px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  width: 100%; overflow: visible;
}

svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width: 12;
}

svg.radial-progress circle.incomplete { opacity: 0.15; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }

svg.radial-progress text {
  fill: #777;
  text-anchor: middle;
  font-size: 22px; line-height: 1;
    font-family: sf_ui_display_semibold;
}

svg.radial-progress circle { stroke: #0c6cd4; }
.error_code{ display: block; clear: both; width: 100%; padding-bottom: 35px; font-family: sf_ui_display_medium; }


.oops_text.animate_th span:nth-of-type(1){ display: inline-block; animation: first_s 1.4s linear; -webkit-animation: first_s 1.4s linear; }
.oops_text.animate_th span:nth-of-type(2){ display: inline-block; animation: second_s 1.5s linear; -webkit-animation: second_s 1.5s linear; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.oops_text.animate_th span:nth-of-type(3){ display: inline-block; animation: third_s 1.6s linear; -webkit-animation: third_s 1.6s linear; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.oops_text.animate_th span:nth-of-type(4){ display: inline-block; animation: four_s 1.8s linear; -webkit-animation: four_s 1.8s linear; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.oops_text.animate_th span:nth-of-type(5){ display: inline-block; animation: five_s 1.9s linear; -webkit-animation: five_s 1.9s linear; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }

@keyframes first_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.30) translate(8px, 0); -webkit-transform: scale(1.30) translate(8px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}
@-webkit-keyframes first_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.30) translate(8px, 0); -webkit-transform: scale(1.30) translate(8px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}

@keyframes second_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.25) translate(10px, 0); -webkit-transform: scale(1.25) translate(10px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}
@-webkit-keyframes second_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.25) translate(10px, 0); -webkit-transform: scale(1.25) translate(10px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}

@keyframes third_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.2) translate(12px, 0); -webkit-transform: scale(1.2) translate(12px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}
@-webkit-keyframes third_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.2) translate(12px, 0); -webkit-transform: scale(1.2) translate(12px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}

@keyframes four_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.15) translate(14px, 0); -webkit-transform: scale(1.15) translate(14px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}
@-webkit-keyframes four_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.15) translate(14px, 0); -webkit-transform: scale(1.15) translate(14px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}

@keyframes five_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.1) translate(16px, 0); -webkit-transform: scale(1.1) translate(14px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}
@-webkit-keyframes five_s{
	0%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	30%{ transform: scale(1.1) translate(16px, 0); -webkit-transform: scale(1.1) translate(14px, 0); }
	80%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
	100%{ transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); }
}
.error_left_img{ display: block; margin-left: -50px; }
.canvas_animation{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: 0.5;}




.clutch-widget{ display:block; margin:0 auto; width:100%; max-width:975px;}
.big_widget_wrapper .nav-wrapper .dots-wrapper button[aria-selected=true]{background: #000 !important; }

.port_app_sec.desktop_webs{ top: 36%; }
.port_app_sec.desktop_webs img{ width: 460px; }


/* X Animation Style */

.anim_x_serv{ width: 500px; position: absolute; bottom: -50px; left: 0; margin-left: -140px;}
@media screen and (max-width: 1450px){.anim_x_serv{ width: 400px; bottom: -80px; margin-left: -100px; }}

.anim_x_serv .st0{fill:none;stroke:#000000;stroke-width:0.25;/*stroke-miterlimit:10;*/}
.main-path{fill:none;stroke:#cee6ff;stroke-width:0.25;stroke-linecap:round;stroke-linejoin:round;/*stroke-miterlimit:10;*/}
.short-lines{fill:none;stroke:#70b7ff;stroke-width:0.25;stroke-linecap:round;stroke-linejoin:round;/*stroke-miterlimit:10;*/}
.small-dots{fill:#70b7ff; animation: small-dots 4s cubic-bezier(0, 0, .175, 1) infinite;}

.moving-dot{fill:#0394f5;}
.lagGai .appialpha{animation: dasshborder 15s cubic-bezier(0, 0, .175, 1);-webkit-animation: dasshborder 15s cubic-bezier(0, 0, .175, 1); stroke-dasharray: 0;stroke-dashoffset: 0;}
@keyframes dasshborder {
	0% {
	stroke-dashoffset: 0;
	stroke-dasharray: 50;
	}

	100% {
	  stroke-dashoffset: -210;
	stroke-dasharray: 100;
	}
}
@-webkit-keyframes dasshborder {
	0% {
	stroke-dashoffset: 0;
	stroke-dasharray: 50;
	}

	100% {
	  stroke-dashoffset: -210;
	stroke-dasharray: 100;
	}
}

.line-four{animation: first 10s cubic-bezier(0, 0, .175, 1) infinite;
-webkit-animation: first 10s cubic-bezier(0, 0, .175, 1) infinite; animation-delay: 15s; -webkit-animation-delay: 15s;}
@keyframes first {
	0%{stroke-dasharray: 20;}
	50%{stroke-dasharray: 4;}
	100%{stroke-dasharray: 20;}
}
@-webkit-keyframes first {
	0%{stroke-dasharray: 20;}
	50%{stroke-dasharray: 4;}
	100%{stroke-dasharray: 20;}
}

.line-one{animation: line-one 10s cubic-bezier(0, 0, .175, 1) infinite;
-webkit-animation: line-one 10s cubic-bezier(0, 0, .175, 1) infinite; animation-delay: 15s; -webkit-animation-delay: 15s;}
@keyframes line-one {
	0%{stroke-dasharray: 10;}
	50%{stroke-dasharray: 2;}
	100%{stroke-dasharray: 10;}
}
@-webkit-keyframes line-one {
	0%{stroke-dasharray:10;}
	50%{stroke-dasharray: 2;}
	100%{stroke-dasharray: 10;}
}

.line-two{animation: line-two 10s cubic-bezier(0, 0, .175, 1) infinite;
-webkit-animation: line-two 10s cubic-bezier(0, 0, .175, 1) infinite; animation-delay: 15s; -webkit-animation-delay: 15s;}
@keyframes line-two {
	0%{stroke-dasharray: 10;}
	50%{stroke-dasharray: 2;}
	100%{stroke-dasharray: 10;}
}
@-webkit-keyframes line-two {
	0%{stroke-dasharray:10;}
	50%{stroke-dasharray: 2;}
	100%{stroke-dasharray: 10;}
}

.line-three{animation: line-three 10s cubic-bezier(0, 0, .175, 1) infinite;
-webkit-animation: line-three 10s cubic-bezier(0, 0, .175, 1) infinite; animation-delay: 15s; -webkit-animation-delay: 15s;}
@keyframes line-three {
	0%{stroke-dasharray: 13;}
	50%{stroke-dasharray: 2;}
	100%{stroke-dasharray: 13;}
}
@-webkit-keyframes line-three {
	0%{stroke-dasharray:13;}
	50%{stroke-dasharray: 2;}
	100%{stroke-dasharray: 13;}
}

#work_together_section .container{ position: relative; z-index: 2; }



.lf_aw{ display: inline-block; vertical-align: middle; width: 42px; text-align: center; height: 47px; background: url(../images/split_awards.png) 0 -271px no-repeat; }
.lf_aw img{ display: block; }
.ri_aw{ display: inline-block; vertical-align: middle; max-width: 80%; padding-left: 10px; }
.ri_aw:before, .ri_aw:after{ content: ""; display: block; clear: both; }
.lf_aw.aw_two{ background-position: -62px -271px; }
.lf_aw.aw_three{ background-position: -121px -271px; }
.lf_aw.aw_four{ background-position: -179px -271px; }

.rate_thisaw{ display: block; }
.rate_thisaw strong{ display: inline-block; float: left; position: relative; top: 2px; padding-right: 5px; }
.rate_thisaw span{ display: inline-block; font-size: 14px; color:#e72b2c; }
.rate_thisaw span i{ display: inline-block; }
.ri_aw small{ color: #858585; display: block; clear: both; font-family: sf_ui_display_medium; padding-top: 6px; font-size: 15px; }
#trend_logos.owl-carousel .owl-item{ width: 100%; text-align: center; }
#trend_logos.owl-carousel .owl-item img{ margin: 0 auto; }


.center_clutchlogo{ display: block; width: 100%; position: relative; z-index: 2; text-align: center; }
.center_clutchlogo a{ display: inline-block; }
.center_clutchlogo img{ display: block; margin: -170px auto 50px auto; max-width: 150px; }
.repeat_section.spaceClutch_bottom{ padding-bottom: 150px; }
.awardsAllsec .row{ /*align-items: center; */justify-content: center; }
.award_span{ position: relative; text-align: left; }

#load_more_div{ display: block; clear: both; width: 100%; }
#load_more_div:before, #load_more_div:after{ content: ""; display: block; clear: both; }
.ajax_content_blog:before,
.ajax_content_blog:after{ content: ""; display: block; clear: both; }
button#load_more{ display: inline-block; background: #0c6cd3; color: #fff; border-radius: 50px; padding: 14px 30px 10px 30px; line-height: 1; font-size: 16px; cursor: pointer;}
button#load_more:hover{ background:#1cabf4; }
button#load_more span{ display: inline-block; }
button#load_more .typing_loader{ display: none; width: 26px;
height: 26px;
position: relative;
border: 2px solid #ddd;
border-radius: 50%;
border-top: 2px solid #0c6cd3;
-webkit-animation: spin 1.2s linear infinite;
animation: spin 1.2s linear infinite;vertical-align: middle;
margin-left: 10px;    margin-top: -3px;
margin-bottom: 2px;}
.load-more-button .typing_loader{ display: inline-block !important; }

/*button#load_more:after{ content: "..."; display: inline-block; font-family: sf_ui_display_bold; }*/

.anim_x_serv{ display: none !important; }
.homePadding .anim_x_serv{ display: block !important; }

.prev-project.pull-left a,
.prev-project.pull-right a{ position: relative; overflow: visible !important; white-space: nowrap; }

.prev-project.pull-left a:before, 
.prev-project.pull-right a:before{ content: attr(data-title); position: absolute; bottom: 100%; margin-bottom: 10px; background: #000; border-radius: 4px; padding: 6px 10px; color: #eee; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); white-space: nowrap; font-size: 14px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;  }
.prev-project.pull-left a:after, 
.prev-project.pull-right a:after{ content: ""; position: absolute; bottom: 100%; width: 6px; height: 6px; background: #000; border-radius: 2px; left: 50%; transform: rotate(-45deg) translate(-50%, 0); -webkit-transform: rotate(-45deg) translate(-50%, 0); margin-bottom: 10px; margin-left: 2px; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }

.prev-project.pull-left a:hover:after, 
.prev-project.pull-right a:hover:after,
.prev-project.pull-left a:hover:before, 
.prev-project.pull-right a:hover:before{ opacity: 1; visibility: visible; }
.spaceportsecond.web_used_typography{ margin-top: 40px; }


.repeat_section.blur_darkbg{ background:#0c6cd3; }
.calendly-inline-widget{ border: solid 2px #666a73; border-radius: 10px; overflow: hidden; }
.thankyou-content{ display: block; /*width:100%; max-width: 600px; text-align: center; padding:0 50px; */border-radius: 20px; /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); background:#fff;*/ margin: 0 auto; }
.thankyou-content h2{ display: block; clear: both; width: 100%; padding-bottom: 20px; font-size: 24px; line-height: normal; padding-top: 30px; }
.thankyou-content h2 big{ display: block; width: 100%; font-family: sf_ui_display_bold;  font-size: 30px; }
.thankyou-content p{ display: block; clear: both; font-size: 16px; }
.thankyou-content p + p{ margin-top: 6px; }
.thankyou-content p.confirm_text{ font-family: sf_ui_display_semibold; }
.thankyou-content img{ display: block; margin: 0 auto; max-width: 100px; }
.fRight, .fLeft{ display: inline-block; }

.web_used_typography.JasmineUPCFont .typography_Left{ font-size: 200px; }
.web_used_typography.JasmineUPCFont .fontfamilyname{ font-size: 40px; }
.web_used_typography.JasmineUPCFont .fonttypes{ font-size: 27px; }
.web_used_typography.JasmineUPCFont .font-family_typographyss span{ font-size: 24px; }

.button_device_menu{ display: none; float: right; cursor: pointer; font-size: 26px; margin: 7px 0 0 0; width: 40px; height: 40px; text-align: center; line-height: 40px; }
.homePadding .button_device_menu{ color: #fff; }
.homePadding header.main__header.headfixed .button_device_menu{ color: #000; }

.closehmenus{ display: none; cursor: pointer; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50px; z-index: 5; color: #cacaca; font-size: 28px }
.closehmenus:hover{ color: #444; }

.homeport_device{ display: none !important; }
#home_device_portfolio .carousel-control{ display: none !important; }
.blog_cateanchor{ display: none; }
.this__client_photo{ background: #FFF; position: absolute; z-index: 3; right: 16px; top: 16px; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: solid 2px #fff; }
.this__client_photo img{ min-width: 100%; min-height: 100%; object-fit: cover; }
.mid-qoute{ display: block; clear: both; padding: 20px; border-radius: 5px; background:#e1e9ec; margin: 15px 0; }
.mid-qoute p{ text-align: left !important; margin-bottom: 0; padding-bottom: 0 }
.mid-qoute a{ word-break: break-word; text-decoration: none !important; font-family: sf_ui_display_semibold; letter-spacing: normal !important;}
.mid-qoute a:hover{ color: #1cabf4; }
.mid-qoute a:after{ display: none !important; }
.mid-qoute strong{ font-size: 20px; padding-right: 5px; }
.post_content a{ text-decoration: none !important; position: relative; display: inline-block; }
.post_content a:after{content: ""; width: 0; left: 0; height: 2px; background: #19a2ef; position: absolute; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; bottom: 0; }
.post_content a:hover:after{ width: 100%; }
.post_content a:hover{ color: #1cabf4; }
.posts_read a span{ position: relative; top: 2px; }
.owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto !important;
        touch-action: auto !important;
}
.cat-highlight a {font-family: sf_ui_display_medium; font-color:#fff; text-decoration: underline;}
.social-blog-link{ position: absolute; left: 20px; top: 160px; }
.social-blog-link li{ display: inline-block; margin-right: 8px; }
.social-blog-link li:last-child{ margin-right: 0; }
.social-blog-link li a{ display: inline-block; width: 22px; height: 22px; text-align: center; font-size: 14px; background:#bbb; position: relative; color: #fff;}
.social-blog-link li a i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.social-blog-link li:nth-of-type(1) a{ background:#3a5797; }
.social-blog-link li:nth-of-type(2) a{ background:#1ca0ef; }
.social-blog-link li:nth-of-type(3) a{ background:#0073af; }
.brhire .sec_head_title br{ display: none; }
.btnx.loadingHTML .same_btnx{ padding-right: 40px; }
.btnx.loadingHTML i.submit_loader{position: absolute; font-size: 16px; color: inherit; margin: 0; z-index: 3; right: 10px; top: 14px;}
.btnx.loadingHTML:hover i.submit_loader{ color: #fff; }

.hirerequestfree{ display: block; clear: both; width: 100%; max-width: 728px; margin: 0 auto; margin-top: 50px; }
.hirerequestfree:before, .hirerequestfree:after{ content: ""; display: block; clear: both; }
.hirerequestfree h4{ display: block; font-size: 20px; color: #2a2a2a; font-family: sf_ui_display_medium; }

.hirerequestfree_form{ display: block; width: 100%; clear: both; margin-top: 20px; padding: 7px; border: solid 1px #c2b8c6; border-radius: 4px; background:#fff; }
.hirerequestfree_form:before, .hirerequestfree_form:after{ content: ""; display: block; clear: both; }
.hirerequestfree_form input{ display: block; float: left; width: 53%; height: 56px; outline: none; background:transparent; padding: 0 10px; font-size: 20px; font-family: sf_ui_display_medium; color: #333;}
.hirerequestfree_form button{ display: block; float: left; width: 47%; text-transform: uppercase; font-size: 15px; font-family: sf_ui_display_medium; padding: 0 0px; height: 56px; border-radius: 5px; background:#1cacf4; color: #fff; letter-spacing: 1px; padding-top: 1px; cursor: pointer; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.hirerequestfree_form button span.arrow_r {background-position: 0 -38px;}
.hirerequestfree_form button:hover{ background:#0c6cd3; }



.request_Block_wapper.request_Block .req_header{background:url(../images/request_banner_img.jpg) right top no-repeat!important;}
.request_Block_wapper.request_Block .req_content_head{padding-top: 50px;}
.icon_wapper_req{display: block; width: 100%; text-align: center; padding-top: 50px; padding-bottom: 200px;}
.icon_wapper_req h4{display:block;color: #ffffff;font-size: 24px;  font-family: 'sf_ui_display_semibold'; margin-bottom: 25px; text-align: center;}
.request_icon_popap{display: inline-block; padding: 10px 18px; background-color: #fff; border-radius: 5px; margin: 0 7px; text-align: left;}

.request_text_modal{display: table; max-width: 1034px; margin:  0 auto; background-color: #fff; margin-top: -150px; border-radius: 5px; box-shadow: 0 5px 28px rgba(0, 0, 0, 0.2); margin-bottom: 100px;}
.request_text_modal .float-left{display: table-cell;width: 63%; background: #ffffff; border-radius: 5px 0 0 5px; padding:30px; vertical-align: top; float: none!important;}
.request_text_modal .float-right{display: table-cell; background-color: #1131bc; border-radius: 0 5px 5px 0; padding: 30px; padding-top: 70px;  vertical-align: top;float: none!important;}

.request_Block_wapper .req_close .cls-1{stroke: #000!important;}
.request_text_modal .row .work_form_cell{padding: 0 15px 0 0!important;}
.work_form_cell.select_bx select{-webkit-appearance: none; }
.work_form_cell.select_bx .drop_icon{position: absolute; top: 50%; right: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%);pointer-events: none; color: #999; font-size: 18px;}

.request_text_modal .float-right h4{display: block;font-size:38px; color: #ffffff; font-family: 'sf_ui_display_light';}
.request_text_modal .float-right h4 span{font-size:26px; color: #fff; display: block; margin-bottom: 40px;}
.request_text_modal .float-right ul{display: block;}
.request_text_modal .float-right ul li{font-size: 20px; font-family: 'sf_ui_display_light'; color: #fff; padding-left: 44px; position: relative; margin-bottom: 40px;}
.request_text_modal .float-right ul li:last-child{margin-bottom: 0;}
.request_text_modal .float-right ul li a{font-size: 20px; font-family: 'sf_ui_display_light'; color: #fff; }
.request_text_modal .float-right ul li a:hover{text-decoration: underline;}
.request_text_modal .float-right ul li span{display: inline-block; height: 28px; width: 28px; position: absolute; top: -3px; left: 0; }
.request_text_modal .float-right ul li span.plan{background: url(../images/plan_icon_modal.png) no-repeat; background-size: 28px; }
.request_text_modal .float-right ul li span.skype{background: url(../images/skype_icon_modal.png) no-repeat; background-size: 28px; }
.request_text_modal .float-right ul li span.phone{background: url(../images/phone_icon_modal.png) no-repeat; background-size: 28px; }
.last-btn-cap div .btnx{margin-top: 9px;}

.mark, mark{ display: inline; border-radius: 4px;padding: 4px 10px; background-color: #d5e9ff; }
/* contact bottom */
.ourabout_section{ display: block; clear: both; width: 100%; position: relative; margin-bottom: -53px; }
.ourabout_section:before, .ourabout_section:after{ content: ""; display: block; clear: both; }
.ourabout_section_center{ display: table; width: 100%; }
.ourabout_Left{ width: 50%; display: table-cell; height: 100%; vertical-align: top; text-align: right; background:#0c6dd3; padding: 40px; padding-bottom: 140px; border-radius: 0 5px 5px 0;}
.ourabout_Right{ width: 50%; display: table-cell; height: 100%; vertical-align: top; padding: 40px; padding-bottom: 140px;}
.header_ourabout{ display: block; width: 100%; padding-bottom: 65px; }
.header_ourabout:before, .header_ourabout:after{ content: ""; display: block; clear: both; }
.header_ourabout h3{ font-size: 30px; }
.header_ourabout p{ font-family: 'sf_ui_display_light'; color: #969696; padding-top: 10px; line-height: 1.4;}
.ourabout_Left_box{ display: block; width: 100%; max-width: 670px; float: right; }
.ourabout_Right_box{ display: block; width: 100%; max-width: 670px; float: left; }
.ourabout_Left_box .header_ourabout{ color: #fff; text-align: right; }
.ourabout_Left_box .header_ourabout p{ color: #fff; font-family: 'sf_ui_display_semibold'; font-size: 16px; padding-top: 20px; letter-spacing: 1px; }
.ourabout_Right .work_form_cell{ padding-right: 0; padding-left: 0 }
.mapglobal{ display: block; clear:both; position: relative; width: 661px; height: 395px; background:url(../images/map_contact.png) top center no-repeat; margin-left: auto;}
.mapglobal:before, .mapglobal:after{ content: ""; display: block; clear: both; }
.mapg_box{ position: absolute; z-index: 1;  }
.mapg_box.usa_f{ top: 40%; left: 22.7%;}
.mapg_box.usa_s{ top: 44.1%; left: 21.2%;}
.mapg_box.india_f{top: 50%; right: 29%;}
.point_map{ width: 20px; height: 20px;  position: relative; float: left; cursor: pointer; }
.point_map:before{ content: ""; width: 4px; height: 4px; background:red; border-radius: 50px; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.point_map:after{ content: ""; width: 20px; height: 20px; position: absolute; z-index: 1; background:transparent; border: solid 2px #ff0000; border-radius: 50%;
animation:mround 1s ease-out infinite; -webkit-animation:mround 1s ease-out infinite; opacity: 0; left: 0;
}
@keyframes mround{
 	0%{ transform: scale(0.1,0.1); -webkit-transform: scale(0.1,0.1); opacity: 0;}
 	50%{ opacity: 1;}
 	100%{ transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); opacity: 0;}
}
@-webkit-keyframes mround{
 	0%{ transform: scale(0.1,0.1); -webkit-transform: scale(0.1,0.1); opacity: 0;}
 	50%{ opacity: 1;}
 	100%{ transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); opacity: 0;}
}
.map_point_content{display: none; position: absolute; background: #fff; bottom: 100%; margin-bottom: 3px; left: auto; padding: 20px; border-radius: 4px; box-shadow: 0 10px 24px -3px rgba(0, 0, 0, 0.3); z-index: 4; width: 270px; text-align: left; right: 50%; transform: translate(50%, 0); -webkit-transform: translate(50%, 0); font-size: 14px; }
.map_point_content:after{content: ""; bottom: 0; left: 50%; width: 20px; height: 20px; background: #fff; border-radius: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; margin-bottom: -7px; margin-left: -10px; box-shadow: -10px 10px 8px rgba(0, 0, 0, 0.3); }
.map_point_content h3{ display: block; width: 100%; font-size: 16px; text-transform: uppercase; font-family: 'sf_ui_display_bold'; padding-bottom: 14px;}
.map_point_content p{ display: block; width: 100%; color: #444; letter-spacing: 1px; font-family: 'sf_ui_display_semibold'; }
.info_map{ display: block; clear: both; padding-top: 12px; font-family: 'sf_ui_display_semibold'; color: #444; }
.info_map a{ font-family: inherit; color:inherit; }
.info_map a:hover{ color: #000 }
.info_map + .info_map{ margin-top: 10px; }
.info_map i.fa-phone{ transform: rotate(105deg); -webkit-transform: rotate(105deg); }
/*============subscribe popup design========*/
#subscribeModal .modal-header{border: none;padding-right: 25px;}
#subscribeModal .close{opacity: 1;font-size: 30px;transition: 0.2s;-webkit-transition: 0.2s;}
#subscribeModal .close:hover{opacity: 0.5;}
#subscribeModal .modal-body{padding-left: 0;padding-bottom: 0;}
#subscribeModal .modal-content{overflow: hidden;}
#subscribeModal .form-control{height: 54px;background: #f5f5f5;border: 2px solid #c6c6c6; border-radius: 30px;text-align: center;font-family: 'sf_ui_display_medium';color: #676767;box-shadow: none;}
#subscribeModal .form-control:focus{border-color: #888787;}
#subscribeModal .form-control::placeholder{color: #b2b2b2;}
#subscribeModal .talk_btn{float: none;width: 100%;}
#subscribeModal .talk_btn button{display: block;width: 100%;}
.modal-backdrop.show{opacity: .9;}
.subscribe-txt{padding-bottom: 30px;margin-left: -28px;}
.subscribe-txt>h2{font-size: 36px;color: #000000;margin-bottom: 4px;font-family: 'sf_ui_display_light';line-height: 1.3;}
.subscribe-txt>h2 strong{color: #0c6cd4;font-family: 'sf_ui_display_bold';}
.subscribe-txt>p{font-size: 20px;color: #585858;font-family: 'sf_ui_display_light';margin-bottom: 36px;line-height: 1.3;}
.subscribe-img img{display: block;}
#subscribeModal.fade{opacity: 0;transition: opacity .15s linear;-webkit-transition: opacity .15s linear;}
#subscribeModal.fade.show{opacity: 1;}
@media (min-width: 992px)
{
	#subscribeModal .modal-lg{max-width: 868px;}
}
.watchingvalue{ float: right;margin: 30px 0 0 0; color: #0c6cd3;}



.blog_newadd_pic{ display: block; width: 100%; text-align: center; border:1px solid rgba(0,0,0,0.2); max-width: 340px; margin: 0 auto; }
.blog_newadd_pic:after,
.blog_newadd_pic:before{content: ""; display: block; clear: both;}
.blog_newadd_pic a{ display: inline-block; }

.asideRow.small_asideRow{margin: 0 auto; margin-bottom: 30px!important; }

.small_asideRow_green{  background-color: #f2f4f3; display: block; margin-top: -5px; padding-bottom: 20px; padding-top: 5px;  }
.small_asideRow_light{ background-color: #edfffc; display: block;  margin-top: -5px; padding-bottom: 20px; padding-top: 5px;}
.small_asideRow_greadint{ background-color: #fef6eb; display: block;  margin-top: -5px; padding-bottom: 20px; padding-top: 5px;}
.blog_new_wapper{ width: 100%; display:block;clear: both;  }


.blog_new_round{ background: #0c6cd3; color: #fff; border-radius: 50px; padding: 10px 25px 8px 25px; display: inline-block; line-height: normal; font-size: 16px; }
.blog_new_round:hover{background: #1cabf4; color:#fff;}
.blog_new_round:focus{background-color:#0c6cd3; }


.faq_hadding_bx{ display: block; width: 100%; }
.faq_hadding_bx .portfolio_title_name{ font-size: 30px; }
.faq_hadding_bx h5{display: block; font-size: 18px; font-family: sf_ui_display_bold; padding-bottom: 20px; padding-top: 20px; color: #1d76d7}

.faqlist_bx{ display: block; width: 100%; }

.faqlist_bx .card{border:none;}
.faqlist_bx .card-header{padding: 0; background-color:transparent; border: 0;}
.faq_list{display: block; width: 100%;}
.faq_list li{display: block;}
.faq_list li .card-header a{ display: block; font-size: 18px; line-height: 1.3; color: #383838; padding: 16px 0; padding-right: 30px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; border-bottom: 1px solid #e8e8e8; font-family: 'sf_ui_display_medium'; position: relative; }

.faq_plas_icon{float: right; width: 20px; height: 20px; background-color: transparent; color: #1d76d7; text-align: center; border-radius: 100%; font-size:10px; line-height: 19px; border: 2px solid #1d76d7; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.faq_plas_icon:after,
.faq_plas_icon:before{content: ""; display: block; clear: both;}
.faq_plas_icon .fas{ position: relative; }
.faq_plas_icon .fa-minus{display: none;}

.faq_list li .card-header a[aria-expanded="true"]{ border-color: transparent; }
.faq_list li .card-header a[aria-expanded="true"] .faq_plas_icon .fa-minus{display: block!important; top: 3px;}
.faq_list li .card-header a[aria-expanded="true"] .faq_plas_icon .fa-plus{display: none!important;}

.faq_text_box{ display: block; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; padding-right: 25px;}
.faq_text_box p{ display: block; font-size: 16px; line-height: 1.4; font-family: 'sf_ui_display_light'; color: #464646; }
.faq_text_box a{ color: #0c6cd4; position: relative; display: inline-block; font:inherit; }
.faq_text_box a:after{ content: ""; width: 0; left: 0; height: 2px; background: #19a2ef; position: absolute; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; bottom: 0; }
.faq_text_box a:hover:after{ width: 100%; }
.faq_text_box a:hover{ color: #19a2ef; }

.faq_ing_cover{display: block; width: 100%; text-align: center; padding-top: 20px;}








.hire_dedicate_pagev{ display: block; position: relative; margin-top: 140px; }
.hire_dedicate_pagev:before{ content:"";display: block; top: -30px; left: 0; right: 0; bottom: 0;  position: absolute; background: url(../images/hair_new_icon.png); background-size: cover; background-position: top center;}
.hire_dedicate_pagev:after{ content: ""; display: block; top: -140px; left: 0; right: 0; bottom: 0;  position: absolute; z-index: -1;
background: -moz-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(12,108,212,1)), color-stop(100%, rgba(28,172,244,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6cd4', endColorstr='#1cacf4',GradientType=1 ); /* ie6-9 */ }
.hire_row{ display: block; width: 100%;}
.hair_text_new{ display: block; width: 100%; text-align: left; letter-spacing: 1px; padding: 0px 65px 0 0; }
.hair_text_new h1{ display: block; width: 100%; color:#fff;font-family: 'sf_ui_display_bold'; line-height: 50px; text-align: left; padding-bottom: 30px; position: relative; margin-bottom: 25px; font-size: 44px;}
.hair_text_new h1 span{ display: block; font-size: 32px; line-height: 1.3; color:#fff; font-family: 'sf_ui_display_light'; }
.hair_text_new h1:after{ content:""; display: block; position: absolute; bottom: 0; left: 0; background-color: #fff; height: 5px; width: 160px;}
.hair_text_new p{ display: block; font-size: 18px; color: #fff; font-family: 'sf_ui_display_thin'; line-height: 1.4; margin-bottom: 20px; }
.hair_text_new p:last-child{ margin-bottom: 0; }

.hair_list_view{ display: block; margin-top: 60px; }
.hair_list_view ul li{display: inline-block; float: left; width: 50%; font-size: 18px; font-family: 'sf_ui_display_thin'; color: #fff; position: relative; padding-left: 25px; line-height: 18px; margin-bottom: 20px; padding-right: 15px;} 
.hair_list_view ul li:after{ content: "\f058"; position: absolute; top: -1px; left: 0;   font-family: "Font Awesome 5 Free"; font-size: 16px;  }


.hair_formv{ display: block; width: 100%; background-color: #fff; border-radius: 10px; padding: 30px; text-align: center; }
.hair_formv h4{ display: block; font-size: 22px; font-family: 'sf_ui_display_medium'; color: #000000; width: 100%; margin-bottom: 2px; line-height: 1.4;}
.hair_formv p{ display: block;  font-size: 14px; font-family: 'sf_ui_display_light'; color: #333333; line-height: 1.4; }

.hire_row .col-md-7,
.hire_row .col-md-5{ margin-top: auto; margin-bottom: auto; }


.fill_formhair{ width: 100%; display: block; margin-top: 15px; text-align: left; }
.fill_formhair .work_form_cell{ padding: 0; margin-top: 0; margin-bottom: 0;  margin: 15px 0; }
.fill_formhair .input_form_box{ position: relative; }
.fill_formhair .input_form_box input{ padding-left: 25px; }
.fill_formhair .input_form_box textarea{ min-height: 100px!important; padding-left: 25px;}
.fill_formhair .input_form_box .input_title{ left: 25px; }
.fill_formhair .input_icon{ position: absolute; left: 0; font-size: 14px; font-family: 'sf_ui_display_medium'; color: #000; top: 13px;}
.fill_formhair .input_icon.phone_icon{ transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.fill_formhair .input_icon.phone_icon{ font-size: 12px; }
.fill_formhair .file_attach_about{ padding-left: 0!important; margin-top: 10px; margin-bottom: 15px; }
.fill_formhair button.btnx{ margin-top: 0px; }


.fill_formhair .file_attach_about{ margin-top: 3px; margin-bottom: 0; margin-left: 5px; }
.fill_formhair .file_attached_bx{ margin-bottom: 15px; }
.GetInTouchMiddle{ display: block; clear: both; width: 100%; text-align: right; margin-right: 15px; margin-left:15px; }
.GetInTouchMiddle a{ display: inline-block; color: #0c6cd4; font-size: 16px;font-family: sf_ui_display_medium; }
.GetInTouchMiddle a i{ margin-left: 3px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.GetInTouchMiddle a:hover{ color: #1cabf4; }
.GetInTouchMiddle a:hover i{ transform: translate(-3px, 0); -webkit-transform: translate(-3px, 0); }



.hire-mobile{ position: relative; }
.hire-mobile>a{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; }



.hadding_bx{ display: block; width: 100%; margin-bottom: 20px; }
.haddingsame{ display: block; width: 100%; text-align: center; font-size: 52px; font-family: 'sf_ui_display_bold'; color:#000; padding-bottom: 30px; }
.haddingsame_z-index{ position: relative; z-index: 2; }

/*.custom_space_row{ margin: 0!important; }
.custom_space_row div[class*="col-"]{ padding: 0; }*/

/*.head__bottom_content.homebaner_size{ padding: 200px 0!important; }*/
.head__bottom_content.homebaner_size{background: url(../images/home-banner-animaction-img.png?v=1.1) bottom center no-repeat;}
.we_build_img{ width: 100%; display: block; text-align: center; }
.we_build_border{ position: relative; }
.we_build_border:after{ content: ""; display: block; position: absolute; bottom: 64px; right: -16px; background: #ccc; height: 12px; width: 12px; border-radius: 100%; }
.we_build_border:before{ content: ""; position: absolute; width: 1px; right: -10px; bottom: 70px; background: #ccc; top: 100px; }

span.and_icon{position: absolute; top: 36%; right: -35px; color: #fff; background: #1798ea; width: 50px; height: 50px; border-radius: 100%; line-height: 52px; text-align: center; font-size: 19px; font-family: 'sf_ui_display_bold';   box-shadow: 0 0 0 rgba(204,169,44, 0.7);
  animation: and_icon 2s infinite; -webkit-animation: and_icon 2s infinite;}


@keyframes and_icon {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(23,152,234, 0.7);
    box-shadow: 0 0 0 0 rgba(23,152,234, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(23,152,234, 0);
      box-shadow: 0 0 0 15px rgba(23,152,234, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(23,152,234, 0);
      box-shadow: 0 0 0 0 rgba(23,152,234, 0);
  }
}
@-webkit-keyframes and_icon {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(23,152,234, 0.7);
    box-shadow: 0 0 0 0 rgba(23,152,234, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(23,152,234, 0);
      box-shadow: 0 0 0 15px rgba(23,152,234, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(23,152,234, 0);
      box-shadow: 0 0 0 0 rgba(23,152,234, 0);
  }
}


.build_img_cover{ display:block; width: 100%;  margin-top: -90px;}
.we_build_border .build_img_cover{  margin-left: -20px;  }
.build_img_cover img{ display: inline-block; }

.build_text{ display: block; width: 100%; text-align: center; padding-right: 40px; }
.build_text:before, .build_text:after{ content: ""; display: block; clear: both; }
.build_text h3{  display: block; width: 100%; text-align: center; font-size: 52px; font-family: 'sf_ui_display_bold'; color:#000; padding:20px 0; }
.build_text p{ display: block; font-size:18px;font-family: 'sf_ui_display_medium';color: #000;  max-width: 413px;  margin: 0 auto; padding-bottom: 20px;}
.hadding_bx .col-md-6:nth-of-type(2) .build_text{ padding-right: 0px; padding-left: 0; }


.head__bottom_content_inner.left_aligndiv{ display: block!important; text-align:left; margin: 0!important;}
.head__bottom_content_inner.left_aligndiv h1{ font-family: 'sf_ui_display_bold'!important;    }
.head__bottom_content_inner.left_aligndiv .head__subHeading{ font-size: 20px; line-height: 1.4!important; }
.group_icon_cover{ padding-top: 15px; padding-left: 0; clear: both; }
.group_icon_cover span{ display: inline-block; vertical-align: middle; margin-right: 4px; background-image: url(../images/web-icon-sprite.png); width: 42px;height: 33px; }
/*.group_icon_cover span img{  display: block; }*/
.group_icon_cover h5{ display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; font-family: 'sf_ui_display_light';  line-height: 1.3; padding-top: 1px; }

.yellow-btn{ color: #fff!important; }
.yellow-btn .over_btnx_overlay{ background: #f9d53e; }
.yellow-btn .same_btnx{ width: 100%!important; max-width: 100%; color: #161616; }
.yellow-btn .arrow_r{ background-position: 0 -38px; }


.left_aligndiv .btn_normal{ margin-top: 30px; }
.btn_normal{ position: relative; display:inline-block; font-size: 15px;color: #161616;font-family: 'sf_ui_display_semibold'; background: #f9d53e; text-align: center; padding: 21px 34px 18px 34px; text-transform: uppercase; min-width: 216px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.btn_normal span.arrow_r{ vertical-align: middle; filter: grayscale(0) brightness(0.0); -webkit-filter: grayscale(0) brightness(0.0); }
.btn_normal:hover, .btn_normal:focus, .btn_normal:active{ color: #dedede; }
.btn_normal:after{ content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; height: 0; background-color: #111; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.btn_normal:hover:after{ height: 100%; top: 0 }
.btn_normal span{ position: relative; z-index: 2;}
.btn_normal:hover span{ color: #dedede; }

.btn_normal .arrow_r{ margin-top: -2px; }
.btn_normal.whitebt{ background:#fff; color: #161616; margin-left: 10px; }
.btn_normal.whitebt:hover{ /*background: #111; color: #dedede;*/ }

.btn_normal:hover .arrow_r{ background-position: 0 -38px; filter: grayscale(1) brightness(1); -webkit-filter: grayscale(1) brightness(1); animation: alll; -webkit-animation: alll; transform: translate(10px, 0); -webkit-transform: translate(10px, 0);}


.dark_space{ display: block; width: 100%; clear: both; padding: 40px 0;}
.dark_space:before, .dark_space:after{ content: ""; display: block; clear: both; }
.site_icon_big{ display: block; width: 100%;  padding-bottom:60px; border-bottom: 2px solid rgba(255, 255, 255, 0.15);}
.big_icon_home_cover{ display: block; padding: 20px 0; padding-left: 80px; border-right: 2px solid rgba(255, 255, 255, 0.15); }
.icon_img_big{ display: inline-block; vertical-align: middle; }
.icon_img_big img{ display: block; }

.site_icon_big .col-md-6:nth-of-type(2) .big_icon_home_cover{ border-right: 0 }

.big_icon_text{ display: inline-block;  vertical-align:middle; padding-top: 16px; }
.big_icon_text strong{ display: inline-block; font-size: 87px; color: #fff; font-family: 'sf_ui_display_bold';  }
.big_icon_text h4{ display: inline-block; font-size: 34px; color: #fff; font-family: 'sf_ui_display_bold'; width: 185px; line-height: 1; padding-left: 8px;  }


.site_small_icon{ display: block; width: 100%; padding-top: 60px; }
.our_value_icon{ display: block;width: 100%; padding:30px 0; padding-left: 40px;border-right:2px solid rgba(255, 255, 255, 0.15); min-height: 234px;  }
.our_value_icon.our_value_icon_border_none{ border:none; }
.our_value_icon .icon_img{ display: block; width: 70px; height: 66px; background: url(../images/small_icon_sprit.png); background-position: 0 0 ; }
.our_value_icon .project_icon.icon_img{ background-position: -86px 0; }
.our_value_icon .stor_icon.icon_img { background-position: -173px 0; }
.our_value_icon .worked_icon.icon_img{ background-position: -241px 0; }
.our_value_icon strong{ display: block; font-size: 42px; font-family: 'sf_ui_display_bold'; color: #d0e7f9; padding-top: 12px; padding-bottom: 4px; text-transform: uppercase; }
.our_value_icon h5{  display: block; font-size: 20px; color: #95caf2; font-family: 'sf_ui_display_bold'; width: 100%; text-transform: uppercase; }


.clutch_hadding{  display: block; width: 100%; text-align: center; padding-bottom: 60px; }
.clutch_hadding h2{ color: #000!important; line-height: 1.1; padding-bottom: 0; }
.clutch_bx{ display: flex; width: 100%; border:1px #e1e1e1 solid; padding: 30px; margin-bottom: 60px; align-items: center;}
.clutch_bx:before, .clutch_bx:after{ content: ""; display: block; clear: both; }
.review_box{ display:block; width: 100%; }
.review_box h5{ display:block; font-size: 16px;  font-family: 'sf_ui_display_semibold'; color: #7f7f7f; padding-bottom: 10px; }
.review_box p{ font-size: 14px; font-family: 'sf_ui_display_medium'; color: #4c4c4c; }
.review_box p + p{ margin-top: 10px; }

.clientbox_cell{ float: left; width: 38%; }
.clientbox_cell_left{ float: left; width: 60%; padding-right: 30px; }
.clientbox_cell_right{ width: 40%; float: left; }
.clutch_logoimage{ float: left; width: 24%; text-align: center; }

.ranking_box{ display: block; width: 100%;}
.ranking_box strong{ display: inline-block; font-size: 20px; font-family: 'sf_ui_display_bold'; color: #000; margin-right: 12px; vertical-align: middle; }
.ranking_box span{ font-size: 16px; color: #ff7800; display: inline-block; vertical-align: middle; margin: 0 -1px;}
.ranking_box ul{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #d1d1d1; }
.ranking_box ul li{ margin-bottom: 18px;}
.ranking_box ul li:last-child{ margin-bottom: 0; }
.ranking_box ul li span{ display: block; font-family: 'sf_ui_display_semibold'; font-size: 15px; color: #4c4c4c; }
.ranking_box ul li strong{ display: block;font-size: 14px; color: #000;  font-family: 'sf_ui_display_bold';}

.btnouter{ display: block; width: 100%; text-align:center;  }

.sectiongray{ background-color: #f3f3f3!important; }
.help_busness_text{ display: block; width: 100%; padding-left: 45px; }
.help_busness_text h4{ display: block; font-size: 30px; font-family: 'sf_ui_display_medium'; color: #000; line-height: 1.4; }
.help_busness_text p{ display: block; font-size: 18px; color: #000; font-family: 'sf_ui_display_light'; padding-top: 5px; }

.cell_itam{ height: 170px; border-radius: 15px; text-align: center; padding: 0px 20px; display: flex; justify-content: center; align-items: center; position: relative;
margin: 0 -5px;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 0.8s ease 0.3s;
transition: all 0.8s ease 0.3s;
z-index: 5;
opacity: 0;
}
.cell_itam:hover{ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.8); }
.cell_itam_A{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:block; z-index: 3; }

.cell_itam + .cell_itam{-webkit-transform: translateY(-320px); transform: translateY(-320px);}
.cell_itam + .cell_itam + .cell_itam{-webkit-transform: translateY(-490px); transform: translateY(-490px); z-index: 1; }



.cell_itam.color-1{ background: #f4eba1; }
.cell_itam.color-2{ background: #f9939a; }
.cell_itam.color-3{ background: #53e3b7; }
.cell_itam.color-4{ background: #c1db83; }
.cell_itam.color-5{ background: #f4cca1; }
.cell_itam.color-6{ background: #7bd8f0; }
.cell_itam.color-7{ background: #a1c7f4; }
.cell_itam.color-8{ background: #b9adf6; }
.cell_itam.color-9{ background: #70e4e8; }
.cell_itam.color-10{ background: #53bbfd; }



.touchtp .cell_itam{ -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.touchtp .cell_itam + .cell_itam{-webkit-transform: translateY(0); transform: translateY(0);opacity: 1; }
.touchtp .cell_itam + .cell_itam + .cell_itam{-webkit-transform: translateY(0); transform: translateY(0); z-index: 1; }

.cell_itam + .cell_itam{ margin-top: 18px; }

.cell_itam_inneer{ display: block; width: 100%; position: relative; }
.cell_itam:hover .cell_itam_inneer{z-index: 2; }

.cell_itam:hover{ -webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s; }

.cell_itam_img{ display:block; height: 60px; width: 62px; background-image: url(../images/helping_sprite.png) ; margin:  0 auto; background-repeat: no-repeat; }
.cell_itam_img.social{ background-position: 6px 0; }
.cell_itam_img.digital_content{ background-position: -62px 0; }
.cell_itam_img.e-commerce{ background-position: -137px 0; }
.cell_itam_img.entertainment{ background-position: -206px 0; }
.cell_itam_img.banking{ background-position: -274px 0; }
.cell_itam_img.enterprise{ background-position: -343px 0; }
.cell_itam_img.education{ background-position: -412px 0; }
.cell_itam_img.travel{ background-position: -488px 0; }
.cell_itam_img.health{ background-position: -557px 0; }
.cell_itam_img.event_ticket{ background-position: -627px 0; }
.cell_itam_img.food_tech{ background-position: -704px 0; }
.cell_itam_img.on_demand_solution{ background-position: -776px 0; }


.cell_itam h5{ display: block; font-size: 14px; font-family: 'sf_ui_display_bold'; color: #111; padding-top: 10px; line-height: 1.4; text-transform: uppercase; }


.round_btn{ display: inline-block; text-align: center; border:1px solid #0c6cd4; border-radius: 25px; padding: 14px 30px 12px 30px; color:#0c6cd4; background-color: transparent; font-size: 18px; font-family: 'sf_ui_display_semibold'; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.round_btn span{ display: inline-block; margin-left: 7px; position: relative; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; vertical-align: middle; }
.round_btn:focus{ outline: none; }
.round_btn:hover{ background-color:#0c6cd4; color: #fff;  }
.round_btn:hover span{ transform: translateX(10px); -webkit-transform: translateX(10px); }

.algin_colmet .col{ width: 20%; }
.spacepaddingdomains{ display: block; width: 100%; clear: both; padding: 40px 0; min-height: 625px; }
.spacepaddingdomains:before, .spacepaddingdomains:after{ content: ""; display: block; clear: both; }

.homecontent_tp{ display: block; width: 100%; text-align: center; max-width: 930px; margin: 0 auto; }
.homecontent_tp:before, .homecontent_tp:after{ content: ""; display: block; clear: both; }
.homecontent_tp p{ margin-bottom: 20px; }
.homecontent_tp p:last-child{ margin-bottom: 0 }
.client_brand_part{ display: block; width: 100%; clear: both; text-align: center; padding:50px 0 80px 0;}
.client_brand_part:before, .client_brand_part:after{ content: ""; display: block; clear: both; }
.sec_subhead span.makeItStong{border-bottom: solid 2px #0c6cd3;
padding-bottom: 4px;
line-height: 1;
display: inline-block;
color: #0c6cd3;font-family: sf_ui_display_light !important; }





.services_seprate_row{ display: block; width: 100%; clear: both; padding-left: 90px; position: relative; margin-bottom: 60px; }
.services_seprate_row:before,
.services_seprate_row:after{ content: ""; display: block; clear: both; }
.services_seprate_row:last-child{ margin-bottom: 0 }
.ser_head_title{ display: block; width: 100%; clear: both; padding-top: 50px; }
.ser_head_title:before, .ser_head_title:after{ content: ""; display: block; clear: both; }
.ser_head_title:before{ content: ""; width: 74px; height: 4px; background:#077fc8; position: absolute; top: 0; left: 0; }
.ser_head_title h3{ display: block; width: 100%; font-size: 24px; font-family: 'sf_ui_display_medium'; padding-bottom: 16px; }
.ser_head_title p{ font-size: 20px; line-height: 1.5; }
.ser_head_title p span{ color: #0c6cd4; }
.icnser_this{ width: 64px; position: absolute; left: 0; top: 0; margin-top: 30px; }
.icnser_this img{ max-height: 64px; }
.ser__content{ display: block; clear: both; width: 100%; padding-top: 30px; }
.ser__content:before, .ser__content:after{ content: ""; display: block; clear: both; }
.ser__content_box{ display: block; width: 100%; padding-left: 100px; position: relative; margin: 20px 0;}
.ser__con__icon{ position: absolute; left: 0; top: 0; width: 60px; }
.ser__con__icon img{ max-height: 60px; }
.ser__content_box h4{ display: block; width: 100%; font-size: 20px; font-family: 'sf_ui_display_medium'; padding-bottom: 10px; }
.ser__content_box p{ font-size: 16px; line-height: 1.4; }
.related_s_list{ width: 100%; clear: both; display: block;}
.related_s_list:before,
.related_s_list:after{ content: ""; display: block; clear: both; }
.related_s_list ul{ display: flex; align-items: center; flex-wrap: wrap; flex-direction:row; justify-content: center;}
.related_s_list ul li{ flex: 0 0 33.33%; width: 100%; max-width: 33.33%; padding:25px 15px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; align-self:stretch;}
.related_s_list ul li:nth-of-type(3n-6),
.related_s_list ul li:last-child{ border-right: 0 }
.related_sbox{ display: block; width: 100%; text-align: center; padding: 15px;}
.icn_relatedthis{ display: block; }
.icn_relatedthis img{ width: 70px; height: 70px; }
.related_sbox h4{ display: block; width: 100%; font-size: 24px; font-family: 'sf_ui_display_medium'; padding:15px 0 10px 0; }
.related_sbox p{ display: block; font-size: 16px; margin-bottom: 20px;}

.projectToge_box{ text-align: left; display: block; width: 100%; max-width: 90%; margin-left: 15px; background:#fff; padding: 25px; border-left: solid 6px #0c6cd3;  box-shadow: 0 13px 14px rgba(0, 0, 0, 0.05); position: relative;}
.projectToge_box h4{ display: block; font-size: 22px; font-family: 'sf_ui_display_medium'; padding-bottom: 10px; }
.text-right .projectToge_box{ margin-right:15px; margin-left: auto; }
.projectToge_box:after{ content: ""; width: 115px; position: absolute; opacity: 0.5; pointer-events: none; right: 0; top: 0; height: 104px; background:url(../images/decor_splite.png) -113px 0 no-repeat; }
.text-right .projectToge_box:after{ background-position: 3px 0; }	




.quit_box{ display: block; width: 100%; border: 3px solid rgba(255,255,255,0.2); padding: 38px 15px 15px 15px; text-align: center; margin-top: 45px; position: relative; }
.quit_box:after{content: ""; position: absolute; top: -3px; left: -3px; background: url(../images/web-icon-sprite.png) no-repeat #1131bc; width: 55px; height: 40px;z-index: 2; background-position: -227px 4px; } 

.quit_box p{opacity: 0.9; color: #fff; font-family: Georgia,serif; font-style: italic; font-size: 16px; line-height: 1.5; padding-bottom: 18px;  }
.quit_box h3{ font-size: 14px; display: block; color: #fff;  font-family: 'sf_ui_display_medium'; line-height: 18px; margin-bottom: 4px;}
.quit_box h5{ display: block; text-align: center;color: #fff; opacity: 0.4; font-size: 14px; }
.quit_pic{ display: block;width: 35px; height: 35px; margin:0 auto; border: 1px solid #fff; border-radius: 100%; margin-bottom: 5px; }
.quit_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 100%; font-family: 'sf_ui_display_semibold'; }



/* get a quote */
.estimate_this_box{  position: fixed; bottom: -200px; right: 20px; z-index: 99999; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.estimate_this_box.showbottom{ bottom: 20px; }
.estimate_this_box.showbottom_hide{ bottom: -200px; }
.estimate_this_box_inner{overflow: hidden; position: relative; width: 540px; height: 184px; background:#fff; border-radius: 0; display: block; box-shadow: 0 0 14px rgba(0, 0, 0, 0.2); padding: 20px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.estimate_this_box_inner:before, .estimate_this_box_inner:after{ content: ""; display: block; clear: both; }
.estimate_left{ background:#fff; width: 35%; position: absolute; padding-bottom: 58px; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.estimate_left h4{ height: 62px; position: relative; display: block; font-size: 26px; font-family: 'sf_ui_display_semibold'; color: #333; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.estimate_left h4 span{ white-space: nowrap; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;position: absolute; top: 0;  left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.estimate_left h4 span + span{ bottom: 0px; top: auto; }
.btnstartnow{ transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); }
.btnstartnow a{ display: inline-block; background:#0c6cd3; color: #fff; border: solid 2px #0c6cd3; font-size: 18px; padding: 11px 24px 9px 24px; text-align: center; border-radius: 50px; letter-spacing: 0.5px;  font-family: 'sf_ui_display_medium'; white-space: nowrap; }
.btnstartnow a:hover{ background:#fff; color: #0c6cd3; border-color: #0c6cd3; }

.estimate_this_box_inner.stepno{ /*justify-content: flex-start;*/ }
.estimate_this_box_inner.stepno .estimate_left{ text-align: left; left: 20px; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); }
.estimate_this_box_inner.stepno .estimate_right{ display: block; }

.estimate_this_box_inner.stepno .estimate_left h4 span,
.estimate_this_box_inner.stepno .estimate_left .btnstartnow{ left: 0px; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); }
.estimate_right ul{ padding-top: 12px; display: block; left: 0; right: 0; position: absolute; top: 100%; }
.estimate_right ul li{ padding-left: 40px; display: block; width: 100%; clear: both; position: relative; font-size: 16px; font-family: 'sf_ui_display_medium'; color: #464646; }
.estimate_right ul li + li{ margin-top: 30px; }
.estimate_right ul li span{ display: inline-block; width: 100%; max-width: 68%; }
.estimate_right ul li span + span{ max-width: 30%; text-align: right; }
.estimate_right ul li span + span:before{ content: "$"; display: inline; }
.estimate_right ul li:before{ content: ""; position: absolute; width: 24px; height: 24px; border: solid 2px #ccc; border-radius: 3px; left: 0; top: -5px; }
.estimate_right ul li.active:before{ background:#0c6cd3 url(../images/mark_check.svg) center no-repeat; background-size: 12px; border-color: #0c6cd3;  }
.estimate_right ul li.active{ color: #0c6cd3; }

.estimate_right{ width: 56%; padding-left: 30px; bottom: 20px; top: 20px; display: none; overflow: hidden; position: absolute; right: 20px; }
.estimate_right:before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 50px; z-index: 2;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.estimate_right:after{ content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 50px; z-index: 2;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
}

.estimate_this_box_inner.stepno .estimate_right ul{ animation: ulanim 3.5s ease forwards; -webkit-animation: ulanim 3.5s ease forwards; }
@keyframes ulanim{
	0%{ top: -20px }
	30%{ top: -250px }
	40%{ top: -250px }
	60%{ top: -360px }
	90%{ top: -360px }
	100%{ top: -470px }
}

@-webkit-keyframes ulanim{
	0%{ top: -20px }
	30%{ top: -250px }
	40%{ top: -250px }
	60%{ top: -360px }
	90%{ top: -360px }
	100%{ top: -470px }
}

.estimate_close{ position: absolute; top: 15px; right: 15px; cursor: pointer; z-index: 4; opacity: 0.2; color: #000; }
.estimate_close:hover{ opacity: 0.4; }
.max-work_form{ float: none; max-width: 520px; margin-left: auto; margin-right: auto; }
.max-work_form:before, .max-work_form:after{ content: ""; display: block; clear: both; }





.case_tab_cover{ display: block; width: 100%; padding-top:30px; }
.case_study_img_cover{ display: block; width: 100%; position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 30px; }
.case_site_img{ display: block; width: 100%;  height: 490px; position: relative; }
.case_site_img:after{ content: ""; display: block; position:absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1); }
.case_site_img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.site_text_layer{position: absolute; bottom: 0; right:0; left: 0; background: url(../images/back_layer.png) repeat-x top left; text-align: center;  padding: 60px 20px 30px 20px;  background-size: contain;}
.site_text_layer h4{ display: block; color:#fff; display: block; font-family: 'sf_ui_display_bold'; font-size: 30px; padding-bottom: 10px; text-transform: uppercase; }
ul.case_work_list{ display: inline-block; text-align: center; border: 1px solid #fff; border-radius: 20px; padding: 5px 5px; }
ul.case_work_list li{ display: inline-block; color: #fff; padding: 5px 16px; font-size: 14px; font-family: 'sf_ui_display_medium'; text-transform: uppercase; letter-spacing: 1px; position: relative; }
ul.case_work_list li:after{content: "-"; display: inline-block; font-size: 16px; color: #fff; font-family: 'sf_ui_display_bold'; position: absolute; top: 50%; transform: translateY(-50%); right: -6px;}
ul.case_work_list li:last-child:after{ visibility:  hidden; opacity: 0; }
.site_text_layer p{ padding: 10px 0 20px 0;	 display: block; text-align: center; font-size: 12px; font-family: 'sf_ui_display_light'; color: #fff; letter-spacing: 1px; }
.site_text_layer p strong{ font-size: 16px; display: block; text-transform: capitalize; }
.read_more{ display: inline-block; background: #fff; color:#000; font-size: 14px; font-family: 'sf_ui_display_semibold'; padding: 12px 30px 10px 30px; border-radius: 20px; border:1px solid transparent; letter-spacing: 1px; text-transform: capitalize;}
.read_more:hover,
.read_more:focus{ background: transparent; border-color: #fff; color: #fff;}	


.infographics_bx{ display: block; width: 100%; margin-bottom: 40px; }
.info_img{ display: block; border-radius: 10px; overflow:hidden;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;  }
.info_img:hover{ transform: translateY(-15px); -webkit-transform: translateY(-15px); opacity: 1; }
.info_img a{ display: block; }
.info_img img{ display: block; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.info_text{ display: block; padding: 20px 10px 0 0; }
.info_text a{ display: block; }
.info_text h4{ display: block; font-size: 16px; font-family: 'sf_ui_display_bold'; color: #021428; line-height: 22px; }
.info_text a:hover h5{color:#0c6cd3; }
.info_text h5{ display: block;  font-family: 'sf_ui_display_semibold';  color: #021428; font-size: 16px; line-height: 22px; padding-bottom: 15px; }
.info_text h6{ display: block; font-size: 12px; font-family: 'sf_ui_display_bold'; color: #4d5a68; }

.blog_view_bx{ display: block; width: 100%; border-radius: 10px; overflow: hidden; }
.blog_view_bx + .blog_view_bx{ margin-top: 40px; }
.blog_text_bx{ display: inline-block; float: left; width: 48%; background-color: #151515; height: 490px; text-align: center;}
.blog_img_bx{ display: inline-block; float: left; width: 52%; height: 490px; position: relative; }
.blog_text_bx .read_more{ background: #654be2; color: #fff; }
.blog_text_bx .read_more:hover{ color: #fff; border-color: #fff; background: transparent; }

.display-tabel{ display: table; width: 100%; height: 100%;  }
.tabel-cell{ display: table-cell; vertical-align: middle; }

.blogdata{ display: block; padding: 10px 30px; }
.blogdata h4{ display:block; color: #fff; font-size: 30px; font-family: 'sf_ui_display_bold'; padding-bottom: 15px; text-transform: uppercase; }
.blogdata p{ display: block; text-align: center; font-size: 12px; color: #fff; font-family: 'sf_ui_display_light'; line-height: 25px; padding: 20px 0; letter-spacing: 1px; }
.blogdata .case_work_list li{ padding: 0 8px; }

.blog_img_bx img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.center_a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); border: 2px solid #fff; padding:13px 30px 14px 30px; background: rgba(18,6,72,0.6); color: #fff; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; border-radius:50px; font-family: 'sf_ui_display_bold'; }
.center_a:hover{ background:#0c6cd3; color: #fff; }

.blog_view_bx.dovberproperty_case_color .blog_img_bx .center_a{ background: rgba(63,142,246,0.6)!important; }
.blog_view_bx.dovberproperty_case_color .blog_img_bx .center_a:hover{ background: rgba(63,142,246)!important; }
.blog_view_bx.dovberproperty_case_color .blog_text_bx .read_more{ background: #3f8ef6!important; }
.blog_view_bx.dovberproperty_case_color .blog_text_bx .read_more:hover{ background: transparent!important; border-color:#3f8ef6; color:#3f8ef6;   }

.blog_view_bx.piko_pako_case_color .blog_img_bx .center_a{ background: rgba(228,64,57,0.6)!important; }
.blog_view_bx.piko_pako_case_color .blog_img_bx .center_a:hover{ background: rgba(228,64,57)!important; }
.blog_view_bx.piko_pako_case_color .blog_text_bx .read_more{ background: #e44039!important; }
.blog_view_bx.piko_pako_case_color .blog_text_bx .read_more:hover{ background:transparent!important; border-color:#e44039; color:#e44039;   }


.blog_view_bx.cutboards_case_color .blog_img_bx .center_a{ background: rgba(210,109,0,0.6)!important; }
.blog_view_bx.cutboards_case_color .blog_img_bx .center_a:hover{ background: rgba(210,109,0)!important; }
.blog_view_bx.cutboards_case_color .blog_text_bx .read_more{ background: #d26d00!important; }
.blog_view_bx.cutboards_case_color .blog_text_bx .read_more:hover{ background: transparent !important; border-color:#d26d00; color: #d26d00;  }



.news_with_img{ display: block; width: 100%; overflow: hidden; border-radius: 10px; height: 440px; margin-bottom: 30px; position: relative; }
.news_with_img>a{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1;}
.news_case_data{ display: block; background: #f6f6f6 ; padding: 20px; }
.news_case_details{display: block; }
.news_case_details + .news_case_details{ margin-top: 77px; }
.news_case_details h5{ display: block; position: relative; font-size: 14px;  font-family: 'sf_ui_display_medium'; color: #181818; padding-left: 25px; text-transform: uppercase; letter-spacing: 1px }
.news_case_details h5:after{ content: ""; display: block; position:absolute;  width: 8px; height: 8px; border-radius: 100%; background:#181818;	 left: 0; top: 3px; text-transform: uppercase; letter-spacing: 1px;  }
.news_case_details h4{ display: block; font-size: 22px; font-family: 'sf_ui_display_light'; color: #151515; line-height: 30px; padding-top: 20px; padding-bottom: 20px; transition: 0.2s ease-in-out 0.1s; -webkit-transition: 0.2s ease-in-out 0.1s; }
.news_case_details a{ display:block; }
.news_case_details a:hover h4{ color: #0c6cd3!important; }
.news_case_details h6{ display:block; text-transform: uppercase; font-size: 14px; color: #181818;  font-family: 'sf_ui_display_medium'; }

.news_case_data.up_img{ background: #151515; min-height: 200px; }
.news_case_data.up_img .news_case_details h5{ color: #444444; }
.news_case_data.up_img .news_case_details h5:after{ background: #444444; }
.news_case_data.up_img .news_case_details h4{ color: #fff;  }

.news_case_data.up_img .news_case_details h6{ color: #5c5c5c; }
.news_with_img:hover .news_case_data.up_img .news_case_details h4{ color: #0c6cd3!important; }
.news_case_img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 200px; }
.news_case_img.svg img{ width: 200px; }
.news_case_img img{transition: 0.3s ease-in-out 0.2s; -webkit-transition: 0.3s ease-in-out 0.2s; }
.news_case_img a{ display: block; width: 100%; height: 100%; }
.news_with_img:hover .news_case_img-bx img{ transform: scale(1.2); -webkit-transform: scale(1.2); }

.news_case_img-bx{ display:block; width: 100%;position: relative; background-color:#f3f2f2; overflow: hidden; border-radius: 0 0 10px 10px;  height: 250px; }




.head__bottom_content.case_banner{ display: block; position:relative; padding-bottom: 150px!important; padding-top: 60px!important; }
.head__bottom_content.case_banner:before{ content: ""; display: block; clear: both; }
.head__bottom_content.case_banner:after{ content: ""; position: absolute; top: -150px; left: 0; bottom: 0; right: 0;  z-index: -1;
background: -moz-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(12,108,212,1)), color-stop(100%, rgba(28,172,244,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(360deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(12,108,212,1) 0%, rgba(28,172,244,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6cd4', endColorstr='#1cacf4',GradientType=1 ); /* ie6-9 */
}
.case_banner_data{ display: block; width: 100%; text-align: center; letter-spacing: 1px; }
.case_banner_data h1{ color: #fff!important; font-size: 35px; font-family: 'sf_ui_display_light'; display: block; padding-bottom: 5px; }
.case_banner_data h4{ color: #fff!important	;  display: block; font-size: 26px; font-family: 'sf_ui_display_bold';}
.tab_case_ul{ display: block; background: transparent;  position: relative; z-index: 3;transform: translateY(-70px); -webkit-transform: translateY(-70px); }
.tab_case_ul ul{ margin:0 auto; max-width: 700px; text-align: center; }
.tab_case_ul ul li{ display: inline-block; text-align: center; width: auto; position: relative; margin: 0 -3px; padding: 0 30px;}
.tab_case_ul ul li:after{ content: ""; display: block; position: absolute;  width: 2px; height: 15px; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #fff;}
.tab_case_ul ul li:last-child:after{ width: 0; height: 0; visibility: hidden; opacity: 0; }
.tab_case_ul ul li span{ display: inline-block; padding: 16px 16px 14px 16px; border-radius: 10px; background: transparent; color: #fff; text-align: center; font-size: 16px; font-family: 'sf_ui_display_medium'; cursor: pointer; position: relative; text-transform: uppercase; }
.tab_case_ul ul li span:after{ content: ""; display: inline-block; position: absolute; width: 0;border-bottom: 50px solid #555; }
.tab_case_ul ul li span.active{ background: #fff; color:#0c6cd3; }

.tab_view_case{ display: none; }
.tab_view_case.active{ display: block!important; }

.space_removethis .spaceontopset{ padding-top: 0 }


.head__bottom_content_portfolio_p{ overflow-y: hidden; }

#screenshow li img{ object-fit: cover; object-position: top; }
.relativecontainers.ourvaluespoart{ z-index: 1; }

.close{ font-size: 1.7em }



.developers_list ul{ display: flex; justify-content: center!important; flex-wrap: wrap; }

.tab_view_case .blog_cate_list_box{ background:transparent; }
.tab_view_case .search_blog input[type=text]{ background:#eee; }
.tab_view_case .blog_cate_list ul li a{ color:#222; }



.head__bottom_content.pikopako_bottomcontent{ text-align: left; min-height: 100vh; margin-top: 0 !important; padding-top: 150px !important; display: flex; align-items: center; }
.pikopako_title{ font-size: 110px; color:#eb4e3c; font-family: 'sf_ui_display_bold'; }
.pikopako_subtitle{ font-size: 30px; color: #fff; padding-top: 1px; clear: both; letter-spacing: 1px; text-transform: uppercase;font-family: 'sf_ui_display_medium'; }
.txtright_center{ display: block; text-align: right;  }
.txtright_center img{ margin-right: -100px; }
.casestudy_banner{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.casestudy_banner img{ min-width: 100%; min-height: 100%; object-fit: cover; display: block; }

.pikopako_bottomcontent .container{ position: relative; z-index: 2; }
.story-1{ display: block; width: 100%; padding-top: 200px; text-align: justify; position: relative; padding-left: 120px;}
.story-1:before{ content: ""; position: absolute; left: -15%; top: 0; width: 230px; height: 390px; background:url(../images/case-study/pikopako/pizza_one.png) top center no-repeat; background-size: 100%; }
.story_on_header{ display: block; width: 100%; text-align: left;}
.story_on_header label{ display: block; text-transform: uppercase; font-size: 18px; color: #535353; }
.story_on_header h3{ display: inline-block; clear: both; color: #eb4e3c; font-size: 30px; font-family: 'sf_ui_display_bold'; border-bottom: solid 2px #c2c2c2; padding-bottom: 15px; margin-bottom: 25px; }

.repeat_section.appfeaturres-section{ padding: 300px 0 150px 0; text-align: center; position: relative; overflow: hidden; }
.repeat_section.appfeaturres-section:after{ content: ""; display: inline-block; position: absolute;  width:400px; height: 526px;background:url(../images/case-study/pikopako/piko-pako-app-img.png) bottom center no-repeat;  top: 0; left: 50px;  }
.repeat_section.appfeaturres-section:before{    content: "";display: inline-block; position: absolute; width: 320px; height: 249px; background: url(../images/case-study/pikopako/skuter-img.png) top center no-repeat; top: 78px; right: 22%; }

.repeat_section.appfeaturres-section .story_on_header{ text-align: center; }
p.story-detail{max-width: 800px; margin: 0 auto;}

.progress-view{ display:block; width: 100%; padding-top: 90px; }
.progress-view ul{display: block; width: 100%; clear: both;}
.progress-view ul li{ display: inline-block; width: 20%; text-align: center; float: left; position: relative; }


.progress-view ul li:after{content: ""; display: block; position: absolute; width: 97px; height: 0; border: 1px dashed #e33e38; top: 57px; right: -50px;}
.progress-view ul li:last-child:after{ display: none; width: 0; height: 0 }
.progress-view ul li:before{content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; border-radius: 100%; border: 2px solid #e33e38; top: 48px; right: -11px; background: #fff; z-index: 1; }
.progress-view ul li:last-child:before{ display: none; height: 0; width: 0; }

.progress-view ul li h5{ display: block; padding-top: 25px; font-size: 18px; font-weight:500; color: #333333;  }

.app-feature-icon-cover{ display: block; width: 115px; height: 115px; border-radius: 100%; margin: 0 auto; text-align: center; box-shadow: 0 0 21px 2px rgba(0,0,0,0.2); position: relative;  }
.owner-app-feature-icon{ display: inline-block; width: 80px; height: 62px; background:url(../images/case-study/pikopako/owner-app-features-icon-sprite.png)no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  background-position: 0,0;  }
.owner-app-feature-icon.edit-food{ background-position: -5px,0; }
.owner-app-feature-icon.price-management{ background-position: -95px,0; }
.owner-app-feature-icon.order-management{ background-position: -183px,0; }
.owner-app-feature-icon.deliver-order{ background-position: -272px,0; }
.owner-app-feature-icon.pay-commission{ background-position: -392px,0px; }


.customer-app-feature-section{ display: block; background: #f2f2f2; padding: 150px 0;  position: relative}
.customer-app-feature-section:after{ content: ""; display: inline-block; position: absolute; width: 672px; height: 866px; background: url(../images/case-study/pikopako/customer-food-plate-img.png) bottom center no-repeat; top: 0; margin-top: -263px; right: -208px; background-size: 100%;}
.customer-app-feature-section:before{content: "";display: inline-block; position: absolute; width: 309px; height: 356px; background: url(../images/case-study/pikopako/leef-img.png) bottom center no-repeat; top: 25px; left: 11px; }
.customer-progress-view .app-feature-icon-cover{ background: #fff; }

.customer-app-feature-icon{ width: 78px; display: inline-block; height: 57px; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background:url(../images/case-study/pikopako/customer-app-features-icon-sprite.png)no-repeat; }
.customer-app-feature-icon.place-order{ background-position: -3px,0; }
.customer-app-feature-icon.restaurant-details{ background-position: -85px,0; }
.customer-app-feature-icon.currents-offers{ background-position: -178px,0; }
.customer-app-feature-icon.online-payment{ background-position: -278px,0 }
.customer-app-feature-icon.reward-coupon{ background-position: -363px,0 }

.piko-pako-system-section{ padding: 100px 0; position: relative; }
.piko-pako-system-section:after{ content: ""; display: inline-block; position: absolute; width: 220px; height: 145px; top: 100px; right: 50px; background: url(../images/case-study/pikopako/laung-img.png) bottom center no-repeat; }

.piko-pako-system{ display: block; padding-top: 100px;}

.visual-section{ padding: 100px;background: url(../images/case-study/pikopako/visual-section-background.jpg)no-repeat; background-size: cover;  }
.visual-section .story_on_header label{ color: #d2d2d2; }
.visual-section .story_on_header h3{ color: #f86843; border-color: #fff; }
.visual-section p{ color: #d2d2d2; }

.visual-web-color{ display: block; width: 100%; }
.web-color-box{ display: block; width: 115px; height: 115px; border-radius: 100%; margin:0 auto; box-shadow: -20px 9px 17px 6px rgba(0,0,0,0.6);  }
.web-color-code{ display: block;  font-family: 'sf_ui_display_semibold'; font-size: 20px; color: #d2d2d2; padding-top: 20px; text-align: center; }

.typography-section{ padding: 135px 0; position: relative; background-color: #fff; }
.typography-section:after{content: ""; display: block; position: absolute; top: 0; left: 0; background: url(../images/case-study/pikopako/typography-section-background.jpg) top left no-repeat; height: 100%; width: 930px;}
.typography-section .container{ position: relative; z-index: 1; }

.case-typography{display: block; width: 100%; }
.case-typography + .case-typography{ margin-top: 25px; }

.case-typography .font-name{ font-family: 'sf_ui_display_bold'; color: #000000; font-size: 24px; display: block; padding-bottom: 8px;  }
.case-typography p{ display: block; padding-bottom: 8px; }
.case-typography p span{ display: inline-block; font-size: 16px; color: 323232; }

.guides-section{ background-color: #eb4e3c; text-align: center; }
.guides-section .story_on_header{ text-align: center; }
.guides-section .story_on_header label{ color: #fbdcd8; }
.guides-section .story_on_header h3{ color: #fff; border-color: #fff; }
.guides-section p{ color: #fff; }

.guide-app-img-cover{ display: block; width: 100%;  padding-top: 85px; }

.user-interface-section{ display: block; width: 100%; background-color: #f2f2f2; padding: 200px 0 60px 0; }
.user-interface-section .row{ position: relative;z-index: 1; }
.app-user-interface{ display: block; width: 100%; }
.app-user-interface img{ margin-top: -350px; }


.challenges-box-cover{ display:block; width: 100%; margin-top: 40px; }
.challenge-white-bx{ display: block; width: 100%; background-color: #fff;border-radius: 20px; overflow: hidden; padding: 30px; height: 100%; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;  }
.challenge-white-bx:hover{ box-shadow: 0 0 9px 0px rgba(0,0,0,0.2); }
.challenge-icon{ display: block; margin: 0 auto; width: 165px; height: 165px; border-radius: 100%; margin-bottom: 40px; overflow: hidden; }
.challenge-text{ display: block; width: 100%;}
.challenge-text h4{ display: block; font-family: 'sf_ui_display_bold';color: #eb4e3c; font-size: 24px; position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.challenge-text h4:after{ content: ""; display: block; position: absolute; bottom: 0; left: 0;  width: 85px; height: 4px; background-color: #cccccc; }	


.review-section{display: block; background-color: #f6f6f6;}
.rating-cover{ width: 870px; margin: 0 auto;text-align: center;	 }
.rating-cover .story_on_header{ text-align: center; }
.rating{ display: block; width: 100%; text-align: left;} 
.rating h5{ display: block;  font-family: 'sf_ui_display_semibold'; font-size: 18px; color: #3b3b3b; }
.rating h5 strong{ font-size: 72px; line-height: 60px; font-family: 'sf_ui_display_bold'; color: #3b3b3b;  }
.rating p{ display: block; font-size: 16px; color: #efce4a; }
.rating p span{ display: inline-block; font-style: 14px; color: #efce4a; }
.rating p span + span{ margin-right: 2px; }
.rating p span.blank{ color: #d8d8d8; }


.progress-list{ display: block; width: 100%; }
.progress-list li{ display: block;  }
.progress-list li + li{ margin-top: 10px; }
.progress-list li span{  font-size: 12px; color: #545454; font-family: 'sf_ui_display_semibold'; display: block; text-align: right; }
.progress-list li .progress{ background-color: #dfdfdf; height: 10px; border-radius: 0;  }
.progress-list li .progress-bar{ background-color: #a9a9a9;  border-radius: 0; }


.review-cover{ display: block;width: 100%; padding-top: 80px; }

.review-bx{ display: block; width: 100%; }
.review-bx .float-left h4{ display: block; font-family: 'sf_ui_display_bold'; font-size: 18px; color: #313131; }
.review-bx .float-left p{ display: block;  color: #efce4a;}
.review-bx .float-left p span{ display: inline-block; font-size: 16px; color: #efce4a; }
.review-bx .float-left p span + span{ margin-left: 5px; }
.review-bx .float-right h5{ display: block; font-size: 16px; color:#949494; text-align: right;  }
.review-bx .float-right h5 + h5{ margin-top: 6px; }

.review-detail{ display: block; width: 100%; padding-top: 20px;}
.review-detail p{ font-size: 14px; font-family: 'sf_ui_display_semibold'; color: #313131; }

.technologie-cover{ display: block; width: 100%; }
.technologie-cover ul li{ display: inline-block; }
.technologie-icon-cover{ display: block; width: 125px; height: 125px; border-radius: 100%;  background-color: #f2f2f2; position: relative; border: 0; outline: 0; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; margin: 0 auto; }
.technologie-icon-cover:hover{ border:8px solid #e5e5e5; box-shadow: 0 0 0 3px #eb4e3c}
.technologie-icon-cover:hover .technologie-icon img{ filter: grayscale(0); -webkit-filter: grayscale(0);  }
.technologie-icon{  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70px; height: 70px; }
.technologie-icon img{  width: 100%; height: 100% ;filter: grayscale(1); -webkit-filter: grayscale(1); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}



/*.triptunity-banner-inner-img{ display: block; width: 1200px; height: 800px; margin-left: -500px; }*/
.triptunity-banner-inner-img{ width: 100%; height: 100%; display: block; vertical-align: bottom; }


.overview-section{ padding: 140px 0 0px 0 !important; position: relative; border-bottom: 7px solid #394a7b;  }
/*.overview-section:after{ content: ""; position: absolute; bottom: -4px; left: 13%; background: url(../images/case-study/triptunity/overview-img.png) bottom right no-repeat; width: 545px; height:360px;  }*/
.overview-section .container{ position: relative; z-index: 1; }
.Overview-img{ display: block; width: 100%; height: 100%; }
.Overview-img img{vertical-align: bottom; margin-bottom: -3px;}

.overview-text{ display:block; width: 100%; }
.triptunity-haddig{ display: block; width: 100%;color: #81b3f1; font-family: 'sf_ui_display_bold'; font-size: 30px; padding-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; }
.overview-text p{ font-style: 18px; color: #4b4b4b; }
.overview-text p + p{ margin-top: 20px; }

.user-feature{ display: block; background-color: #f3f3f3; padding: 160px 0; position: relative; }
.user-feature:after{ content: ""; display: block; position: absolute; top: 20%; right: 0; background: url(../images/case-study/triptunity/user-feature-background.png) top center no-repeat; width: 750px; height:544px; background-size: 100%;  }
.user-feature .container{ position: relative; z-index: 1; }

.feature-white-box{ display: block; width: 100%; background-color: #fff; border-radius: 20px; box-shadow: 9px 5px 20px 0px rgba(0, 0, 0, 0.14); padding: 30px 25px;}
.feature-white-box ul{  display: block; width: 100%; }
.feature-white-box ul li{ display: block; width: 100%; position: relative; padding-left: 24px; font-size: 18px; font-family: 'sf_ui_display_bold'; color: #333333; }
.feature-white-box ul li + li{ margin-top: 15px; }
.feature-white-box ul li:after{ content: "\f005"; position: absolute; top: 1px; left: 0;  font-family: "Font Awesome 5 Free";  font-size: 14px; color: #81b3f1; font-weight: bold; }



.admin-feature{ padding: 140px 0 80px 0; }
.admin-feature-text{ display: block; width: 100%; }
.admin-feature-text .feature-white-box{ background-color: #f3f3f3; }
.admin-feature-text .feature-white-box ul li:after{ color: #313131; }
.admin-feature-img{ display: block; width: 100%; }

.how-it-work-section{ background: #f3f3f3; }
.howitwork-text-bx{ display: block; width: 100%; background:#fff; border-radius: 5px; padding: 20px; box-shadow: 4px 3px 6px 1px rgba(0, 0, 0, 0.12); }
.howitwork-text-bx h3{ font-size: 50px; font-family: 'sf_ui_display_bold'; color: #cccccc; }
.howitwork-text-bx h5{ display: block; font-family: 'sf_ui_display_bold'; color: #333333; font-size: 24px; margin-bottom: 4px; }


.how-to-work-img{ display: block; width: 100%; margin-top: 25px; margin-bottom: 25px; text-align: center; }
.triptunity-typography{ display: block; width: 100%; margin-top: 50px;}
.triptunity-color-cover{ display: block; width: 100%; }
.triptunity-web-color{ display: block; width: 100%; text-align: center; }
.triptunity-color{ display:block;width: 70px; height: 70px; margin: 0 auto; border-radius: 100%;  }
.triptunity-web-color span{ display: inline-block; margin-top: 60px; font-size: 16px; font-family: 'sf_ui_display_medium'; color: #333333; text-align: center; }
.triptunity-color.frist-color{ background: #5287d7; box-shadow: 0 0 0 24px rgba(82,135,215,0.4),  inset 4px -5px 7px 0px rgba(0,0,0,0.3) }
.triptunity-color.second-color{ background: #f55d49; box-shadow: 0 0 0 24px rgba(245,93,73,0.4),  inset 4px -5px 7px 0px rgba(0,0,0,0.3) }
.triptunity-color.third-color{ background: #949494; box-shadow: 0 0 0 24px rgba(148,148,148,0.4),  inset 4px -5px 7px 0px rgba(0,0,0,0.3)}

.triptunity-font{    display: block;background: #fff; box-shadow: 0px 0px 70px 5px rgba(0, 0, 0, 0.09); padding: 50px; width: 100%; border-radius: 5px; } 
.triptunity-font span.font-name{ font-size: 70px; color: #cccccc; padding-bottom: 20px;   }
.triptunity-font p span{ display: inline-block; font-size: 20px;color: #333333; }
.triptunity-font p + p{ margin-top: 4px; }

.ui-design-section{ background: #f3f3f3; }
.ui-design-img{ display: block; padding-top: 20px; }
.ui-design-img img{ width: 100%;  }
.challenges-section{ padding: 100px 0; }

.challenges-text{ display: block; width: 100%; }
.challenges-text p + p{ margin-top: 10px; }
.challenges-img{ display: block; width: 100%; }

.technology-section{ display: block; background: #f3f3f3; }
.triptunity-technology{ display: block; width: 100%; position: relative; }
.triptunity-technology:after{     content: "";display: inline-block; position: absolute; width: 88%; height: 0; border: 1px dashed #4e81cd; top: 59px; left: 64px;}
.triptunity-technology li{ display: inline-block; float:left; width: 20%; }
.triptunity-technology li .triptunity-technology-icon{ position: relative; z-index: 1; width: 125px; height: 125px; border-radius: 100%; background: #fff; box-shadow: 3px 8px 20px 8px rgba(0, 0, 0, 0.12); margin: 0 auto; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.triptunity-technology li .triptunity-technology-icon:hover{box-shadow: -2px 3px 20px 6px rgba(0, 0, 0, 0.2);}
.triptunity-technology li .triptunity-technology-icon span{ position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-radius: 100%; background: #5287d7; width: 70px; height: 70px;   text-align: center; }
.triptunity-technology li .triptunity-technology-icon span img{ width: 45px; height: 45px; filter: brightness(0) invert(1); position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block;  }

.triptunity-banner-text{ width: 100%; display: block; }
.triptunity-banner-text h1{ display: block; font-size: 40px; font-family: 'sf_ui_display_semibold'; color: #fff; position:relative; padding-bottom: 30px; margin-bottom: 30px;}
.triptunity-banner-text h1 strong{ display: block; font-size: 80px; font-family: 'sf_ui_display_black';  text-shadow: -8px 1px 11px rgba(0,0,0,0.3); }
.triptunity-banner-text h1:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 130px; height: 7px; background: rgba(255,255,255,0.2); }
.triptunity-banner-text p{ color: #fff;  }



.pikopako_bottomcontent.hitch-hyke-banner{ background:#ffffff; min-height: inherit!important; padding-top: 230px!important; padding-bottom: 192px!important; }

.hitch-hyke-banner-text{ display: block; width: 100%; padding-top:100px;  }
.hitch-hyke-banner-text h1{ display: block; font-size: 40px; color: #fff; max-width: 570px; padding-top: 30px; }

.hitch-hyke-mobile-screen{ display: block; text-align: right; }
.hitch-hyke-mobile-screen img{ margin-bottom: -200px; }

.hitch-hyke-type{ display: block; width: 100%; }
.hitch-hyke-type p{ font-size: 14px; font-family: 'sf_ui_display_medium'; color: #191919; }
.hitch-hyke-type-icon-cover{ display: block; width: 100%; margin-bottom: 20px; }
.hitch-hyke-type-icon-cover span{ display: inline-block; vertical-align: bottom; font-size: 16px; font-family: 'sf_ui_display_bold'; color: #000; text-transform: uppercase; }
.hitch-hyke-type-icon-cover span + span{ margin-left: 2px; }

.hitch-hyke-type-icon{ width: 65px; height: 78px;background: url(../images/case-study/hitch-hyke/hitch-hyke-type-sprie.png) no-repeat bottom center;   }
.hitch-hyke-type-icon.rider{ background-position: 0px,0; }
.hitch-hyke-type-icon.drivers{ background-position: -78px,0; }
.hitch-hyke-type-icon.administrator{ background-position: -158px,0; }

.hitch-hyke-same-section-hadding{ display: block; text-align: center;  padding-bottom: 70px; width: 100%; }
.hitch-hyke-same-section-hadding h3{ font-size: 30px;  font-family: 'sf_ui_display_bold'; color: #000; display: block; }

.hitch-hyke-mobile-screen-img{  display: block; width: 100%; }
.hitch-hyke-box-hadding{ display: block; font-size: 40px; color: #3b3b3b; font-family: 'sf_ui_display_bold'; padding-bottom: 20px; }
.hitch-hyke-black-hadding{ font-size: 30px;  font-family: 'sf_ui_display_bold'; padding-bottom: 20px; color: #000; }
.hitch-hyke-mobile-screen-text{ display: block; width: 100%;  }
.hitch-hyke-mobile-screen-text ul li{ position: relative; font-size: 16px; font-family: 'sf_ui_display_semibold';color: #0a0a0a; padding-left: 25px; }
.hitch-hyke-mobile-screen-text ul li + li{ margin-top: 12px; }
.hitch-hyke-mobile-screen-text ul li:after{ content: "\f058"; position: absolute; top: 0; left: 0;  font-family: "Font Awesome 5 Free";  font-size: 14px; color: #359911;   }


.major-challenge-img{ display: block; width: 100%; }
.major-challenge-text{ display: block; width: 100%; }
.major-challenge-text p + p{ margin-top: 20px;  }

.wireframe-img{ display: block; width: 100%; padding: 0 20px; text-align: center; margin: 20px 0; }
.technology-stack-section{ display: block; width: 100%; }
.technology-stack-icon-cover{ display: block; width: 100%; text-align:center;}
.technology-stack-icon-cover h5{ display: block; text-align: center; font-size: 14px; color: #000000;  font-family: 'sf_ui_display_bold'; text-transform: uppercase; padding-top: 20px; }

.technology-stack-icon{ display:  block; margin:0 auto; width: 100px; height: 80px; text-align: center; }
.technology-stack-icon img{ width: 100%; height: 100%; }

.workflow-text{ display:block; width: 100%; position: relative;z-index: 1; }
.workflow-text h4{ color: #333333; font-size: 30px; font-family: 'sf_ui_display_bold'; display: block; padding-bottom: 10px; }
.workflow-text h3{ display: block; font-size: 38px; color:#000; font-family: 'sf_ui_display_bold'; }
.workflow-img{ display: block; width: 100%; }

.repeat_section.workflow-section{ padding: 350px 0 100px 0; }
.workflow-img img{ margin-top: -360px; }

.outcome-slider-text{ display: block; width: 100%; }
.outcome-slider-text p + p{ margin-top: 30px; }

/*.outcome-slider{ display: block; width: 100%; position: relative; }*/
#hitch-hyke-screen-slide{ position: relative!important; display: block!important; width: 100%!important; }
#hitch-hyke-screen-slide ul{top: 0!important;}
/*
#hitch-hyke-screen-slide.design_arrow .sl_arrowss{ top: inherit!important; bottom: 0; left: 45%; }
#hitch-hyke-screen-slide.design_arrow.left.sl_arrowss{ left: 40%; }*/
#hitch-hyke-screen-slide.design_arrow .left.sl_arrowss{top: inherit!important;  bottom: -30px!important; left: 42%!important; z-index: 2!important }
#hitch-hyke-screen-slide.design_arrow .right.sl_arrowss{
    right: 42%!important; 
    top: inherit!important; z-index: 2!important;
    bottom: -6%!important;}

.hitch-hyke-reviews-slider{ padding: 100px 0 ; position: relative; }
.hitch-hyke-reviews-slider:after{ content: ""; position: absolute; height: 2px; right: 20px; left: 20px; top: 0; background: #e5e5e5; }
.hitch-hyke-reviews-img{ display: inline-block; border-radius: 10px; overflow: hidden; width: 185px; height: 185px; }
.hitch-hyke-reviews-text{ display: block; width: 100%; position: relative; margin-left: 20px; }
.hitch-hyke-reviews-text:after{content: ""; background: url(../images/case-study/hitch-hyke/review-back-img.png) no-repeat; width: 70px; height: 70px; top: -20px;left: -10px; position: absolute;z-index: -1; }

#hitch-hyke-slider .carousel-indicators{ bottom: -40px; }
#hitch-hyke-slider .carousel-indicators li{ width: 15px; height: 15px; border-radius: 100%; background-color: #e5e5e5; cursor: pointer; }
#hitch-hyke-slider .carousel-indicators li.active{ background-color: #ababab;   transform: scale(1.2); -webkit-transform: scale(1.2); }
#hitch-hyke-slider .carousel-indicators li + li{ margin-left: 20px; }
#hitch-hyke-screen-slide{ z-index: 1; }
/*#hitch-hyke-screen-slide ul li{ z-index: 2!important; }*/


.repeat_section.review-section-after-sec + .awards_section .awards_inner{ position: relative;z-index: 1; }

.repeat_section.review-section-after-sec + .awards_section:before{ content: ""; position: absolute; display: inline-block; background: #f3f3f3!important; width: 100%; height: 53px; top: 0;left: 0;  }


.pikopako_bottomcontent.b-o-banner{ min-height: inherit; height: 1130px; padding:0!important; }

.b-o-title{ display: block; width: 100%; font-family:"Bebas Neue Regular"; font-size: 70px; color: #f38136; line-height: 0.3; }
.b-o-subtitle{ display: block; width: 100%;  font-size: 63px; font-family: 'sf_ui_display_medium'; color: #fff; padding-top: 4px; }

.banner-down-logo-bx{ display: block; margin: 0 auto; height: 250px; width: 250px; border-radius: 100%; position: relative; z-index: 2; background: #fff; box-shadow: 0 0 43px 0px rgba(0,0,0,0.2); transform: translateY(-207px); -webkit-transform: translateY(-207px); }
.banner-down-logo-bx .logo-b-o-img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,50%); -webkit-transform: translate(-50%,-50%); }
.banner-down-logo-bx .logo-b-o-img img{ max-width: 160px; }
.b-o-about-us{ display: block; width: 100%; margin-top: -100px; }
.b-o-about-us h4{ display: block; text-transform: uppercase;font-family: 'sf_ui_display_bold'; font-size: 30px; color: #363636; }
.b-o-about-us p{ display: block;  font-size: 18px; color: #4c4c4c; font-family: 'sf_ui_display_light'; padding-top: 12px; }
.b-o-same-hadding{ display: block; width: 100%; text-align: center; padding-bottom: 60px; }
.b-o-same-hadding h2{ display:block; width: 100%; font-family:"Bebas Neue Regular";  font-size: 26px; color: #f38136; text-transform: uppercase; line-height: 18px; }
.b-o-same-hadding h4{ display: block;  font-size: 24px; color: #000; font-family: 'sf_ui_display_semibold'; }

.b-o-mobile-screen{ display: block; width: 100%; }
.b-o-app-prosses{  display:block; width: 100%; }
.b-o-app-prosses ul{ display: block; padding-top:85px ; }
.b-o-app-prosses li{ display: block;  position: relative; text-align: center;}
.b-o-app-prosses li:after{ content: "";  position: absolute;bottom: -50px; width: 0; height: 45px; border:1px dashed #bf4a0a;  right: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.b-o-app-prosses li:last-child:after{display: none; height: 0;}
.b-o-app-prosses li h5{ display: block; font-size: 15px; font-family: 'sf_ui_display_medium'; color: #2e2e2e; padding-top: 10px; }

.b-o-app-prosses li + li{ margin-top: 50px; }

.b-o-app-icon-cover{ display: inline-block; width: 115px; height: 115px; border-radius: 100%; background:#fff; position: relative;  box-shadow: 0 0 8px 0px rgba(0,0,0,0.1); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.b-o-app-prosses li .b-o-app-icon-cover:hover{  box-shadow: 0 0 20px 2px rgba(0,0,0,0.3) }
.b-o-app-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 77px; height: 57px; background: url(../images/case-study/bellezayofertas/b-o-app-icon-sprite.png) no-repeat; }
.b-o-app-icon.login{ background-position: 18px,0; }
.b-o-app-icon.Select-Service{ background-position: -56px,0 }
.b-o-app-icon.Appointment{ background-position: -133px,0 }
.b-o-app-icon.Payment{ background-position: -219px,0 }
.b-o-app-icon.Confirm-Booking{ background-position: -307px,0 }
.b-o-app-icon.Membership-plan{ background-position: -405px,0 }
.b-o-app-icon.Add-inventry{ background-position: -589px,0 }
.b-o-app-icon.Add-Client{ background-position: -501px,0 }
.b-o-app-icon.Add-Loan{ background-position: -695px,0 }



.service-provider-app-screen { display: block; width: 100%; }
.service-provider-app ul{ display: block; clear: both; }
.service-provider-app ul:after,
.service-provider-app ul:before{ content: ""; clear: both; display: block; }
.service-provider-app ul li{  display:inline-block; float: left; width: 25%; text-align: center; margin-bottom: 60px; }
.service-provider-app ul li .b-o-app-icon-cover{box-shadow: none;    border: 2px solid #ffede4;}
.service-provider-app ul li .b-o-app-icon-cover:hover{ border-color:#e5a784; box-shadow: 0 0 16px 0px rgb(219, 129, 79,0.3);  }
.service-provider-app ul li h5{display: block; font-size: 15px; font-family: 'sf_ui_display_medium'; color: #2e2e2e; padding-top: 10px;  }
.service-provider-app ul li:nth-of-type(4n + 1){ clear: both; }

.b-o-typography{ display: block; width: 100%;}
.b-o-typography>p{ display: block; font-size: 16px; font-family: 'sf_ui_display_light'; color: #313131; padding-bottom: 25px; }

.case-typography.Bebas-font .font-name{ font-family:"Bebas Neue Regular"!important; }
.case-typography.Bebas-font p span{ font-family:"Bebas Neue Regular"!important;  }
.typography-img{ display: block; text-align: center; }

.color-bord-bx{ display: inline-block;}
.color-bord-bx + .color-bord-bx{ margin-left: 40px; }
.color-bord-bx .color{ height: 90px; width: 90px;  border-radius: 100%; }
.color-bord-bx h5{ display: block; text-align:center; font-size: 14px; font-family: 'sf_ui_display_semibold'; padding-top: 12px; }

.ui-designe-section .b-o-same-hadding{ position: relative; z-index: 1; }
.ui-designe-img{ display: block; width: 100%; }
.ui-designe-img img{ margin-top: -120px; }

.b-o-technology{ display: block;  width: 100%; }
.b-o-technology .triptunity-technology li .triptunity-technology-icon span{ background-color: #de9c3e; }
.b-o-technology .triptunity-technology:after{ border-color:#de9c3e;  }

.b-o-challenge{ display: block; width: 100% ; padding-top: 20px;}
.b-o-challenge p{ display: block; font-family: 'sf_ui_display_light'; font-size: 18px; color: #494949;  }
.b-o-challenge p + p{ margin-top: 20px; }

.b-o-challenges-section{ position: relative; padding: 150px 0 250px;  }
.b-o-challenges-section:after{ content: ""; display: inline-block; position:absolute; height: 493px; width: 500px; background: url(../images/case-study/bellezayofertas/challenge-background-img.png) no-repeat top left; right: 0; top: 90px; background-size: 100%; }

.ui-designe-mobile{ position: relative;  padding-bottom: 0; }
.ui-designe-mobile:after,
.ui-designe-mobile:before{ content: ""; display: block;  clear: both; }
.ui-designe-mobile img{ float: right;     margin-top: -117px;max-width: 1500px; }

.head__bottom_content.pinhopping-banner{text-align: left; margin-top: 0 !important; padding-top: 240px !important; display: flex; align-items: center; padding-bottom: 306px!important }
.head__bottom_content.pinhopping-banner .casestudy_banner{ background-color: #fff; }
.head__bottom_content.pinhopping-banner .container{ position: relative;z-index: 2; }
.pinhopping-banner-text{ display: block; width: 100%; text-align: center; }
.pinhopping-banner-text h1{ display: block; color: #fff;  font-family: 'Quicksand', sans-serif;font-size: 60px;  font-weight: 600; text-transform: uppercase; }
.pinhopping-banner-text h3{ display: block;   font-size: 20px; color: #12191d; text-transform: uppercase; font-family: 'sf_ui_display_medium';}

.same-hadding-pinhopping{ display: block; width: 100%; }
.same-hadding-pinhopping h2{ display:block; color: #fff; font-family: 'Quicksand', sans-serif; font-weight: 600; text-transform: uppercase; padding-bottom: 4px; text-shadow: 0 0 19px rgba(0,0,0,0.2); font-size: 60px; }
.same-hadding-pinhopping h4{ display: block; color: #000; text-transform: uppercase; font-family: 'sf_ui_display_medium'; font-weight: 600; font-size: 22px; padding-bottom: 20px; }
.same-hadding-pinhopping p{ display: block; color: #686868; font-size: 16px; font-family: 'sf_ui_display_light'; }
.same-hadding-pinhopping p + p{ margin-top: 25px; }

.pinhopping-features-section{position: relative;}
.pinhopping-features-section:after{ content: "";display: block; position: absolute; height: 353px; width: 165px; background: url(../images/case-study/pinhopping/pinhopping-features--img.png) no-repeat; top: 17%; right: 7%; background-size: 100%;}
.pinhopping-features{ display: block; width: 100%; padding-top: 50px; }
.pinhopping-features-cover{ display: block; width: 100%; border-radius: 10px; overflow: hidden;position: relative; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;  }
.pinhopping-features-cover:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.pinhopping-features-cover .icon-bx{ position: relative; background: #fff; min-height: 115px;}
.pinhopping-features-cover span{ position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 80px; height: 60px; background: url(../images/case-study/pinhopping/pinhopping-features-icon-sprite.png) no-repeat;  }
.pinhopping-features-cover span.location-search{ background-position: 10px,0 }
.pinhopping-features-cover span.location-overview{ background-position: -86px,0; }
.pinhopping-features-cover span.things-to-see{ background-position: -190px,0 }
.pinhopping-features-cover span.good-to-know{ background-position: -274px,0; }
.pinhopping-features-cover span.hotles{ background-position: -376px,0 }
.pinhopping-features-cover span.Flights{ background-position: -484px,0 }

.features-text{ width: 100%; background: #26acaf; padding: 10px 0; text-align: center; color: #fff; font-size: 14px; font-family: 'sf_ui_display_medium'; }
.case-typography.pinhopping-typography{ padding-top: 10px; }
.case-typography.pinhopping-typography .font-name{  color:#26adb0; text-transform: uppercase; }
.pinhopping-typography .alphabet{ font-size: 16px; font-weight: 600; color: #333333; max-width: 230px; padding: 0; }

.pinhopping-color-designe{ position: relative;}
.pinhopping-color-designe:after{ content: ""; position: absolute; top: 20%; right: 7%; background: url(../images/case-study/pinhopping/pinhopping-color-patette-img.png) no-repeat; width: 435px;height: 330px;background-size: 100%; }
.pinhopping-color-patette{ display: block; width: 100%; padding-top: 50px; }
.pinhopping-color-patette ul{ clear: both; border-radius: 10px; }
.pinhopping-color-patette ul li{ display: inline-block; width: 20%; float: left;}
.pinhopping-color-patette ul li .color-box{ display: block; width: 100%; height: 110px;  box-shadow: -3px 0px 13px 0px rgba(0,0,0,0.2) }
.pinhopping-color-patette ul li:first-child .color-box{ border-radius: 10px 0 0 10px; }
.pinhopping-color-patette ul li:last-child .color-box{ border-radius: 0 10px 10px 0; }
.pinhopping-color-patette ul li span{ display: block;  margin-top: 20px; text-align: center; font-size: 16px;  color: #2f2f2f; font-family: 'sf_ui_display_bold'; }

.pinhopping-designe-view{  display: block; width: 100%;  }
.pinhopping-designe-view img{ margin-top: -110px; }
.pinhopping-tecnology{ display: block; padding-top: 25px; width: 100%; }

.pinhopping-tecnology-img{ display: block;text-align: center;  }    
.pinhopping-tecnology-img img{width: 80px;height: 80px;}

.pinhopping-slider{ display: block; width: 750px; margin:0 auto; }
.pinhopping-slder-item{ padding: 0 50px;   padding-bottom: 50px; }
.pinhopping-slder-item .slider-pic{ width: 130px; height: 130px; margin: 0 auto; border-radius: 100%; overflow: hidden; }
.pinhopping-slder-item .slider-pic img{ width: 100%; height: 100%; }
.slider-text{ display: block; width: 100%; position: relative; margin-top: 30px; text-align: center; }
.slider-text:after{ content: ""; position: absolute; top: -25px;left: -49px; width: 90px; height: 80px; background: url(../images/case-study/pinhopping/slider-img-icon.png) no-repeat;   }
.slider-text p{  font-size: 20px; font-family: 'sf_ui_display_light'; color: #363636;  }
.slider-text h4{ display: block; font-size: 20px; color: #333333; font-family: 'sf_ui_display_bold'; padding-top: 15px; }

.pinhopping-slider .carousel-indicators li{ width: 15px; height: 15px; border-radius: 100%; background-color: #e5e5e5; }
.pinhopping-slider .carousel-indicators li.active{transform: scale(1.2); -webkit-transform: scale(1.2); background-color: #29aeb1; box-shadow: 0 0 0 3px #e5e5e5; }
.pinhopping-slider .carousel-indicators li + li{ margin-left:10px; }

.pinhopping-review-section{ display: block; width: 100%; padding-top: 80px; }
.pinhopping-review-section .rating{text-align: left; padding-left: 23px; }
.pinhopping-review-section .rating p span{ color:#26adb0; }
.progress-cover .progress-list li span{ text-align: center; }

.progress-cover{ display: block; width: 100%; margin-top: 25px; }
.custom-row{ margin: 0; }
.custom-row div[class*="col-"]{ padding: 0; }
.pinhopping-review{ display: block; width: 100%; }

.pinhopping-review{ display: block; width: 100%; height: 370px; overflow: auto;  }
.pinhopping-review ul{ padding-right: 70px;}
.pinhopping-review ul li{ display: block; width: 100%; }
.pinhopping-review ul li + li{ margin-top: 30px; }
.pinhopping-review ul li .review-bx .float-left p{ color: #26adb0; }
.pinhopping-review ul li .review-bx .float-left p span{ color: #26adb0;  }

.daycare-case-study-banner{ display: block; width: 100%; }
.daycare-case-study-banner img{ display: block; }
.daycare-case-study-banner h3{ display: block; width: 100%; font-size: 25px; color: #373737; font-family: 'sf_ui_display_semibold';  }
.daycare-case-study-banner h1{ display: block; color: #868686;  font-size: 125px; font-family:JasmineUPC-Bold; line-height: 100px; }

.dayscarefees-case-logo{ display: block; padding-bottom: 35px; }
.dayscarefees-case-hadding{ display: block; width: 100%; text-align: center; }
.dayscarefees-case-hadding h4{ display: block; font-size: 35px; color: #313131; font-family: 'sf_ui_display_bold'; padding-bottom: 40px; text-transform: capitalize; }
.dayscarefees-case-hadding p{ display: block; font-size: 16px;  font-family: 'sf_ui_display_light'; color: #343434; }
.dayscarefees-case-hadding p + p{ margin-top: 20px; }

.dayscarefees-icon-cover{ display:block; width: 100%; border-radius:20px; overflow: hidden; border:1px solid #29c7ec; padding:30px 25px; height: 100%;  }
.dayscarefees-icon{ width:90px; height: 90px; margin: 0 auto; }
.dayscarefees-icon img{}
.dayscarefees-icon-text{ display: block; width: 100%; text-align: center; padding-top: 20px; text-align: center;}
.dayscarefees-icon-text h4{ display: block; font-size: 24px; font-family: 'sf_ui_display_bold'; color: #313131; padding-bottom: 10px; }
.dayscarefees-icon-text p{ display: block; text-align: center; font-size: 16px; font-family: 'sf_ui_display_light'; }

.daycare-challenges-img{ display: block; height: 100%; text-align: center;	 }
.daycare-challenges-img img{ vertical-align: bottom; }

.daycare-challenges-img{ display: block; width: 100%; }
.dayscarefees-case-hadding.challenges-text{ text-align: left;  }
.dayscarefees-case-hadding.challenges-text h5{ display: block; width: 100%; font-size: 20px;   font-family: 'sf_ui_display_bold'; color: #313131; padding: 10px 0;}
 
.daycare-color{color: #0dbce8!important;}
.daycare-color span{ color: #0dbce8!important; }
.rating-color{ color: #0dbce8!important; }
.rating-color strong{ color: #3b3b3b! important; }
.profile-img{ width: 50px; height: 50px; border-radius: 100%; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 25px; }
.profile-img img{ width: 100%; height: 100%;  }

.daycare-review-text{ display: inline-block; vertical-align: middle; }
.daycare-review-bx p{ padding-top: 20px; }
.daycare-review-text p span{ color: #0dbce8!important; }

.dayscare-features-box{ display: block; width: 100%; border-radius: 10px; background: #fff; padding: 50px 35px; box-shadow: 0 0 31px 0px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 31px 0px rgba(0, 0, 0, 0.06); }
.dayscare-features-box h5{ display:block;   font-size: 20px; font-family: 'sf_ui_display_bold';color: #33cbee; padding-bottom: 20px; }
.dayscare-features-box ul{ display: block;  }
.dayscare-features-box ul li{ display: block; width: 100%; position: relative; padding-left: 40px;}
.dayscare-features-box ul li:after{ content: ""; position: absolute; top: 0; left: 0; width: 12px; height: 12px; background-color: #33cbee; border-radius: 100%; font-size: 16px; font-family: 'sf_ui_display_medium';  color: #343434; }
.dayscare-features-box ul li + li{ margin-top: 20px; }

.conclusion-section{position: relative; padding: 170px 0;}
.conclusion-section:after{ content: "";  position: absolute;  background: url(../images/case-study/dayscarefees/conclusion-img.png) no-repeat;  height: 270px; width: 165px; background-size: 100%; top: 19%; right: 17%; }
.conclusion-section:before{ content: "";  position: absolute;  background: url(../images/case-study/dayscarefees/conclusion-img-background.png) no-repeat; background-size: 100%;  height: 480px; width: 500px; top: 0; left: 0; }
.conclusion-section .dayscarefees-case-hadding h4{ padding-bottom: 20px; }



.child-icon-imeage{ position: relative; }
.child-icon-imeage:after{ content: "";  position: absolute;  background: url(../images/case-study/dayscarefees/daycare-banner-child-img-2.png) no-repeat; top: -127px;left: 3%; height: 156px;width: 185px; }
.child-icon-imeage-2{ position: relative; padding-right: 35%; }
.child-icon-imeage-2:after{  content: "";  position: absolute;  background: url(../images/case-study/dayscarefees/daycare-banner-child-img-3.png) no-repeat;    top: 0px; width: 200px; right: 8px; height: 282px; }

.dayscare-color-board{ display: block; width: 100%; }
.dayscare-color-board ul{ display: block; width: 100%; clear: both; margin-left:-2px; margin-right: -2px; }
.dayscare-color-board ul:after,
.dayscare-color-board ul:before{ content: ""; display: block; clear: both; }
.dayscare-color-board ul li{ display: inline-block; float: left; width: 25%; padding-left: 2px; padding-right: 2px; }
.dayscare-color-board ul li h5{ display:block; font-size: 16px; font-family: 'sf_ui_display_semibold'; color: #565656; margin-top: 15px; text-align: center; }
.dayscare-color-board ul li:first-child .dayscarefees-color	{ border-radius: 10px 0 0 10px; }
.dayscare-color-board ul li:last-child .dayscarefees-color{ border-radius: 0 10px 10px 0; }
.dayscarefees-color{ display: block; width: 100%; height: 150px; box-shadow: 0px 1px 46px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 46px 2px rgba(0,0,0,0.3); }

.dayscare-color-board-section{ position: relative; padding: 120px 0; }
.dayscare-color-board-section:after{ content: ""; position: absolute; top: 0; right: 0; background: url(../images/case-study/dayscarefees/color-board-section-background.png) no-repeat; background-size: 100%;     width: 760px;height: 600px;}
.dayscare-color-board-section .dayscarefees-case-hadding h4{ padding-bottom: 0; }
.dayscare-color-board-section .dayscarefees-case-hadding{ padding-bottom: 127px; }

.dayscare-ui-design-section{ padding: 0!important; clear: both; }
.dayscare-ui-design-section:after,
.dayscare-ui-design-section:before{ content: ""; display: block; clear: both; }
.dayscare-ui-design-section>img{ float: right; }
.dayscare-ui-design-section .dayscarefees-case-hadding{ position: absolute; top: 38%; }
.dayscare-ui-design-section .dayscarefees-case-hadding h4{ padding-bottom: 0; }

.daycare-typography-bx{ display: block; width: 100%; }
.daycare-typography-bx .case-typography.another-font .font-name{ font-size: 36px; }
.daycare-typography-bx .case-typography.another-font p,.daycare-typography-bx .case-typography.another-font p span{font-size: 26px;}
.daycare-typography-img{ display: block; width: 100%; text-align: center; }
.daycare-overview-img{ display: block;text-align: center; }

.xtreem_nav>ul>li.resources_menu ul{ left: auto; right: 0; width: 200px; }

.header__overlay.case-study-header { min-height: inherit!important; }

.get-img-background{ background: url(../images/web-icon-sprite.png) no-repeat;background-size: cover; }
.get-img-background.plan-icon{background-position: -58px 0;}
.get-img-background.skype-icon{background-position: -153px 0;}
.get-img-background.phone-icon{background-position: -103px 0; width: 33px!important;}


.home-banner-right-img{ display: block; width: 688px; }
.home-page-baner-content.head__bottom_content_inner h1{ color: #077fc8; font-size: 47px; }
.home-page-baner-content.head__bottom_content_inner p.head__subHeading{ font-family: 'sf_ui_display_medium'; }
.home-banner-right-img p{ font-family: 'sf_ui_display_medium'; font-size: 14px; color:#161616; text-align: center; display: block; margin-top: 40px; }


.next-prev-case{ display: block; width: 100%; margin: 50px 0 0 0; }
.next-prev-case .prev-project.pull-left a, .prev-project.pull-right a {
background: transparent;
border-color: #0C6CD3!important;
color: #0C6CD3
}
.next-prev-case .prev-project.pull-left a:hover, .prev-project.pull-right a:hover{border-color: transparent!important; background:#0C6CD3!important; }
.next-prev-case .detail-pageing-icon{ vertical-align: middle; }
.next-prev-case .detail-pageing-icon a{font-size: 25px;color: #ababab; }
.next-prev-case .detail-pageing-icon a:hover{color: #0c6cd3;}


.next-prev-case .fulwraper{ padding-bottom: 0; }
.hitch-hyke-reviews-slider #hitch-hyke-slider{ margin-bottom: 80px; }
.hitch-hyke-reviews-img img{ width: 100%; height: 100%; object-fit: cover; }


#redeem_popup .modal-content{ background: transparent; }
#redeem_popup .modal-body{ padding: 0!important; border-radius: 10px; overflow: hidden; }
#redeem_popup .modal-body a{ display: block; }
#redeem_popup button.close{ color: #fff; opacity: 1;    position: absolute;right: 10px;top: 10px;}

#redeem_popup .img-wapper{ display: block; width: 100%; height: 100%;  background: #f9d53e; background-size: cover; height: 390px; padding:25px; background-image: url(../images/christmas-day-img.png); background-repeat: no-repeat; position: relative; }
.flat-off{ margin: 20px 0; padding-top: 80px; }
.flat-off img{ max-width: 170px;  }

#redeem_popup .christmas-line{ display: block; }
#redeem_popup .christmas-line .request-btn{border-radius: 30px;padding-left: 25px; padding-right: 25px; margin-top: 20px; padding-top: 13px; padding-bottom: 11px; background: #fff; color: #000; font-family: 'sf_ui_display_medium'; display: inline-block; font-size: 14px; border:2px solid transparent; }
#redeem_popup .christmas-line .request-btn:hover{ background: transparent; border-color: #fff; color: #fff;  }
#redeem_popup .christmas-line h4{ font-size: 28px; color: #333333; font-family: 'sf_ui_display_light'; padding-top: 65px; }
#redeem_popup .christmas-line h4 span{ display: block; font-family: 'sf_ui_display_medium'; }

#redeem_popup .btn_christmas a{ display: inline-block; padding:15px 22px; background: url(../images/btn-back-img.png); border-radius: 5px; overflow: hidden; }
#redeem_popup .btn_christmas a span{ font-weight: 600; font-size: 16px; }
#redeem_popup .all-text{ width: 350px; position: relative; }
#redeem_popup .offer-valid{ font-size: 10px; color: #7c6a1f; font-family: 'sf_ui_display_medium'; position: absolute;left: 20px; bottom: 20px; }

.banner-under-menu{ display: block; width: 100%; border-bottom: 1px solid #e9e9e9; padding: 25px 0; text-align: center; margin-top: -50px; }
.banner-under-menu ul li{ display: inline-block; }
.banner-under-menu ul li a{ display: inline-block; font-size: 16px; font-family: 'sf_ui_display_medium'; color: #272727; padding:10px 12px; border-radius: 20px; border:1px solid transparent; }
.banner-under-menu ul li a.active,
.banner-under-menu ul li a:hover{ color: #148ae3;border-color:#148ae3; }
.btn_christmas a:hover{ color: #000; }

.blog-tab ul{ text-align: center; }
.blog-tab ul li{ display: inline-block; list-style-type: none!important; padding: 0; }
.blog-tab ul li:after,
.blog-tab ul li:before{display: none;}
.blog-tab ul li + li{ margin-left: 10px; }
.blog-tab ul li a{background: #fff;color: #0494ef;border-color: #0494ef; border: 1px solid #0494ef; border-radius: 25px; padding: 10px 15px; font-size: 14px; transition: 0.3s; -webkit-transition: 0.3s;}
.blog-tab ul li a:after{display: none;}
.blog-tab ul li a.active,
.blog-tab ul li a:hover{ background:#0494ef;color: #fff;}
.blog-tab .nav-tabs{ border: 0; justify-content: center; }
.blog-tab .tab-content{ margin-top: 60px; }
.list-inline{ text-align: center; margin-bottom: 40px; }
.list-inline span{ font-size: 30px;display: block;color: #0494ef;margin-bottom: 15px; }
.list-inline p{font-size: 17px;color: #343434; margin-top: 20px; line-height: 1.4;}

.client-rating{ margin-top: 30px; line-height: 1.5; margin-bottom: 7px; }
.client-rating .star{ font-weight: 600; font-size: 16px; }

.repeat_section.repeat_section-sm{ padding: 50px 0; }
.bannner-down-link{ display: block; width: 100%; margin-top: 35px; padding-top: 35px;  position: relative; text-align: left;}
.bannner-down-link:after{ content: ""; display: inline-block; position: absolute;  top: 0; left: 0; width: 160px; height: 5px; background-color: #fff; }
.bannner-down-link h4{ color: #fff; font-size: 20px; font-family: 'sf_ui_display_medium'; margin-bottom:30px;  }
.bannner-down-link a{ display: inline-block; display: inline-block;border: solid 1px #fff;border-radius: 50px;padding: 14px 32px;font-size: 18px;color: #fff; font-family: 'sf_ui_display_medium'; letter-spacing: 1px; text-transform: capitalize; margin-top: 8px; margin-bottom: 8px; }
.bannner-down-link a:hover{ background-color: #fff; color: #0c6cd3; }
.bannner-down-link a + a{ margin-left: 5px; }

.bannner-down-link.normal h4{color: #212529; font-size: 26px;}
.bannner-down-link.normal h4 span{ font-family: 'sf_ui_display_bold'; border-bottom: solid 2px #077fc8; }
.bannner-down-link.normal{ padding: 0; margin-top: 0; }
.normal.bannner-down-link:after{ display:none; }
.bannner-down-link.normal a{ color: #0c6cd4; border-color: #0c6cd4; }
.bannner-down-link.normal a:hover{ background:#0c6cd4;  color: #fff;  }

.awards_inner ul li a.topdevelopers{ background: url(../images/topdevelopers-icon.png) no-repeat top center; }


/*======snowflake===========*/
.snowflakes-civer{position: fixed; top: 0; right: 0;  bottom: 0;left: 0;  z-index: 9999; pointer-events: none;}
.snowflakes {width: 100%; height: 100%; position: absolute; top: 0px; left: 0; right: 0; bottom: 0; }
.snowflakes {width: 100%; height: 100vh; position: absolute; top: -90px; left: 0; }

.snowflakes i, .snowflakes i:after, .snowflakes i:before { background: white; }
.snowflakes i {display: inline-block; -webkit-animation: snowflakes 40s linear 2s 20; -moz-animation: snowflakes 40s linear 2s 20; position: relative; border-radius: 100%; background:#fff; }
/*.snowflakes i:after, .snowflakes i:before {height: 100%; width: 100%; content: "."; position: absolute; top: 0px; left: 0px; -webkit-transform: rotate(120deg); }
.snowflakes i:before { -webkit-transform: rotate(240deg); }*/

@-webkit-keyframes snowflakes {
  0% {
    -webkit-transform: translate3d(0,0,0) rotate(0deg) scale(0.6);
  }
  100% {
    -webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
  };
}

.snowflakes i:nth-child(3n) {width: 10px; height: 10px;  -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 30; -webkit-transform-origin: right -45px; }
.snowflakes i:nth-child(3n+1) {  width: 12px; height: 12px; -webkit-animation-duration: 6s; -webkit-animation-iteration-count: 45; -webkit-transform-origin: right -30px; }
.snowflakes i:nth-child(3n+2) {width: 16px; height: 16px; -webkit-animation-duration: 8s; -webkit-animation-iteration-count: 60; -webkit-transform-origin: right -15px; }
.snowflakes i:nth-child(7n) {  opacity:.3; -webkit-animation-delay: 0s; -webkit-animation-timing-function:ease-in; }
.snowflakes i:nth-child(7n+1) {  opacity:.4; -webkit-animation-delay: 1s; -webkit-animation-timing-function:ease-out; }
.snowflakes i:nth-child(7n+2) {opacity:.5; -webkit-animation-delay: 1.5s; -webkit-animation-timing-function:linear; }
.snowflakes i:nth-child(7n+3) {opacity:.6; -webkit-animation-delay: 2s; -webkit-animation-timing-function:ease-in; }
.snowflakes i:nth-child(7n+4) {opacity:.7; -webkit-animation-delay: 2.5s; -webkit-animation-timing-function:linear; }
.snowflakes i:nth-child(7n+5) {opacity:.8; -webkit-animation-delay: 3s; -webkit-animation-timing-function:ease-out; }
.snowflakes i:nth-child(7n+6) {opacity:.9; -webkit-animation-delay: 3.5s; -webkit-animation-timing-function:ease-in; }
.modal-backdrop.in{ opacity: 0.9; }

.quote-bar{ position: relative; padding: 12px 0 12px 20px!important;   }
.quote-bar:before{ content: ""; position:absolute; top: 0; bottom: 0; width: 2px; background-color: #0c6cd3; display: block; left: 0;   }
.awardsss_cell{ position: relative; }
.awardsss_overlay_a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1; }

.textAreaForBlog{max-width: 700px;margin:0 auto;}
.textAreaForBlog>p{font-family: sf_ui_display_bold;font-size: 16px;font-style: italic;padding-bottom: 3px;}
.textAreaForBlog textarea{width: 100%;display: block;min-height: 154px;border: 1px solid #DDD;border-radius: 10px;padding: 15px;resize: none;}

/**/

.count-pop-up-box{ display: block; position:fixed;  bottom: 0; left: 20px; width: 300px; border-radius: 6px; border:1px solid #077fc8; padding: 20px; background: #fff; z-index:9999; overflow: hidden; }
.count-pop-up-text{ display: block; padding-bottom: 15px;  position: relative; padding-top: 40px;}
.count-pop-up-text h5{ font-size: 16px; color: #494949; font-family: 'sf_ui_display_medium';line-height: 1.4 }
.count-pop-up-text h2{ display: block; font-size: 17px; color: #000000; font-family: 'sf_ui_display_medium'; line-height: 1.4; }
.count-pop-up-text h2 strong{ display: block; font-family: 'sf_ui_display_black';}
.count-box{ clear: both; margin-bottom: 25px; }
.count-box:after,
.count-box:before{ content: ""; display: block; clear: both; }
.count-box .box-row{ margin-left: -6px; margin-right: -6px; }
.count-box .box-row div{ display: inline-block; float: left; width: 25%; padding-right: 6px; padding-left: 6px; text-align: center; position: relative; }
.count-box .box-row div:after{ content: ""; position: absolute; top: 26px;left: -2px;width: 5px;height: 2px; background:#e5e5e5;  }
.count-box .box-row div:nth-child(1):after{ display: none; }
.count-box .box-row div span{display: block; font-size: 14px; color: #737373; font-family: 'sf_ui_display_medium'; padding-top: 5px; letter-spacing: 1px; }
.count-box .box-row div strong{ display: flex; justify-content:center;  align-items: center; height: 55px; width:100%; background: #e5e5e5; border-radius: 5px; font-size: 28px; color: #000; font-family: 'sf_ui_display_bold'; }

.count-pop-up-box .custom-btn h4{ font-size: 13px; color: #000000; font-family: 'sf_ui_display_bold'; margin-top: 10px; }
.count-pop-up-box .custom-btn h4 sup{     font-size: 12px;color: #000;  top: -4px; }
.count-pop-up-box .custom-btn .btn.btn-primary{ border-radius: 20px; max-width: 170px; min-width: 170px; }
.count-pop-up-box .custom-btn .btn.btn-primary:focus{ box-shadow: none;color: #fff;background-color: #0069d9;border-color: #0062cc; }
#closepopupbtn{ font-size: 24px; color:#818181; cursor: pointer; background: transparent; position: absolute; top: 10px; right: -5px; }
#closepopupbtn:hover{ color: #000; outline: none; }
#closepopupbtn:focus{ outline: none; }

.events-data-row{display: block; background: #ffffff; border-radius: 10px; padding: 15px; box-shadow: 0 0 56px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 56px 0px rgba(0,0,0,0.1);}
.events-data-row + .events-data-row{ margin-top: 35px; }
.events-slider-img-box{ display: block; width: 100%; border-radius: 10px; height: 370px; overflow: hidden; }
.events-slider-cover{ padding-bottom: 35px; }
.events-slider-cover .carousel-indicators{ bottom: -26px; }
.events-slider-cover .carousel-indicators li{ background:#cccccc; border-radius: 2px; width: 20px; margin-right: 5px; margin-right: 5px; transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; }
.events-slider-cover .carousel-indicators li::before{ transition: 0.3s; -webkit-transition: 0.3s; }
.events-slider-cover .carousel-indicators li.active{ background: #737373;width: 40px; }
/*.events-slider-cover{ border-radius: 10px; }*/
.events-slider-img-box img{ width: 100%; height: 100%; object-fit: cover; }
.events-details-box .address{ font-size: 14px; color: #4c4c4c; font-family: 'sf_ui_display_bold';}
.events-details .img{ margin-bottom: 10px; }
.events-details p{ line-height: 1.4; font-family: 'sf_ui_display_medium'; font-size: 16px; color: #4c4c4c; margin-bottom: 20px;}
.events-details p + p{ margin-top: 8px; }
.events-details .btn-primary{ background: #1798ea; border-radius: 25px; padding: 10px 30px; }


.also-read a{ display: inline!important; }


/*new-request-a-quote-section*/

.new-request-a-quote-section{ position: relative; overflow: hidden; }
.new-request-a-quote-section .request-a-quote-right-part{ max-width: 750px; }
.request-a-quote-step-box{ max-width: 850px; width: 100%; margin-left: auto; padding-right: 45px; height: 100%;     min-height: 1000px;     align-items: center; display: flex; position: relative; }
.request-a-quote-step h2{ font-size: 34px; color: #000000;  font-family: sf_ui_display_bold; padding-bottom: 10px; }
.request-a-quote-step h4{ font-size: 18px; color:#000; font-family: 'sf_ui_display_medium'; padding-bottom: 20px;}
.request-a-quote-step textarea.form-control{ min-height: 150px; }

.request-a-quote-stap-text-cover{ padding-right: 120px;width: 100%; }

.request-a-quote-radio.radios_check{ margin-top: 0; }
.request-a-quote-radio.radios_check label{ padding-left: 30px; font-size: 20px; font-family: 'sf_ui_display_light'; color: #000; cursor: pointer; }
.request-a-quote-radio.radios_check label:before{ width: 18px; height: 18px; border-color: #0c6cd3; top: 0; }
.request-a-quote-radio.radios_check label:after{ content: ""; position: absolute; top: 5px; left: 5px;  width: 8px; height: 8px; border-radius: 100%; background:#0c6cd3; display:none;  }
.request-a-quote-radio.radios_check input[type=radio]:checked + label:after{ display: block;  }
.request-a-quote-radio.radios_check input[type=radio]:checked + label:before{ background: transparent; }


.request-a-quote-ul ul li{ display: block; margin-top: 13px; }
.request-a-quote-button{ margin-top: 30px; }
.request-a-quote-button .custom-btn button + button{ margin-left: 8px; }
.request-a-quote-button .custom-btn a + a{ margin-left: 8px; }
.request-back-step{ vertical-align: middle; background: transparent; padding: 5px 0px; text-transform: uppercase; font-size: 14px; color: #8a8a8a; position: relative; transition: 0.3s; -webkit-transition: 0.3s; font-family: 'sf_ui_display_medium'; margin: 0 10px; cursor: pointer; }
.request-back-step:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background:#8a8a8a;  transition: 0.3s; -webkit-transition: 0.3s; width: 100%; }
.request-back-step:hover{ color: #000; }
.request-back-step:hover:after{ color: #000; }
.request-back-step:focus{ box-shadow: none; color: #000; outline: none; }
.request-a-quote-button .btn_normal{ min-width: inherit; }
.request-skip{ color: #000; font-size: 16px; font-family: 'sf_ui_display_medium'; background: transparent;}
.request-skip:focus{ box-shadow: none; color: #000; }

.custom-checkbox input[type=checkbox]{ opacity: 0; visibility: hidden; width: 1px; height: 1px; position: absolute; }
.custom-checkbox label{ padding-left: 30px; font-size: 20px; font-family: 'sf_ui_display_light'; color: #000; cursor: pointer; position: relative; }
.custom-checkbox input[type=checkbox] + label:before{ content: ""; position: absolute; left: 0; width: 20px; height: 20px; border-radius: 5px; border: solid 2px #077fc8; top: -1px; }
/*.custom-checkbox input[type=checkbox] + label:hover:before{ border-color: #333; background:#ddd; }*/
.custom-checkbox input[type=checkbox]:checked + label:before{ border-color: #077fc8; }
.custom-checkbox input[type=checkbox]:checked + label:after{content: ""; position: absolute; width: 20px; height: 20px; z-index: 2; background: url(../images/check-mark.svg) center no-repeat; background-size: 12px; left: 0; top: -1px;}
.request-a-quote-ul.threecol ul li{ display: inline-block; width: 33.33%; float: left; }
.request-heading{ font-size: 16px; color: #000000; font-family: 'sf_ui_display_light'; }
.custom-select-box{ position: relative; }
.request-a-quote-step .form-control{ height: 50px!important; font-size: 20px; }
.custom-select-box select{ -webkit-appearance:none; padding-right: 50px;}
.custom-select-box span{ position: absolute; right: 0; bottom: 0;height: 50px; width: 50px; pointer-events: none; text-align: center; line-height: 50px; color: #ced4da; }
.request-step-input-group .form-group{ margin-bottom: 25px; }

.request-a-quote-mountain-box{ display: block; height: 100%; display: flex;align-items: center;align-content: center;flex: 0 0 100%;flex-flow: wrap; justify-content: center; flex-flow: column; position: relative; }
.request-a-quote-mountain-box:after{ content: ""; position: absolute; top: -20px;left: 0;right: -20px;bottom: -20px;background: #f7f7f7;transform: rotate(3deg); -webkit-transform: rotate(3deg); }
.request-a-quote-mountain-box p{ font-size: 20px; color:#313131; font-family: 'sf_ui_display_medium'; margin-bottom: 50px; position: relative;z-index: 1;}

.request-a-quote-step{ visibility: hidden; opacity: 0; position: relative; transform: translateX(250px);-webkit-transform: translateX(250px); transition: 0.5s; -webkit-transition: 0.5s; position: absolute; }
.request-a-quote-step.show{ width: 100%; transform: translateX(0px);-webkit-transform: translateX(0px); visibility: visible; opacity: 1; }
.request-a-quote-step.hide{transform: translateX(-250px);-webkit-transform: translateX(-250px);}
.request-a-quote-step.stap-back{transform: translateX(0px);-webkit-transform: translateX(0px);}

.request-a-quote-mountain-box-cover { position: relative; z-index: 1; }

.mountain-box-img{ position: relative; }
.request-a-quote-mountain-step { height: 348px; width:360px; position: absolute; display: block; margin-left: auto; top: -36px; right: 0; }
.mountain-step{ position: absolute; transform-origin: right; -webkit-transform-origin: right; }
.mountain-step span.fill-step{ display: block; width: 100%;-webkit-transition: all 0.8s linear; transition: all 0.8s linear; background:url(../images/mountain-step-fill.png) 0px 0 no-repeat; background-size: 400px; height: 3px; position: relative; }
.mountain-step span.fill-step:after{ content: ""; position: absolute; width: 10px; height: 10px; border-radius: 5px; background:#a0a0a0;  left: -9px;top: 50%;z-index: 1; transform: translateY(-50%); -webkit- transform: translateY(-50%);}
.mountain-step:nth-of-type(1){ bottom: 17px;right: 249px;width: 89px;transform: rotate(142deg);-webkit-transform: rotate(142deg);z-index: 7;}
.mountain-step:nth-of-type(2){bottom: 73px;right: 173px; width: 116px; transform: rotate(18deg); -webkit-transform: rotate(18deg); z-index: 6}
.mountain-step:nth-of-type(3){bottom: 109px;right: 292px; width: 68px; transform: rotate(155deg); -webkit-transform: rotate(155deg); z-index:5}
.mountain-step:nth-of-type(4){ bottom: 142px;right: 230px; width: 54px; transform: rotate(25deg); -webkit-transform: rotate(25deg); z-index: 4}
.mountain-step:nth-of-type(5){ bottom: 168px;right: 282px; width: 52px; transform: rotate(101deg); -webkit-transform: rotate(101deg); z-index: 3}
.mountain-step:nth-of-type(6){ bottom: 224px;right: 272px; width: 53px; transform: rotate(51deg); -webkit-transform: rotate(51deg); z-index: 2}
.mountain-step:nth-of-type(7){ bottom: 271px;right: 308px; width: 32px; transform: rotate(100deg); -webkit-transform: rotate(100deg); z-index: 1}
.mountain-step:nth-of-type(1) span.fill-step:before{ content: "";position: absolute; width: 10px; height: 10px; border-radius: 5px; background: #a0a0a0; -webkit-transition: all 1s ease-in-out 0s; z-index: 1; bottom: -4px; right: 0;}

.mountain-step-submit-success{bottom: 271px;right: 308px;width: 32px;transform: rotate(100deg);-webkit-transform: rotate(100deg);z-index: 1;}

/*.mountain-step.blink{ z-index: 1; }*/
/*.mountain-step.fill{ z-index: 2; }*/
/*.mountain-step.fill:last-child{ z-index: initial; }*/
.mountain-step.fill span.fill-step{ background-position: -200px 0; }
.mountain-step.fill span.fill-step:after,
.mountain-step.fill span.fill-step:before{ background: #077fc8; -webkit-transition: all 2s ease-in-out 0s; transition: all 2s ease-in-out 0s }
/*.mountain-step .mountain-flag{  height: 50px;width: 71px; position: absolute; top: -60px; background: url(../images/flag-icon.jpg) no-repeat; left: -40px; -webkit-transform: rotate(-101deg); transform: rotate(-101deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; transition-delay: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}*/
.mountain-step .mountain-flag{  height: 50px;width: 71px; position: absolute; top: -63px; /*background: url(../images/flag-icon.jpg) no-repeat;*/ left: -40px; -webkit-transform: rotate(-101deg); transform: rotate(-101deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.mountain-step .mountain-flag svg{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
/*.mountain-step .mountain-flag svg{ display: none; }*/
.mountain-step.fill .mountain-flag svg{ animation: mymove 3s linear forwards; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;  }
@keyframes mymove {
  from {stroke-dashoffset: -90; stroke-dasharray: 216; opacity: 0; visibility: hidden; }
  to { stroke-dashoffset: -0; stroke-dasharray: 216; opacity: 1; visibility: visible;}
}
 

.stap-7-heading{ opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;  visibility: hidden;}
.stap-7-heading.show{ opacity: 1; visibility: visible; }
.request-a-quote-step .btn{ cursor: pointer!important; }

.blink.fill.mountain-step span:after{ animation: pulseaim 1.75s infinite cubic-bezier(0.66, 0, 0, 1); -webkit-animation: pulseaim 1.75s infinite cubic-bezier(0.66, 0, 0, 1); animation-delay: 0.4s; -webkit-animation-delay: 0.4s; box-shadow: 0 0 0px 0px rgba(12, 108, 211, 0.9); -webkit-box-shadow: 0 0 0px 0px rgba(12, 108, 211, 0.9); }
.request-a-quote-button .btn_normal{ cursor:pointer; }

.request-a-quote-button .btn_normal i{ display: inline-block;vertical-align: middle; margin-left: 5px; font-size: 16px;     transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;  }
.request-a-quote-button .btn_normal:hover i{ color: #ffffff; position: relative; z-index: 2; margin-left: 15px; }
.request-min-hight{ min-height: 285px; }


/*==========================================22-03-2021 sofify-page-css-start==============================================*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

.sofify-heading{max-width: 760px; margin:0 auto;}
.sofify-heading h2{font-weight: 700; font-size: 30px; line-height: 1.4; color: #000000; margin-bottom: 20px;}
.package-heading h2 sup {top: -5px; left: 6px;}
.banner-bottom-sofify .sofify-heading h2{margin-bottom:50px;}
.sofify-heading p{font-weight: 300; font-size: 20px; line-height: 1.6; color: #000000; }

.btn-customx{background: #0C6CD4; color: #fff; border-radius: 50px; font-weight: 500; padding: 18px 30px 14px 30px; display: inline-block; line-height: 1; font-size: 16px; border:1px solid transparent; transition: 0.4s; -webkit-transition: 0.4s;}
.btn-customx:hover{background: transparent; color: #0C6CD4 !important; border-color: #0C6CD4 !important; color: #0C6CD4 !important; text-decoration: none;}
.features-btn{background: transparent; color: #0C6CD4 !important; font-weight: 500 !important; border-radius: 50px !important; padding: 18px 30px 14px 30px !important; display: inline-block !important; line-height: 1 !important; font-size: 16px !important; border: 1px solid #0C6CD4 !important; transition: 0.4s !important; -webkit-transition: 0.4s !important; }
.features-btn:hover{background:#0C6CD4 !important; color: #fff !important; border-color: transparent !important; text-decoration: none;}

.sofify-bg{background: #EFEFEF;}
.sofify-tab-parent .nav-pills{margin: 0 auto 50px; max-width: 720px;}
.sofify-tab-parent .nav-pills li a{font-weight: 500; font-size: 20px; line-height: 24px; color: #111111; border: 1px solid transparent; border-radius: 100px; padding: 15px 25px; text-align: center; display: inline-block;}
.sofify-tab-parent .nav-pills li a.active{background: transparent !important; color: #0C6CD4; border-color: #0C6CD4;;}
.sofify-tab-parent .nav-pills li a:hover{text-decoration: none;}
.sofify-tab-parent .nav-pills li + li{margin-left:20px;}
.package-heading h3{font-weight: 600; font-size: 26px; line-height: 31px; color: #282828; display: block; margin:0 0 10px;}
.package-heading h2{font-weight: 600; font-size: 40px; line-height: 48px; color: #0C6CD4;}
.package-heading{padding:60px 25px;}
.package-content-box{border-radius: 20px; background: #ffffff; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0215656), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0178832), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.015), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0121168), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00843437);}

.tabing-list{border-top:1px solid #E5E5E5; padding: 30px 25px;}
.tabing-list ul{min-height:329px;}
.tabing-list ul li{font-weight: 300; font-size: 18px; line-height: 1.5; color: #000000; padding:10px 0 10px 35px; position: relative;}
.tabing-list ul li:after { content: ""; position: absolute; top: 10px; left: 0; background: url(../images/sofify-list-icon.svg) no-repeat left center; width: 28px; height: 28px;}
.box-btn {margin-top: 25px;}
.box-btn .btn{margin: 0 6px;}
.package_ads .sofify-heading h2{margin: 0 0 20px;}
.package_ads .sofify-heading {max-width: 900px; margin: 0 auto 70px;}
.package_ads .col-lg-6{margin-bottom:30px;}
.ads-box{padding:40px 30px; background: #F5F5F5; border-radius: 20px; height:100%;}
.ads-box h3{font-weight: 600; font-size: 24px; line-height: 1.6; color: #000000; margin: 0 0 15px;}
.ads-box p{font-weight: 300; font-size: 20px; line-height: 1.6; color: #000000;}
.dost-section .sofify-heading{max-width: 445px; margin-right: auto;}
.dost-section .sofify-heading h2{margin-bottom:20px;}
.data-transfer-parent{background: #FFFFFF; border-radius: 20px; padding: 40px 55px; display: flex; justify-content: center; align-items: start;}
.data-transfer-parent .border-dots{position: relative; width:50%;}
.data-transfer-parent .border-dots:before{content:""; width: 5px; background:#E0E0E0; position: absolute; left: 0; top: 6px; bottom: 6px; border-radius:10px;}
.data-transfer-parent .border-dots li{padding-left:30px; font-weight: 300; font-size: 20px; color: #000000; position:relative; line-height: 1.3;}
.data-transfer-parent .border-dots li + li{margin-top: 20px;}
.data-transfer-parent .border-dots li:after { content: ""; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: #0C6CD4; border-radius: 50%; }
.features-inner{padding-bottom: 90px;}
.store-content{height:100%; margin-bottom: 40px;}
.store-content h3{ font-weight: 700; font-size: 24px; color: #000000; margin-bottom: 25px;}
.store-content p{font-weight: 300; font-size: 20px; line-height: 1.6;}
.capture-section .ads-box{background: #ffffff;}
.expert-heading{max-width: 820px !important; margin: 0 auto 70px;}
.faq-section .sofify-heading{margin: 0 auto 70px;}
.faq-section #accordion .card-header { background: none; border-radius: inherit; border: none; padding: 0; padding: 0 !important;}
.faq-section #accordion h5{ font-weight: 500; font-size: 18px; line-height: 22px;  color: #000000; font-family: 'Montserrat', sans-serif; cursor: pointer; padding: 25px 25px; position: relative;}
.faq-section #accordion .card-header h5:after{content:'\f078'; position:absolute; top: 50%; transform:translateY(-50%); right:22px; transition: 0.4s; -webkit-transition:0.4s;  font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 600; color: #7D7D7D;}
.faq-section #accordion .card {background: #EFEFEF; border-radius: 10px; margin-bottom: 20px; border: none;}
.faq-section #accordion .card-body {margin: 0 25px; border-top: 1px solid #E4E4E4; padding: 25px 0; line-height: 1.4;}
.faq-section #accordion .card-header h5[aria-expanded="true"]:after{transform: rotate(180deg) translateY(50%);}
.head__bottom_content.Shopify-banner .casestudy_banner img { opacity: 0; visibility: hidden; display: none; }
.head__bottom_content.Shopify-banner { background: linear-gradient( 80.79deg , #0C6CD4 0.66%, #2DA5E9 99.57%); padding:210px 0 190px; margin-top: 0!important;}
.shofify-banner-content p{font-weight: 500; font-size: 16px; letter-spacing: 3px; color: #FFFFFF; line-height: 1.4; margin-bottom: 0; font-family: 'sf_ui_display_thin';}
.shofify-banner-content h2{ font-size: 80px; line-height: 1.1; color: #FFFFFF; margin:0 0 20px;  font-family: 'sf_ui_display_medium';}
.shofify-banner-content h2 + p{ letter-spacing: 0; font-weight: 500;      font-family: 'sf_ui_display_medium';}
.shofify-banner-content{text-align:left;}
.table-section .sofify-heading{margin-bottom:30px;}
.table-section table {width: 100%;}
.table-section table tr td, .table-section table tr th{text-align:center;  padding: 25px 0; background: #F5F5F5; margin:0 25px; position: relative;}
.table-section table tr td:first-child, .table-section table tr th:first-child{width: 460px;}
.table-section table tr:last-child td:after{display: none;}
.table-section table tr td::after,
.table-section table tr th::after{ content: ""; position: absolute; bottom: 0; right:0; left:0; height: 1px; background:  #D6D6D6;}
.table-section table tr td:nth-child(2)::after{ left: 15px; }
.table-section table tr td:last-child::after{ right: 15px;}
.table-section table tr:nth-child(1) th:nth-child(2)::after{ left: 15px; }
.table-section table tr:nth-child(1) th:last-child::after{ right: 15px;}
.table-section table tr td:first-child, .table-section table tr th:first-child{background:#ffffff; text-align:left;  border-right:13px solid #ffffff;}
.table-section table tr th{font-weight: 600; font-size: 20px; color: #000000;}
.table-section table tr td {font-style: normal; font-weight: 300; font-size: 20px; color: #000000;}
.table-border-left{border-radius: 20px 0 0;}
.table-border-right{border-radius: 0 20px 0 0;}
.border-bottom-right{border-radius: 0 0 20px 0px;}
.border-bottom-left {border-radius: 0 0 0 20px;}
.capture-section .col-lg-4 {margin-bottom: 30px;}


@media screen and (min-width: 1199px)
{
  .featured-img-parent img{ max-width: 420px; margin-left:-70px }
}


/*=========================================22-03-2021 sofify-page-css-end============================================*/

.faq-section .faq-img-parent lottie-player{
  width: 600px !important; margin-left: -100px; pointer-events: none; user-select: none;
}






.home-banner-hair_formv .home-banner-right-img{ width: 100%;}
.home-banner-hair_formv .hair_formv{ max-width:500px; margin-left:auto; box-shadow:0 0 50px 0px rgba(249 , 213 , 62 , 0.4); border:4px solid #f9d53e}
.home-banner-hair_formv .hair_formv h4{ font-size:30px; color: #0c6cd3;}
.home-banner-hair_formv .btn_normal{     cursor: pointer; margin-top:10px}
.home-banner-hair_formv .btn_normal i{ font-size:18px}