@font-face{font-family:'MyriadProRegular';src:url('fonts/MyriadProRegular.eot');src:url('fonts/MyriadProRegular.eot') format('embedded-opentype'), url('fonts/MyriadProRegular.woff2') format('woff2'), url('fonts/MyriadProRegular.woff') format('woff'), url('fonts/MyriadProRegular.ttf') format('truetype'), url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');}
 @font-face{font-family:'MyriadProBold';src:url('fonts/MyriadProBold.eot');src:url('fonts/MyriadProBold.eot') format('embedded-opentype'), url('fonts/MyriadProBold.woff2') format('woff2'), url('fonts/MyriadProBold.woff') format('woff'), url('fonts/MyriadProBold.ttf') format('truetype'), url('fonts/MyriadProBold.svg#MyriadProBold') format('svg');} 
 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{color:#666666;background:#fff;overflow-x:hidden;font-family:'MyriadProRegular';font-size:14px;line-height:24px;margin:0px;padding:0px;}
body,html{ min-height:100%;}
a{text-decoration:none;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}
img{max-width:100%;height:auto;}
ul{width:100%;margin-top:0;} 
a img{border:0 none;}
*{outline:none;word-wrap:break-word;}
input , select{border:0 none;}
.dis-tab{ display:table; height:100%; width:100%;}
.dis-cell{ display:table-cell; height:100%; vertical-align:middle;}
::selection{background:#c91e49;color:#FFF;}
::-webkit-selection{background:#c91e49;color:#FFF;}
::-moz-selection{background:#c91e49;color:#FFF;}
audio, canvas, video{display:inline-block;}
.wrapper{margin:auto;max-width:1340px; padding:0 20px;}
.wrapper2{margin:0px auto;max-width:1000px;}
.wrapper3{margin:0px auto;max-width:1203px;}
h1, h2, h3, h4, h5, h6{font-family:'MyriadProBold';font-weight:normal;}
h5{margin-bottom:10px;font-size:21px;color:#58585b;font-family:'MyriadProRegular';margin:0 0 14px 0;}
.fit{margin-right:0px !important;padding:0px !important;}
header{float:left;width:100%;position:absolute; left:0; right:0; top:0; z-index:9;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s; padding:15px 0;}
.sticky.fixed{ position:fixed; top:0; background:rgba(34,189,157,1);box-shadow: 0 0 5px rgba(0,0,0,0.4);    padding: 8px 0;}
header .wrapper{ width:100%; max-width:94%; }
.logo{float:left;margin-left:0;width:129px;margin-top:10px;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s; }
.logo img{ display:block;}
.sticky.fixed .logo{ width:80px; margin-top:0px;}
.sticky.fixed .nav-right{ margin-top:26px;}
.nav{float:right;width:auto; transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s; margin-top: 47px;}
.sticky.fixed .nav{ margin-top:20px;}
.nav-right{float:left;margin-top:55px;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s;}
.nav-button{float:right;margin-right:100px;}
.button{float:right;position:relative;background:rgba(255, 255, 255, 0.4);text-align:center;border-radius:12px;padding:0;}
.button a{display: inline-block; color: #ffffff; font-size: 15px; padding: 4px 26px 0px;text-transform: uppercase;text-align: center;position: relative;line-height: 30px;}
.button a::after{content:"";width:1px;height:auto;background:#fff;z-index:9;position:absolute;right:-5px; top:5px; bottom:6px; margin:auto;}
.button a:last-child::after{display:none;}
.nav-ul{float:left;width:100%;position:relative;padding:0 0 0 38px;}
.nav-ul ul{padding:0;margin:0;list-style-type:none;}
.nav-ul li{display:inline-block;}
.nav-ul a{color:#ffffff; padding:0 22px;}

.nav-ul > ul > li { font-size: 20px; padding:0 0px 0 0;}
.home-main-banner .item{ background-size:cover; background-position:center center; display:inline-block;vertical-align:top; width:100%; text-align:center;    padding: 7% 0 0 0; }
.cap-btn{ display:inline-block; vertical-align:top; width:100%; text-align:center; margin-top:5%;}
.cap-btn a{ display:inline-block; vertical-align:top; background:rgba(255,255,255,0.5); border-radius:10px; font-size:16px; color:#fff; padding:2px 15px 0; line-height:34px;}
.cap-btn a:hover{ background:rgba(255,255,255,1); color:#7ac6ba;}
.home-slide-caption{ color:#ffffff;} 
.home-slide-caption h1{ font-size:48px; margin:0px; line-height:normal; }
.home-slide-caption p{ font-size:18px; display:inline-block; width:590px; max-width:100%; margin:0; line-height:normal; }
section.slider{float:left;width:100%;position:relative;}
.home-main-slider{float:left;width:100%;position:relative;top:0;}
.header .wrapper{max-width:1034px;}

.banner{float:right;width:100%;position:relative;}
.main-slide-text-inner{position:absolute;top:36.7%;width:100%;}
.main-slide-text-inner .wrapper{max-width:1037px;}
.main-text{max-width:440px;}
 .main-slide-text-side{float:left;width:41%;position:absolute;z-index:1;margin-top:300px;left:-194px;}
.banner-image{float:left;width:100%;text-align:right;}
.flexslider .slides img{float:right;}
.main-text h5{font-size:40px;line-height:46px !important;margin:0 0 31px 0;font-family:'MyriadProBold';color:#000;line-height:normal;letter-spacing:2px;}
.main-text p{font-size:15.4px;margin:0;font-family:Arial, Helvetica, sans-serif;line-height:18.9px;max-width:393px;}
.main-slide-img-side{float:right;width:80.5%;}
.middle{float:left;width:100%;}
.brand{float:left;width:100%;margin-top:64px;}
.title{float:left;width:100%;text-align:center;}
.title p{font-size:18px;margin-top:5px;margin-left:14px;}
.title h3{font-size:33px;margin:0;line-height:42px;color:#141314;margin-left:0px;}
.tab-icon{float:left;width:100%;margin:27px 0 0 0;text-align:center;}
.icon{float:left;width:100%;text-align:center; cursor:pointer;}
.icon-img{float:left;width:100%;}
.icon-img img{width:126px; border-radius:50%;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s; }
.icon-img img:hover,.current .icon-img img{box-shadow:0 0 30px rgba(0,0,0,0.3);}

.icon span{font-size:20px;float:left;width:100%;margin-top:14px;}
.tab-about{float:left;width:100%;margin:0;text-align:center;position:relative;}
.mobile-tab-con{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24ba97+0,00b0bd+100 */
background: #24ba97; /* Old browsers */
background: -moz-linear-gradient(left, #24ba97 0%, #00b0bd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #24ba97 0%,#00b0bd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #24ba97 0%,#00b0bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ba97', endColorstr='#00b0bd',GradientType=1 ); /* IE6-9 */
}
.advertising-tab-con{
background: #f6921e;
background: -moz-linear-gradient(left, #f6921e 0%, #f05a28 100%);
background: -webkit-linear-gradient(left, #f6921e 0%,#f05a28 100%);
background: linear-gradient(to right, #f6921e 0%,#f05a28 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6921e', endColorstr='#f05a28',GradientType=1 );
}
.advertising-tab.tab-link:after{ border-bottom-color:#f37a22;}
.game-tab-con{
background: #009345;
background: -moz-linear-gradient(left, #009345 0%, #37b34a 100%);
background: -webkit-linear-gradient(left, #009345 0%,#37b34a 100%);
background: linear-gradient(to right, #009345 0%,#37b34a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009345', endColorstr='#37b34a',GradientType=1 );
}
.game-tab.tab-link:after{ border-bottom-color:#20a648;}
.web-tab-con{
background: #ff997a;
background: -moz-linear-gradient(left, #ff997a 0%, #be1e2d 100%);
background: -webkit-linear-gradient(left, #ff997a 0%,#be1e2d 100%);
background: linear-gradient(to right, #ff997a 0%,#be1e2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff997a', endColorstr='#be1e2d',GradientType=1 );
}
.web-tab.tab-link:after{ border-bottom-color:#cf3d41;}
.tab-text{float:left;width:100%;padding:0 0 32px 0px;position:relative;}
.tab-text .wrapper{position:relative;}
.one-tab{float:left;width:100%;z-index:1;position:relative;}
ul.tabs{margin:0px;padding:0px 20px 0 31px;list-style:none;}

.tab-link:after { visibility:hidden; opacity:0; 
    content: ""; max-width:0;
    position: absolute;
    left:0px; right:0; margin:auto;
    bottom:0px;
    border-bottom:30px solid #1eb89d;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
}
.tab-link.current:after{ visibility:visible; opacity:1;} 
ul.tabs li{background:none; vertical-align:top; float:none; display:inline-block; width:265px; position:relative; padding-bottom:49px;}
ul.tabs li:first-child{ width:auto; float:left;}
ul.tabs li:last-child{ width:auto; float:right;}
.tab-content{ position:absolute; top:0; left:0; right:0; visibility:hidden; opacity:0; min-height:430px;}
.tab-content.current{display:inherit; position:relative; visibility:visible; opacity:1; }
.tab-text2{float:left;width:100%;padding:0 0 20px 0px;}
.two-tab{float:left;width:100%;position:relative;}
.tab-text3{float:left;width:100%;padding:0 0 25px 0px;}
.three-tab{float:left;width:100%;position:relative;}
.tab-text4{float:left;width:100%;padding:0 0 25px 0px;}
.four-tab{float:left;width:100%;position:relative;}
.title-tab{float:left;width:100%;padding:50px 0 0 0;}
.title-tab h2{font-size:38px;margin:0 0 3px;line-height:normal;color:#fff;}
.title-tab p{color:#fff;margin:0;font-size:18px;padding:0 40px;line-height:22px;}
.icon-img-tab{float:left;width:100%;margin:46px 0 23px 0;}
.icon-img-tab .block{ margin:0 35px;}
.b-img { margin: 0 0 5px;}
.tab-text2 .icon-img-tab { margin-bottom:6px; }
.tab-botton{float:left;width:100%;}
.tab-botton a{color:#fff;padding:9px 25px 5px;display:inline-block;      margin-top: 21px;  font-size: 22px;
    margin-right: 0;
    border-radius: 12px;
    background: rgba(255,255,255,0.5);}
.tab-botton a:hover{background:#fff;color:#5a99b7;}
.sec-gallery{float:left;width:100%;margin:66px 0 68px 0;}
.portfolio-text{float:left;width:100%;text-align:center;}
.portfolio-text .title p{font-size18px;padding:0;margin:13px 0 0;line-height:normal;}
.portfolio{float:left;width:100%;}
.portfolio-nav{float:left;width:100%;text-align:center;margin:58px 0 65px 0;}
.portfolio-nav ul{padding:0;margin:0;list-style-type:none;}
.portfolio-nav li{display:inline-block;}
.portfolio-nav li a{color:#6d6e70;font-size:26px;line-height:normal;padding:0 36px;}
.portfolio-gallery{float:left;width:100%;padding-right:6px;}
.portfolio-gallery-one{float:left;width:37.6%;margin-right:6.8px;position:relative;}
.portfolio-gallery-two{float:left;width:37.6%;margin-right:6.7px;}
.portfolio-gallery-three{float:left;width:23.8%;}
.portfolio-gallery-one img , .portfolio-gallery-two img , .portfolio-gallery-three img{float:left;width:100%;}
.filtr-container{margin:65px 0 0px 0;position:relative;}
.col-two{float:left;width:100%;margin-bottom:6px;position:relative;}
.bottom{margin-bottom:6px;}
.sec-logo{float:left;width:100%;margin: 0 0 68px;}
.sec-logo .title h3{ font-size:35px;margin: 0 0 8px;}
.sec-logo .title p{ font-size:18px; margin:0;}
.logo-img-all{float:left;width:100%;}
.logo-img{ width:100%;text-align:center; }
.logo-img:last-child{margin-top:37px;}
.logo-rol { vertical-align:middle;
display:table-cell;
}
.logo-rol:nth-child(5), .logo-rol:nth-child(6) , .logo-rol:nth-child(7) , .logo-rol:nth-child(8){margin-bottom:39px;}
.our-client-out{ margin-bottom:72px; float:left;width:100%;background:#38394b;padding:0;overflow: hidden;}
.our-client{ float:left;width:100%;padding:0;overflow: hidden;}
.client-pic span{ display:block; height:207px; width:207px; border-radius:50%; overflow:hidden; border:solid 2px #A2BF63;}
.client-pic h4{ margin:17px 0 0; color:#231F20; text-align:center; font-size:20px; font-weight:normal;font-family:'MyriadProRegular';}
.testimo-slide-main{ position:relative;}
.testimo-slide-main:before{ content:""; position:absolute; left:100%; right:-100%; top:0; bottom:0; background:#e5f4f1;}
.testimo-slider-out{ float:left;}
.testimo-slider .item{ display:table; background:#e5f4f1; }
.testimo-slider .item > div{ display:table-cell; vertical-align:middle;} 
.client-cap p{ font-size:20px; color:#231F20;    line-height: 28px; }
.gold-word-out{ float:left; width:38%; text-align:center; }
.testimo-slide-main {    padding-left: 50px; padding-top:25px;
   padding-bottom:26px; float: right;
    background: #e5f4f1;
    width: 62%;
}
.testimo-slider-out .owl-dots {
    position: absolute;
    left: auto;
    right: 18%;
    bottom: 20px;
    text-align: center;
}
.gold-word h3{ font-size:70px; color:#FFF100; line-height:normal; margin:0 0 -32px; position:relative; letter-spacing:2px;}
.gold-word h4{ font-size:85px; color:#ffffff; font-family:'MyriadProRegular'; line-height:normal; margin:0; position:relative; letter-spacing:2px; }
.gold-word h3:before{ content:""; height:43px; width:47px; background:url(images/quat-lh.svg) no-repeat center center; position:absolute;left: -55px;
    top: -8px;}
.gold-word h4:after{ content:""; height:60px; width:66px; background:url(images/quat-rh.svg) no-repeat center center; position:absolute;bottom: 7px;
    right: -75px;}
.testimo-slider-out .owl-dots div.active{ background:#2B388F;}
.testimo-slider-out .owl-dots > div{ margin:0 6px; height:14px; width:14px; border:solid 1px #000; border-radius:50%; display:inline-block;  }
.client-cap{ padding-left:44px;}
.client{float:left;width:100%;}
.img-client{float:left;margin-right:27px;margin-top:34px;}
.img-client img{max-width:180px;}
.about-client{float:left;width:78%;}
.about-client h2{color:#fff;margin:0 0px 0 33px;font-size:30.4px;}
.about-client p{color:#fff;font-size:15px;position:relative;letter-spacing:1.2px;line-height:21px;}
.author-dec { margin:85px 47px 0px 34px; }
.about-client p:before{content:"";width:30px;height:30px;background:url(images/text-icon.png) no-repeat left top;display:inline-block;position:absolute;left:-38px;top:-7px;background-size:24px;}
.about-client p:after{content:"";width:30px;height:30px;background:url(images/text-icon2.png) no-repeat left top;display:inline-block;position:absolute;right:50.8%;bottom:-14px;background-size:24px;}
.form{float:left;width:100%;padding:63px 0 0; margin-bottom:72px; background:#f7f7f7;}
.title h2{font-size:36px;margin:0 0 0 6px;line-height:35px;color:#141314;margin:}
.form-title{float:left;width:100%;}
.form-div{float:left;width:100%;padding: 32px 43px;}
.form-fld{ float:left; width:33.33%; position:relative; padding:0 25px; }
.form-div input[type=text],.form-div select{width:100%;padding:3px 20px 0;margin:0;display:inline-block;border:1px solid #9c9c9c;border-radius:10px;box-sizing:border-box;font-size:20px;color:#6d6e70;box-shadow:1px 1px 1px #dcdcdc inset; height:55px; font-family:'MyriadProRegular';}
.contact-form-fld input[type=text],.contact-form-fld input[type=number]{ padding-left:97px;}
.form-submit-btn{ display:inline-block; vertical-align:top; width:100%; text-align:center; margin:42px 0 0;}
.form-submit-btn input[type=submit]{ font-family:'MyriadProRegular'; background:#054a8d; color:#fff; border-radius:10px; height:42px; padding:3px 15px 0; font-size:18px; cursor:pointer;}
ul.prod-gram {
  height:26px;
  width:70px;
  color: #fff;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 2.4;
  float: left;
  list-style: none;
  padding:0;
    position: absolute;
    top: 0;
    bottom: 0;
    left:45px;
    margin: auto;
}

ul.prod-gram li.init {
  cursor: pointer;
  border:0; position:relative;
}
ul.prod-gram li.init:before{ content:""; position:absolute;   width: 0; 
  height: 0; right:0; top:0; bottom:0; margin:auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 6px solid #000;
}
ul.prod-gram li {
  padding:0;
  z-index: 2;
  height: 26px;
  cursor: pointer;
  width: 100%;
}

ul.prod-gram li:not(.init) {
  width: 100%;
  display: none;
  background: transparent;
  margin: 6px 0 0;
}
.form-div textarea{float:left;width:100%;margin-top:10px;height:94px;padding:18px 18px;border-radius:9px;font-size:16px;font-family:'MyriadProRegular';color:#6d6e70;box-sizing:border-box;border:1px solid #9c9c9c;box-shadow:1px 1px 1px #dcdcdc inset;}
.logo-footer img{width:203px;}
footer{float:left;width:100%;background:url(images/footer-bg.jpg) no-repeat center center; background-size:cover; padding:92px 0 0;}
.footer{float:left;width:100%;    padding: 0 16px;}
.footer > div{}
.sec-one {float:left;  width: 41.5%; padding-right: 160px;}
.sec-two{float:left;  width:auto;}
.sec-three{ float:right; padding-right: 30px; }
.footer > div > h4{ font-size:30px; color:#fff; font-weight:normal;font-family:'MyriadProRegular'; line-height:normal; margin:0 0 34px; }
.footer > div > p{ font-size:21px; line-height:30px; color:#fff; margin:0;}
.logo-footer{float:left;width:100%;text-align:center;}
.footer-about{float:left;width:100%;padding:0px 0 0px 22px;}
.footer-about p{color:#fff;font-size:17.3px;margin:-5px 0 20px 0;line-height:21.7px;}
.icon-img-fo{float:left; width:36px; margin: -10px 14px 0 0;}
.icon-typing-fo{float:left;width:165px;}
.icon-img-fo img{width:35px;}
.icon-typing-fo span{color:#fff;width:100%;font-size:21px;display:inline-block;text-transform:uppercase;margin-bottom:3px;line-height:normal;}
.icon_contact {float: left;clear: left; margin: 0 0 59px;}
.sec-footer-about p{ margin:0 0 30px; font-size:22px;}
.sec-footer-about p a{ font-size:20px; color:#fff;}
.sec-two a{font-size:22px;color:#fff;font-weight:100;margin-top:-10px;display:inline-block;}
.sec-two a:hover { text-decoration:underline; }
.sec-footer-about{float:left;width:100%;}
.sec-footer-about a{ font-family:'MyriadProBold'; color:#d11b4b;font-size:20.3px;line-height:normal;}
.sec-footer-about a:hover { text-decoration:underline; }
.sec-footer-about strong{color:#fff;font-size:17px;}
.sec-footer-about {color:#fff;font-size:17px;}
.icon-interest{float:left;width:100%;text-align:center;margin:41px 0 0 0;border-top:2px dashed #afafaf;padding-top:35px;}
.icon-interest h3{color:#d11b4b;font-size:18.5px;font-weight:100;margin:0 0 18px 0;}
.icon-footer{float:left;width:100%;}
.icon-footer img{width:56px;margin:0 4px 0px 11px;}
.nav-taggle{float:left;width:680px;}
.taggle-right-button{float:left;width:760px;border-top:1px solid #ededef;}
.taggle-nav-ul{float:left;width:100%;padding:22px 0 25px 13px;}
.taggle-nav-ul ul{padding:0 !important;}
.taggle-nav-ul ul li{margin:0 !important;padding:0 !important;list-style:none !important;}
.taggle-nav-ul ul li{display:inline-block;}
.taggle-nav-ul ul li a{line-height:19px;color:#005DAA;font-weight:bold;font-size:16.3px;display:inline-block;padding:0 18px;}
.icon-taggle{float:left;padding:24px 0px 24px 0px;}
.icon-taggle a{display:inline-block;}
.menu-icon{position:relative;z-index:99999999;}
.nav-toggle{z-index:1000000;width:100%;position:absolute;left:0;top:0;display:none;}
.menu-icon span{float:right;background:#085eaa;display:block;float:right;height:2px;margin:2px 0;width:19px;border-radius:5px;}
.row{float:left;width:100%;}
.custom-select{position:relative;font-family:Arial;width:100%;padding:10px 16px;margin:0;margin-right:0px;display:inline-block;border:1px solid #9c9c9c !important;box-shadow:1px 1px 1px #dcdcdc inset;border-radius:9px;box-sizing:border-box;font-size:15px;color:#6d6e70;}
.custom-select select{display:none;}
.select-selected::after{position:absolute;content:"";top:14px;right:28px;width:28px;height:15px;border:0;background:url(images/select.png) no-repeat right center;background-size:18px;}
.select-items div ,.select-selected{border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;padding:5px 18px;cursor:pointer;user-select:none;}
.select-items{line-height:35px;}
.select-items{position:absolute;top:103%;left:0;right:0;z-index:99;padding:7px 0px;background:#fff;border:1px solid #ababab;border-radius:14px;}
.select-hide{display:none;}
.select-items div:hover{background-color:rgba(0, 0, 0, 0.1);}


.port-main { display:table; width:100%; float:none; height:572px; }
.port-main > div{ display:table-cell; vertical-align:middle; float:none; height:100%;}
.port-main img { float:left; width:100%; display:none;  } 
.port-col-left { width: 37.5%; margin: 0; float:left; padding-right:4px; }
.port-col-center { width: 37.7%;  margin: 0; float:left; padding-right:4px;}
.port-box.game-box {    border-bottom: 4px solid #fff;	}
.port-col-right { width:24.8%; float:left; }
.port-box { position:relative;height:100%; background-size:cover; }
.bg-port-img{ position:absolute; left:0; right:0; top:0; bottom:0; background-size:cover; background-position:center center;    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s;}
.port-box:hover .bg-port-img{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}
.port-main > div .game-box,.port-main > div .ux-box{ height:50%;}

.overlay { position:absolute; bottom:0; width:100%; text-align:center; }
.overlay a { font-size: 31px; color: #fff; background: #dc8326; display: inline-block;  padding:22px 36px 15px 36px; font-family: 'MyriadProBold';  text-transform: uppercase; line-height:normal;}
.game-box .overlay a { background:#e9354f; }
.game-box .overlay { top:0; bottom:auto; }

.ux-box .overlay { top:0; bottom:auto; text-align:left; }
.ux-box .overlay a { background:#6855a3; }

.architectural-box .overlay a { background:#f16c6a; width:100%; }
.advertising-box .overlay a { background:#f26b6a; width:100%; }

.gold-word{ float:none; display:inline-block;  padding:80px 0 0;    margin-left: -100px;}

.select-selected{padding:0 12px 0 0;}
.menu-plus{display:none;}
.no-js #loader{display:none;}
.js #loader{display:block;position:absolute;left:100px;top:0;}
.se-pre-con{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:url(images/pageloader.svg) center no-repeat #fff;background-size:100px auto;}
.col-xs-6{width:50%;}
.banner-mobile{display:none;}
.block{display:inline-block;margin:0px 26px 0 30px;}
.b-text{float:left;width:100%;margin-top:-6px;}
.b-text span{color:#fff;font-size:16px;display:inline-block;line-height:19px;}
.copyright{float:left;width:100%; background:#3b4858; text-align:center; color:#fff; font-size:18px;}
.copyright p{ margin:32px 0 26px;}
.copyright-left{float:left;text-align:left;font-size:14.6px;color:#fff;line-height:normal;}
.copyright-ul{float:right;margin-top:-3px;}
.copyright-ul ul{margin:0;padding:0;list-style-type:none;}
.copyright-ul ul li{display:inline-block;}
.copyright-ul ul li a{color:#fff;position:relative;padding:0px 9px 0px 9px;line-height:normal;font-size:13.6px;}
.copyright-ul li a:after{content:"";width:1px;height:10px;background:#fff;display:inline-block;z-index:9;margin:6px 10px;position:absolute;}
.copyright-ul ul li a:hover { text-decoration:underline; } 
.copyright-ul li:last-child a:after{display:none;}
.copyright-ul li:last-child a{padding-right:0;}

.tab2 .block { display: inline-block; margin: 0; width: 16%; }
.tab2 .b-text { margin-top: -2px; }
.b-text span { font-size: 17px; line-height:normal; }
.responsive-menu { display:none; }

.accordion.m-mobile-tab { background: url(images/mobile.png) 23px center no-repeat #5a9ab8; }
.accordion.adrvtiging-tab { background: url(images/Adrvtiging-white.png) 23px center no-repeat #f99d1b; }
.accordion.gaming-card { background: url(images/game-white.png) 23px center no-repeat #ef4a3c; }
.accordion.web-card { background: url(images/web-white.png) 23px center no-repeat #71c5b8; }


.accordion { width: 100%; border: none; text-align: left; outline: none; font-size: 15px; background-size: 60px !important; padding: 29px 29px 29px 99px; color: #fff; font-size: 21px; }

.panel { padding: 0 18px; display: none; background-color: white; overflow: hidden; text-align:center; }
.blue-bg { background:#5a9ab8; }
.orange-bg { background:#f99d1b; }
.red-bg { background:#ef4a3c; }
.green-bg { background:#71c5b8; }
.mobile-tab { display:none; } 
.demo .flexslider .slides img {
    max-width: 100%;
}
.demo .banner { height: 700px; background-size: cover !important; }
.demo .main-text h5 {
    margin: 0 0 11px 0;
    font-size: 37px;
    letter-spacing: 0;
    line-height: 38px !important;
}
.demo .main-text { background: rgba(255, 255, 255, 0.5); padding: 41px;}
.demo .main-slide-text-inner {
    position: absolute;
    bottom: 120px;
    width: 100%;
    top: auto;
}

.social-con{ position:fixed; z-index:999; top:40%; right:30px; height:188px; border-radius:4px;  margin:auto; padding:15px 10px; transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s; }
.sticky.fixed .social-con{background:rgba(34,189,157,0.8);}
.social-con ul{ margin:0; padding:0;} 
.social-con li { list-style:none; text-align:center; padding-top:20px;}
.social-con li a{ width:24px; position:relative; right:0; text-align:center;}
.social-con li a img{ display:inline-block; vertical-align:top;}
.social-con li a:hover{ right:2px;}
.social-con li img{ display:block; max-width:24px;}
.social-con li:first-child img{ max-width:13px; }
.social-con li:first-child{ padding-top:0;}
.home-main-banner .wrapper{ position:relative;}
.home-main-banner .owl-dots{ position:absolute; left:0; right:0; bottom:25px; text-align:center;}
.home-main-banner .owl-dots > div {height:34px; display:inline-block; margin:0 5px; position:relative; width:1px;}
.home-main-banner .owl-dots > div span{ width:100%; background:#fff; height:11px; width:1px; position:absolute; top:0; bottom:0; margin:auto;}
.home-main-banner .owl-dots > div.active span{ height:30px; vertical-align:middle;}

#back-top { bottom: 68px; position: fixed; right: 30px; z-index: 9999; }
#back-top span { background: url(images/back-to-top.jpg) left top no-repeat; display: block; height: 45px; transition: all 1s ease 0s; width: 45px; }

.red-bg { background:#e93552; }



.simply-scroll-container { position: relative; margin-top:75px; }
.simply-scroll-clip { position: relative; overflow: hidden; }
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; }
.simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img { border: none; }
.simply-scroll-btn { position: absolute; background-image: url(buttons.png); width: 42px; height: 44px; z-index: 3; cursor: pointer; }
.simply-scroll { /* Customisable base class for style override DIV */ width: 100%; height: 110px; margin-bottom: 1em; }
.simply-scroll .simply-scroll-clip { width: 100%; height: 303px; }
.simply-scroll .simply-scroll-list li { float: left; width: 180px; height: 110px; display: flex;

  justify-content: center;
  align-items: center; }
.simply-scroll .simply-scroll-list li img { padding:0 5px; } 


.active .home-slide-caption h1 {
  color: #fff;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: typing 3s steps(30, end), blink-caret .5s step-end infinite;
}
.header-spacer { float:left; width:100%; margin-top:185px; }
.white-header .nav-ul a { color:#000000; }
.white-header .button { background:#fc5372; }

.page-title { float:left; width:100%; background: #0050a1; color:#fff; padding: 0 50px;
background: -moz-linear-gradient(left, #0050a1 1%, #000135 100%);
background: -webkit-linear-gradient(left, #0050a1 1%,#000135 100%);
background: linear-gradient(to right, #0050a1 1%,#000135 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0050a1', endColorstr='#000135',GradientType=1 ); }
.page-t-left { float:left; width:70%; padding:61px 0 32px 0; font-size: 19px; }
.page-t-right { float:right; width:30%; padding:4px 0; }
.page-t-right img { float:left; }
.page-title h1 {
    font-weight: normal;
    font-family: MyriadProRegular;
    font-size: 33px;
    margin: 0 0 10px 0;
    line-height: normal;
}

.page-title p { margin:0; }
.say-section .title p { margin-top: 0; }
.say-section { float:left; width:100%; margin:40px 0; }
.sticky.white-header.fixed { background:#fff;} 
.location-section  img{ float:left; }
.white-bg { background:#fff; margin-bottom: 32px;}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

/* contact page contact form start */
.contact-title {float: none;}
.clearfix:after, .clearfix:before {display: table; content: '';}
.clearfix:after {clear: both;}
.contact-section {padding-top: 40px;}
.contact-section .contact-form, .contact-section .contact-detail {width: 48%;}
.contact-section .contact-form {float: left; padding: 0;}
.contact-section .contact-detail {float: right;}
.contact-section .contact-form .form-dropdown {position: relative;}
.contact-section .contact-form .form-dropdown ul.prod-gram {left: 20px; margin-bottom: 0; margin-top: 15px;}
.form-dropdown input[type=text] {padding-left: 100px;}
.contact-section .contact-form input {margin-bottom: 12px;}
.contact-section .contact-form textarea {font-size: 20px; margin-top: 0; height: auto;}
.contact-section .contact-form .form-btn {display: inline-block; margin: 40px 0 0; float: right;}
.contact-form .form-btn input[type=submit] {font-family: 'MyriadProRegular'; background: #e52027; color: #fff; border-radius: 10px; height: 42px; padding: 3px 15px 0; font-size: 24px; cursor: pointer; letter-spacing: 0.05em; display: inline-block;}
.contact-form .form-btn input[type=submit]:hover {background: #054a8d;}
.contact-form .form-btn p{display: inline-block; font-size: 17px; max-width: 380px; vertical-align: top; margin:0;}
.country-contact {margin-bottom: 40px;}
.country-contact h3 {font-size: 28px; color: #000; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: solid 2px #b8b8b8;}
.country-contact .country-number {background-image: url(images/contact-icon.png); padding-left: 50px; background-repeat: no-repeat; background-position: left; background-size: 35px;}
.country-contact .country-number p {font-size: 22px;}
.country-contact .country-number p span {font-size: 20px;}
.contact-map img {float: none;}
.location-section {float: left; width: 100%; background-color: #f4f4f4; text-align: center;}
/* contact page contact form end */

/* about page start */
.about-txt {padding: 100px 0 80px 0;}
.about-txt p {font-family: 'MyriadProRegular'; font-size: 23px; letter-spacing: 0.02em; color: #58595b; line-height: 32px; text-align: justify;}
.about-two-section {padding-bottom: 105px;}
.about-expertise, .about-logo {display: inline-block; vertical-align: middle;}
.about-expertise {background-image: url(images/about-section-bg.png); background-repeat: no-repeat; background-size: cover; padding: 80px 0 60px 125px; width: 59%;}
.about-logo {width: 40%;}
.about-logo img {float: right; padding-right: 120px;}
.expertise-block {width: 40%; float: left; min-height: 65px; margin-bottom: 20px;}
.expertise-block img, .expertise-block h2 {display: inline-block; vertical-align: middle;}
.expertise-block h2 {color: #fff; padding-left: 30px; font-size: 25px; margin: 0; line-height: 32px;}
.creator h2 {text-align: center; font-size: 40px; color: #000; margin: 0 0 50px 0;}
.creator-bg {background-image: url(images/creator-bg.jpg); background-repeat: no-repeat; background-position: center; padding: 60px 0 0 0;}
.creator-blog {width: 33.33%; float: left; min-height: 305px; margin-bottom: 50px;}
.creator-blog:nth-child(3n+3) {padding-left: 90px;}
.creator-blog:nth-child(3n+2) {padding-left: 40px;}
.creator-blog h3 {font-size: 30px; color: #d91c5c; margin-top: 0;}
.creator-blog img {display: inline-block; margin: 0 20px 20px 0; vertical-align: top;}
.creator-blog p {font-size: 22px; margin: 0; line-height: 31px; display: inline-block; max-width: 350px; text-align: justify;}
/* about page end */
/* Responsive */


@media screen and (min-width:1800px){
.flexslider .slides img { max-width: 1138px; width: 100%; }
}
@media screen and (min-width:2000px){
.flexslider .slides img { max-width: 1238px; }
}
@media screen and (min-width:2200px){
.flexslider .slides img { max-width: 1430px; }
}
@media screen and (min-width:2400px){
.flexslider .slides img { max-width: 1530px;  }
}


@media screen and (max-width:1300px){
.one-tab::after{left:30px;}
.portfolio-gallery-one , .portfolio-gallery-two{margin-right:0.5%;}

}
@media screen and (max-width:1215px){
.wrapper2, .wrapper, .header .wrapper {max-width:1020px;}
ul.tabs li { padding:0; }
.tab-text::before, .tab-text2::before, .tab-text3::before, .tab-text4::before {max-width:850px; left: 6px; }
.one-tab::after { left: 110px;}
.three-tab:after { left: 592px; }
.four-tab:after { right: 115px; }
.one-tab, .two-tab, .three-tab, .four-tab { width: 95%; } 
.tab2 .block { width: 13%; }
.title-tab h2 { font-size: 30px; }
.icon-img-tab { margin: 20px 0 20px 0; } 
.overlay a { font-size: 26px; padding: 25px 25px 17px 25px; }
}
@media screen and (max-width:1090px){
.wrapper2, .wrapper, .header .wrapper, .main-slide-text-inner .wrapper { max-width:880px; }
.title h3 { font-size: 26px; }
.flexslider .slides img { max-width: 838px; } 
.nav-button { margin-right: 0; }
.main-text h5 { font-size: 34px; line-height: 39px !important; }
.main-text p { line-height: 20px; }
.nav-right { margin-top: 37px; }
.four-tab:after { right: 75px; }
.about-client { width: 70%; }
.author-dec { margin: 45px 0 0px 34px; }
.about-client p:after { right: 0; }
.img-client { margin-top: -20px; }
.form-div input[type=text]:nth-child(1) , .form-div input[type=text]:nth-child(3){margin-right:3%;}
.sec-two { width: 24%; margin-right: 4%; }
.sec-one { width: 35%; margin-right: 5%; }
.sec-three { width: 31%; }
.logo-footer img { width: 153px; margin-bottom: 23px; }
}
@media screen and (max-width:1000px){
.wrapper2, .wrapper, .header .wrapper, .main-slide-text-inner .wrapper { max-width:768px; }
.flexslider .slides img { max-width: 748px; }
.main-slide-text-inner { top: 47.7%; }
ul.tabs li { padding: 0; width: 24%; vertical-align: top; }
.tab-about .wrapper { max-width: 100%; }
.tab-text::before, .tab-text2::before, .tab-text3::before, .tab-text4::before { display:none; }
.tab-text { background:#5a9ab8; }
.tab-text2 { background:#f99d1b; }
.tab-text3 { background:#ef4a3c; }
.tab-text4 { background:#71c5b8; }
.one-tab, .two-tab, .three-tab, .four-tab { width:100%; }
.title-tab p { padding: 0; max-width: 690px; display:inline-block; }
.title-tab { text-align:center; }
.one-tab::after { left: 190px; }
.two-tab:after { left: 382px; }
.three-tab:after { left: 566px;}
.four-tab:after { right: 215px; }
.icon span { line-height: 20px; }
.overlay a { font-size: 20px; padding: 18px 17px 11px 17px;}
.logo-rol { width: 20%; max-width: 100%; }
.title h2 { font-size: 29px; }
.form-div { padding-left: 49px; padding-right: 49px; }
.logo-footer img { width: 153px; margin-bottom: 14px; }
.footer-about p { color: #fff; font-size: 15px; margin: 0 0 14px 0; line-height: 22px; }
.icon-footer img { width: 36px; }
.nav-ul a { font-size: 15px; }
.architectural-box .overlay a { padding: 17px 0 13px 0; }
.sec-two { width: 27%; }
.sec-three { width: 29%; }
.sec-footer-about p { margin-top:0; }
}
@media screen and (max-width:800px){
.wrapper2, .wrapper, .header .wrapper, .main-slide-text-inner .wrapper { max-width: 700px; }
.one-tab::after { left: 110px; }
.two-tab:after { left: 272px; }
.three-tab:after { left: 446px; }
.four-tab:after { right: 118px; }
.tab2 .block { width: 15%; }
.flexslider .slides img { max-width: 608px; }
.nav { float: right; width: 81%; }
}
@media screen and (max-width:767px){
.wrapper2, .wrapper, .header .wrapper, .main-slide-text-inner .wrapper { max-width: 580px; }
.flexslider .slides img { max-width: 488px; }
.main-text h5 { font-size: 27px; line-height: 31px !important; }
.main-text { max-width: 260px; }
.nav { width: 61%; }
.nav-ul { display:none; } 
.flex-control-nav { position: absolute; bottom: -40px; right: auto;  z-index: 9; width: 100%; text-align: center; }
.title h3 { font-size: 22px; line-height: 28px; }
.logo-rol { width: 27%; }
.img-client { width: 100%; margin: 0 0 20px 0; }
.img-client { width: 100%; margin: 0 0 20px 0; }
.client { text-align:center; }
.about-client { width: 100%; }
.sec-one { width: 100%; margin-right: 0; }
.sec-two { width: 100%; margin: 0;}
.footer-about { padding: 0;}
.title-tab { padding:0; }
.title-tab h2 { font-size: 26px; margin-bottom:23px; }
.panel { padding:10px 18px 41px 18px; }
.block { margin: 0 3% 19px 3%;}
.icon-img-tab { margin: 20px 0 3px 0; }
.orange-bg .block { width: 25%; }
.block { width: 11%; }
.desktop-box { display:none; }
.mobile-tab { display: block; padding-top: 33px; width: 100%; float: left;}
.sec-gallery { margin: 46px 0 50px 0; }
.responsive-menu { display:block; }
.responsive-menu a { width:35px; float:left; }
.responsive-menu span { width: 100%; height: 3px; background: #fff; float: left; margin-bottom: 7px; }
.button { float:left; }
.nav-right { margin: 2px 0 0 19px; }
.nav-button { margin-top: 26px; }
.nav-ul li { width:100%; }
.nav-ul a { font-size: 15px; color: #fff; background: none !important; width: 100%; display: inline-block; padding: 3px 10px; }
.nav-ul a:after { display:none;  }
.nav-ul { display: none; position: absolute; width: 100%; right: 33px; max-width: 279px; background: #c91e49; top: 83px; }
.nav-ul ul { padding: 10px 0; }
}
@media screen and (max-width:630px){
.wrapper2, .wrapper, .header .wrapper, .main-slide-text-inner .wrapper { max-width: 440px; }
.flexslider .slides img { max-width: 428px; }
.logo { margin-top:0; width: 99px; }
.main-text h5 { font-size: 20px; margin: 0 0 9px 0; line-height: 22px !important; }
.main-text p { font-size: 14px; }
.button { padding: 0; }
.title h3 { font-size: 20px; line-height: 22px; }
.nav-ul { right: 93px; max-width: 249px; }
.port-col-left, .port-col-center, .port-col-right { width:100%; }
.logo-rol { width: 29%; margin: 0; }
.about-client h2 { color: #fff; margin: 0; font-size: 21px; line-height: normal; }
.author-dec { margin: 25px 0 0px 22px; }
.form-div { padding-left: 0; padding-right: 0;}
.title h2 { font-size: 24px; line-height: normal; }
.form-div input[type=text], select { padding: 10px 14px; vertical-align:top; margin: 0 0 13px 0px; }
.custom-select { padding: 10px 14px; margin-top: 0; font-size: 14px; }
.select-selected::after { top: 11px; right: 13px; }
.form-div textarea { margin-top: 0; padding: 14px 14px; height: 84px; font-size: 14px; }
.sec-three { width: 100%; }
.copyright-left { width: 100%; text-align: center; }
.copyright-ul { float: right; margin-top: 10px; width: 100%; text-align: center;}
.footer { padding-bottom: 16px; }
.icon-interest { margin: 21px 0 0 0; padding-top: 25px; }
.overlay { position: absolute; bottom: 0 !important; width: 100%; text-align: center; top: auto !important;}
.overlay a { font-size: 22px; padding: 16px 12px 12px 12px; width: 100%; }
.port-box { height: 210px; background-size: cover !important; width: 50%;}
.port-col-left .port-box { width:100% !important; height: 380px; }
.logo-img:last-child { margin-top: 7px; }
}
@media screen and (max-width:530px){
.flexslider .slides img { max-width: 378px; }
.port-main img { display:none; }
footer { padding: 40px 0 23px 0; }
.logo-footer img { width: 183px; }
.form { padding: 43px 0 44px 0; }
.select-items div, .select-selected { line-height:normal; }
}
@media screen and (max-width:480px){
.wrapper2, .wrapper, .header .wrapper, .main-slide-text-inner .wrapper {
    max-width: 380px;
}
.flexslider .slides img {
    max-width: 328px;
}
.main-slide-text-inner { position:relative; }
.logo {
    margin-top: 0;
    width: 90px;
}
.button a { padding: 2px 10px; }
.responsive-menu a { width: 30px; } 
.main-slide-text-inner {
    position: relative;
    float: left;
    width: 100%;
}
.main-text {
    max-width: 100%;
	text-align:center;
    padding: 20px 0;
}
.nav-ul {
    right: 43px;
    max-width: 214px;
}
.nav-right {
    margin: 0 0 0 10px;
}
.accordion { font-size: 18px; }
.logo-footer img {
    width: 143px;
}
.main-text h5 { letter-spacing: 0; }
.portfolio-text br {
    display: none;
}

}
@media screen and (max-width:400px){
.wrapper2, .wrapper, .header .wrapper, .main-slide-text-inner .wrapper { max-width: 320px; padding: 0 10px;}
.flexslider .slides img { max-width: 298px; }
.button a { font-size: 12px; }
.nav-ul { right: 26px; }
.overlay a { font-size: 17px; }
.title p {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 0;
    line-height: normal;
}
.about-client p:before { left: -10px; }
.nav {
    width: 64%;
}
.flexslider .slides img {
    max-width: 268px;
}
.logo { width: 83px; }
}

@media screen and (max-width:350px){
.title h2 { font-size: 20px; }
.copyright { padding: 24px 0px 0px 0; }
.port-col-left .port-box { height: 310px; }
.title h3 {
    font-size: 17px;
    line-height: 22px;
    margin: 0;
}
.title h3 br {
    display: none;
}
.flexslider .slides img {
    max-width: 274px;
}
.logo {
    margin-top: 50px;
    width: 85px;
}
.nav-button {
    margin-top: 16px;
}
.nav {
    width: 65%;
}
.responsive-menu a {
    width: 26px;
}

.nav-ul {
    right: 16px;
}
.accordion {
    font-size: 16px;
    padding: 26px 29px 28px 99px;
}
.port-box { height: 170px; }

.overlay a {
    font-size: 15px;
} 
}