html {
min-height: 100%
}

body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
width: 100%;
min-height: 100%;
line-height: 1.42857;
color: #333333;
font-size: 1em;
background: #f6fafd;
}
.white {
color:#fff;
}
ul,ul li {
list-style-type:none;
}
body a {
text-decoration: none;
cursor: pointer;
zoom: 1;
background: none;
border: none;
color: #000;
}
body a:hover {
text-decoration: none;
color: #ff6303;
}
img {
max-width: 100%;

}
.bg-color-area {background: linear-gradient(135deg,#360384,#da0b68) !important; background-image: linear-gradient(135deg,rgb(54,3,132),rgb(218,11,104)) !important; background-repeat: repeat; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto;}
.bg-gray {
background:#f3f3f3;
}
.bg-gray-dark {
background:#343a40;
}
.bg-customer {
background:#ff6303;
}
.bg-customer:hover {
background:#f3f3f3;
}
.bg-customer:hover a{
color:#ff6303;
}

.btn,input[type=submit],.request-quote-form input[type=submit] {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 6px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 1.33;
font-weight: bold;
padding: 12px 24px;
text-align: center;
text-decoration: none;
-o-transition: all .1s;
transition: all .1s
}

.btn:hover,input[type=submit]:hover,.btn:focus,input[type=submit]:focus,.btn:active,input[type=submit]:active {
outline: 0 none
}

.btn:hover,input[type=submit]:hover {
text-decoration: none
}

.btn-red,input[type=submit] {
background-color: #ff6303;
border: 1px solid #ff6303;
color: #fff
}

.btn-red:hover,input[type=submit]:hover {
background-color: transparent;
color: #ff6303
}

.btn-red-border {
border: 1px solid #ff6303;
color: #ff6303;
background-color: transparent
}

.btn-red-border:hover {
background-color: #ff6303;
color: #fff
}

.btn-red-shadow {
border-radius: 4px;
background-color: #ff6303;
border: none;
color: #fff;
box-shadow: 1px 2px #862215
}

.btn-red-shadow:hover {
background-color: #d34e3c;
box-shadow: 1px 2px #af2b19
}

.btn-cxcms {
font-size: 21px;
font-weight: 700;
text-align: center;
padding: 0 21px;
text-decoration: none;
border-radius: 2px;
border: 3px solid #fff;
color: #fff;
height: 48px;
line-height: 42px;
display: inline-block
}

.btn-cxcms:hover {
border-color: #ffde85;
color: #ffde85;
text-decoration: none
}

.btn-cxcms-white {
background-color: #fff;
color: #54a0b4
}

.btn-cxcms-white:hover {
color: #54a0b4;
background-color: #ffde85
}

.btn-blue-border {
border-radius: 20px;
font-size: 15px;
line-height: 1.42857;
padding: 10px 16px;
text-decoration: none;
color: #1ba8ea;
border: 1px solid #48c5ff;
background-color: #fff
}

.btn-blue-border:hover {
background-color: #1ba8ea;
color: #fff
}

.btn-pink {
background-color: #f84e5b;
border-color: #f84e5b;
border-radius: 20px;
padding: 10px 16px;
color: #fff
}

.btn-pink:hover {
background-color: #fff;
border-color: #f84e5b;
color: #f84e5b
}
body.home{
background: url(../images/bg-slider-home.jpg) #f6fafd center 100px repeat-x;
}
@media (max-width: 639px) {
body.home{
background: url(../images/bg-slider.jpg) #f6fafd center 100px repeat-x;
}
}

body.post-template-default{
background: url(../images/bg-page-single-top.jpg) #fff center 100px repeat-x;
}
body.page-template-default{
background: url(../images/bg-page-single-top.jpg) #fff center 100px repeat-x;
}
body.tag {
background: url(../images/bg-page-single-top.jpg) #fff center 100px repeat-x;
}
body.page-id-21{
background: url(../images/bg-page-services-top.jpg) #fff center 100px repeat-x;
}
body.category{
background: url(../images/bg-page-single-top.jpg) #fff center 100px repeat-x;
}

header {
background:#000;
z-index: 1000;
margin:0px;
padding:0px;
width: 100%;
height:100px;
-o-transition: top .3s;
transition: top .3s;
position: relative;
}

header strong{
color:#fff;
font-size:1.5em;
}
header strong i{
color:#ff6303;
margin-left:5px;
margin-right:5px;
}


nav {
margin:0px;
padding:0px;
}
.navbar {
margin:0px;
padding:0px;
}
.navbar-expand-lg {
margin:0px;
padding:0px;
}

.navbar-cuntomer {
  line-height:75px;
}
@media (min-width: 768px) {
.navbar-cuntomer {
 line-height:75px;
}
}
.navbar-cuntomer .navbar-nav a {
  color: #fff;
  font-size:1.050em;
  font-weight:500;
  margin-left:15px;
}

@media (max-width: 768px) {
.navbar-cuntomer .navbar-nav li{
  margin-left:0px;
  line-height:35px;
}
}
.navbar-cuntomer .navbar-nav a:hover, .navbar-cuntomer .navbar-nav a:focus {
  color:#ff6303;
}



.navbar-cuntomer .navbar-nav .show > a,
.navbar-cuntomer .navbar-nav .active > a,
.navbar-cuntomer .navbar-nav .current-menu-item > a,
.navbar-cuntomer .navbar-nav .current-menu-parent > a,
.navbar-cuntomer .navbar-nav a.show,
.navbar-cuntomer .navbar-nav a.active {
  color:#ff6303;
}


.navbar-cuntomer .navbar-toggler {
  color:#ff6303;
  border:none;
}

.navbar-cuntomer .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 99, 3, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  border:none;
}

.bg-cuntomer {
  background-color: #000 !important;
  margin:0px;
  padding:0px;
}

a.bg-cuntomer:hover, a.bg-cuntomer:focus,
button.bg-cuntomer:hover,
button.bg-cuntomer:focus {
  background-color: #1d2124 !important;
}



.front-header-image {
background-size: cover;
    margin-top:80px;
margin-bottom:45px;
position: relative;
width: 100%;
color: #3b272d

}



.front-header-image .picture{
position: absolute;
top:-9px;
left:-210px;
z-index:9;
}
.front-header-image .picture-small{
position: absolute;
top:180px;
right:0px;
}





.front-header-image .text{
position: absolute;
z-index:10;
}
.front-header-image .text h1 {
color: #3b272d;
font-size: 30px;
letter-spacing: -2px;
font-weight: bold;
-webkit-animation: myfirst .9s ease-in 0s;
-o-animation: myfirst .9s ease-in 0s;
animation: myfirst .9s ease-in 0s
}


.front-header-image .text p {
margin-bottom: 15px;
font-size: 20px;

font-weight: normal
}








.front-header-image .phone h3{
font-family:"Georgia";
src: url("fonts/georgiab.ttf");
font-size:35px;
color:#ff6303;
margin-top:20px;
margin-bottom:40px;
}
.front-header-image .phone h3 i{
margin-right:10px;
}
.front-header-image .themes{
margin-left:76px;
}
.front-header-image .themes h3{
font-size:18px;
font-weight:bold;
color:#333;
}
.front-header-image .themes ul{
margin:20px auto;
padding-left:20px;
}
.front-header-image .themes ul li{
margin:0px;
padding:0px;
list-style:none;
line-height:25px;
list-style-type:disc;
}
.front-header-image .themes ul li a{
color:#004b7f;
}


@-webkit-keyframes myfirst {
from {
opacity: 0;
margin-left: -30px
}

to {
opacity: 1;
margin: 0
}
}

@-o-keyframes myfirst {
from {
opacity: 0;
margin-left: -30px
}

to {
opacity: 1;
margin: 0
}
}

@keyframes myfirst {
from {
opacity: 0;
margin-left: -30px
}

to {
opacity: 1;
margin: 0
}
}

.front-services-block {
padding: 15px 0 0 15px;
margin-top:420px;
}
@media (min-width: 992px) {
.front-services-block {
margin-top:-30px;
}
}
.front-services-block .image {
display: block;
margin-bottom: 5px
}

.front-services-block .text,.front-services-block .text p {

color: #4c4c4c !important;
font-size: 14px;
line-height: 20px;
}

.front-services-block .text p {
margin-bottom: 10px;
}

.front-services-block .shadow {
display: none
}

@media (min-width: 992px) {
.front-services-block .animation-block {
display: inline-block;
position: relative;
height: 135px
}

.front-services-block .image {
position: relative;
-o-transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 2.275);
transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 2.275);
top: 0;
z-index: 10
}

.front-services-block .shadow {
height: 25px;
width: auto;
position: absolute;
top: 111px;
left: 0;
text-align: center;
width: 100%;
display: block
}

.front-services-block .shadow img {
height: 25px;
opacity: 1;
-o-transition: all .3s;
transition: all .3s
}

.front-services-block .item:hover .image {
top: -10px;
-o-transition: top 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.675);
transition: top 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.675)
}

.front-services-block .item:hover .shadow {
display: block
}

.front-services-block .item:hover .shadow img {
margin-top: 5px;
height: 20px;
opacity: .4;
-o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.375);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.375)
}

.front-services-block .item.marketing .animation-block {
min-width: 216px;
margin-left: -2px
}

.front-services-block .item.marketing .image {
background-image: url("../images/icons_1x.png");
width: 204px;
height: 135px;
background-position: -433px -312px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 992px) and (min-device-pixel-ratio: 1.5), (min-width: 992px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 992px) and (min-resolution: 144dpi), (min-width: 992px) and (min-resolution: 1.5dppx) {
.front-services-block .item.marketing .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 204px;
height: 135px;
background-position: -431px -311px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 992px) {
.front-services-block .item.marketing .shadow {
left: -7px
}

.front-services-block .item.website .animation-block {
min-width: 216px;
margin-left: -7px
}

.front-services-block .item.website .image {
background-image: url("../images/icons_1x.png");
width: 216px;
height: 135px;
background-position: 0px -312px;
background-repeat: no-repeat;
display: inline-block;
margin-left: 0px
}
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 992px) and (min-device-pixel-ratio: 1.5), (min-width: 992px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 992px) and (min-resolution: 144dpi), (min-width: 992px) and (min-resolution: 1.5dppx) {
.front-services-block .item.website .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 216px;
height: 135px;
background-position: 0px -311px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 992px) {
.front-services-block .item.website .shadow {
left: -2px
}

.front-services-block .item.cxcms .animation-block {
min-width: 210px;
margin-left: -7px
}

.front-services-block .item.cxcms .image {
background-image: url("../images/icons_1x.png");
width: 213px;
height: 135px;
background-position: -218px -312px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 992px) and (min-device-pixel-ratio: 1.5), (min-width: 992px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 992px) and (min-resolution: 144dpi), (min-width: 992px) and (min-resolution: 1.5dppx) {
.front-services-block .item.cxcms .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 213px;
height: 135px;
background-position: -217px -311px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 992px) {
.front-services-block .item.cxcms .shadow {
left: -1px
}

.front-services-block .item.mobile .animation-block {
min-width: 170px;
margin-left: -2px
}

.front-services-block .item.mobile .image {
background-image: url("../images/icons_1x.png");
width: 170px;
height: 135px;
background-position: 0px -449px;
background-repeat: no-repeat;
display: inline-block;
margin-left: -1px
}
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 992px) and (min-device-pixel-ratio: 1.5), (min-width: 992px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 992px) and (min-resolution: 144dpi), (min-width: 992px) and (min-resolution: 1.5dppx) {
.front-services-block .item.mobile .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 170px;
height: 135px;
background-position: 0px -447px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 768px) and (max-width: 991px) {
.front-services-block .item .title {
font-size: 18px;
}

.front-services-block .item.marketing .image {
background-image: url("../images/icons_1x.png");
width: 174px;
height: 107px;
background-position: -348px -449px;
background-repeat: no-repeat;
display: inline-block;
margin-left: -6px
}
}

@media (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (max-width: 991px) and (min-resolution: 144dpi), (min-width: 768px) and (max-width: 991px) and (min-resolution: 1.5dppx) {
.front-services-block .item.marketing .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 174px;
height: 107px;
background-position: -521px -447px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 768px) and (max-width: 991px) {
.front-services-block .item.website .image {
background-image: url("../images/icons_1x.png");
width: 174px;
height: 107px;
background-position: 0px -586px;
background-repeat: no-repeat;
display: inline-block;
margin-left: -4px
}
}

@media (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (max-width: 991px) and (min-resolution: 144dpi), (min-width: 768px) and (max-width: 991px) and (min-resolution: 1.5dppx) {
.front-services-block .item.website .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 174px;
height: 107px;
background-position: 0px -583px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 768px) and (max-width: 991px) {
.front-services-block .item.cxcms .image {
background-image: url("../images/icons_1x.png");
width: 174px;
height: 107px;
background-position: -524px -449px;
background-repeat: no-repeat;
display: inline-block;
margin-left: -10px
}
}

@media (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (max-width: 991px) and (min-resolution: 144dpi), (min-width: 768px) and (max-width: 991px) and (min-resolution: 1.5dppx) {
.front-services-block .item.cxcms .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 174px;
height: 107px;
background-position: -346px -447px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (min-width: 768px) and (max-width: 991px) {
.front-services-block .item.mobile .image {
background-image: url("../images/icons_1x.png");
width: 174px;
height: 107px;
background-position: -172px -449px;
background-repeat: no-repeat;
display: inline-block;
margin-left: -14px
}
}

@media (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 768px) and (max-width: 991px) and (min-resolution: 144dpi), (min-width: 768px) and (max-width: 991px) and (min-resolution: 1.5dppx) {
.front-services-block .item.mobile .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 174px;
height: 107px;
background-position: -171px -447px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (max-width: 767px) {
.front-services-block {
padding: 5px 0 5px
}

.front-services-block h4{
font-size:16px;
margin-top:10px;
font-weight:bold;
color:#333;
}


.front-services-block .item {
display: table;
border-top: 1px solid #d5dee6;
padding-right: 40px;
position: relative
}

.front-services-block .item:first-child {
border: none
}

.front-services-block .item:after {
background-image: url("../images/svg2png.png");
width: 12px;
height: 22px;
background-position: 0px -370px;
background-repeat: no-repeat;
display: inline-block;
content: '';
position: absolute;
right: 14px;
top: 26px
}

.front-services-block .item .title,.front-services-block .item .animation-block {
display: table-cell;
vertical-align: middle
}

.front-services-block .item .animation-block {
width: 120px
}

.front-services-block .item .title {
font-size: 18px;
padding-left: 15px;
}

.front-services-block .item .shadow {
display: none
}

.front-services-block .item .image {
margin-bottom: 0
}

.front-services-block .item.marketing .image {
background-image: url("../images/icons_1x.png");
width: 120px;
height: 70px;
background-position: -244px -695px;
background-repeat: no-repeat;
display: inline-block;
margin-top: 2px
}
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (min-device-pixel-ratio: 1.5), (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), (max-width: 767px) and (min-resolution: 144dpi), (max-width: 767px) and (min-resolution: 1.5dppx) {
.front-services-block .item.marketing .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 120px;
height: 70px;
background-position: -242px -691px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (max-width: 767px) {
.front-services-block .item.website {
padding-top: 4px
}

.front-services-block .item.website:after {
top: 32px
}

.front-services-block .item.website .image {
background-image: url("../images/icons_1x.png");
width: 120px;
height: 67px;
background-position: -366px -695px;
background-repeat: no-repeat;
display: inline-block;
margin-top: 5px
}
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (min-device-pixel-ratio: 1.5), (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), (max-width: 767px) and (min-resolution: 144dpi), (max-width: 767px) and (min-resolution: 1.5dppx) {
.front-services-block .item.website .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 120px;
height: 67px;
background-position: -363px -691px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (max-width: 767px) {
.front-services-block .item.cxcms:after {
top: 29px
}

.front-services-block .item.cxcms .image {
background-image: url("../images/icons_1x.png");
width: 120px;
height: 73px;
background-position: 0px -695px;
background-repeat: no-repeat;
display: inline-block;
margin-bottom: 2px
}
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (min-device-pixel-ratio: 1.5), (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), (max-width: 767px) and (min-resolution: 144dpi), (max-width: 767px) and (min-resolution: 1.5dppx) {
.front-services-block .item.cxcms .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 120px;
height: 73px;
background-position: 0px -691px;
background-repeat: no-repeat;
display: inline-block
}
}

@media (max-width: 767px) {
.front-services-block .item.mobile {
padding-top: 4px
}

.front-services-block .item.mobile:after {
top: 33px
}

.front-services-block .item.mobile .image {
background-image: url("../images/icons_1x.png");
width: 120px;
height: 71px;
background-position: -122px -695px;
background-repeat: no-repeat;
display: inline-block;
margin-top: 4px
}
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (min-device-pixel-ratio: 1.5), (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), (max-width: 767px) and (min-resolution: 144dpi), (max-width: 767px) and (min-resolution: 1.5dppx) {
.front-services-block .item.mobile .image {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 120px;
height: 71px;
background-position: -121px -691px;
background-repeat: no-repeat;
display: inline-block
}
}
.icon-front-project-ft {
background-image: url("../images/icons_1x.png");
width: 56px;
height: 76px;
background-position: -950px -217px;
background-repeat: no-repeat;
display: inline-block
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.icon-front-project-ft {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 56px;
height: 76px;
background-position: -946px -214px;
background-repeat: no-repeat;
display: inline-block
}
}

.icon-front-project-noah {
background-image: url("../images/icons_1x.png");
width: 130px;
height: 50px;
background-position: -488px -695px;
background-repeat: no-repeat;
display: inline-block
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.icon-front-project-noah {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 130px;
height: 50px;
background-position: -484px -691px;
background-repeat: no-repeat;
display: inline-block
}
}

.icon-front-project-dial-global {
background-image: url("../images/icons_1x.png");
width: 155px;
height: 58px;
background-position: -176px -586px;
background-repeat: no-repeat;
display: inline-block
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.icon-front-project-dial-global {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 155px;
height: 58px;
background-position: -175px -583px;
background-repeat: no-repeat;
display: inline-block
}
}

.icon-front-project-columbia-university {
background-image: url("../images/icons_1x.png");
width: 76px;
height: 78px;
background-position: -248px -770px;
background-repeat: no-repeat;
display: inline-block
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.icon-front-project-columbia-university {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 76px;
height: 78px;
background-position: 0px -855px;
background-repeat: no-repeat;
display: inline-block
}
}

.icon-front-project-flipkey {
background-image: url("../images/icons_1x.png");
width: 147px;
height: 36px;
background-position: -176px -646px;
background-repeat: no-repeat;
display: inline-block
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.icon-front-project-flipkey {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 147px;
height: 36px;
background-position: -175px -642px;
background-repeat: no-repeat;
display: inline-block
}
}

.icon-front-project-ny-university {
background-image: url("../images/icons_1x.png");
width: 108px;
height: 52px;
background-position: -613px -586px;
background-repeat: no-repeat;
display: inline-block
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.icon-front-project-ny-university {
background-image: url("../images/icons_2x.png");
background-size: 1059px auto;
width: 108px;
height: 52px;
background-position: -609px -583px;
background-repeat: no-repeat;
display: inline-block
}
}


.front-projects-list-block {
padding-top: 30px
}

.front-projects-list-block .block-title {

position: relative;
text-align: center;
z-index: 1
}

.front-projects-list-block .block-title:before {
border-top: 1px solid #dfdfdf;
bottom: 0;
left: 0;
right: 0;
top: 50%;
content: "";
margin: 0 auto;
position: absolute;
z-index: -1
}

.front-projects-list-block .block-title .title-inn {
color: #000;
letter-spacing: -1px;
font-weight: bold;
line-height: 1.1;
background-color: #f6fafd;
padding: 0 15px;
text-decoration: none;
display: inline-block
}
.front-projects-list-block .block-title .title-inn span{
color: #ff6303;
}
.front-projects-list-block .block-title .title-inn-white {
color: #000;
letter-spacing: -1px;
font-weight: bold;
line-height: 1.1;
background-color: #fff;
padding: 0 15px;
text-decoration: none;
display: inline-block
}
.front-projects-list-block .block-title .title-inn-white span{
color: #ff6303;
}

.front-projects-list-block img {
width:100%;
}




.section-default-title {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 50px;
  overflow:hidden;
  
}
.section-default-title h1 {
  position: relative;
  text-transform: capitalize;
  font-size:1.8em;
}
.section-default-title h3 {
  position: relative;
  font-size: 24px;
  text-transform: capitalize;
}
.section-default-title h4 {
  position: relative;
  font-size: 20px;
  text-transform: capitalize;
}
.section-default-title h2 span{
  color:#999;
  font-size:0.8em;
  margin-left:8px;
}
.section-default-title h2 span:before{
  content: "";
  margin-right:8px;
}
.section-default-title:before {
    content: "";
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    height: 0px;
    background: #dbdcde;
}

.section-default-title:after {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    width: 40px;
    height: 3px;
    background: #ea420e;
}
.section-default-title.center:after {
    left: 50%;
    margin-left: -20px;
}
.section-default-title p{
  margin-top: 30px;
}




.portfolio {
border:1px solid #eaeaea;
padding:15px 15px 0px 15px;
background:#fff;
}
.portfolio:hover {
border:2px solid #ff6303;
padding:13px 13px 0px 13px;
}
.portfolio h1{
font-size:1em;
font-weight:600;
text-align:center;
margin-top:15px;
}
.portfolio:hover h1{
color:#ff6303;
}
.portfolio p{
height:45px;
padding:0px;
margin:0px;
color:#555;
font-size:15px;
overflow:hidden;
}
.portfolio .image{
position:relative;
overflow:hidden;
}
.portfolio .image:hover .hover-effect {
background-color:rgba(0,0,0,0.7)
}
.portfolio .image:hover .hover-effect-inn {
width:74px;
height:74px;
margin-left:-37px;
margin-top:-37px
}
.portfolio .image:hover .hover-effect-inn:before {
height:35px;
margin-top:-19px
}
.portfolio .image:hover .hover-effect-inn:after {
width:35px;
margin-left:-19px
}
.portfolio .image .hover-effect {
transition:background 0.2s ease 0s;
background-color:transparent;
position:absolute;
width:100%;
height:100%;
top:0;
left:0
}
.portfolio .image .hover-effect-inn {
transition:width .3s,height .3s,margin .3s;
background-color:rgba(255,255,255,0.22);
position:absolute;
width:0px;
height:0px;
border-radius:50%;
left:50%;
top:50%;
margin:0
}
.portfolio .image .hover-effect-inn:before,.portfolio .image .hover-effect-inn:after {
transition:width .3s,height .3s,margin .3s;
content:"";
display:block;
background-color:#d6d6d6;
left:50%;
top:50%;
position:absolute
}
.portfolio .image .hover-effect-inn:before {
width:1px;
height:0;
margin-top:0
}
.portfolio .image .hover-effect-inn:after {
height:1px;
width:0;
margin-left:0
}

.portfolio .btns a {
    background: #000;
    color: #fff;
    border: 1px solid #333;
    padding: 5px 2px;
    border-radius: 3px;
    line-height: 20px;
    height: 30px;
    display: inline-block;
}


footer {
background: url("../images/bg-footer-repeat.jpg") #1b1a1a repeat-x center top;
color: white;
}
body.home footer {
background: url("../images/bg-footer-repeat-home.jpg") #1b1a1a repeat-x center top;
}
footer .bg-footer{
background: url("../images/bg-footer-top.jpg") repeat-x center top;
}
body.home footer .bg-footer{
background: url("../images/bg-footer-top-home.jpg") repeat-x center top;
}
footer a {
color: #e15e4c;
border-bottom: 1px solid rgba(225,94,76,0.4);
text-decoration: none;
}

footer a:hover {
color: #9e3b2d;
border-bottom-color: rgba(158,59,45,0.4);
}
footer h4 {
color: #fff;
}


footer ul.footer-menu {
margin:0px;
padding:0px;
}
footer ul.footer-menu {
margin:0px;
padding:0px;
}
footer ul.footer-menu > li {
line-height:1.5em;
}
footer ul.social {
margin:0px;
padding:0px;
}
footer ul.social > li {
display:inline;
margin-right:15px;
}


footer .copyright {
border-top: 1px solid rgba(255,255,255,0.1);
color: rgba(255,255,255,0.4);
width:100%;
}

footer p {
margin: 0px;
    padding:0px;
}




.single-themes-content {

}

.single-themes-content hr{
width:8%;
border-bottom:solid 5px #ff6303;
margin-bottom:60px;
}
.single-themes-content p{
width:70%;
margin:20px auto 0px auto;
color:#888;
}
.single-themes-content .photo img{
height:auto;
}
.single-themes-content .description{

}
.single-themes-content .description ul{
margin:20px auto;
padding:0px;
}
.single-themes-content .description ul li{
line-height:30px;
}
.single-free-tags {
width:100%;
margin:20px 0px 20px 0px;
padding:0px;


}
.single-free-tags ul{

margin:0px;
padding:0px;
}
.single-free-tags ul li{
background:#dadada;
list-style:none;
display:inline;
margin-right:10px;
padding:10px;
border-radius: 0.3em;
line-height:50px;
}


ul.pagination {
  margin: 0 auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
ul.pagination > li {

  
  
  display: inline-block;
}
ul.pagination > li > a,
ul.pagination > li > span {
  
  color: #ff6303;

  font-size:2em;
  padding:0.3em 0.5em;
  text-align: center;
}
ul.pagination > li.active,
ul.pagination > li:hover {
  background-color: #ff6303 !important;
  color: #4a5a69;
  border-color: #4a5a69 !important;
}
ul.pagination > li.active a,
ul.pagination > li:hover a{
  color: #ffffff;
}



.price {
font-size:1.5em;
color:#ff6303;
}
ul.price-box {
margin:0px auto;
padding:15px;
}
ul.price-box h1{
color:#ff6303;
        font-size:1.8em;
margin-bottom:20px;
text-align:center;
}
ul.price-box li {
list-style:none;
line-height:1.2em;
text-align:left;
        margin-bottom:10px;
color:#666;
border-bottom:dashed 1px #999;
padding-bottom:10px;
}
ul.price-box li:before { 
content:'•';
margin-right:10px;
color:#28a745;
 } 
 ul.price-box p{
text-align:center;
}


.menu-list-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}



.menu-list-page .menu-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.menu-list-page .menu-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.menu-list-page .menu-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.menu-list-page .menu-item:hover, .menu-list-page .menu-item:focus {
  z-index: 1;
  text-decoration: none;
}

.menu-list-page .menu-item.disabled, .menu-list-page .menu-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.menu-list-page .current-menu-item {
  z-index: 2;
  color: #fff;
  background-color: #ff6303;
  border-color: #ff6303;
}
.menu-list-page .current-menu-item a{
  color: #fff;
}
body .breadcrumb {
background:none;
}



.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255, 255, 255, 0.9);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #ff6303;
}





/* steps boxes #5 style 1 */
.process-list {position:relative;}

.process-list .item{text-align:center;margin-bottom:30px;}
.process-list .item .ico-wrapper {margin-bottom:15px;}
.process-list .item .ico-wrapper > span {font-size:3em; 
color:#fff; 
display:inline-block; 
width:2em; 
height:2em; 
text-align:center; 
position:relative; 
vertical-align:middle; 
background:#ff6303; 
border-radius:50%; 
line-height: 2em; 
}
.process-list .item .ico-wrapper > span::after {opacity:0; visibility:hidden; content:''; position: absolute; width: 100%; top: 1em; height: 2px; background: #f3f3f3; left:100%; }
.process-list .item .ico-wrapper > span::after {opacity:1; visibility:visible;}
@media (max-width: 767px) {
.process-list .item .ico-wrapper > span::after {display:none;}
}
.process-list .last .ico-wrapper > span::after {display:none;}
.process-list .item h4 {font-size:1.25em;}
.process-list .item p {color:#888;}
.process-list .item:hover .ico-wrapper > span {color:#ff6303; background:#333;}






.services {

}
.services .services-item {
padding-top:45px;
padding-bottom:45px;
margin-bottom:30px;
border:solid 1px #eee;
background:#f3f3f3;
}
.services .services-item-bg-1 {
background:#ff6303;
}
.services .services-item-bg-2 {
background:#ee1c25;
}
.services .services-item-bg-3 {
background:#10aa08;
}
.services .services-item-bg-4 {
background:#0066ff;
}
.services .services-item-bg-5 {
background:#ff3a72;
}
.services .services-item-bg-6 {
background:#6356fd;
}
.services .services-item i{
font-size:4.5em;
color:#fff;
}
.services .services-item:hover {
background:#333;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
color:#fff;
}
.services .services-item:hover i{
font-size:4.5em;
color:#fff;
}
.services .services-item p{
margin-top:30px;
color:#fff;
}

form.card{
background:none;
}
form.card .card-body{
background:none;
}
.form-control-borderless {
    border: none;
}

.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.modal-content img{
width:100%;
height:auto;

}
.modal-content .price{
font-size:2em;
color:#e60000;
font-weight:600;

}

.index-news {

}
.index-news i{
color:#ff6303;
}
.border-bottom-dashed {
border-bottom:dashed 1px #dee2e6;
}

/*分页样式1*/
.pageController{padding-right:10px; padding-top:5px;padding-bottom:5px;color:#505050;margin:0 auto;border-top:1px solid #E2E3E4;margin-top:16px;line-height:24px;}
.pageController span{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;border-radius:3px;}
.pageController span:hover{background-color:#efefef;color:#438ece; text-decoration:none;border:#efefef 1px solid;}
.pageController .span {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;}
.pageController .span{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;}
.pageController .span{float:right;vertical-align:middle;line-height:24px;}
.pageController .span #current{line-height: 24px;background-color: #035D67;vertical-align: middle;border: 1px solid #035D67; color: #fff;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius:3px;}
.pageController .span span{background-color: #FFF;vertical-align: middle;border: #efefef 1px solid;color: #505050;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius: 3px;}
.pageController span{height:24px;vertical-align:middle;text-align:center;line-height:24px;}
.pageController span option{vertical-align:middle;}
.pageController .span .nolink{background-color: #FFF;vertical-align: middle;border: #efefef 1px solid;color: #505050;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius: 3px;}
.pageController .span span font{line-height: 24px;background-color:#035D67;vertical-align: middle;border: 1px solid#035D67;color:#fff;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius: 3px;}

.pageController{padding-right:10px; padding-top:5px;padding-bottom:5px;color:#505050;margin:0 auto;border-top:1px solid #E2E3E4;margin-top:16px;line-height:24px;}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;border-radius:3px;}
.pageController a:hover{background-color:#efefef;color:#438ece; text-decoration:none;border:#efefef 1px solid;}
.pageController .a {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;}
.pageController .a{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;}
.pageController .a{float:right;vertical-align:middle;line-height:24px;}
.pageController .a #current{line-height: 24px;background-color: #035D67;vertical-align: middle;border: 1px solid #035D67; color: #fff;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius:3px;}
.pageController .a span{background-color: #FFF;vertical-align: middle;border: #efefef 1px solid;color: #505050;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius: 3px;}
.pageController  a{height:24px;vertical-align:middle;text-align:center;line-height:24px;}
.pageController  a option{vertical-align:middle;}
.pageController .a .nolink{background-color: #FFF;vertical-align: middle;border: #efefef 1px solid;color: #505050;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius: 3px;}
.pageController .a span font{line-height: 24px;background-color:#035D67;vertical-align: middle;border: 1px solid#035D67;color:#fff;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius: 3px;}