@charset "utf-8";
/* CSS Document */

/* Common CSS
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}

/* Typography
------------------------------------------------------------------------------*/
body{ color:#000000; font-size:14px; /*font-family: 'Nunito', sans-serif;*/ font-family: 'montlight'; font-weight:400; line-height:26px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;}
h1{ font-size:34px;}
h2{ font-size:38px; line-height:35px; color:#000000; text-transform:uppercase; font-family: 'montsemibold'; margin:0 0 15px; letter-spacing: 1px; padding-top:20px;}
h3{ font-size:30px; line-height:35px; color:#000; font-family: 'montsemibold', sans-serif; margin:0 0 15px; letter-spacing: 0; padding-top:20px;}
h4{ font-size:26px; line-height:30px; color:#000000; font-family: 'montsemibold', sans-serif; margin:0 0 15px; letter-spacing: 0; padding-top:30px;}
h5{ font-size:25px; line-height:28px; color:#000000; text-transform:uppercase; font-family: 'montsemibold'; margin:0 0 25px; letter-spacing: 1px;}
h6{ font-size:20px; line-height:24px; color:#000000; text-transform:uppercase; font-family: 'montsemibold'; margin:0 0 15px; letter-spacing: 1px;}

h2 span{ font-weight: normal; font-family: 'montlight'; text-transform: none; display: block; margin: 5px 0 0;}

.inner-container p{ font-size:16px; line-height:28px; margin-bottom:30px;}
.inner-container ul li{ font-size:16px; line-height:28px; background-position: 5px 11px;}
p{ color:#000000; font-size:16px; font-weight:400; line-height:26px; margin-bottom:25px; /*font-size:14px;*/}
p strong{ font-weight:600;}

ul{ margin:0 0 40px; padding:0;}
ul li{ font-size:13px; color:#000; font-weight:400; line-height:19px; padding:0 0 0 30px; margin:15px 0 0 0; background:url(../images/list-icon.png) no-repeat 5px 7px;}
ul li:first-child{ margin:0;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px 10px 20px; border-left:2px solid #1589cb;}
blockquote p{ font-size:13px; font-weight:400; line-height:17px; margin-bottom:15px; position:relative; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

img.alignleft{ float:left; margin:0 30px 20px 0;}
img.alignright{ float:right; margin:0 0 20px 30px;}


img{border:none; border-style: none; display:block;}


a{color:#6acd78; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover{color:#000000;}
a:active, a.current {color: #6acd78;}
a:focus {outline: none;}


input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"]{ border:1px solid #d9d9d9; padding:14px 20px; color:#737373; font-size:13px;     font-family: 'Montserrat'; font-weight:400; line-height:16px;}
textarea{ border:1px solid #d9d9d9; padding:14px 20px; color:#737373; font-size:13px; height:60px; resize:none;  font-family: 'Open Sans',Arial, Helvetica, sans-serif; line-height:16px;}

input[type="submit"], input[type="button"], input[type="reset"]{ font-size:12px; line-height:22px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; display:block; background:#6acd78; text-align:center; color:#fff; letter-spacing:0; padding:15px 10px 15px; width:100%; max-width:180px; margin:0; cursor:pointer; border:none; display:block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#383b3c; color:#fff;}

/* Pleaceholder color */
::-webkit-input-placeholder  { color:#737373; opacity:1; text-transform:uppercase;}
::-moz-input-placeholder { color:#737373; opacity:1; text-transform:uppercase;}
:-moz-placeholder { color:#737373; opacity:1; text-transform:uppercase;}
::-moz-placeholder { color:#737373; opacity:1; text-transform:uppercase;}
:-ms-input-placeholder { color:#737373; opacity:1; text-transform:uppercase;}

select{ border:1px solid #d9d9d9; padding:14px 20px; color:#737373; font-size:13px;     font-family: 'Montserrat'; font-weight:400; line-height:16px; width: 100%;}
.guest-posts lable{ font-weight: bold; font-size: 14px; line-height: 16px; display: block; margin: 0 0 5px;}


table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/*------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%;}
.container{ max-width:1170px; width:100%;}
.container-left{ float:left; width:68.4%;}
.container-right{ float:right; width:23.1%;}
.inner-container{ max-width:1170px; width:100%; padding-top:80px; padding-bottom:80px; position:relative;}
.inner-container .line5{ position:absolute; left:30px; top:-55px;}
.project-detail-page{ padding-top: 160px;     padding-bottom: 50px;}

.home-page-title{ font-size:60px; line-height:64px; color:#000; text-transform:uppercase; font-family: 'bebas_neuebold';}
.home-page-title span{ display:block; font-size:40px; line-height:40px; color:#555758;}
.inner-page-title{ position:relative; left:-47px; margin:0 0 35px;}
.inner-page-title img{ max-width:100%; display:block; margin:0;}

.line1{ position:absolute; width:13px; height:169px; display:block; background:url(../images/line1.png) no-repeat; z-index:999; display: none !important;}
.line2{ position:absolute; width:13px; height:109px; display:block; background:url(../images/line2.png) no-repeat; z-index:999; display: none !important;}
.line3{ position:absolute; width:109px; height:13px; display:block; background:url(../images/line3.png) no-repeat; z-index:999; display: none !important;}
.line4{ position:absolute; width:13px; height:149px; display:block; background:url(../images/line4.png) no-repeat; z-index:999; display: none !important;}
.line5{ position:absolute; width:13px; height:109px; display:block; background:url(../images/line5.png) no-repeat; z-index:999; display: none !important;}

.button{ font-size:18px; line-height:22px; font-family: 'bebas_neue_regularregular'; display:block; background:#000; text-align:center; color:#fff; letter-spacing:2px; padding:10px 10px 10px; width:100%; max-width:200px; margin:0;}
.button:hover{ background:#6acd78; color:#fff;}

/* header */
header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1111; background: rgba(255,255,255,1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
header .container{ padding:0 45px 0; max-width:100%; width:100%; position:relative;}
header .logo{ display:block; float:left; margin: 7px 0; width: 110px;}
header .logo img{ max-width:100%; display:block; margin:0;}
header .header-right{ float:right; margin:13px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
header .header-right .menu-icon{ float:right; position:relative; padding:0 45px 0 0; font-family: 'montsemibold'; font-size:17px; text-transform:uppercase; color:#000; line-height:22px; margin:0 0 0 20px;}
/*header .header-right .menu-icon:after{ font-family: "4ever" !important; content: 'c'; position: absolute; right: 0; top: 0; font-size: 34px; line-height: 20px; text-transform: none; width: 34px;    text-align: center;}
header .header-right .menu-icon.active:after { font-family: 'Open Sans', sans-serif !important; content: 'X';}*/
header .header-right .menu-icon:hover{ color:#6acd78;}
header.active{ background: rgba(255,255,255,1); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
header.active .logo{ width: 100px;}
header.active .header-right{ margin:10px 0 0;}

.estimation-btn{ background: #6acd78; color: #fff; display: block; float: right; padding: 10px 20px; font-size: 16px; line-height: 20px; position: fixed; left: 10px; bottom: 10px; font-weight: 700; border-radius: 20px;}
.estimation-btn span{ display: block; text-transform: none; letter-spacing: 0.7px; font-size: 15px; font-weight: 300;}
.estimation-btn:hover{ background:#383b3c; color: #fff;}
/*.estimation-btn:before{ content: ''; background: url(../images/arrow.png) no-repeat right center; width: 25px; height: 13px; position: absolute; right: 30px; top: 43px;}*/

/*.banner-popup{ position: absolute; right: 0; top: 50%; width: 200px;}
.banner-popup img{ display: block; max-width: 100%; margin: 0;}
.banner-popup a{ position: absolute; left: 50%; top: 50%; background: url(../images/video_icon_2.png) no-repeat; background-size: cover; height: 50px; width: 50px; margin: -25px 0 0 -25px;}*/
.video-popup-link{ background: url(../images/video_icon_2.png) no-repeat; background-size: cover; height: 70px; width: 70px; margin: 20px auto; display: block; border: 2px solid #6acd78; border-radius: 50%; animation: pulse 1s infinite; position: relative;}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.9);
  }
    100% {
    transform: scale(1);
  }
}

header .header-right .menu-icon, .navigation{ display: none;}
.navigations{ padding: 0; margin: 15px 20px 0 0;  float: right;}
.navigations li{ padding: 0; margin: 0 0 0 5px; float: left; list-style: none; background: none; position: relative;}
.navigations li:first-child{ margin: 0;}
.navigations li a{ display: block; font-weight: 600; text-transform: uppercase; font-size: 15px; padding: 7px 20px; color: #000; position: relative;}
.navigations li a:before{ content: ''; background: #c8ffd1; width: 0; left: 0; bottom: 0; height: 50%; display: block; position: absolute; z-index: -1; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.navigations li a:hover, .navigations li a.active{ color:#2fc248;}
.navigations li a:hover:before, .navigations li a.active:before{ width: 100%;}

.navigations li ul{ position: absolute; right: 0; top: 43px; background: #6acd78; width: 180px; margin: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 5px 0;}
.navigations li:hover ul{ top: 33px; opacity: 1; visibility: visible;}
.navigations li ul li{ width: 100%; margin: 0;}
.navigations li ul li a{ color: #fff; text-transform: none; padding: 7px 15px;}
.navigations li ul li a:before, .navigations li ul li a:after{ display: none !important;}
.navigations li ul li a:hover{ color: #000;}


header .header-right .menu-icon span {position: absolute; top: 50%; right: 6px; display: block; padding: 0; width: 33px; height: 2px; background-color: #000; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; margin-top: -2px;}
header .header-right .menu-icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 100%;}
header .header-right .menu-icon span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: -100%;}
header .header-right .menu-icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
header .header-right .menu-icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%);}
header .header-right .menu-icon.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
header .header-right .menu-icon.active span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); background: #000; top:0;}
header .header-right .menu-icon.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: 0; background: #000;}

header .header-right .social-icon{ float:right; margin:15px 0 0 30px;}
header .header-right .social-icon span{ display: none; font-size: 15px; line-height: 18px; color: #000; margin: 0 0 5px;}
header .header-right .social-icon a{ color:#000; display:block; float:left; height:29px; width: 30px; margin: 0 0 0 20px; position: relative; top: 0;}
header .header-right .social-icon div a:first-child{ margin: 0;}
header .header-right .social-icon a.facebook{ background: url(../images/facebook-img.png) no-repeat; background-size: cover;}
header .header-right .social-icon a.twitter{ background: url(../images/twitter-img.png) no-repeat; background-size: cover;}
header .header-right .social-icon a.skype{ background: url(../images/linkedin-img.png) no-repeat; background-size: cover;}
header .header-right .social-icon a.instagram{ background: url(../images/instagram-img.png) no-repeat; background-size: cover;}
header .header-right .social-icon a.behance{ background: url(../images/behance.png) no-repeat; background-size: cover;}
header .header-right .social-icon a:hover{ top: -3px;}
/*header .header-right .social-icon a.facebook{}
header .header-right .social-icon a.facebook:before{ font-family: "4ever" !important; content:'b'; font-size:24px; line-height:24px;}
header .header-right .social-icon a.facebook:hover{ color:#3b5998;}
header .header-right .social-icon a.twitter{}
header .header-right .social-icon a.twitter:before{ font-family: "4ever" !important; content:'d'; font-size:24px; line-height:24px;}
header .header-right .social-icon a.twitter:hover{ color:#55acee;}
header .header-right .social-icon a.googleplus:before{ font-family: "4ever1" !important; content:"\61"; font-size:24px; line-height:24px;}
header .header-right .social-icon a.googleplus:hover{ color:#d34836;}

header .header-right .social-icon a.skype:before{ font-family: "4ever2" !important; content:"\61"; font-size:24px; line-height:24px;}
header .header-right .social-icon a.skype:hover{ color:#d34836;}
header .header-right .social-icon a.instagram:before{ font-family: "4ever2" !important; content:"\62"; font-size:24px; line-height:24px;}
header .header-right .social-icon a.instagram:hover{ color:#d34836;}*/

header .header-right .call{ font-size:17px; line-height:24px; color:#000; text-transform:uppercase; font-family: 'bebas_neue_regularregular'; float:right; position:relative; padding:0 0 0 30px; letter-spacing:0.5px;}
header .header-right .call strong{ font-family: 'bebas_neuebold'; font-weight:normal;}
header .header-right .call:before{ font-family: "4ever" !important; content:'a'; text-transform:none; font-size:24px; line-height:24px; position:absolute; top:0; left:0px;}
header .header-right .call:hover{ color:#6acd78;}

.navigation{ background:rgba(0,0,0,0.9); position:absolute; left:0; top:123px; text-align:center; width:100%; z-index:9999; margin:0; padding:130px 0; display:none;}
.navigation li{ display:block; width:100%; margin:25px 0 0 0; padding:0; background:none;}
.navigation li:first-child{ margin:0;}
.navigation li a{ display:inline-block; color:#fff; font-size:18px; line-height:38px; font-family: 'mont'; letter-spacing:0; padding: 0px 15px; /*height: 35px;*/}
.navigation li a.active, .navigation li a:hover{ background: #6acd78;}

.navigation li ul{ display: none; margin: 0;}

/* banner */
.banner{}
.banner .container{ max-width:1600px; width:100%; position:relative;}
.banner .container img{ max-width:100%;}
.banner .container .banner-desc{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:999;}
.banner .container .banner-desc .banner-desc-inner{ display:table; height:100%; width:100%;}
.banner .container .banner-desc .banner-desc-inner .banner-desc-inner1{ display:table-cell; vertical-align:middle; height:100%; width:100%; position:relative; left:-50px;}

.banner .container .banner-desc .banner-desc-inner .banner-desc-inner1 div{ background:rgba(255,255,255,0.9); padding:45px 10px 0 0; position:relative; display:inline-block;}
.banner .container .banner-desc p{ font-size:43px; line-height:30px; text-transform:uppercase; padding:0; margin:0; color:#000; font-family: 'bebas_neue_regularregular'; letter-spacing:2px; position:relative;}
.banner .container .banner-desc p:first-child:before{ content:''; background:#000; height:2px; width:310px; position:absolute; left:0; top:-22px;}
.banner .container .banner-desc h1{ font-size:180px; line-height:185px; text-transform:uppercase; padding:0; margin:0; color:#6acd78; font-family: 'bebas_neuebold'; position:relative; left:-5px; letter-spacing:9px; display:block;}
.banner .container .banner-desc p+h1+p{ position:relative; top:-20px; font-size:38px; letter-spacing:1.6px;}
.banner .container .banner-desc a{ text-transform:uppercase; font-size:20px; line-height:24px; color:#fff; background:#383b3c; font-family: 'bebas_neuebold'; letter-spacing:4px; padding:15px 45px; display:inline-block; position: absolute; bottom:-65px; left:335px;}
.banner .container .banner-desc a:hover{ background:#6acd78; color:#383b3c;}

.banner-desc video { position: absolute; z-index: -1; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%);}

.service-banner.inner-banner{ height: 250px; box-shadow: none; }
.blog-detail-banner.inner-banner{ height: 420px;}

.main-bg{ background:#fff; height:100vh; width: 100%; display: block; position: relative; overflow: hidden;} 
/*.one{ background: url(../images/l3.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -433.5px 0 0 -433.5px; height: 867px; width: 867px;}
.two{ background: url(../images/l2.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -247px 0 0 -247px; height: 494px; width: 494px;}
.three{ background: url(../images/l1.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -575px 0 0 -575px; height: 1150px; width: 1150px;}*/

.main-bg .banner-desc{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:999; text-align: center; overflow: hidden;}
.main-bg .banner-desc .banner-desc-inner{ display:table; height:100%; width:100%;}
.main-bg .banner-desc .banner-desc-inner .banner-desc-inner1{ display:table-cell; vertical-align:middle; height:100%; width:100%; position:relative;}
.main-bg .banner-desc .banner-desc-inner .banner-desc-inner1:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 0;}
.main-bg .banner-desc .banner-desc-inner .banner-desc-inner1 div.block{ padding:45px 10px 0 0; /*margin:15px 0 65px;*/ position:relative; display:block; position: relative;}
.main-bg .banner-desc .banner-text{ max-width: 1080px; margin: 0 auto; position: relative; z-index: 1; padding: 0 10px;}
.main-bg .banner-desc .banner-text h1{ color: #fff; font-size: 50px; line-height: 60px; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase; font-family: 'montheavy'; text-shadow: 0px 5px 20px rgba(0,0,0,0.3); margin-bottom: 10px;}
.main-bg .banner-desc .banner-text h2{ color: #fff; font-size: 34px; line-height: 38px; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase; font-family: 'montheavy'; text-shadow: 0px 5px 20px rgba(0,0,0,0.3);}
.main-bg .banner-desc .banner-text h2 span{ font-family: 'montheavy'; display: inline-block; color: #6acd78;}
.main-bg .banner-desc .banner-text h2:last-child{ margin-top: 15px;}
/*.main-bg .banner-desc p{ font-size:63px; line-height:50px; text-transform:uppercase; padding:0; margin:0; color:#000; font-family: 'bebas_neue_regularregular'; letter-spacing:1.5px; position:relative;}
.main-bg .banner-desc p:first-child{ left: -6px;}
.main-bg .banner-desc p:first-child:before{ content:''; background:#000; height:2px; width:310px; position:absolute; left:50%; top:-22px;     margin-left: -155px;}
.main-bg .banner-desc h1{ font-size:250px; line-height:255px; text-transform:uppercase; padding:0; margin:0; color:#6acd78; font-family: 'bebas_neuebold'; position:relative; letter-spacing:9px; display:block;}
.main-bg .banner-desc p+h1+p{ position:relative; top:-20px; font-size:56px; letter-spacing:0.2px;}*/
/*.main-bg .banner-desc a{ text-transform:uppercase; font-size:20px; line-height:24px; color:#fff; background:#383b3c; font-family: 'bebas_neuebold'; letter-spacing:4px; padding:15px 45px; display:inline-block; position: absolute; bottom:-65px; left:335px;}
.main-bg .banner-desc a:hover{ background:#6acd78; color:#383b3c;}*/

.tilter * { pointer-events: none;}
.tilter {display: block; position: relative; margin: 0; color: #fff; flex: none; perspective: 1000px; }
.tilter__figure,.tilter__image { margin: 0; width: 100%; height: 100%;  display: block;}
.tilter__figure > * {  transform: translateZ(0px); /* Force correct stacking order */}
.tilter__figure {  position: relative;  max-width: 1400px;  margin:auto;}
.absolute_img{ position: absolute; top: 0; left: 0; width: 100%;}
.tilter__deco { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tilter__deco--overlay { background: url('../images/part3.png') no-repeat; background-size: cover;}
.tilter__deco--shine div { position: absolute; width: 100%;  height: 100%;  top: 0%;  left: 0%;  background: url('../images/part2.png') no-repeat; background-size: cover;}
.tilter__caption {  position: static;  width: 100%;  height: 100%;  top: 0%;  left: 0%; background-position: center; background-size: cover;}


.two, .three {-webkit-animation-name: error-img-rotet; -webkit-animation-duration: 150s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: error-img-rotet; -moz-animation-duration: 150s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: error-img-rotet; -ms-animation-duration: 150s;  -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: error-img-rotet;   animation-duration: 150s;   animation-iteration-count: infinite; animation-timing-function: linear;}
@-ms-keyframes error-img-rotet {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes error-img-rotet {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes error-img-rotet {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes error-img-rotet { 
from {transform:rotate(0deg);} 
to{transform:rotate(360deg);}
}



.one {-webkit-animation-name: error-img-rotet1; -webkit-animation-duration: 150s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: error-img-rotet1; -moz-animation-duration: 150s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: error-img-rotet1; -ms-animation-duration: 150s;  -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: error-img-rotet1;   animation-duration: 150s;   animation-iteration-count: infinite; animation-timing-function: linear;}
@-ms-keyframes error-img-rotet1 {
	from { -ms-transform: rotate(360deg); }
	to { -ms-transform: rotate(0deg); }
}
@-moz-keyframes error-img-rotet1 {
	from { -moz-transform: rotate(360deg); }
	to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes error-img-rotet1 {
	from { -webkit-transform: rotate(360deg); }
	to { -webkit-transform: rotate(0deg); }
}
@keyframes error-img-rotet1 { 
from {transform:rotate(360deg);} 
to{transform:rotate(0deg);}
}

/* inner banner */
.inner-banner{ margin: 90px 0 0 0; height: 550px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden;}
.inner-banner.blog-detail{}
.inner-banner .container{ max-width:1600px; width:100%; position:relative; height: 100%; background-size: 100% !important;}
.inner-banner .container img{ max-width:100%; width: 100%;}
.inner-banner .container .banner-desc{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:999;}
.inner-banner .container .banner-desc .banner-desc-inner{ display:table; height:100%; width:100%; text-align: left;}
.inner-banner .container .banner-desc .banner-desc-inner .banner-desc-inner1{ display:table-cell; vertical-align:middle; height:100%; width:100%; position:relative; /*left:-50px;*/}
.inner-banner .container .banner-desc .banner-desc-inner .banner-desc-inner1 div{ padding:0; display:inline-block; max-width: 800px;}
.inner-banner .container .banner-desc p{ font-size:32px; line-height:35px; padding:0; margin:0; color:#000; font-family: 'bebas_neue_regularregular'; letter-spacing:0; position:relative; font-family: 'mont_regularregular';}
.inner-banner .container .banner-desc h1, .inner-banner .container .banner-desc h2{ font-size:80px; line-height:80px; text-transform:uppercase; padding:0; margin:0; color:#000; font-family: 'mont_boldbold'; position:relative; left:0px; display:block; letter-spacing:0;}
/*.inner-banner .container .banner-desc h1:before{ content:''; background:#000; height:2px; width:170px; position:absolute; left:0; top:-20px;}*/

.page-id-6 .inner-banner .container .banner-desc .banner-desc-inner .banner-desc-inner1{ vertical-align: bottom;}
.page-id-6 .inner-banner .container .banner-desc .banner-desc-inner .banner-desc-inner1 div{ padding-bottom: 0 !important;}
.inner-banner .container .banner-desc .banner-yvideo{ margin: 10px 0 0; width: 560px; height: 315px; overflow: hidden; position: relative; bottom: -9px;}
.inner-banner .container .banner-desc .banner-yvideo iframe{ width: 100%; height: 100%;}


/* welcome block */
.welcome-block{}
#welcome{ /*background:url(../images/welcome-bg.png) no-repeat fixed right center;*/ /*background-size:100%;*/}
.welcome-block .container{ padding-top:120px; padding-bottom:120px; position:relative;}
.welcome-block .welcome-img{ margin:0 0 30px;}
.welcome-block .welcome-img img{ display:block; max-width:100%; margin: 0;}
.welcome-block .welcome-block-left{ float:left; width:48%;}
.welcome-block .welcome-block-right{ float:right; width:48%;}
.welcome-block p{ padding:0 0 0 0; margin:20px 0 0;}
.welcome-block p:first-child{ margin:0;}
.welcome-block ul{ padding:15px 0 0 0; margin:0;}
.welcome-block .line1{ left:210px; top:-95px;}
.welcome-block .line2{ left:210px; bottom:-50px;}

/* recent-works */
.recent-works{ position:relative; padding:120px 0;}
.recent-works:before{ content:''; left:0; top:0; width:50%; height:100%; background:#6acd78; position:absolute;}
.recent-works:after{ content:''; right:0; top:0; width:50%; height:100%; background:#f6f6f6/*6acd78*/; position:absolute;}
.recent-works .all-projects-link{ font-size:18px; line-height:22px; color:#202020; text-transform:uppercase; font-family: 'bebas_neuebold'; letter-spacing:4px; width:120px; display:block; margin:0; position:relative; margin-bottom:45px; z-index:22;}
.recent-works .all-projects-link:hover{ color:#fff;}
.recent-works .all-projects-link:after{ font-family: "4ever" !important; content:'e'; position:absolute; right:0; bottom:0; text-transform:none; font-size:26px; line-height:29px;}
.scenes { overflow: hidden; }
.scenes-left{ float: left; position: absolute; z-index: 1; left: 50%; margin-left: -585px; padding:0 !important;}
.scenes-left .scenes-left-inner{ float: left; max-width: 350px; padding: 0; width: 100%;}
.scenes-left .scenes-left-inner .scene_title{ position:static; opacity:1; visibility:visible; display:block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.scenes-left .scenes-left-inner .scene_title h2{ padding:0; border:0;}
.scenes-left h2{ color:#fff; border-bottom:1px solid #fff; padding-bottom:30px; margin-bottom:40px; padding-top:0;}
.scenes-left h2 span{ color:#202020}
.scenes .row { max-width:57%; float:right; width:100%; position:relative; padding:60px 0 0;}
.scene_animate_right { right:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.scenes .g_text { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; z-index: 1; }
.scenes .g_text.go { opacity: 0; z-index: -1; }

#scene_animate { position: relative; z-index: 1; cursor: pointer; }
#scene_animate .scene { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }
#scene_animate .s_placeholder { visibility: hidden; }
#scene_animate img{ max-width:100%;}
#scene_animate .scene { position: absolute; z-index: 0; z-index: 0; top: 0; left: 0; visibility: hidden; -webkit-transform: translateX(100%) scale(0.9); -moz-transform: translateX(100%) scale(0.9); -o-transform: translateX(100%) scale(0.9); transform: translateX(100%) scale(0.9); }
#scene_animate img { /*width: 100%;*/ border-radius: 10px; }
#scene_animate .scene.s_active { z-index: 2; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#scene_animate .scene.sub_active, #scene_animate .scene.s_active + .scene { z-index: 1; visibility: visible; }
#scene_animate .scene.s_scaled { z-index: -1; visibility: visible; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; -webkit-transform: translateX(-7.5%) scale(0.9); -moz-transform: translateX(-7.5%) scale(0.9); -o-transform: translateX(-7.5%) scale(0.9); transform: translateX(-7.5%) scale(0.9);}
.scenes .scene_title { visibility: hidden; opacity: 0; position:absolute; top: 65px; left: -50%; /*width:330px;*/ display:none;}
.scenes .scene_title h2{ font-size:30px; line-height:32px; text-transform:uppercase; font-family: 'Nunito', sans-serif; color:#202020; margin:0 0 10px; padding-top:0;}
.scenes .scene_title p{ font-weight:300; color:#202020; }
.scenes .scene_title a{ font-size:18px; line-height:22px; font-family: 'bebas_neue_regularregular'; display:block; background:#202020; text-align:center; color:#fff; letter-spacing:3px; padding:10px 0 10px; max-width:240px; margin:0;}
.scenes .scene_title a:hover{ background:#fff; color: #202020;}
.scenes .s_active .scene_title { visibility: visible; -webkit-transition: 3s ease-in-out 0s !important; -moz-transition: 3s ease-in-out 0s !important; -o-transition: 3s ease-in-out 0s !important; transition: 3s ease-in-out 0s !important; opacity: 1; }
.scenes nav { position: absolute; z-index: 1; left:-80px; bottom:40px;}
.scenes nav a { font-size: 27px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #2b2b2b; height:10px; width:10px; background:red; display:none;}
.left-open{ background: url(../images/prev-arrow.png) no-repeat; background-size:cover; height: 68px; left: -77px; margin-top: 50px; position: absolute; text-indent: -9999px; top: 50%;   width: 37px; z-index: 99;}
.scenes nav a:hover { text-decoration: none; color: #ce2f24; }
.scenes nav .counter { }
.scenes nav .counter > span { font-family: 'bebas_neuelight'; font-size:24px; line-height:95px; color:#fff; display:inline-block;}
.scenes nav .counter > strong { font-family: 'bebas_neuebold'; font-size:24px; line-height:95px; color:#000; display:inline-block;}
.scenes nav .counter > i { height:95px; width:1px; background:#4c4f50; display:inline-block; vertical-align:middle; margin:0 13px 0 10px;}

/* our services */
.our-services{ /*padding:120px 0 60px 0;*/ padding:0;}
/*.our-services .container{ padding-top:0 !important; padding-bottom:0 !important;}*/
#services{ /*background:url(../images/services-bg.png) no-repeat fixed bottom center;*/ /*background-size:100%; background: rgba(56,59,60,0.5) url(../images/services-bg1.jpg) no-repeat fixed center center;*/ /*#f6f6f6*/ background-size: cover; /*background: #f9f9f9;*/ position: relative;}
/*#services:before{ content:''; background: rgba(27,27,27,0.92); position: absolute; left: 0; top: 0; position: absolute; height: 100%; width: 100%;}*/
.our-services h2{ margin-bottom:10px; position:relative; display:inline-block; color: #000; padding: 0;}
.our-services h2 .line3{ right:-140px; bottom:24px;}
.our-services ul{ margin:0; padding:80px 0; background:none; margin:0 auto;}
.our-services ul li{ margin:60px 0 0; padding:0 0; background:none; list-style:none; width:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; float: left;}
.our-services ul li:first-child{ margin: 0;}
.our-services ul li .our-services-inner{ /*max-width:1170px;*/ width:100%; margin: 0 auto; float: none !important;}
.our-services ul li:nth-child(2n+1){ background: #fff;}
.our-services ul li div.desc{ padding: 80px 0;}
.our-services ul li div{ position:relative; width:49%; height:100%; padding-bottom:0; float: right;}
.our-services ul li:nth-child(2n+2) div{ float: left;}
.our-services ul li div .desc-inner{ max-width: 570px; float: left; width: 100%;}
.our-services ul li:nth-child(2n+2) div .desc-inner{ float: right;}
.our-services ul li .images{ float: left; width: 46.5%}
.our-services ul li:nth-child(2n+2) .images{ float: right;}
.our-services ul li .images img{ display: block; margin: 0 auto; max-width: 100%;}
.our-services ul li:first-child{ margin-top:0;}
/*.our-services ul li:nth-child(3n+1){ margin:0;}
.our-services ul li:nth-child(5n+6){ clear:both;}
.our-services ul li:nth-child(1n+6){ margin-bottom:0;}*/
.our-services ul li h2{ font-family: 'montlight'; text-transform: capitalize; line-height: 44px; font-size: 39px; letter-spacing: 0;}
.our-services ul li span{ /*text-transform:uppercase;*/ font-family: 'montheavy'; margin:0 0 0; display:block; padding:0 0 0 0; height:auto; color:#000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: none !important; letter-spacing: 0; color: #6acd78; text-transform: uppercase; font-size: 45px;}
.our-services ul li span em{ display:block; font-style:normal; letter-spacing:0; /*font-family: 'Nunito', sans-serif;*/  position: relative; z-index: 1; text-transform: uppercase;}
/*.our-services ul li span em:before{ content: ''; height: 15px; width: 70%; position: absolute; left: 0; bottom: -5px; background: #6acd78; z-index: -1;}*/
.our-services ul li.web-design span{ background:url(../images/icon-web-design.png) no-repeat left top;}
.our-services ul li.web-applications-development span{ background:url(../images/icon-web-development.png) no-repeat left top;}
.our-services ul li.virtual-reality-apps-development span{ background:url(../images/icon-virtual-reality.png) no-repeat left top;}
.our-services ul li.mobile-apps-development-services span{ background:url(../images/icon-mobile-app.png) no-repeat left top;}
.our-services ul li.mobile-game-app-development span{ background:url(../images/icon-game-development.png) no-repeat left top;}
.our-services ul li.ecommerce-website-development span{ background:url(../images/icon-ecommerce.png) no-repeat left top;}
.our-services ul li.m-commerce-applications span{ background:url(../images/icon-mcommerce.png) no-repeat left top;}
.our-services ul li.digital-marketing-agency span{ background:url(../images/icon-digital-mareting.png) no-repeat left top;}
.our-services ul li.creative-graphic-design-services span{ background:url(../images/icon-graphic-design.png) no-repeat left top;}
/*.our-services ul li.3d-modelling span, */.our-services ul li:last-child span{ background:url(../images/icon-3d-moeling.png) no-repeat left top;}
/*.our-services ul li:hover{ background:#383b3c; box-shadow:0 0 24px rgba(36,36,36,0.35); -moz-box-shadow:0 0 24px rgba(36,36,36,0.35); -webkit-box-shadow:0 0 24px rgba(36,36,36,0.35);}
.our-services ul li:hover span{ background-position:left bottom; color:#fff;}*/
.our-services ul li p{ /*font-size:16px; line-height:28px;*/ color:#000; padding:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:15px 0 30px;}

.our-services ul ol{ margin: 0 0 0 0;}
.our-services ul ol li{ padding: 0 0 0 20px; margin: 5px 0 0 !important; float: none; font-size: 16px; line-height: 22px; background: url(../images/list-icon.png) no-repeat 0px 6px !important;}

.our-services ul li a{ font-size:12px; line-height:14px; font-family: 'Montserrat', sans-serif; font-weight: 700; display:block; background:#6acd78; text-align:center; color:#fff;  padding:18px 55px 18px 30px; position:absolute; left:0; bottom:0; /*width:100%;*/ /*visibility:hidden; opacity:0;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;*/ /*max-width: 200px;*/ letter-spacing:1px; text-transform: uppercase; position: relative; display: inline-block;}
.our-services ul li a:before{ content: ''; background: url(../images/arrow.png) no-repeat right center; width: 16px; height: 9px; position: absolute; right: 30px; top: 19px; background-size: cover;}
.our-services ul li a:hover{ background:#000; color: #fff;}
/*.our-services ul li:hover a{ opacity:1; visibility:visible;}
.our-services ul li a:hover{ background:#fff;}
.our-services ul li:hover p{ color:#fff;}*/

.our-services-new .container{ padding-top:70px; padding-bottom:70px; position:relative;}
.our-services-new h2{ margin:0; /*float:left;*/ padding: 0; text-align: center; font-family: 'montlight'; text-transform: capitalize; line-height: 44px; font-size: 35px; letter-spacing: 0;}
.our-services-new h2 span{ display: block; color: #6acd78; text-transform: uppercase; font-family: 'montheavy'; font-size: 40px;}
.our-services-new p.para{ /*float:right; width:50%;*/ padding-top:25px; line-height:21px; margin: 0; text-align: center; max-width: 970px; margin: 0 auto;}
.our-services-new ul{ padding: 0; margin: 40px 0 0;}
.our-services-new ul li{ padding: 0 0 0 40px; margin: 30px 0 0; float: left; width: 48.7%; background: none; list-style: none; position: relative;}
.our-services-new ul li .image{ position: absolute; left: 0; width: 80px; top: 50%; margin-top: -40px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: 30px 10px 30px rgba(0,0,0,0.10); border-radius: 50%;}
.our-services-new ul li .image img{ display: block; margin: 0; max-width: 100%;}
.our-services-new ul li:nth-child(2n+2){ float: right;}
.our-services-new ul li:nth-child(2n+1){ clear: both;}
.our-services-new ul li .inner{ padding: 30px 40px 30px 80px; background: #f2f9fe; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.our-services-new ul li:hover .inner{ box-shadow: 30px 10px 30px rgba(0,0,0,0.10);}
.our-services-new ul li:hover .image{ box-shadow: 30px 10px 30px rgba(0,0,0,0);}
.our-services-new ul li .inner h4{ font-size: 22px; line-height: 26px; padding: 0;}
.our-services-new ul li .inner p{ font-size: 16px; line-height: 22px; color: rgba(0,0,0,0.5); padding: 0; margin: 0 0 20px; font-weight: 600;}
.our-services-new ul li .inner .more{ font-size: 12px; line-height: 14px; text-transform: uppercase; font-weight: 700; color: #000; font-family: 'mont_boldbold'; background: url(../images/arrow-black.png) no-repeat right center; padding: 0 30px 0 0; background-size: 16px;}
.our-services-new ul li .inner .more:hover{ color: #6acd78;}

/* our customer */
.our-customer{ background:#f9f9f9; padding-bottom:110px;}
.our-customer .container{ padding-top:120px; padding-bottom:30px; position:relative;}
.our-customer .line4{ left:0; top:-105px;}
.our-customer h2{ margin:0; /*float:left;*/ padding: 0;}
.our-customer p{ /*float:right; width:50%;*/ padding-top:25px; line-height:21px; margin: 0;}
.our-customer ul{ padding:0; margin:20px 0 0; background:none; text-align:center;}
.our-customer ul li{ padding:0; margin:0 15px 0; background:none; display:inline-block;}
.our-customer ul li img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.our-customer ul li img:hover{ -webkit-filter: grayscale(0); filter: grayscale(0);}

.why-choose{ background:#fff; padding-bottom:80px;}
.why-choose .container{ padding-top:70px; padding-bottom:0; position:relative;}
.why-choose .line4{ left:0; top:-105px;}
.why-choose h2{ margin:0; /*float:left;*/ padding: 0; text-align: center; font-family: 'montlight'; text-transform: capitalize; line-height: 44px; font-size: 35px; letter-spacing: 0;}
.why-choose h2 span{ display: block; color: #6acd78; text-transform: uppercase; font-family: 'montheavy'; font-size: 40px;}
.why-choose p{ /*float:right; width:50%;*/ padding-top:25px; line-height:21px; margin: 0; text-align: center; max-width: 970px; margin: 0 auto;}
.why-choose ul{ padding: 0 0; margin: 35px 0 0;}
.why-choose ul li{ padding: 30px 5px; margin: 0 0 0 0; background: none; list-style: none; float: left; width: 20%; border-radius: 10px; background: rgba(255,255,255,0.0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 220px; position: relative;}
.why-choose ul li a{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}
.why-choose ul li:hover{ background: rgba(255,255,255,1); box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.why-choose ul li .inner{ display: table; height: 100%; width: 100%;}
.why-choose ul li .inner div{ display: table-cell; height: 100%; width: 100%; vertical-align: middle;}
.why-choose ul li:first-child{ margin: 0; border: 0;}
.why-choose ul li p{ margin: 0; padding: 0; text-align: center; font-size: 15px; line-height: 20px; font-family: 'Montserrat', sans-serif; font-weight: 600; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; visibility: hidden; opacity: 0; overflow: hidden; height: 0;}
.why-choose ul li:hover p{ opacity: 1; visibility: visible; height: 65px; overflow: visible;}
.why-choose ul li span{ width:100px; margin: 0 auto 15px; display: block; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.why-choose ul li span img{ display: block; max-width: 100%; /*background: url(../images/icon-bg.jpg) no-repeat 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover;*/}
.why-choose ul li:hover span img{ background-position: 0 100%;}
.why-choose ul li span em.black{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.why-choose ul li span em.green{ }
.get-in-touch-outer{ padding: 60px 0 0; text-align: center;}
.get-in-touch-btn{ font-size:12px; line-height:14px; font-family: 'Montserrat', sans-serif; font-weight: 700; display:block; background:#6acd78; text-align:center; color:#fff;  padding:18px 55px 18px 30px; position:absolute; left:0; bottom:0; /*width:100%;*/ /*visibility:hidden; opacity:0;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;*/ /*max-width: 200px;*/ letter-spacing:1px; text-transform: uppercase; position: relative; display: inline-block;}
.get-in-touch-btn:before{ content: ''; background: url(../images/arrow.png) no-repeat right center; width: 16px; height: 9px; position: absolute; right: 30px; top: 19px; background-size: cover;}
.get-in-touch-btn:hover{ background:#000; color: #fff;}

.our-customers{ background: #fff; padding-top: 80px; padding-bottom: 80px;}
.our-customers h2{ margin:0; /*float:left;*/ padding: 0; text-align: center; font-family: 'montlight'; text-transform: capitalize; line-height: 44px; font-size: 35px; letter-spacing: 0;}
.our-customers h2 span{ display: block; color: #6acd78; text-transform: uppercase; font-family: 'montheavy'; font-size: 40px;}
.our-customers p.para{ /*float:right; width:50%;*/ padding-top:25px; line-height:21px; margin: 0; text-align: center; max-width: 970px; margin: 0 auto;}
.our-customers .slick-slider{ margin: 40px 0 0;}

/* global reach */
.global-reach{ padding-bottom:85px;}
.global-reach .container{ max-width:1600px; width:100%; position:relative;}
.global-reach .container #map{ height:645px; width:100%;}
.global-reach .title{ position:absolute; left:65px; top:0; z-index:99;}
.global-reach .title h2{ position:relative;}
.global-reach .title .line2{ left:0; top:-135px;}
.global-reach .title-inner{ background:#fff; width:100%; height:100%; padding:55px 45px 40px 150px;}
.global-reach .title-inner:before{ content:''; border:3px solid #020001; position:absolute; left:40px; top:15px; height:248px; width:100%; z-index:-1;}

/* newsletter */
.newsletter{ background:#f6f6f6; padding:100px 0 80px; display: none !important;}
.newsletter .inner-container{ padding-top:0; padding-bottom:0; position:relative;}
.newsletter .line1{ position:absolute; left:30px; top:-195px;}
.newsletter .line4{ position:absolute; left:30px; top:-198px;}
.newsletter h4{ padding:0;}
.newsletter form{}
.newsletter form .es_textbox{ width:72%; float:left;}
.newsletter form .es_button{ width:28%; float:left;}
.newsletter form input[type="text"]{ border:1px solid #e9e9e9; border-right:0; background:#fff; padding:14px 30px; font-size:13px; line-height:16px; color:#000; width:100%; height:46px;}
.newsletter form input[type="submit"], .newsletter form input[type="button"]{ width:100%; background:#6acd78; font-size:18px; line-height:22px; text-transform:uppercase; color:#000; font-family:'bebas_neue_regularregular'; letter-spacing:4px; padding:0 10px; height:46px;}
.newsletter form input[type="submit"]:hover, .newsletter form input[type="button"]:hover{ color:#6acd78; background:#000;}

/* services */
.services{ /*padding:100px 0 130px;*/ margin:0 auto; background:none; /*max-width:1600px; width:100%;*/}
.services li{ /*padding:65px 15px 60px;*/ padding: 60px 0; margin:0; background:none; float:left; width:100%; /*border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;*/ }
.services li .services-inner{ max-width:1170px; width:100%; margin: 0 auto;}
/*.services li:nth-child(1){ border-top:0; padding-top:10px;}
.services li:nth-child(2){ border-top:0; padding-top:10px;}
.services li:nth-child(2n+2){ float:right; border-right:0;}
.services li:nth-child(2n+3){ clear:both;}*/
.services li:first-child{ margin: 0;}
.services li:nth-child(2n+1){ background:#f9f9f9;}
.services li .image{ float:left; width:25%; padding:0 2% 0 0;}
.services li .image img{ max-width:100%;}
.services li .desc{ float:left; width:100%;/* padding:0 5% 0 0;*/}
.services li .desc h2, .services li .desc h3{ padding-top:0;}
.services li .desc p{ font-size:13px; line-height:24px;}
.services li .desc a{ font-size:18px; line-height:22px; font-family: 'bebas_neue_regularregular'; display:block; background:#383b3c; text-align:center; color:#fff; letter-spacing:2px; padding:10px 0 10px; width:100%; max-width:200px; margin:0;}
.services li .desc a:hover{ background:#6acd78; color:#000000;}

.container.services-deail{ padding-top: 105px; padding-bottom:80px;}
.container.services-deail p{ font-size:16px; line-height: 28px;}
.container.services-deail ul li{ font-size:16px; line-height: 28px;}

.services-deail .services-images{ max-width: 100%; margin: 0 0 30px; display: block;}
.services-icon{ float:left; margin:0 30px 40px 0;}
.services-title{ font-size:74px; line-height:74px; text-transform:uppercase; color:#000; display:block; font-family: 'bebas_neuebold'; letter-spacing:4px; margin:0 0 15px;}

/* services technology */
.services-technology{}
.services-technology a{ color:#585858; font-size:20px; line-height:24px; display:block; float:left; text-transform:uppercase; font-family: 'bebas_neue_regularregular'; letter-spacing:1px; margin:0 45px 0 0;}
.services-technology a:last-child{ margin:0;}
.services-technology a:hover{ color:#6ace67;}

.portfolio .container{ padding:0 !important; max-width: 1600px;}
.portfolio-slider{ max-width:1600px; margin:0 auto; position:relative;}
.portfolio-slider .bx-wrapper{ position: relative; border: 1px solid #ededed;}
.project-detail-page h2{ padding-bottom: 40px; text-transform: none;}
.portfolio-slider ul{ padding:0; margin:0; background:none;}
.portfolio-slider ul li{ padding:0; margin:0; background:none;}
.portfolio-slider ul li img{ display:block; max-width:100%;}
.portfolio-slider .bx-next{ position:absolute; right:-77px; top:50%; width:25px; height:45px; background:url(../images/next-arrow.png) no-repeat; z-index:99; background-size:cover; text-indent:-9999px; margin-top:-23px; opacity:0.5;}
.portfolio-slider .bx-prev{ position:absolute; left:-77px; top:50%; width:25px; height:45px; background:url(../images/prev-arrow.png) no-repeat; z-index:99; background-size:cover; text-indent:-9999px; margin-top:-23px; opacity:0.5;}
.portfolio-slider .bx-next:hover, .portfolio-slider .bx-prev:hover{ opacity:1;}
.portfolio-slider #slide-counter{ position:absolute; background:#fff; right:34.5%; top:40.5%; z-index:99; padding:23px 25px; width:118px; text-align:center;}
.portfolio-slider #slide-counter strong{ display:inline-block; color:rgba(0,0,0,.7); font-size:24px; font-family: 'bebas_neuethin'; line-height:95px; vertical-align:top; width:20px; text-align:center;}
.portfolio-slider #slide-counter em{ display:inline-block; font-style:normal; background:#e5e5e5; width:1px; height:95px; margin:0 10px;}
.portfolio-slider #slide-counter span{ display:inline-block; color:#000; font-size:24px; font-family: 'bebas_neuebold'; line-height:95px; vertical-align:top; width:20px; text-align:center;}

/* portfolio banner */
.portfolio-banner{ padding-top:50px; padding-bottom:50px; /*border-bottom:1px solid #e5e5e5;*/ margin:0 auto 59px; max-width:1600px;}
.portfolio-banner .back-btn{ margin:40px 0 0; /*position:static;*/}
.portfolio-banner .share-on{ text-align:center;}
.portfolio-banner .share-on span{ display:block; text-transform:uppercase; font-size:17px; line-height:20px; font-family: 'montsemibold'; margin:0 0 10px; letter-spacing:2px;}
.portfolio-banner .share-on a{ color:#000; font-size:24px; line-height:24px; margin:0 5px;}
.portfolio-banner .share-on a.icon-facebook:hover { color: #3b5998;}
.portfolio-banner .share-on a.icon-twitter:hover { color: #55acee;}

.about-us-slider{ padding:0 0 75px;}

/* get-in-touch */
.get-in-touch{ background:#6acd78 url(../images/services-bg1.jpg) no-repeat fixed center center; padding:60px 0; position: relative;}
.get-in-touch:before { content: ''; background: rgba(106,205,120,0.90); position: absolute; left: 0; top: 0; position: absolute; height: 100%; width: 100%;}
.get-in-touch .inner-container{ padding-top:0; padding-bottom:0; text-align:center;}
.get-in-touch h3{ font-family: 'mont_regularregular'; color:#fff; margin:0 0 0; float: left; padding: 0; font-size: 27px; line-height: 46px;}
.get-in-touch .button{ display:inline-block; max-width:180px; background:#000; font-family: 'Montserrat'; padding:12px 60px 12px 30px; float: right; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; position: relative;}
.get-in-touch .button:hover{ background:#3a3a3a; color: #fff;}
.get-in-touch .button:before{ content: ''; background: url(../images/arrow.png) no-repeat right center; width: 16px; height: 9px; position: absolute; right: 30px; top: 19px; background-size: cover;}

/* portfolio */
.portfolio{ /*padding:100px 0 0;*/ overflow:hidden; letter-spacing: 2px; padding: 0 !important;}
.portfolio-filters{ padding:0; margin:0 0 70px; text-align:left;}
.portfolio-filters li{ display:inline-block; padding:0; margin:0 10px 0 0 !important; background:none;}
.portfolio-filters li a{ display:block; text-transform:uppercase; font-family: 'mont_boldbold'; font-size:12px; line-height:14px; padding: 15px 20px; color: #6acd78; border: 2px solid #6acd78;}
.portfolio-filters li a.selected{ color:#fff; background: #6acd78;}
.portfolio-filters li a:hover{ color:#fff; background: #6acd78;}
.portfolio-block-outer.active{ height:500px; overflow:hidden; position:relative; background:url(../images/loader.gif) no-repeat center center;}
.portfolio-block-outer.active .portfolio-block{ position:absolute; left:-9999px;}
.portfolio-block{ margin:0 0 35px; height: auto !important; overflow: hidden;}
.portfolio-block .block{ width:50%; padding:0 0; margin:0 0 0; position: relative !important; float: left; border: 1px solid #fff; left: unset !important;
    top: unset !important;}
.portfolio-block .block.page-load{ transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}
.portfolio-block .block.page-load.active{ transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.portfolio-block .block .inner-block{ position:relative;}
.portfolio-block figure img{ max-width:100%;}
.portfolio-block-outer .inner-block{ position: relative; height: 470px; float: left; width: 100%;}
.portfolio-block-outer .inner-block .link{ display: block; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0;}
.portfolio-block-outer .page-load:nth-child(2n+1) .inner-block{}
.portfolio-block-outer .inner-block figure{ height: 100%; width: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.portfolio-block-outer .inner-block figure img{ display: none;}
.portfolio-block-outer .overlay{ position:absolute; left:30px; right: 30px; bottom: 30px; top:30px; /*height:90%; width:96%;*/ background: rgba(0,0,0,0.8); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;   transition: all 0.5s ease; transform: scale(0);}
.portfolio-block-outer .inner-block:hover .overlay{ visibility: visible; opacity: 1; transform: scale(1);}
/*.portfolio-block .block:hover .overlay{ visibility:visible; opacity:1; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}*/
.portfolio-block-outer .overlay .title{ /*position:absolute; bottom:0;*/ padding:40px; width:100%; height: 100%; text-align: center; vertical-align: middle; display: table;}
.portfolio-block-outer .overlay .title div{ height: 100%; width: 100%; vertical-align: middle; display: table-cell;}
.portfolio-block-outer .overlay .title .gallary-img a+a{ display:none;}
.portfolio-block-outer .overlay h3{ color:#fff; margin:0 0 5px; padding:0; text-transform: uppercase; letter-spacing: 2px; font-family: 'mont_boldbold'; font-size: 36px; line-height: 38px;}
.portfolio-block-outer .overlay p{ font-size:24px; line-height:30px; color:#fff; margin:0 0 25px; font-family: 'montlight'; letter-spacing: 3px;}
.portfolio-block-outer .overlay a{ font-family: 'bebas_neue_regularregular'; background:#6acd78; color:#000; padding:10px 10px;}
.portfolio-block-outer .overlay a:hover{ background:#fff;}

/*.portfolio-block li{opacity: 0;}
.portfolio-block li.shown,.no-js .portfolio-block li,.no-cssanimations .portfolio-block li {opacity: 1;}
.portfolio-block.effect-6{-webkit-perspective: 1300px;-moz-perspective: 1300px;perspective: 1300px;}
.portfolio-block.effect-6 li.animate{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 0%;-moz-transform-origin: 0% 0%;transform-origin: 0% 0%;-webkit-transform: rotateX(-80deg);-moz-transform: rotateX(-80deg);transform: rotateX(-80deg);-webkit-animation: flip .8s ease-in-out forwards;-moz-animation: flip .8s ease-in-out forwards;animation: flip .8s ease-in-out forwards;}

@-webkit-keyframes flip{
	100%{-webkit-transform: rotateX(0deg); opacity: 1;}
}
@-moz-keyframes flip{
	100%{-moz-transform: rotateX(0deg); opacity: 1;}
}
@keyframes flip{
	100%{transform: rotateX(0deg); opacity: 1;}
}

.portfolio-block.isotope{overflow:visible !important;}*/

.container.related-project{ padding-bottom:90px;}
.related-project h2{ padding:0; margin:0 0 30px;}
.related-project .related-project-box{ float:left; width:48.8%; position:relative;}
.related-project .related-project-box+.related-project-box{ float:right;}
.related-project .related-project-box img{ max-width:100%;}
.related-project .related-project-desc{ position:absolute; left:-80px; top:50%; margin:-50px 0 0; height:100px; width:auto; background:#fff; padding:15px; text-align:left;}
.related-project .related-project-box+.related-project-box .related-project-desc{ right:-80px; left:auto; text-align:right;}
.related-project .related-project-box span{ display:inline-block; font-size:36px; line-height:32px; color:#000000; text-transform:uppercase; font-family: 'bebas_neuebold'; letter-spacing:1px; padding:12px 0 0; position:relative;}
.related-project .related-project-box span:before{ position:absolute; left:0; top:0; width:100%; content:''; background:#000000; height:2px;}
.related-project .related-project-box strong{ display:block; font-size:20px; line-height:24px; color:#000000; text-transform:uppercase; font-family: 'bebas_neue_regularregular'; letter-spacing:1px; font-weight:normal;}

/* blog */
body.blog{ padding:0 !important;}
.blog{ padding-top:105px; padding-bottom:185px; position:relative;}
.blog-detail-page{ padding-top:105px; padding-bottom:90px; position:relative;}
.blog .line5, .blog-detail-page .line5{ position:absolute; left:80px; top:-50px;}
.blog-list{ margin:0 0 60px;}
.blog-list .blog-box{ padding:40px 0; border-bottom:1px solid #e5e5e5;}
.blog-list .blog-box:first-child{ padding-top:0;}
.blog-list .blog-box p{ font-family: 'montlight'; font-size: 14px; line-height: 20px; margin-bottom: 30px;}
.blog-list .blog-img{ margin:0 0 10px; padding:0 0 0; position:relative;}
.blog-list .blog-img img{ max-width:100%;}
.blog-list .blog-img.active h3{ }
.blog-list .blog-img h3{ color:#fff; margin:10px 0; display:inline-block; position:static; padding:0; font-size: 22px; line-height: 26px;}
.blog-list .blog-img h3 a{ color:#000; padding:0 0 0; display:block; font-family: 'montsemibold';}
.blog-list .blog-img h3 a:hover{ color:#6acd78;}
.blog-link{ font-family: 'Montserrat'; color: #6acd78; text-transform: uppercase; font-size: 12px; line-height: 14px; letter-spacing: 2px; font-weight: 700;}

.blog-detail .blog-desc{ padding:0 0 22px; margin:0 0 25px; border-bottom:1px solid #e5e5e5;}
.blog-desc{ padding:0 0 0 0; margin:20px 0 8px;}
.blog-desc .author-img{ height:47px; width:47px; position:relative; float:left; margin:0 7px 0 0;}
.blog-desc .author-img:before{ height:47px; width:47px; content:''; position:absolute; left:0; top:0; background:url(../images/author-img.png) no-repeat;}
.blog-desc .author-desc{ float:left;}
.blog-desc .author-desc strong{ font-size:15px; line-height:18px; font-weight:700; display:block; margin:5px 0 3px; letter-spacing:1px;}
.blog-desc .author-desc p{ font-size:13px; line-height:16px; padding:0; margin:0; color: #afb3bc; font-family: 'montsemibold';}
.blog-desc .author-desc p a{ color:#6acd78; font-family: 'montsemibold';}
.blog-desc .author-desc p a:hover{ color:#000;}
.blog-desc .author-desc p em{ color:#818181; font-style:italic; margin:0 5px 0 0;}
.blog-desc .author-desc p span{ width:25px; display:inline-block; text-align: center; color: #000;}

.blog-search{ position:relative;}
.blog-search input[type="search"]{ width:100%; padding-right:40px; border: 2px solid #6acd78; text-transform: none; color: #6acd78; font-family: 'Montserrat'; font-weight: 600;}
.blog-search input[type="submit"]{ width:22px; height:22px; border:0; background:url(../images/search-icon.jpg) no-repeat; position:absolute; z-index:0; right:9px; top:13px; padding:0; font-size:0; line-height:0;}
.blog-search input[type="search"]::-webkit-input-placeholder  { color:#6acd78; opacity:1; text-transform: none;}
.blog-search input[type="search"]::-moz-input-placeholder { color:#6acd78; opacity:1; text-transform: none;}
.blog-search input[type="search"]:-moz-placeholder { color:#6acd78; opacity:1; text-transform: none;}
.blog-search input[type="search"]::-moz-placeholder { color:#6acd78; opacity:1; text-transform: none;}
.blog-search input[type="search"]:-ms-input-placeholder { color:#6acd78; opacity:1; text-transform: none;}

.blog-detail{ padding:0 0 50px; border-bottom:1px solid #e5e5e5; margin:0 0 40px;}
.blog-detail img{ max-width: 100%; margin: 0 0 0; width: 100%;}
.blog-detail h2{ /*color:#383b3c; font-size:45px; line-height:48px; font-family: 'bebas_neuebold';*/ padding:0; text-transform: none;}
.blog-detail p{ font-size: 16px;}
.blog-detail ul li{ font-size: 16px;}
.blog-detail p span{ font-family: 'Montserrat' !important;}
.blog-detail .faq ul li .answer-inner p a{ color: #000;}
.blog-detail .faq ul li .answer-inner p a:hover{ color: #fff;}

.blog-share{ padding:0 0 30px; margin:0 0 15px; border-bottom:1px solid #e5e5e5;}
.blog-share a{ display:block; float:left; margin:0 10px 10px 0;}
.blog-share a:first-child{ display: none;}
/*.blog-share a:first-child{ margin:0;}*/
.blog-share a img{ max-width:100%; display:block;}

/* pagination */
.pagination{ padding:0; margin:0;}
.pagination li{ float:left; padding:0; margin:0 0 0 8px; background:none;}
.pagination li:first-child{ margin:0;}
.pagination li a{ display:block; height:32px; width:32px; text-align:center; color:#676a6a; font-size:14px; line-height:30px; border:1px solid #dfdfdf; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;}
.pagination li a:hover, .pagination a.current{ color:#6acd78; border:1px solid #6acd78;}


/* categories */
.categories, .widget_archive{ padding:10px 0 15px 0; /*border-bottom:1px solid #e5e5e5;*/ margin:0;}
.categories{ padding-top: 0;}
.categories h4{ padding:0;}
.categories h3, .widget_archive h3{ font-size:18px; line-height:22px; color:#000000; text-transform:uppercase; font-family: 'mont_boldbold'; margin:0 0 10px; letter-spacing: 1px; padding:0;}
.categories ul, .widget_archive ul{ margin:0; padding:0;}
.categories ul li, .widget_archive ul li{ padding:0 0 0 15px; background-position:0 7px;}
.categories ul li a, .widget_archive ul li a{ font-size:14px; line-height:18px; color:#6acd78; font-family: 'Montserrat'; letter-spacing:0;}
.categories ul li a.active, .widget_archive ul li a.active{ color:#6acd78;}
.categories ul li a:hover, .widget_archive ul li a:hover{ color:#000;}

.services-deail .categories ul li{ background-position:0 10px;}
.services-deail .categories ul li a{ font-size:19px; line-height:24px;}
.services-deail .categories ul li a:hover{ padding:0 0 0 5px;}

/* archives */
.archives, .widget_categories{ padding:35px 0 30px 0; /*border-bottom:1px solid #e5e5e5;*/ margin:0;}
.widget.widget_search{ margin: 0 0 40px;}
.archives h3, .widget_categories h3, .widget_recent_entries h3, .widget_text h3{ font-size:18px; line-height:22px; color:#000000; text-transform:uppercase; font-family: 'mont_boldbold'; margin:15px 0; letter-spacing: 1px; padding:0;}
.archives ul, .widget_categories ul, .widget_recent_entries ul{ margin:0; padding:0;}
.archives ul li, .widget_categories ul li, .widget_recent_entries ul li{ padding:0 0 0 15px; background-position:0 7px; margin: 10px 0 0 0;}
.archives ul li a, .widget_categories ul li a, .widget_recent_entries ul li a{ font-size:14px; line-height:18px; color:#000; font-family: 'Montserrat'; letter-spacing:0; font-weight: 400;}
.archives ul li a:hover, .widget_categories ul li a:hover, .widget_recent_entries ul li a:hover{ color:#6acd78;}

.projects-block{ border-top:1px solid #e5e5e5;}
.projects-block ul li{ padding:0; margin:20px 0 0;}
.projects-block ul li img{ max-width:100%; margin:0 0 10px; display:block;}
.projects-block ul li h2{ font-size:20px; line-height:24px; padding:0; margin:0;}
.projects-block ul li h2 a{ color:#000;}
.projects-block ul li h2 a:hover{ color:#6acd78;}

/* contact form */
.contact-form{ padding:0 0 60px; margin:0 0 50px; border-bottom:1px solid #e5e5e5;}
.contact-form h2{ padding:0;}
.contact-form h6{ padding-top:5px;}
.contact-form ul{ margin:0;}
.contact-form li{ padding:0; margin:20px 0 0; background:none; float:left; width:100%;}
.contact-form li:first-child{ margin:0;}
.contact-form li input{ width:100%;}
.contact-form li .left{ float:left; width:49%;}
.contact-form li .right{ float:right; width:49%;}
.contact-form li textarea{ width:100%; height:180px;}
.contact-form li .wpcf7-not-valid-tip{ color:red;}
/*.wpcf7-response-output{ display:none;}*/
.screen-reader-response{ height:auto; width:auto; position:static; color:#6acd78;}
.contact-form .interested-tech{}
.contact-form .interested-tech label{ background:#737576; display:inline-block; /*float:left;*/ font-weight:500; text-transform:uppercase; padding:14px 31px; font-size:13px; line-height:16px; color:#fff; margin:0 15px 15px 0; cursor:pointer; height: 40px;}
.contact-form .interested-tech label input{ display:none;}
/*.contact-form .interested-tech label:hover, */.contact-form .interested-tech label.checked{ background:#383b3c;}

div.wpcf7-validation-errors{ clear:both; margin:0 !important; position:relative; top:10px;}
div.wpcf7-response-output{ clear:both; margin:0 !important; position:relative; top:10px;}

.contact-info{ padding:0; margin:0; text-align:center;}
.contact-info li{ float:left; padding:0 15px; margin:0; background:none; border-left:1px solid #e5e5e5; width:25%;}
.contact-info li:first-child{ border:0;}
.contact-info li img{ margin:0 auto 12px; display:block;}
.contact-info li span{ display:block; color:#767676; font-size:17px; line-height:22px; font-family: 'Montserrat'; letter-spacing:0;}
.contact-info li a{ display:block; color:#000000; font-size:16px; line-height:20px; font-family: 'Montserrat'; letter-spacing:0; word-break: break-all;}
.contact-info li a:hover{ color:#6acd78;}


.contact-page .social-icon{ margin:50px auto 0; width: 100%; text-align: center; border-top: 1px solid #e5e5e5; padding-top: 50px;}
.contact-page .social-icon span{ display:block; color:#767676; font-size:19px; line-height:22px; font-family: 'Montserrat'; letter-spacing:0; margin: 0 0 15px;}
.contact-page .social-icon a{ color:#000; display:inline-block; height:29px; width: 30px; margin: 0 0 0 20px; position: relative; top: 0;}
.contact-page .social-icon div a:first-child{ margin: 0;}
.contact-page .social-icon a.facebook{ background: url(../images/facebook-img.png) no-repeat; background-size: cover;}
.contact-page .social-icon a.twitter{ background: url(../images/twitter-img.png) no-repeat; background-size: cover;}
.contact-page .social-icon a.skype{ background: url(../images/linkedin-img.png) no-repeat; background-size: cover;}
.contact-page .social-icon a.instagram{ background: url(../images/instagram-img.png) no-repeat; background-size: cover;}
.contact-page .social-icon a:hover{ top: -3px;}

.map{}
.container.map{ padding-top:0; padding-bottom:0; max-width:100%; height:400px;}
.map iframe{ height:400px; width:100%;}

.newsletter-section-bottom{ background: #f8f8f8; padding: 80px 0;}
.newsletter-section-bottom .contact-form{ padding: 0; margin: 0; border: 0; text-align: center;}
.newsletter-section-bottom .contact-form ul{ max-width: 770px; width: 100%; text-align: center; margin: 0 auto 10px;}
.newsletter-section-bottom .contact-form li input{ text-align: center; margin: 0 auto;}
.newsletter-section-bottom .contact-form li{ width: 75%; margin: 0;}
.newsletter-section-bottom .contact-form li:first-child input{ border: 4px solid #6ACD78;}
.newsletter-section-bottom .contact-form li+li{ width: 25%;}
.newsletter-section-bottom .contact-form li+li input{ max-width: 100%;}
.newsletter-section-bottom .contact-form li input::-webkit-input-placeholder  { text-transform:none;}
.newsletter-section-bottom .contact-form li input::-moz-input-placeholder { text-transform:none;}
.newsletter-section-bottom .contact-form li input:-moz-placeholder { text-transform:none;}
.newsletter-section-bottom .contact-form li input::-moz-placeholder { text-transform:none;}
.newsletter-section-bottom .contact-form li input:-ms-input-placeholder { text-transform:none;}

/* footer */
footer{ width:100%; background: #202020 url(../images/footer-bg.jpg) no-repeat center center; background-size: cover; padding: 0 0 1px;}
footer .footer-menu.footer-menu-bottom{ border: 0; border-top:1px solid #353535; padding: 20px 0; margin: 0;}
footer .footer-menu{ border-bottom:1px solid #353535; padding: 45px 0; margin: 0 0 50px;}
footer .footer-menu ul{  text-align:center; margin:0 0 0; padding:0 0 0 0;}
footer .footer-menu ul li{ display:inline-block; margin:0 0 0 40px; padding:0; background:none; position: relative;}
footer .footer-menu ul li:first-child{ margin:0;}
footer .footer-menu ul li:before{ content: ''; background: #585963; border-radius: 50%; height: 5px; width: 5px; display: block; position: absolute;  left: -22px; top: 4px;}
footer .footer-menu ul li:first-child:before{ display: none;}
footer .footer-menu ul li a{ display:block; text-transform:uppercase; font-size:12px; line-height:14px; color:#fff; font-family: 'Montserrat', sans-serif; letter-spacing:1px; font-weight: 700;}
footer .footer-menu ul li a:hover{ color:#6acd78;}

footer .footer-menu .partner{ float: right;}
footer .footer-menu .partner span{ display: block; color: #fff; font-family: 'Montserrat'; font-weight: 500; font-size: 18px;    line-height: 20px; text-align: center; margin: 0 0 10px;}
footer .footer-menu .partner img{}

footer .footer-bottom{ padding: 0 0 10px;}
footer .footer-bottom address{ font-size: 14px; line-height: 22px; font-family: 'Montserrat'; font-weight: 500; color: #fff; font-style: normal; float: left; background: url(../images/map.png) no-repeat left 1px; padding: 0 0 0 35px; }
footer .footer-bottom .partner{ margin: 0 5.7% 0 5.7%; width: 17%; float: left;}
footer .footer-bottom .partner span{ font-size: 14px; line-height: 22px; font-family: 'Montserrat'; font-weight: 500; color: #fff; font-style: normal; display: block; margin: 0 0 20px;}
footer .footer-bottom .partner img{ margin: 0; max-width: 100%; display: block;}
footer .footer-bottom .contact-detail{ float: left; width: 29%; margin: 0 0 0;}
footer .footer-bottom .contact-detail address{ width: 100%; display: block; margin: 0 0 10px; clear: both; float: none;}
footer .footer-bottom .contact-detail a{ font-size: 14px; line-height: 18px; font-family: 'Montserrat'; font-weight: 500; color: #fff; background: url(../images/email.png) no-repeat left 3px; padding: 0 0 0 35px; text-align: left; display: block; margin: 0 0 15px;}
footer .footer-bottom .contact-detail a:hover{ color: #6acd78;}
footer .footer-bottom .contact-detail span{ font-size: 14px; line-height: 18px; font-family: 'Montserrat'; font-weight: 500; color: #fff; display: block; background: url(../images/call.png) no-repeat; padding: 0 0 0 35px; text-align: left;}
footer .footer-bottom .contact-detail span a{ background: none; padding: 0;}
footer .footer-logo{ width:17%; margin:0 auto 0; display:block; float: left;}
footer .footer-logo img{ max-width:100%; display:block; margin:0;}

footer .social-icon{ float:right; margin:0 0 0; width: 22%;}
footer .social-icon span{ display: block; font-size: 15px; line-height: 18px; color: #fff; margin: 0 0 10px; font-weight: 500; font-family: 'Montserrat';}
footer .social-icon a{ color:#000; display:block; float:left; height:29px; width: 30px; margin: 0 0 0 12px; position: relative; top: 0;}
footer .social-icon div a:first-child{ margin: 0;}
footer .social-icon a.facebook{ background: url(../images/facebook-img.png) no-repeat; background-size: cover;}
footer .social-icon a.twitter{ background: url(../images/twitter-img.png) no-repeat; background-size: cover;}
footer .social-icon a.skype{ background: url(../images/linkedin-img.png) no-repeat; background-size: cover;}
footer .social-icon a.instagram{ background: url(../images/instagram-img.png) no-repeat; background-size: cover;}
footer .social-icon a.behance{ background: url(../images/behance.png) no-repeat; background-size: cover;}
footer .social-icon a:hover{ top: -3px;}

footer p.copyright{ background: #1c1c1c; font-size:12px; line-height:14px; color:#515151; text-align:center; font-family: 'Montserrat'; letter-spacing:1px; font-weight: 600; margin: 0; padding: 8px 0;}

#comments .comments-title{ display:none;}
#comments ol.comment-list{ margin:0 0 30px;}
#comments ol.comment-list li{ margin:0; list-style:none; padding:0; background:none;}
#comments ol.comment-list li .comment-body{ border-bottom:1px solid #eeeeee; padding:30px 0; position:relative;}
.comment-body .comment-image{ position:absolute; left:0; top:30px; height:47px; width:47px;}
.comment-body .comment-image:before{ height:47px; width:47px; content:''; position:absolute; left:0; top:0; background:url(../images/author-img.png) no-repeat;}
.comment-body .comment-image img{ width:100%; height:100%;}
.comment-body .comment-content{ padding:0 0 0 60px;}
.comment-body .comment-content .comment-author{ margin:0 0 5px;}
.comment-body .comment-content b a{ color:#000; font-weight:700;}
.comment-body .comment-content .says{ display:inline-table; line-height:18px; margin:0 5px; color:#abaeaf; font-weight:700; top:-3px; position:relative;}
.comment-body .comment-content a{ color:#abaeaf; font-weight:300; font-size:14px; line-height:18px;}
.comment-body .comment-content p{ margin:0; color:#676a6a;}
.comment-body .comment-content a:hover{ color:#000;}
#comments ol.comment-list ol.children{ margin:0;}
#comments ol.comment-list ol.children li{ border:0; border-top:1px solid #eeeeee;}
#comments ol.comment-list ol.children li .comment-body{ padding-left:50px;}
#comments ol.comment-list ol.children li .comment-body .comment-image{ left:50px;}
#comments ol.comment-list ol.children ol.children li .comment-body{ padding-left:100px;}
#comments ol.comment-list ol.children ol.children li .comment-body .comment-image{ left:100px;}
#comments ol.comment-list ol.children li:first-child{ border:0;}

#commentform{}
#commentform p{ margin-bottom:15px;}
#commentform label{ display:block; font-weight:700;}
#commentform textarea{ height:100px; width:100%;}
#commentform input{ height:100%; width:100%;}
#commentform input[type="submit"]{ background:#383b3c; padding:7px 30px 7px; color:#fff; width:auto; float:right; font-family: 'bebas_neue_regularregular';}
#commentform input[type="submit"]:hover{ background:#6acd78; color:#383b3c;}

#respond{ border-bottom:1px solid #eeeeee; padding-bottom:40px;}

.paging-navigation{ display: none !important;}
.back-btn{ font-family: 'Montserrat', sans-serif; font-size: 12px; letter-spacing: 0; line-height: 24px; display:inline-block;     text-transform: uppercase; font-weight: 600; position: relative; padding: 12px 30px 12px 60px; max-width: 230px;}
.back-btn:before{ content: ''; background: url(../images/arrow.png) no-repeat right center; width: 16px; height: 9px; position: absolute; left: 30px; top: 19px; background-size: cover;     transform: rotate(180deg);}

.contact-link{ position:fixed; right:0; top:50%; margin-top:-82px; width:120px; z-index:99999;}
.contact-link:after{ content:''; position:absolute; right:0; bottom:0; height: 108px; width:111px; border:2px solid #000; border-right:0; opacity:0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }
.contact-link:hover:after{ opacity:1;}
.contact-link img{ max-width:100%; display:block;}



.page-transitioner{ display: none !important;}

body .arrows { position: relative; position: absolute; bottom: 15px; left: 50%; width: 34px; height: 50px; transform: translate(-50%, -50%); border: 3px solid #fff;    border-radius: 20px; z-index: 999; cursor: pointer; margin-left: 0;}
body .arrows:before{ content: ''; background-color:white; border-radius:2px; display:block; height:8px; margin:5px auto 0; width:4px; position: absolute;
    left: 12px; top: 6px;
 -webkit-animation: 1.6s ease infinite wheel-up-down;
    -moz-animation: 1.6s ease infinite wheel-up-down;
    animation: 1.6s ease infinite wheel-up-down; 
}

@-webkit-keyframes wheel-up-down { 0% { margin-top:2px; opacity:0;} 30% { opacity:1;} 100% { margin-top:20px; opacity:0;}}
@-moz-keyframes wheel-up-down { 0% { margin-top:2px; opacity:0; } 30% { opacity:1; } 100% { margin-top:20px; opacity:0;}}
@keyframes wheel-up-down { 0% {margin-top: 2px; opacity:0;} 30% {opacity: 1;} 100% {margin-top:20px; opacity:0;}}

/*body .arrows:before { content: ''; position: absolute; width: 10px; height: 10px;left: 25px; top: 20px; border-left: 4px solid rgba(255, 255, 255, 0.7); border-bottom:4px solid rgba(255, 255, 255, 0.7); transform: translate(4px, 16px) rotate(-45deg); animation: arrows 3s linear infinite;}
body .arrows:after { content: ''; position: absolute; width: 10px; height: 10px; left: 25px; top: 20px; border-left: 4px solid rgba(255, 255, 255, 0.7); border-bottom:4px solid rgba(255, 255, 255, 0.7); transform: translate(8px, 0px) rotate(-45deg); animation: arrows 3s linear infinite -1.5s;}*/

@keyframes arrows {
  0% {
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    /*transform: translate(-2px, -8px) rotate(-45deg);*/
  }
  10%, 90% {
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  50% {
    border-left: 4px solid rgba(255, 255, 255, 0.7);
    border-bottom: 4px solid rgba(255, 255, 255, 0.7);
    /*transform: translate(-2px, 0px) rotate(-45deg);*/
  }
  100% {
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    /*transform: translate(-2px, 16px) rotate(-45deg);*/
  }
}


.latest-blog{ background: #f8f8f8; padding: 80px 0 100px; overflow: hidden; position: relative;}
/*.latest-blog:before { content: ''; background: rgba(106,205,120,0.80); position: absolute; left: 0; top: 0; position: absolute; height: 100%; width: 100%;}*/
.latest-blog .container{ position: relative;}
.latest-blog h3{ display: none; }
/*.latest-blog h2{ padding: 0; margin: 0 0 30px; float: left;}*/
.latest-blog h2{ margin:0 0 30px; /*float:left;*/ padding: 0; text-align: left; font-family: 'montlight'; text-transform: capitalize; line-height: 44px; float: left; letter-spacing: 0; font-size: 35px;}
.latest-blog h2 span{ display: block; color: #6acd78; text-transform: uppercase; font-family: 'montheavy'; font-size: 40px;}

.latest-blog .view-all{ /*font-size:18px; line-height:22px; color:#202020; text-transform:uppercase; font-family: 'bebas_neuebold'; letter-spacing:4px; width:170px; display:block; margin:25px 0 0 0; position:relative; z-index:22; float: right;*/ font-size: 12px; line-height: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; display: block; background: #6acd78; text-align: center; color: #fff; padding: 18px 55px 18px 30px; position: absolute; left: 0; bottom: 0; float: right;letter-spacing: 1px; text-transform: uppercase; position: relative; display: inline-block;}
.latest-blog .view-all:hover{ background:#000;}
.latest-blog .view-all:before{ content: ''; background: url(../images/arrow.png) no-repeat right center; width: 16px; height: 9px; position: absolute; right: 30px; top: 19px; background-size: cover;}
/*.latest-blog .view-all:after{ font-family: "4ever" !important; content:'e'; position:absolute; right:0; bottom:0; text-transform:none; font-size:24px; line-height:26px;}*/

.latest-blog p.text{ padding-top: 25px; line-height: 21px; margin: 0 0 40px; padding: 0;}
.latest-blog ul{ padding: 0; margin: 0;}
.latest-blog ul li{ margin: 0 0 0 2%; list-style: none; background: none; font-size: 28px; line-height: 34px; padding: 0; position: relative; float: left; width: 32%; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.latest-blog ul li .inner{ background: #fff;}
.latest-blog ul li.static{ width: 34%;}
/*.latest-blog ul li:before{ content: ''; left: -50%; top: 0; background: #85c883; height: 100%; width: 100%; position: absolute; z-index: 0;}
.latest-blog ul li:after{ content: ''; right: -50%; top: 0; background: #85c883; height: 100%; width: 100%; position: absolute; z-index: 0;}*/
.latest-blog ul li a{ color:#6acd78; position: relative; z-index: 1; display: block; font-size: 15px; line-height: 18px;}
.latest-blog ul li a img{ display: block; max-width: 100%; height: auto;}
.latest-blog ul li a:hover{ color: #000;}
.latest-blog ul li span{ font-size: 17px; margin: 0 0 0 0; position: relative; z-index: 1; display: block;}
/*.latest-blog ul li:first-child:before, .latest-blog ul li:first-child:after{ display: none;}
.latest-blog ul li:last-child:before, .latest-blog ul li:last-child:after{ background: #6acd78;}
.latest-blog ul li:last-child{ padding-bottom: 100px;}*/
.latest-blog ul li:first-child{ margin-left: 0;}
.latest-blog ul li .desc{ padding: 30px;}
.latest-blog ul li .video{ height: 210px;}
.latest-blog ul li .video iframe{ width: 100%; height: 100%;}
.latest-blog ul li .video img{ display: block; margin: 0; max-width: 100%;}
.latest-blog ul li .desc .title{ font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 22px; text-transform: uppercase; display: block; font-weight: 700; margin: 0 0 15px; position: relative;}
.latest-blog ul li .desc .title:after{ content: ''; display: inline-block; left: 10px; top: -1px; width: 20px; height: 2px; background: #000; vertical-align: middle; position: relative; display: none;}
.latest-blog ul li .desc a.link{ margin: 0 0 15px; min-height: 50px; color: #000; font-size: 16px; line-height: 26px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.latest-blog ul li .desc a.link:hover{ color:#6acd78;}
.latest-blog ul li .desc p{ font-family: 'Montserrat', sans-serif; margin: 0 0 5px; padding: 0; line-height: normal; color: #000; font-size: 19px; line-height: 24px; font-weight: 700;}
.latest-blog ul li .desc .read-more{ font-family: 'bebas_neue_regularregular'; letter-spacing: 3px; font-size: 18px; line-height: 22px;}
.latest-blog ul li .desc .borrom-part{ margin: 15px 0 0;}
.latest-blog ul li .desc .borrom-part p{ float: left; font-size: 14px; line-height: 18px; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.latest-blog ul li .desc .borrom-part a{ float: right; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;}

.latest-blog-new{ background: #f8f8f8;}
.latest-blog-new.latest-blog ul li{ width: 49%;}
.latest-blog-new.latest-blog ul li .video{ height: auto;}
.latest-blog-new.latest-blog ul li p.blog-link{ min-height: 50px; overflow: hidden;}
.latest-blog-new.latest-blog ul li p.blog-link a{ font-size: inherit; line-height: inherit; color: inherit; text-transform: none; letter-spacing: 0;}
.latest-blog-new.latest-blog ul li p.blog-link a:hover{ color: #6acd78;}

.testimonial-bottom{ text-align: center; margin: 25px auto 0; max-width: 800px;}
.testimonial-bottom .view-all{ float: none;}

.estimation{ display: none; width: 800px;}
.estimation ul{ padding: 0; margin: 0;}
.estimation ul li{ padding: 0; margin: 0; background: none; list-style: none; width: 100%;}
.estimation ul li input[type="text"], .estimation ul li input[type="password"], .estimation ul li input[type="email"], .estimation ul li input[type="tel"], .estimation ul li input[type="search"], .estimation ul li input[type="url"]{ width: 100%;}

.about-desc{}
.about-desc h2{ font-family: 'montlight'; text-transform: capitalize; line-height: 44px; font-size: 39px; letter-spacing: 0;}
.about-desc h2 span{ /*text-transform:uppercase;*/ font-family: 'montheavy'; margin:0 0 0; display:block; padding:0 0 0 0; height:auto; color:#000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: none !important; letter-spacing: 0; color: #6acd78; text-transform: uppercase; font-size: 45px;}
.about-desc ul li{ float: left; width:100%; padding: 0; margin: 30px 0 0; background:none;}
.about-desc ul li:first-child{ margin: 0;}
.about-desc ul li .about-text{ float: right; width: 40%;}
.about-desc ul li .about-text p{ font-size:16px;  line-height: 22px; font-family: 'montlight';}
.about-desc ul li .about-image{ float: left; width: 57%;}
.about-desc ul li .about-image img{ margin-left: -30px;}
.about-desc ul li:nth-child(2n+2) .about-text{ float: left;}
.about-desc ul li:nth-child(2n+2) .about-image{ float: right;}
.about-desc ul li:nth-child(2n+2) .about-image img{ margin-left: 30px;}
.about-desc ul li .about-image img{ max-width: 100%; display: block;}
.about-left{ float: left; width: 46%;}
.about-right{ float: right; width: 46%;}


.blog-green-btn{ font-size: 12px; line-height: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; display: block;
    background: #6acd78; text-align: center; color: #fff; padding: 18px 30px 18px 30px; letter-spacing: 1px; text-transform: uppercase; display: inline-block;}
.blog-green-btn:hover{ background: #000; color: #fff;}

.lifename{ font-size:22px; line-height: 26px; display: block; font-weight: 700; margin: 10px 0 5px;}
.lifetitle{ font-size:16px; line-height: 20px; display: block; font-weight: 700; margin: 0 0 10px;}
.testimonial p span:last-child{ margin: 0 0 50px; display: block;}
.testimonial p{ width: 48%; float: left;}
.testimonial p iframe{ width: 100%; height: 315px;}
.testimonial p:nth-child(2n+2){ float: right;}
.testimonial p:nth-child(2n+1){ clear: both;}



/*col area*/
.col-area{max-width:1172px;width:100%;height:auto;}
.col-area .col{box-shadow: 0 0 35px rgba(0,0,0,0.1);width:100%; margin: 100px 0 0; display: flex; min-height: 400px;}
.col-area .col:first-child{ margin: 0;}
.col-area .col .title{ width:34.5%;float:left;padding:0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; overflow: hidden;}
.col-area .col .title:before{ content: ''; height: 658px; width: 658px; background: #6acd78; border-radius: 50%; right: 0; position: absolute; top: 50%; margin-top: -329px; z-index: -1;}
.col-area .col:hover .title:before{ background: #202020;}
.col-area .col .title .title-inner{ height: 100%; width: 100%; display: table; padding: 10px 46px 10px 46px;}
.col-area .col .title .title-inner div{ height: 100%; width: 100%; display: table-cell; vertical-align: middle;}
.col-area .col .right{ }
.col-area .col .title.right:before{ right: inherit; left: 0;}
.col-area .col .title p{ color:#000; font-weight: 600; font-size: 18px; line-height: 22px; font-family: 'montsemibold', sans-serif;}
.col-area .col .title h2{ color:#fff; text-transform:uppercase; font-size: 55px; line-height: 48px;}
.col-area .col .title h4{ color:#000; font-family: 'montlight'; font-size: 34px; line-height: 38px; padding: 0; margin: 0 0 10px;}

.col-area .col .title span{color:#000; padding: 0 0 0 30px; color: #fff; position: relative; display: block;}
.col-area .col .title span strong{ color: #fff; display: inline-block; font-family: 'mont_boldbold'; font-size: 70px; line-height: 60px;}
.col-area .col .title span em{color:#000;font-size:30px; line-height: 34px; font-style: normal; font-weight: 600; display: inline-block;}
.col-area .col .title span:before{content: '$';position: absolute;top:2px;left:0; color:#000; font-family: 'montsemibold', sans-serif; font-size: 40px; line-height: 40px; }

/*.col-area .col:hover .title{background: url(../images/title-bg-black.png)no-repeat;}
.col-area .col:hover .title.right  {background: url(../images/title-right-black.png)no-repeat;}*/
.col-area .col:hover h2{color:#6acd78;}
.col-area .col:hover strong{color:#6acd78;}
.col-area .col:hover h4{color:#fff;}
.col-area .col:hover p{color:#fff;}
.col-area .col:hover span{color:#fff;}
.col-area .col:hover .title span:before{color:#fff;}
.col-area .col:hover .title span em{color:#fff;}

.col-area .col .desc{width:65.5%;float:left;padding:60px 80px 40px 62px;height:100%;}
.col-area .col .desc ul{margin:0;}
.col-area .col .desc ul li{width:47%;float:left; background: url(../images/list-icon1.png) no-repeat left 4px; font-weight: 700; font-size:19px; color:#000; margin: 0 0 20px; line-height: 24px;}
/*.col-area .col .desc ul li:nth-child(odd){margin-right:58px;margin-bottom:29px;}*/
.col-area .col .desc ul li:nth-child(2n+2){ float: right;}
.col-area .col .desc ul li:nth-child(2n+1){ clear: both;}


.faq{ margin:25px 0 45px;}
.faq ul{ padding: 0; margin: 0;}
.faq ul li{ padding: 0; margin: 30px 0 0; background: none; box-shadow: 0 0 25px rgba(0,0,0,0.09); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.faq ul li:first-child{ margin: 0;}
.faq ul li .question{ padding: 26px 30px; position: relative;}
.faq ul li .question p{ margin: 0;}
.faq ul li .question h4{ margin: 0; padding: 0 40px 0 0; font-size: 20px; line-height: 24px;}
.faq ul li .question .arrow{ height: 30px; width: 30px; background: url("../images/down-arrow-faq.png") no-repeat center center; display: block; position: absolute; right: 40px; top: 50%; margin-top: -15px; transform: rotate(0deg); background-size: contain;}
.faq ul li .answer{ padding:0 30px; display: none;}
.faq ul li .answer .answer-inner{ border-top: 1px solid rgba(255,255,255,0.3); padding: 30px 0;}
.faq ul li .answer p{ color: #fff; margin: 0;}
.faq ul li.current{ background: #6acd78;}
.faq ul li.current .question h4{ color: #fff;}
.faq ul li.current .question .arrow{ transform: rotate(180deg); background: url("../images/down-arrow-faq-white.png") no-repeat center center;}

.single-project .back-btn.button{ display: none;}
.latest-blog.our-work{ padding: 0; text-align: left;}
.latest-blog.our-work .view-all{ float:none;}

.page-id-1076 .contact-form{ padding: 0; margin: 0; border: 0;}

.new-year{ height: 100px; background: #1e183d url("../images/new-year-bg.jpg") no-repeat center center;}
.new-year p{ color: #fff; text-transform: uppercase; font-size: 28px; font-weight: 700; max-width: 700px; text-align: center; font-family: 'montheavy'; line-height: 32px; padding: 20px 0 0; margin: 0 auto;}
.new-year p span{ color: #8356fc;}
.new-year p strong{ color: #fe8418;}
.new-year a{ font-size:12px; line-height:14px; font-family: 'Montserrat', sans-serif; font-weight: 700; display:block; background:none; text-align:center; color:#fff;  padding:18px 55px 18px 30px; position:absolute; right: 30px; top: 25px; width:100%; max-width: 200px; letter-spacing:1px; text-transform: uppercase; position: absolute; display: inline-block; border: 1px solid #fff;}
.new-year a:before{ content: ''; background: url(../images/arrow.png) no-repeat right center; width: 16px; height: 9px; position: absolute; right: 30px; top: 19px; background-size: cover;}
.new-year a:hover{ background:#6acd78; color: #fff;}

.maincont{ padding: 80px 0; background: #f8f8f8;}
.screen-reader-text {display: none;}