@font-face { font-family: 'brandon_grotesquebold'; src: url('../fonts/brandon_bld-webfont.woff2') format('woff2'), url('../fonts/brandon_bld-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ubunturegular'; src: url('../fonts/ubuntu-r-webfont.woff2') format('woff2'), url('../fonts/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ubuntulight'; src: url('../fonts/ubuntu-l-webfont.woff2') format('woff2'), url('../fonts/ubuntu-l-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body { font-family: 'ubuntulight'; font-size: 14px; color: #606060; font-weight: 400; text-rendering: auto }
.container { width: 100%; max-width: 1200px }
a { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #36adea; font-weight: bold; }
*:focus { outline: none !important }
a:focus { text-decoration: none }
p { color: #606060; line-height: 26px; margin-bottom: 24px; font-weight: 400 }
.noscript { background: #000; color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 }
.noscript p { margin-bottom: 0; color: #fff }
.noscript p i { color: #f90; margin-right: 10px; font-size: 20px; vertical-align: middle }
::selection { background: #36adea; color: #FFF }
::-moz-selection {
background:#36adea;
color:#FFF
}
.scroll_top { bottom: 20px; cursor: pointer; height: 50px; position: fixed; right: 20px; width: 50px; z-index: 5; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #fff; opacity: 0; visibility: hidden; background: #36adea; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% }
.scroll_top .fa-angle-up { font-size: 28px !important; margin: 4px 0 0 0 }
.scroll_top .top-text { font-size: 12px; font-weight: 400; margin: -8px 0 0; text-transform: uppercase; display: block }
.visible { opacity: 1; visibility: visible }
h1, .h1 { font-size: 35px; margin: 0 0 15px 0; font-family: 'brandon_grotesquebold'; color: #303030 }
h2, .h2 { font-size: 30px; margin: 0 0 12px 0; font-family: 'brandon_grotesquebold'; color: #303030 }
h3, .h3 { font-size: 26px; margin: 0 0 12px 0; font-family: 'brandon_grotesquebold'; color: #404040 }
h4, .h4 { font-size: 24px; margin: 0 0 12px 0; font-family: 'brandon_grotesquebold'; color: #505050 }
h5, .h5 { font-size: 20px; margin: 0 0 10px 0; font-family: 'brandon_grotesquebold'; color: #505050 }
h6, .h6 { font-size: 16px; margin: 0 0 10px 0; font-family: 'brandon_grotesquebold'; color: #606060 }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mtb10 { margin-bottom: 10px; margin-top: 10px }
.mtb15 { margin-bottom: 15px; margin-top: 15px }
.mtb20 { margin-bottom: 20px; margin-top: 20px }
.mtb30 { margin-bottom: 30px; margin-top: 30px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.ptb10 { padding-bottom: 10px; padding-top: 10px }
.ptb15 { padding-bottom: 15px; padding-top: 15px }
.ptb20 { padding-bottom: 20px; padding-top: 20px }
.ptb30 { padding-bottom: 30px; padding-top: 30px }
img { max-width: 100%; height: auto }
.alignleft { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 15px 10px 0; }
img.alignleft { margin: 0 30px 20px 0 }
img.alignright { margin: 0 0 20px 30px }
img.aligncenter { display: block; margin: 0 auto 20px auto }
button.button { background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border: none }
.home_page .button { color: #fff; }
.button { font-size: 14px; color: #36adea; font-family: 'brandon_grotesquebold'; display: inline-block; margin: 0 0; position: relative; z-index: 1; line-height: 42px; text-align: center; vertical-align: top; pointer-events: none; border: 4px solid #36adea; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; pointer-events: auto; text-transform: uppercase; width: 170px; max-width: 100%; text-align: center; }
.site-main { overflow: hidden }
/*=================================================== Header ===================================================*/
.site-main > header { position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 9; background: rgba(0,0,0,0.6) }
/*.container-main{margin-top:110px}
.container-main.home_page{margin-top:0}*/
.logo { padding: 23px 0; float: left }
.header-contact { display: inline-block; vertical-align: top; margin: 25px 0px 0 15px; }
.header-contact ul { list-style-type: none; padding: 0; margin: 0; display: inline-block; vertical-align: top }
.header-contact ul li { float: left }
.header-contact ul li+li { margin-left: 0}
.header-contact ul li a { font-size: 18px; color: #fff; font-family: 'brandon_grotesquebold'; display: inline-block; margin: 0 0; position: relative; z-index: 1; padding: 0 30px; line-height: 42px; text-align: center; vertical-align: top; pointer-events: none; border: 4px solid #36adea; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; pointer-events: auto; }
.header-contact ul li.header-call a { padding: 0; width:120px;}
.header-contact ul li .icon { display: none; }
.header-contact ul li .text { letter-spacing: 0.1px; }
.header-contact ul li.header-call.head_phone { display: none;}
.header-contact ul li.header-call.head_email { display: block; }
/*
.header-contact ul li.header-call a{min-width:124px}
.header-contact ul li.header-call a:before{content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;background:#36adea;z-index:-1; border-radius:5px;pointer-events:auto;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease} 
*/
.wsp-container ul { float: left; width: 33.33%; }
.header-contact ul li.header-mail { }
.header-contact ul li.header-mail a { min-width: 44px; height: 44px }
.header-contact ul li.header-mail a:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: #303030; z-index: -1; transform: skewX(-27deg); -moz-transform: skewX(-27deg); -ms-transform: skewX(-27deg); -o-transform: skewX(-27deg); -webkit-transform: skewX(-27deg); border-radius: 8px 0; pointer-events: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.header-contact ul li.header-mail a:after { content: ""; display: block; height: 14px; width: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url(../images/sprite.png) no-repeat -152px 0 transparent }
.wp-caption-text { text-align: center; font-size: 18px; color: #36adea; font-weight: bold; }
/*=================================================== Home Page ================================================*/
.banner_arrow_left { background: rgba(0, 0, 0, 0) url(../images/sprite.png) no-repeat scroll 0 0; display: block; height: 100px; width: 47px; }
.banner_arrow_right { background: rgba(0, 0, 0, 0) url(../images/sprite.png) no-repeat scroll -51px -0px; display: block; height: 100px; width: 47px; }
.banner.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 0; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; margin: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.banner.owl-theme .owl-controls .owl-nav .owl-prev { left: 35px; }
.banner.owl-theme .owl-controls .owl-nav .owl-next { right: 35px; }
.banner.owl-theme .owl-controls { margin: 0; }
.banner_subtitle { color: #fff; font-size: 24px; font-family: 'ubunturegular'; text-shadow: none; margin-bottom: 40px; }
.banner_title { color: #fff; font-size: 80px; margin: 0 0 30px; text-shadow: none; line-height: 73px; text-transform: uppercase; font-family: 'brandon_grotesquebold'; }
.banner-caption { text-align: center; }
.banner-caption p { color: #ffffff; font-size: 24px; line-height: normal; margin: 0 0 24px; text-shadow: none; }
.banner-caption .main_btn { color: #000; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.carousel-caption { left: 0; right: 0; padding: 0 85px; bottom: auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 970px; max-width: 100%; margin: 0 auto; position: absolute; }
.banner figure { overflow: hidden; position: relative }
.banner figure:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: -1; }
.banner figure img { max-width: inherit; min-width: inherit; width: inherit !important; position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: -2; }
/*
.banner figcaption{position:absolute;left:50%;bottom:105px;z-index:1;padding:0 15px;max-width:1200px;margin:-3px 0 0 0;transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);width:100%; padding-top:1px;}
.banner h2,.banner .h2{color:#303030;margin:0;padding:0;line-height:72px;text-transform:initial;opacity:0;transform:translateX(-120px);-moz-transform:translateX(-120px);-ms-transform:translateX(-120px);-o-transform:translateX(-120px);-webkit-transform:translateX(-120px)font-family:'Century Gothic';font-size:60px;text-transform:uppercase;max-width:400px}
.banner h2 span,.banner .h2 span{color:#36adea}
.banner p{font-family: 'brandon_grotesquebold';font-size:18px;font-weight:600;color:#fff;line-height:34px;margin-bottom:33px;opacity:0;transform:translateX(-120px);-moz-transform:translateX(-120px);-ms-transform:translateX(-120px);-o-transform:translateX(-120px);-webkit-transform:translateX(-120px)}
.banner .button{transform:translateY(150px);-moz-transform:translateY(150px);-ms-transform:translateY(150px);-o-transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;-webkit-transition:all 0s ease;margin:0 0 0 -87px;position:absolute;left:50%;bottom:23px}
.banner .button span{color:#fff;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.banner .button+.button{margin-left:17px}
.banner .active h2,.banner .active .h2{opacity:1;transition:all 0.5s linear 1.5s;-moz-transition:all 0.5s linear 1.5s;-ms-transition:all 0.5s linear 1.5s;-o-transition:all 0.5s linear 1.5s;-webkit-transition:all 0.5s linear 1.5s;transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0)}
.banner .active p{opacity:1;transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transition:all 0.7s linear 1.5s;-moz-transition:all 0.7s linear 1.5s;-ms-transition:all 0.7s linear 1.5s;-o-transition:all 0.7s linear 1.5s;-webkit-transition:all 0.7s linear 1.5s}
.banner .active .button{opacity:1;transform:translateX(0);-moz-transform:translateY(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);transition:all 1s linear 1.5s;-moz-transition:all 1s linear 1.5s;-ms-transition:all 1s linear 1.5s;-o-transition:all 1s linear 1.5s;-webkit-transition:all 1s linear 1.5s}

.banner .owl-dot+.owl-dot{margin-left:20px}
.banner .owl-dots{text-align:center;position:absolute;left:0;right:0;bottom:35px;margin-left:-20px;line-height:1}
.banner .owl-dot{display: inline-block;width:50px;border:3px solid #b2b2b2;height:14px;transform:skewX(-27deg);-moz-transform:skewX(-27deg);-ms-transform:skewX(-27deg);-o-transform:skewX(-27deg);-webkit-transform:skewX(-27deg);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;vertical-align:top}
.banner .owl-dot.active{border-color:#36adea}*/

.heading { font-family: 'brandon_grotesquebold'; font-size: 40px; color: #303030; text-transform: uppercase; margin: 0 0 35px 0; line-height: normal; position: relative; padding: 0 0 20px; }
.heading:before { content: ''; height: 16px; width: 106px; background: url(../images/sprite.png) no-repeat -105px 0; position: absolute; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; }
.hl-we-do { padding: 55px 0 60px 0; }
.hl-we-do-box { margin-top: 53px }
.hl-we-do-box figure { text-align: center }
.hl-we-do-box figure > a { display: block }
.hl-we-do-box figure > a img { max-width: 96px }
.hl-we-do-box figcaption { margin-top: 93px }
.hl-we-do-box figcaption .title { line-height: 22px; text-transform: initial; font-size: 18px; padding: 8px 0 7px 0; min-width: 140px }
.hl-we-do-box figcaption .title span { display: block; font-size: 14px; line-height: 18px }
.req-cal { padding: 55px 0 60px 0; background: url(../images/pattern.jpg) repeat; }
.req-cal .input-box .input { border-bottom: solid #fff; border-width: 0 0 1px 0; background: transparent; padding: 0; color: #fff; text-transform: uppercase; }
.req-cal .input-box .input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #fff;
}
.req-cal .input-box .input::-moz-placeholder { /* Firefox 19+ */
 color: #fff;
}
.req-cal .input-box .input:-ms-input-placeholder { /* IE 10+ */
 color: #fff;
}
.req-cal .input-box .input:-moz-placeholder { /* Firefox 18- */
 color: #fff;
}
.req-cal h2 { color: #fff; text-transform: uppercase; margin:10px 0 0 0}
.req-cal .input-box input[type="button"] { }
.req-cal .right-button{float:right; border: 4px solid #36adea;}
.req-cal .right-button a.button{border: 4px solid #000;}
.req-cal .right-button a.button:hover{background:#000}
.hl-work { position: relative; }
.hl-work .heading { margin: 0; position: absolute; left: 0; top: 71px; width: 100%; z-index: 2; color: #fff; }
.hl-work-slider { }
.hl-work-slider .item { position: relative; overflow: hidden; }
.hl-work-slider .item:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 1; }
.hl-work-slider .item img { position: relative; z-index: -1; }
.hl-work-slider .item .title { position: absolute; left: 0; width: 100%; text-align: center; bottom: -14px; line-height: 1; color: #fff; font-family: 'brandon_grotesquebold'; font-size: 120px; z-index: 1; text-transform: uppercase; }
.hl-work .owl-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1386px; padding: 0 15px; pointer-events: none }
.hl-work .owl-nav > div { float: left; position: relative; pointer-events: auto }
.hl-work .owl-nav > .owl-next { float: right }
.hl-work .owl-nav > div:before, .hl-work .owl-nav > div:after { content: ""; display: block; height: 52px; width: 28px; background: url(../images/sprite.png) no-repeat -76px 0 transparent; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-work .owl-nav > div:after { position: absolute; left: 0; top: 0; opacity: 0 }
.hl-work .owl-nav > .owl-prev:after { background-position: 0 -62px }
.hl-work .owl-nav > .owl-next:before { background-position: -114px 0 }
.hl-work .owl-nav > .owl-next:after { background-position: -38px -62px }
.hl-skills { padding: 71px 0 66px 0 }
.hl-skill { }
.hl-skill figure { text-align: center; position: relative; margin: 40px 0; padding: 65px 0 64px 0; pointer-events: none; z-index: 1 }
.hl-skill figure * { pointer-events: auto }
.hl-skill figure:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transform: skewY(16.5deg); -moz-transform: skewY(16.5deg); -ms-transform: skewY(16.5deg); -o-transform: skewY(16.5deg); -webkit-transform: skewY(16.5deg); border: 1px solid #bbb; z-index: -1; pointer-events: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-skills .col-ar-12:nth-child(even) .hl-skill figure:before { transform: skewY(-16.5deg); -moz-transform: skewY(-16.5deg); -ms-transform: skewY(-16.5deg); -o-transform: skewY(-16.5deg); -webkit-transform: skewY(-16.5deg) }
.hl-skill figure > a { display: block }
.hl-skill figure > a img { }
.hl-skill figcaption { margin-top: 35px; padding: 0 10px }
.hl-skill figcaption h4, .hl-skill figcaption .h4 { margin: 0; color: #303030; font-family: 'brandon_grotesquebold'; font-size: 18px; line-height: 24px; min-height: 48px }
.hl-skill figcaption h4 a, .hl-skill figcaption .h4 a { color: #303030 }
.hl-creations { position: relative }
.hl-creations .heading { position: absolute; left: 0; width: 100%; top: 61px; margin: 0 }
.hl-creations-img img { }
.hl-creations-img { display: block; pointer-events: none }
.hl-creations .button { position: absolute; left: 50%; bottom: 47px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: 0 }
.hl-creation-btn { display: block; height: 24px; width: 24px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border: 3px solid #36adea; background: #36adea }
.hl-creation-btn span { background: #36adea; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; pointer-events: none }
.hl-creation-content { display: block; width: 284px; background: rgba(159,24,151,0.8); padding: 25px 15px; position: relative; opacity: 0; visibility: hidden; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; }
.hl-creation-content * { color: #fff }
.hl-creation-content .title { margin-bottom: 14px }
.hl-creation-content p { margin-bottom: 14px }
/*.hl-creation-content:before{position:absolute;height:2px;width:100px;content:"";display:block;background:#36adea}*/
.hl-creation.in .hl-creation-content { visibility: visible; opacity: 1 }
.hl-creation-content:before { position: absolute; content: ""; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; left: 50%; margin-left: -6px }
.hl-creation { position: absolute; z-index: 1 }
.hl-creation.creation-1 { top: 15%; left: 59.5%; }
.hl-creation.creation-2 { top: 15%; left: 25%; }
.hl-creation.creation-3 { top: 42%; left: 11%; }
.hl-creation.creation-4 { left: 31%; bottom: 28% }
.hl-creation.creation-5 { bottom: 21%; left: 44.5% }
.hl-creation.creation-6 { bottom: 21%; left: 58%; z-index: 2 }
.hl-creation.creation-7 { right: 35.5%; bottom: 35% }
.hl-creation.creation-8 { bottom: 34%; right: 2% }
.hl-creation.creation-9 { right: 11%; bottom: 46.5% }
.hl-creation.creation-10 { bottom: 53.5%; right: 29.5% }
.hl-creation.creation-11 { right: 18%; top: 34.5% }
.hl-creation.creation-12 { top: 8.5%; right: 13% }
.hl-creation.creation-1 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-1.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-1 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.hl-creation.creation-2 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-2.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-2 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.hl-creation.creation-3 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-3.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-3 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.hl-creation.creation-4 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-4.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-4 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.hl-creation.creation-5 .hl-creation-content { bottom: 100%; left: 50%; transform: translate(-50%, -50px); -moz-transform: translate(-50%, -50px); -ms-transform: translate(-50%, -50px); -o-transform: translate(-50%, -50px); -webkit-transform: translate(-50%, -50px) }
.hl-creation.creation-5.in .hl-creation-content { transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); opacity: 1; visibility: visible }
.hl-creation.creation-5 .hl-creation-content:before { border-top: 12px solid rgba(159,24,151,0.8); bottom: -12px }
.hl-creation.creation-6 .hl-creation-content { bottom: 100%; left: 50%; transform: translate(-50%, -50px); -moz-transform: translate(-50%, -50px); -ms-transform: translate(-50%, -50px); -o-transform: translate(-50%, -50px); -webkit-transform: translate(-50%, -50px) }
.hl-creation.creation-6.in .hl-creation-content { transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); opacity: 1; visibility: visible }
.hl-creation.creation-6 .hl-creation-content:before { border-top: 12px solid rgba(159,24,151,0.8); bottom: -12px }
.hl-creation.creation-7 .hl-creation-content { top: 100%; left: -20px; transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); -o-transform: translate(0, 50px); -webkit-transform: translate(0, 50px) }
.hl-creation.creation-7.in .hl-creation-content { transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -o-transform: translate(0, 10px); -webkit-transform: translate(0, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-7 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px; left: 26px; margin-left: 0 }
.hl-creation.creation-8 .hl-creation-content { top: 100%; right: -15px; transform: translate(0, 50px); transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); -o-transform: translate(0, 50px); -webkit-transform: translate(0, 50px) }
.hl-creation.creation-8.in .hl-creation-content { transform: translate(0, 10px); moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -o-transform: translate(0, 10px); -webkit-transform: translate(0, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-8 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px; left: auto; right: 20px; margin-left: 0 }
.hl-creation.creation-9 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-9.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-9 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.hl-creation.creation-10 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-10.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-10 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.hl-creation.creation-11 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-11.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-11 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.hl-creation.creation-12 .hl-creation-content { top: 100%; left: 50%; transform: translate(-50%, 50px); transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -webkit-transform: translate(-50%, 50px) }
.hl-creation.creation-12.in .hl-creation-content { transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); opacity: 1; visibility: visible }
.hl-creation.creation-12 .hl-creation-content:before { border-bottom: 12px solid rgba(159,24,151,0.8); top: -12px }
.servicemain_title + p { text-align: center; padding: 12px 0 0 0 }
.servicemain_title + p a { font-weight: 700; text-decoration: underline; }
.service_img_main:before { content: ""; background: rgba(0,0,0,0.4); position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
.service_img_main { position: relative; }
.service_img_main span.service_icon { position: absolute; z-index: 1; text-align: center; bottom: 60px; left: 50%; pointer-events: none; transform: translate(-50%, 0) scale(1); -moz-transform: translate(-50%, -0%) scale(1); -o-transform: translate(-50%, -0%) scale(1); -ms-transform: translate(-50%, -0%) scale(1); -webkit-transform: translate(-50%, -0%) scale(1); width: 100%; min-height: 100px; font-size: 18px; font-family: brandon_grotesquebold; text-transform: uppercase; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; background: rgba(255, 255, 255, 0.85); padding: 23px 60px; color: #000; }
.service_content_main .service_title { font-size: 18px; color: #fff; font-family: 'brandon_grotesquebold'; margin-bottom: 10px; text-transform: uppercase; padding: 0 10px; display: inline-block; }
.service_box { position: relative; }
.service_content_main { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.service_section.heading_padding { padding-top: 55px; padding-bottom: 4px; }
.service_box_main1 { clear: both; padding: 37px 0 0 0; }
.service_box_main1:after { clear: both; content: ""; display: table; }
.service_content p { text-align: center; color: #fff; }
.service_content_main .service_content { padding: 0 20px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; }
.service_img_main > a > img { width: 100%; }
.service_icon img { max-width: 100%; }
.servicelist_page .service_box_main1 { padding: 0; }
.gallery_page { margin: 0 -15px; }
.gallery_page .service_box { width: 25%; float: left; padding: 0 15px 0; }
.gallery_page .service_box .service_hvr img { width: 100%; }
.hl-news { padding: 54px 0 80px 0; background: #f4f4f4 }
.hl-news .heading { margin-bottom: 42px }
.hl-news-slider { }
.hl-news .item { }
.hl-news .item figure { }
.hl-news .item figure > a { display: block; position: relative; color: #fff; overflow: hidden }
.hl-news .item figure > a .fa { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); font-size: 50px; z-index: 2; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-news .item figure > a:before { display: block; content: ""; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: rgba(0,0,0,0.7); z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-news .item figure > a img { position: relative; z-index: -1 }
.hl-news-date { font-size: 14px; color: #36adea; font-family: 'brandon_grotesquebold'; text-transform: uppercase; display: block; margin: 24px 0 6px 0 }
.hl-news .item h4, .hl-news .item .h4 { font-size: 18px; color: #404040; font-family: 'brandon_grotesquebold'; line-height: 30px; margin: 0 0 14px 0 }
.hl-news .item h4 a, .hl-news .item .h4 a { color: #404040 }
.hl-news .item p { margin: 0 0 27px 0 }
.hl-news .item .button { }
.hl-clients { padding: 71px 0 72px 0 }
.hl-clients .item { height: 150px; position: relative }
.hl-clients .item img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; height: auto; width: auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; opacity: 0.5; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-clients .owl-nav > div { position: absolute; left: -90px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.hl-clients .owl-nav > .owl-next { right: -90px; left: auto }
.hl-clients .owl-nav > div:before, .hl-clients .owl-nav > div:after { content: ""; display: block; height: 52px; width: 28px; background: url(../images/sprite.png) no-repeat 0 0 transparent; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-clients .owl-nav > div:after { position: absolute; left: 0; top: 0; opacity: 0 }
.hl-clients .owl-nav > .owl-prev:after { background-position: 0 -62px }
.hl-clients .owl-nav > .owl-next:before { background-position: -38px 0 }
.hl-clients .owl-nav > .owl-next:after { background-position: -38px -62px }
.service-detail img { max-width: 100%; }
.service_box_main { margin: 0 -15px; }
.service_box_main .service_hvr > img { left: 50%; position: relative; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; }
.service_box_main .service_box { float: left; padding: 0 15px; width: 25%; }
.service_box a { overflow: hidden; position: relative; display: block; margin-bottom: 30px; }
.service_hvr { position: relative; }
.service_hvr::before { background: rgba(64, 64, 64, 0.4) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.service_text { bottom: 0; left: 0; z-index: 1; opacity: 0; position: absolute; right: 0; text-align: center; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.service_readmore { width: 78px; height: 78px; text-align: center; margin: 0 auto; background: url(../images/sprite.png) no-repeat -104px -43px transparent; }
.service_box_main .service_box:nth-child(2) { width: 50%; }
.service_box_main .service_box:nth-child(3) { margin-right: 0; }
.service_box_main .service_box:nth-child(4) { width: 50%; }
.service_box_main .service_box:last-child { width: 25%; }
.home_service_section { padding: 80px 0 60px; text-align: center; }
.home_service_section .readmore_dot { margin: 30px 0 auto; }
/*=================================================== Footer ===================================================*/
.site-main > footer { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.footer { background: #101010; }
.signature { padding: 0 0 0 0; }
.signature span, .signature p, .signature a { color: #bbb; font-family: 'brandon_grotesquebold'; font-weight: 400; line-height: 30px; margin: 0; font-size: 14px; letter-spacing: 0.05px; }
.signature span:before { content: "|"; margin: 0 12px 0 8px }
.signature p+p:before { content: "|"; margin: 0 12px 0 8px }
.signature span { display: inline-block; vertical-align: top }
.signature ul { display: inline-block; vertical-align: top; list-style-type: none; padding: 0; margin: 0; }
.signature ul li { color: #bbbbbb; float: left; font-family: 'ubunturegular'; }
.signature ul li+li:before { content: "|"; margin: 0 12px 0 12px; }
.signature ul li a { }
.footer-social { display: inline-block; margin: -50px 0 auto; width: 100%; text-align: center; }
.footer-social ul { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
.footer-social ul li { float: left; font-size: 30px; height: 100px; width: 100px; border-radius: 50%; position: relative; display: inline-block; z-index: 1; text-align: center; }
.footer-social ul li:before { background: url(../images/social-bg.png) no-repeat 0 0; transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; content: ''; height: 100px; width: 100px; display: inline-block; position: absolute; z-index: -1; left: 0; }
.footer-social ul li:nth-child(even):before { transform: rotate(-180deg); }
.footer-social ul li+li { margin-left: 21px }
.footer-social ul li a { color: #fff !important; line-height: 100px; }
.footer-top { padding: 0 0 25px 0; }
.footer-bottom { padding: 35px 0; border-top: 1px solid #585858; text-align: center; }
.footer-contact { margin-top: 16px; }
.footer-contact p { color: #bbb; }
.footer-contact a { color: #bbb; position: relative; }
.footer-contact a:before { content: ""; display: block; height: 2px; width: 0; position: absolute; left: 0; top: 9px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;/*background:#fff;*/ }
.mobile-accordion .title { color: #fff; font-size: 18px; font-family: 'brandon_grotesquebold'; display: block; position: relative; line-height: 30px; margin: 50px 0 35px; text-transform: uppercase; }
.mobile-accordion .title:after { display: block; height: 6px; width: 48px; background: url(../images/sprite.png) no-repeat -104px 0 transparent; content: ""; margin-top: 14px; }
.quick_links ul { list-style-type: none; padding: 0; margin: 0; }
.quick_links ul li { line-height: 30px; color: #bbb; }
.quick_links ul li a { color: #bbb; position: relative; display: inline-block; vertical-align: top; font-family: 'ubunturegular'; }
.quick_links ul li a:before { content: ""; display: block; height: 2px; width: 0; position: absolute; left: 0; top: 14px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #36adea; }
.quick_links ul li.selected a { padding-left: 15px; color: #36adea; }
.quick_links ul li.selected a:before { width: 10px }
.quick_links.offices ul { margin-right: -30px; }
.sticky_form_container { position: fixed; right: 0; top: 50%; background: #fff; z-index: 11; width: 500px; max-width: 100%; overflow: auto; max-height: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transform: translate(100%, -50%); -moz-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); -webkit-overflow-scrolling: touch; }
.sticky_form { padding: 15px 20px 30px 20px }
.sticky_form_close { background: none; border: none; padding: 0; font-size: 24px; color: #36adea; position: absolute; right: 20px; top: 20px }
.sticky_form_container .col-xs-12 { width: 100% }
.sticky_form_container .input-box.submit-box { display: block; margin: 0 14px }
.sticky_button { position: fixed; top: 50%; right: 0; transform: rotate(-90deg) translate(30px, 74px); -moz-transform: rotate(-90deg) translate(30px, 74px); -ms-transform: rotate(-90deg) translate(30px, 74px); -o-transform: rotate(-90deg) translate(30px, 74px); -webkit-transform: rotate(-90deg) translate(30px, 74px); z-index: 10 }
body.quick_enquiry { overflow: hidden }
body.quick_enquiry:before { display: block; content: ""; background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; cursor: pointer }
body.quick_enquiry .sticky_form_container { transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%) }
/*=================================================== Inner Pages ==============================================*/
.inner_page { padding: 45px 0 45px 0 }
#page_title { position: relative; padding: 240px 0 120px 0; overflow: hidden }
#page_title:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1 }
#page_title > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: initial; min-width: 100% }
.page_title h1, .page_title .h1 { color: #FFFFFF; margin: 0; position: relative; font-size: 60px; font-family: 'brandon_grotesquebold'; text-transform: uppercase }
.page_title { position: relative; z-index: 2; margin: 0 auto; padding: 0 15px; width: 100%; max-width: 1200px; text-align: center }
.breadcrumb_main { max-width: 1200px; margin: 0 auto; padding: 0 15px }
#breadcrumb { border-bottom: 1px solid #d7d7d7 }
.breadcrumb { background: none }
.breadcrumb { margin: 14px 0; background: none; border-radius: 0; -webkit-border-radius: 0; padding: 0 }
.breadcrumb > li { color: #606060; font-size: 15px; font-family: 'brandon_grotesquebold'; font-weight: 400; vertical-align: top; position: relative }
.breadcrumb > li:before { display: none }
.breadcrumb > li a:after { content: ""; display: block; height: 2px; position: absolute; bottom: -4px; left: 0; background: #fff; width: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.breadcrumb > li a { color: #606060; display: inline-block; vertical-align: top }
.breadcrumb > li + li:before { color: #909090; display: inline; vertical-align: top; background: none; position: static; padding: 0 9px 0 8px }
.breadcrumb > li.selected { color: #36adea }
/*.breadcrumb > li.selected:after{content:"";display:block;height:2px;position:absolute;bottom:-4px;right:0;left:20px;background:#fff;}*/
.bread_crumb { }
.inner_page ul { list-style-type: none; padding: 0 0 0 5px; margin: 0 0 22px 0; overflow: hidden; }
.inner_page ul > li { padding: 0 0 0 15px; position: relative; line-height: 24px; }
.inner_page ul > li:before { content: "\f105"; height: auto; width: auto; top: 3px; background: none; font-family: 'FontAwesome'; font-size: 18px; display: inline-block; position: absolute; left: 0; border: none; line-height: initial; color: #36adea; }
.inner_page ul ul > li:before { content: ""; display: block; height: 8px; width: 8px; position: absolute; left: 0; top: 8px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #36adea; }
.inner_page ul ul ul > li:before { background: #36adea; }
.inner_page ul ul > li { padding: 0 0 0 15px; }
.inner_page ul ul ul > li { padding: 0 0 0 15px; }
.inner_page ul ul { margin: 0; padding: 0; }
.inner_page ul ol { margin: 0; }
.inner_page ol ul { margin: 0; padding: 0; }
.inner_page ol ol { margin: 0; }
.inner_page ol { padding: 0 0 0 30px; margin: 0 0 26px 0; }
.inner_page ol > li { line-height: 26px; }
.inner_page ol > li:before { }
.sidebar { }
.sidebar ul { padding: 0; margin: 0; }
.sidebar ul li { padding: 0; }
.sidebar ul li:before { display: none; }
.sidebar ul ul li:before { display: none }
.sidebar ul li a { display: block; position: relative; font-size: 15px; color: #606060; padding: 10px 15px; background: #f5f5f5; border-left: 5px solid #36adea; z-index: 1; font-weight: 400; }
.sidebar ul li a:before { content: ""; position: absolute; left: -5px; top: 0; background: #fff; z-index: -1; border: 1px solid #36adea; border-left: 5px solid #36adea; right: 0; height: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0; }
.sidebar ul li+li { margin-top: 1px; }
/*.sidebar ul li.selected > a{color:#173b65}*/
.sidebar ul li.selected a:before { opacity: 1; }
.sidebar .title { display: block; color: #FFF; font-size: 18px; margin-bottom: 10px; padding: 10px 15px; background: #303030; text-align: center; text-transform: uppercase; }
.my_pagination { text-align: center; margin: 30px 0 0 0; }
.my_pagination .pagination .wp-pagenavi { display: inline-block; vertical-align: top; }
.my_pagination .pagination .wp-pagenavi span.current { background: #0b74b9; color: #fff; }
.my_pagination .pagination .wp-pagenavi span, .my_pagination .wp-pagenavi a { display: block; width: 40px; height: 40px; border: 1px solid #0b74b9; line-height: 40px; color: #303030; font-weight: 400; float: left; margin: 0; padding: 0 }
.my_pagination .pagination .wp-pagenavi a + span, .my_pagination .wp-pagenavi a + a, .my_pagination .wp-pagenavi span + a { border-left: 0; }
.my_pagination .pagination .wp-pagenavi .nextpostslink, .my_pagination .wp-pagenavi .previouspostslink { font-size: 22px; line-height: 34px; }
.my_pagination .pagination li { padding: 0; float: left; font-weight: 400 }
.my_pagination .pagination li:before { display: none !important }
.my_pagination .pagination li a { border-radius: 0; -webkit-border-radius: 0; color: #909090; padding: 0; height: 45px; width: 45px; line-height: 44px; margin: 0; font-family: 'brandon_grotesquebold'; font-weight: 400; border: none; font-size: 16px; position: relative; background: none; pointer-events: none; z-index: 1 }
.my_pagination .pagination li a:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: #f0f0f0; z-index: -1; border-radius: 8px; pointer-events: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.my_pagination .pagination { margin: 0; padding: 0; vertical-align: top; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 }
.my_pagination .pagination li.selected a { pointer-events: none; color: #fff }
.my_pagination .pagination li.selected a:before { background: #36adea; pointer-events: none }
.my_pagination .pagination li+li { margin-left: 8px }
.my_pagination .pagination li:first-child a, .my_pagination .pagination li:last-child a { background: none; width: auto; pointer-events: auto }
.my_pagination .pagination li.disabled a { pointer-events: none }
.my_pagination .pagination li:last-child { margin-left: 38px }
.my_pagination .pagination li:first-child a:before, .my_pagination .pagination li:last-child a:before { display: none }
.my_pagination .pagination li:first-child a span { margin-right: 10px }
.my_pagination .pagination li:last-child a span { margin-left: 10px }
.my_pagination .pagination li:nth-child(2) { margin-left: 41px }
.inner_page p { line-height: 24px; margin-bottom: 24px }
.inner_page table { width: 100% }
.inner_page tr { }
.inner_page td { padding: 5px 10px; border: 1px solid #ccc }
.inner_page tr:nth-child(odd) td { background: #EEE }
.inner_page th { color: #303030; background: #BBB; padding: 5px 10px; border: 1px solid #ccc }
.inner_heading { margin: 0 0 45px 0 }
.inner_heading h2, .inner_heading .h2 { font-family: 'brandon_grotesquebold'; color: #505050; font-size: 40px; line-height: 60px; margin: 0 }
/*=================================================== Contact Page =============================================*/
/*.contact_page{padding:45px 0}*/
.contact_page .contact_us_icon span.title { display: block; color: #000; font-weight: 600; font-size: 20px; margin: 0 0 9px 0 }
.contact_page .contact_us_icon span.fa, .contact_page .contact_us_icon.abn span { display: table-cell; vertical-align: middle; height: 60px; width: 60px; position: relative; color: #fff; font-size: 22px; background: #000 }
.contact_page .contact_us_icon.abn span { text-align: center; font-family: 'brandon_grotesquebold'; font-size: 16px }
.contact_page .contact_us_icon span.fa:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.contact_page .contact_us_icon p, .contact_page .contact_us_icon a { display: table-cell; margin-bottom: 0; vertical-align: middle; color: #606060; line-height: 24px; vertical-align: middle; font-weight: 400 }
.contact_page .contact_us_icon > p { padding-left: 15px }
.contact_page .contact_us_icon > a { padding-left: 15px }
.contact_page .contact_us_icon+.contact_us_icon { margin-top: 30px }
.map { }
.contact_page .map iframe { border: none; width: 100%; height: 420px; display: block }
.input-box { margin-bottom: 30px; position: relative; z-index: 1 }
.input-box .input { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #bcbcbc; color: #606060; font-size: 16px; font-weight: 400; font-family: 'brandon_grotesquebold'; padding: 12px 15px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff }
.input-box .input::-webkit-input-placeholder {
color:#606060;
opacity:1
}
.input-box .input:-moz-placeholder {
color:#606060;
opacity:1
}
.input-box .input::-moz-placeholder {
color:#606060;
opacity:1
}
.input-box .input:-ms-input-placeholder {
color:#606060;
opacity:1
}
.input-box label { font-weight: 600; margin: 0 0 5px 0; font-size: 14px; color: #606060; font-family: 'brandon_grotesquebold'; text-transform: uppercase; line-height: 22px }
.input-box textarea.input { height: 156px; resize: none; display: block }
 select::-ms-expand {
display: none !important;
}
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 60px; border: 1px solid #ccc; color: #606060; font-size: 16px; font-weight: 400; padding: 10px 18px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.select_box:after { content: "\f0d7"; display: block; height: 56px; width: 50px; background: #fff; position: absolute; right: 2px; top: 2px; pointer-events: none; font-size: 32px; font-family: "FontAwesome"; line-height: 56px; text-align: center; color: #999; }
.input-box.submit-box input { background: none; padding: 0; color: #fff; height: 50px; border: none; width: 100%; text-transform: uppercase; border: 4px solid #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; width: 100%; }
.req-cal .input-box.submit-box input { width: 170px; }
.req-cal .input-box { margin-bottom: 50px; position: relative; }
.contact_form .input-box.submit-box input { border: 4px solid #36adea; color: #36adea; border-radius: 8px; }
.input-box label.lbl_input { position: absolute; left: 0; top: 0; width: 100%; pointer-events: none; margin: 0; line-height: 62px; padding: 0 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #606060; }
.input-box.focus label.lbl_input, .input-box.filled label.lbl_input { top: -30px }
.input-box.captcha-box { margin: 0 0 28px 0 }
.req { color: #ef5353; margin: 0 0 0 4px }
/********************** error form message *************************************/
div .wpcf7-form label.error { color: #f00; font-size: 14px; padding: 0; margin: 0; font-weight: 400 }
div div.wpcf7-response-output { text-align: center; margin: 0 0 20px 0; padding: 7px 15px; font-size: 15px; }
div div.wpcf7-validation-errors { color: #f00 }
div div.wpcf7-mail-sent-ng { color: #f00 }
div div.wpcf7-spam-blocked { color: #f00 }
div div.wpcf7-mail-sent-ok { color: #398f14 }
.req-cal span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; text-align: left; background: #fff; padding: 0 0 0 10px; margin: 5px 0; }
.contact_page .wpcf7 .ajax-loader { position: absolute; right: 20px; top: 18px; }
.req-cal .wpcf7 .ajax-loader { margin: 15px 0 0 -30px; position: absolute; }
.req-cal .wpcf7-validation-errors { border: 2px solid #f7e700; background: #f7e700; border-radius: 10px; }
.req-cal div.wpcf7-mail-sent-ok { color: #fff; background: #398f14; border-radius: 10px; }
/********************************************************************************************/
/* form .row .col-xs-12:nth-child(4){clear:both} */
label.require { font-size: 14px; color: #606060; font-weight: 400; margin: 10px 0 0 0; display: block }
.contact-form .input-box textarea.input { height: 160px }
.contact-form .submit-box { margin: 0 }
.contact_page h3, .contact_page .h3 { color: #36adea; font-size: 30px; }
.contact_page .input-box textarea.input { }
.contact_info { border: 20px solid #f4f4f4; padding: 27px 30px 30px 30px }
.contact_page h2, .contact_page .h2 { color: #303030; font-family: 'brandon_grotesquebold'; font-size: 35px; margin: 0 0 30px 0; line-height: 32px }
.contact_page h2:after, .contact_page .h2:after { content: ""; display: block; height: 4px; width: 70px; transform: skewX(-27deg); -moz-transform: skewX(-27deg); -ms-transform: skewX(-27deg); -o-transform: skewX(-27deg); -webkit-transform: skewX(-27deg); background: #36adea; margin-top: 13px }
.contact_page form { }
.contact_head_office h3, .contact_head_office .h3 { margin: 0 0 27px 0 }
.contact_info a { color: #606060; font-size: 18px; font-weight: normal; }
.contact_info p { font-size: 18px; line-height: 32px; margin: 0 0 10px 0; }
.contact_info p.social_icons a{margin:0 5px}
.contact_head_office { position: relative }
.contact_head_office p { font-size: 18px; line-height: 30px; }
.contact_head_office:before { content: "\f041"; font-size: 170px; font-weight: 400; font-family: "FontAwesome"; color: #36adea; line-height: 150px; position: absolute; right: 30px; top: 20px; z-index: -1 }
.contact_enquiry { position: relative; padding: 60px 0 10px 0; margin-top: -13px }
.contact_enquiry:before { content: "\f095"; font-size: 150px; font-weight: 400; font-family: "FontAwesome"; color: #36adea; line-height: 150px; position: absolute; right: 20px; top: 12px; transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); -webkit-transform: rotate(1deg); z-index: -1 }
.contact_enquiry.second:before { content: "\f015"; top: 20px }
.contact_map { }
.contact_map iframe { border: none; width: 100%; }
.contact_form { margin-top: 58px }
.contact_form h2, .contact_form .h2 { margin: 0 0 23px 0 }
.contact_form p { margin-bottom: 27px }
.welcome-sec { padding: 60px 0 70px 0; }
.welcome-sec .heading span { width: 100%; display: inline-block; }
.welcome-sec p { text-align: center; }
.welcome-sec ul li { line-height: 24px; }
.readmore_dot { height: 10px; width: 38px; background: url(../images/sprite.png) no-repeat -104px -24px transparent; cursor: pointer; margin: 0 auto; margin-top: 50px; display: inline-block; }
#wel-show.data-toogle { display: block; }
#wel-show { display: none; }
.parallex_section { background-position: center center; background-attachment: fixed; width: 100%; position: relative; padding: 50px 0; background-image: url(../images/parellex1.jpg); }
.parallex_section:before { content: ""; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.parallex_section .container { width: 100%; padding-left: 35px; padding-right: 35px; }
.parallex_section .container .row { margin-left: -35px; margin-right: -35px; }
.parallex_section .container .row .col-sm-4 { padding-left: 35px; padding-right: 35px; }
.parallex_section .container .row .col-sm-4:last-child .parallex_box:before { border: 0; }
.parallex_box { min-height: 400px; position: relative; padding: 40px 10px; }
.parallex_box:before { content: ""; position: absolute; right: -35px; top: 10px; bottom: 10px; border-right: 1px solid #fff; pointer-events: none; height: 400px; }
.parallex_icon { text-align: center; position: relative; height: 145px; }
.parallex_title { display: block; font-size: 24px; color: #fff; text-transform: uppercase; text-align: center; font-family: 'brandon_grotesquebold'; padding: 0 15px; }
.parallex_text { padding: 0 11px; }
.parallex_text p { color: #fff; text-align: center; }
.parallex_title_main { padding: 0 0 30px 0; }
.parallex_section1 { width: 100%; position: relative; padding: 90px 0 90px; background: url(../images/pattern.jpg) repeat;    display: none;}
/*.parallex_section1:before { content: ""; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; bottom: 0; right: 0; }*/
.parallex_section1 h2 {  text-transform: uppercase; position: relative; display: inline; color: #fff;}
.parallex_section1 .group-btn { float: right; display: none;}
.parallex_section1 .group-btn a { margin: 0 0 0 30px;     background: #000; color:#fff;    border: 2px solid #000;}
.parallex_section1 .group-btn a:hover {background: none}
.testimonial-text p { font-size: 18px; font-weight: 300; color: #606060; line-height: 36px; margin: 0; }
.testimonial-name span { font-size: 24px; color: #36adea; text-transform: uppercase; width: 100%; font-family: 'brandon_grotesquebold'; display: block; margin: 0 auto; position: relative; }
.testimonial-name { padding: 39px 0 0 0; }
.testimonial-name span:before { content: "-"; font-size: 24px; color: #36adea; display: inline-block; padding: 0 8px 0 0; }
.testimonial-text { padding: 0 100px; position: relative; }
.testimonial_section { padding: 55px 0 100px; }
.testimonial-name span:after { content: ""; background: url(../images/sprite.png) scroll -102px -80px; width: 25px; height: 15px; position: absolute; top: -15px; left: 0; right: 0; margin: 0 auto; }
#testimonial_slider .owl-item { padding: 20px 0; position: relative; }
#testimonial_slider .owl-item:before { content: ''; position: absolute; width: 62px; height: 42px; background: url(../images/testi-comma.png) 0 0; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1; }
#testimonial_slider .item { position: relative; padding: 60px 0; }
#testimonial_slider .item:before { content: ''; position: absolute; width: 570px; max-width: 80%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; background: #f3f3f3; }
#testimonial_slider.owl-theme .owl-dots .owl-dot span { background: transparent; border-radius: 50%; display: block; height: 15px; margin: 12px 5px; width: 15px; position: relative; }
#testimonial_slider.owl-theme .owl-dots .owl-dot span:before { content: ""; width: 15px; height: 15px; position: absolute; left: 0; right: 0; top: 0; transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 50%; border: 1px solid #d0d0d0; }
#testimonial_slider.owl-theme .owl-dots .owl-dot span:after { content: ""; width: 15px; height: 15px; position: absolute; left: 0; right: 0; top: 0; transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 50%; border: 4px solid #36adea; }
#testimonial_slider.owl-theme .owl-controls { margin-top: 35px; margin-top: 35px; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; right: 0; margin: 0 auto; }
#testimonial_slider.owl-theme .owl-dots .owl-dot.active span:before, #testimonial_slider.owl-theme .owl-dots .owl-dot:hover span:before { transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); }
#testimonial_slider.owl-theme .owl-dots .owl-dot.active span:after, #testimonial_slider.owl-theme .owl-dots .owl-dot:hover span:after { transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
/*=================================================== Blog Page ================================================*/
.blog_page { }
/*.blog_page h1, .blog_page .h1 { margin-bottom: 35px }*/
.blog_page .blog { border: 1px solid #bbb; padding: 15px }
.blog_page .blog+.blog { margin-top: 30px }
.blog_content img { float: left; margin: 0 15px 10px 0 }
.blog_content a.button { float: right; min-width: 130px; height: 40px; line-height: 38px; padding: 0 15px; font-size: 16px; }
.blog_content a.read_more { font-weight: 400; display: inline-block; position: relative; margin-left: 10px }
.blog_content a.read_more:after { content: "\f105"; font-family: "FontAwesome"; font-style: normal; font-size: 20px; margin-left: -10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0; display: inline-block; line-height: 17px; vertical-align: middle; position: absolute; top: 3px; left: 100% }
.blog_content .comment_box { margin-bottom: 5px }
.blog_content:after { display: block; content: ""; clear: both }
.blog_content h5 { margin-top: 0; text-transform: uppercase; font-size: 18px }
.blog_content h5 a { color: #000 }
.blog_content .comment_box > span { color: #999; font-size: 15px }
/*.blog_page .blog_listing{border:1px solid #303030}*/
.blog_listing+.blog_listing { margin-top: 15px }
.blog_listing ul { list-style-type: none; padding: 20px; margin: 0; display: block; background: #f0f0f0 }
.blog_listing ul li { color: #808080; font-size: 14px; padding: 0; line-height: 30px }
.blog_listing ul li:before { display: none }
.blog_listing ul li a:before { content: "\f105"; font-family: "FontAwesome"; font-size: 20px; margin: 0 5px 0 0; display: inline-block; vertical-align: top }
.blog_listing ul li a { color: #808080; position: relative; font-size: 16px; margin-right: 5px }
.blog_page .comment_box .blog_date:before { content: "\f073"; font: normal normal normal 16px/1 FontAwesome; color: #999; margin: 0 5px 0 0 }
.blog_page .comment_box .blog_author:before { content: "\f007"; font: normal normal normal 18px/1 FontAwesome; color: #999; margin: 0 5px 0 0 }
.blog_content .blog_author { margin: 0 0 0 15px }
.blog_listing h5 { color: #fff; margin: 0; padding: 10px 15px; background: #303030; font-size: 20px }
.blog_listing ul li.selected a { color: #36adea }
.tags-box { padding: 15px; background: #f0f0f0 }
.news_page { padding: 0 0 50px 0; }
.news_container { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0 -15px }
.news_box { width: 33.33333333%; position: relative; padding: 0 15px; margin: 45px 0 20px 0 }
.news_box figure { }
.news_box figure > a { display: block; position: relative; color: #fff; overflow: hidden }
.news_box figure > a .fa { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); font-size: 50px; z-index: 2; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.news_box figure > a:before { display: block; content: ""; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: rgba(0,0,0,0.7); z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.news_box figure > a img { position: relative; z-index: -1; }
.news-date { font-size: 14px; color: #36adea; font-family: 'brandon_grotesquebold'; text-transform: uppercase; display: block; margin: 24px 0 6px 0 }
.news_box h4, .news_box .h4 { font-size: 20px; color: #404040; font-family: 'brandon_grotesquebold'; line-height: 30px; margin: 0 0 14px 0 }
.news_box h4 a, .news_box .h4 a { color: #404040 }
.news_box p { margin: 0 0 27px 0 }
.news_box .button { }
.news_page .my_pagination { margin: 30px 0 20px 0 }
.testimonial1_item:nth-child(2n+1):before { color: #36adea; opacity: 0.3; }
.testimonial1_item:nth-child(2n):before { color: #36adea; opacity: 0.3; }
.testimonial1_item::before { content: "\f10d"; display: block; font-family: "FontAwesome"; font-size: 56px; left: 30px; position: absolute; top: 10px; }
.testimonial1_item:nth-child(2n+1) { background: #fff none repeat scroll 0 0; }
.testimonial1_item:nth-child(2n) { background: rgba(246, 246, 246,0.9); }
.testimonial1_item { position: relative; padding: 45px 40px 15px; margin: 0 0 20px; }
.testimonial1_item:last-child { border-bottom: none; }
.testimonial1_item p { position: relative; z-index: 1; color: #606060; }
.testimonial1-label { color: #000 !important; font-size: 17px !important; }
.testimonial1-label span { color: #999; font-size: 14px }
/*=================================================== About Page ===============================================*/
.about_page { }
.about_page h2, .about_page .h2 { color: #303030; font-family: 'brandon_grotesquebold'; font-size: 24px; margin: 0 0 30px 0; line-height: 32px }
.about_page h2:after, .about_page .h2:after { content: ""; display: block; height: 4px; width: 70px; transform: skewX(-27deg); -moz-transform: skewX(-27deg); -ms-transform: skewX(-27deg); -o-transform: skewX(-27deg); -webkit-transform: skewX(-27deg); background: #36adea; margin-top: 13px }
.about_team { margin: 35px 0 62px 0 }
.about_team h2, .about_team .h2 { }
.about_team_slider { }
.about_team_slider figure { position: relative; overflow: hidden }
.about_team_slider .about_team_img { display: block; pointer-events: none }
.about_team_slider .read_more { }
.about_team_slider figcaption { background: #303030; bottom: 0; left: 0; width: 100%; position: absolute; padding: 23px 30px 24px 30px; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.about_team_slider h4, .about_team_slider .h4 { color: #fff; font-family: 'brandon_grotesquebold'; font-size: 18px; margin: 0; line-height: 30px; text-transform: uppercase }
.about_team_slider h4 a, .about_team_slider .h4 a { color: #fff }
.about_team_slider .about_designation { color: #fff; font-family: 'brandon_grotesquebold'; font-weight: 400; font-size: 15px; margin: 0; line-height: 22px; display: block }
.about_team_slider .read_more:after { content: ""; display: block; height: 2px; width: 20px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -10px }
.about_team_slider .read_more:before { content: ""; display: block; height: 20px; width: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -1px }
.about_team_slider .read_more { display: block; height: 56px; width: 56px; background: #36adea; position: absolute; right: 0; bottom: 71px; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; transform: translateX(100%) }
.about_team_slider figure+figure { margin-top: 30px }
.about_team_slider .owl-nav > div { position: absolute; left: -130px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.about_team_slider .owl-nav > .owl-next { right: -130px; left: auto }
.about_team_slider .owl-nav > div:before, .about_team_slider .owl-nav > div:after { content: ""; display: block; height: 97px; width: 50px; background: url(../images/sprite.png) no-repeat -180px 0 transparent; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.about_team_slider .owl-nav > div:after { position: absolute; left: 0; top: 0; opacity: 0 }
.about_team_slider .owl-nav > .owl-prev:after { background-position: -180px -107px }
.about_team_slider .owl-nav > .owl-next:before { background-position: -240px 0 }
.about_team_slider .owl-nav > .owl-next:after { background-position: -240px -107px }
.about_location h3, .about_location .h3 { color: #36adea; font-size: 18px; font-family: 'brandon_grotesquebold'; margin: 0 0 30px 0 }
.about_location p { }
.about_location a { color: #606060 }
.about_location *:last-child { margin-bottom: 0 }
.armodal_box { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 15px; background: rgba(0,0,0,0.7); text-align: left }
.armodal { margin: 0 auto; width: 1000px; background: #fff; position: absolute; padding: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 90%; max-width: 90%; overflow-y: auto; }
.armodal-close { position: absolute; top: 15px; right: 15px; font-size: 20px }
body.sticky { overflow: hidden }
.armodal *:last-child { margin-bottom: 0 }
.armodal_box h4, .staff_page .armodal_box .h4 { color: #505050; font-size: 18px; margin: 0 0 7px 0 }
.armodal img { float: left; margin: 0 30px 15px 0; border: 1px solid #EEE }
.armodal ul { padding: 0 }
.armodal .designation { display: block; font-size: 14px; font-weight: 400; margin: 0 0 20px 0; color: #36adea; line-height: 20px }
.armodal .team_social { font-size: 20px }
.armodal .team_social li { padding: 0; float: left }
.armodal .team_social li:before { display: none }
.armodal .team_social li a { }
.armodal .team_social li+li { margin-left: 15px }
/*=================================================== Our Creations Page =======================================*/
.our_creations_page { padding: 10px 0 70px 0 }
.product { margin: 35px 0 0 0 }
.product figure { text-align: center }
.product figure > a { display: block; position: relative; overflow: hidden }
.product figure > a:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,0.7); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.product figure > a span.fa { position: absolute; left: 110%; top: 50%; color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); font-size: 50px }
.product figure > a img { }
.product figcaption { }
.product h4, .product .h4 { color: #303030; font-size: 18px; font-family: 'brandon_grotesquebold'; margin: 0; line-height: 28px; padding: 12px 0 }
.product h4 a, .product .h4 a { color: #303030 }
.our_creations_page .my_pagination { margin: 55px 0 0 0 }
.our_creations_page .col-ar-12:nth-child(2n+1) { clear: both }
.creations_details_page { }
.product_details_content *:last-child { margin-bottom: 0 }
.product_details_content h2, .product_details_content .h2 { color: #303030; font-family: 'brandon_grotesquebold'; font-size: 30px; margin: -8px 0 23px 0; line-height: 40px }
.product_details_content h2:after, .product_details_content .h2:after { content: ""; display: block; height: 4px; width: 100px; transform: skewX(-27deg); -moz-transform: skewX(-27deg); -ms-transform: skewX(-27deg); -o-transform: skewX(-27deg); -webkit-transform: skewX(-27deg); background: #36adea; margin-top: 21px }
.zoomContainer { display: none !important }
.product_details_img { cursor: pointer; position: relative; padding-bottom: 68.832%; overflow: hidden }
.zoomWrapper { margin: 0 auto; width: auto !important; height: auto !important; text-align: center }
.zoomWrapper img { position: static !important; max-width: 100% }
.product_details_img img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.zoomContainer { width: auto !important; height: auto !important }
.product_details_thumbs { margin: 15px 0 0 0 }
.thumbnail_slider .item { padding: 15px }
.thumbnail_slider .item a { display: block }
.thumbnail_slider { }
.thumbnail_slider .owl-controls .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: none }
.thumbnail_slider .owl-controls .owl-nav [class*="owl-"] { background: none !important; padding: 0; margin: 0; font-size: 48px; color: #bbb; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; pointer-events: auto }
.thumbnail_slider .owl-controls .owl-nav .owl-prev { float: left }
.thumbnail_slider .owl-controls .owl-nav .owl-next { float: right }
.thumbnail_slider .item a:before { border: 5px solid transparent; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block }
.thumbnail_slider .item a.active:before { border-color: #36adea }
.product_contact { border: 40px solid #f4f4f4; margin-top: 55px; padding: 27px 30px; min-height: 250px }
.product_contact h3, .product_contact .h3 { color: #303030; font-family: 'brandon_grotesquebold'; font-size: 18px; margin: 0 0 27px 0 }
.product_contact p { line-height: 30px; margin: 0 }
.product_contact p a { color: #606060; display: inline-block; vertical-align: top }
.product_social ul { list-style-type: none; padding: 0; margin: 36px 0 0 0 }
.product_social ul li { float: left; font-size: 30px; padding: 0 }
.product_social ul li:before { display: none }
.product_social ul li+li { margin-left: 21px }
.product_social ul li a { color: #36adea }
/*=================================================== Services Page ============================================*/
.services_page { }
.we-do-box { margin-top: 43px }
.we-do-box figure { text-align: center; border: 40px solid transparent; padding: 44px 0 53px 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.we-do-box figure > a { display: inline-block; vertical-align: top }
.we-do-box figure > a img { max-width: 96px }
.we-do-box figcaption { margin-top: 93px }
.we-do-box figcaption .title { line-height: 22px; text-transform: initial; font-size: 18px; padding: 8px 0 7px 0; min-width: 140px }
.we-do-box figcaption .title span { display: block; font-size: 14px; line-height: 18px }
.services_details_page { padding: 45px 0 20px 0 }
.services_details_page h2, .services_details_page .h2 { color: #303030; font-family: 'brandon_grotesquebold'; font-size: 24px; margin: 0 0 23px 0; line-height: 32px }
.services_details_page h2:after, .services_details_page .h2:after { content: ""; display: block; height: 4px; width: 70px; transform: skewX(-27deg); -moz-transform: skewX(-27deg); -ms-transform: skewX(-27deg); -o-transform: skewX(-27deg); -webkit-transform: skewX(-27deg); background: #36adea; margin-top: 13px }
.service_details_img { text-align: right; margin-top: 73px }
.service_details_img img { opacity: 0.05 }
.view_service_examples { margin-top: 36px }
.view_service_examples h2, .view_service_examples .h2 { margin: 0 0 30px 0 }
.service_example_box { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0 -15px }
.service_example { width: 50%; position: relative; padding: 0 115px 0 15px; margin-bottom: 50px }
.service_example > a { display: block }
.service_example img { }
.service_example .index { font-size: 100px; color: #f2f2f2; font-family: 'brandon_grotesquebold'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 87px }
.service_git_box { position: absolute; right: 115px; top: 0; left: 15px; bottom: 0; border: 40px solid #f4f4f4 }
.service_git { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; width: 100%; padding-top: 1px; margin-top: -5px }
.service_git h3, .service_git .h3 { color: #303030; font-family: 'brandon_grotesquebold'; font-size: 24px; margin: 0 0 37px 0; line-height: 34px }
.term-civil-contractors-melbourne .servicelist_page { text-align: center; }
.term-civil-contractors-melbourne .servicelist_page .service_box_main1 { padding: 0; margin: 0 auto; display: table; width: 100%; }
.term-civil-contractors-melbourne .servicelist_page .service_box_main1 > div { float: none; display: inline-block; }
/*7/5/2018*/
.service_box_main { margin-bottom: 5px; }
.home_page .button.gallery { background: #fff; color: #36adea; }
.home_page .button.gallery:hover { background: #36adea; color: #fff; }
/* 07/09/2018 */
.hl-client { padding: 100px 0; }
.hl-client-logo { border: 2px solid #36adea; border-radius: 10px; padding: 20px 20px; }
.inner-page-slide.hl-client { padding: 100px 0; background: #f1f1f1; display:none}
 .mobile-sticky-phone__wrapper { display: none; }

/************************************************************/
.modal-backdrop.fade { opacity: 0.8; }
#onloadpopup.fade:not(.show) { opacity: 1; }
#onloadpopup .modal-dialog{    width: 800px;}
.modal.fade .modal-dialog { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
span.close_btn { position: absolute; right: 20px; top: 9px; font-size: 32px; color: #fff; transform: rotate(45deg); cursor: pointer; }
#onloadpopup .modal-content p { font-size: 16px; line-height: 1.8; padding-bottom: 0;     margin-bottom: 15px; color:#fff}
#onloadpopup .modal-content a{color:#000}
#onloadpopup .modal-content a:hover{color:#fff}
.modal-body { padding: 30px; background: #36adea; background-position: center; position: relative; z-index: 22; }
.modal-body:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0;  z-index: -1; }
.modal-body h2 { color: #000; margin: 0 0 20px; font-size: 26px; line-height: 26px; font-weight: bold; border-bottom: 1px solid #000; padding: 0 0 10px; }
.modal.fade .modal-dialog {min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; }
#onloadpopup .modal-content{    background-color: transparent;}


.header-social-icons { float: right; margin:25px 0 0 5px;  transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease}
.header-social-icons ul{padding:0; margin:0}
.header-social-icons ul li { display: inline-block; margin:0 0 0 5px;}
.header-social-icons ul li a { font-size: 18px; color: #fff; font-family: 'brandon_grotesquebold'; display: inline-block; margin: 0 0; position: relative; z-index: 1; padding: 0 0; line-height: 42px; text-align: center; vertical-align: top; pointer-events: none; border: 4px solid #36adea; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; pointer-events: auto; width:40px}
.header-social-icons ul li a:hover{background:#36adea}

/**************************************** Testimonials section *****************************************/
.hl_testimonials { position: relative; padding: 50px 0 50px 0; background:#36adea}
.hl_testimonials h2 { position: relative; margin: 0 0 27px; color:#fff }
.hl_testimonials_carousel { position: relative; text-align: center; max-width: 1000px; margin: 0 auto }
.hl_testimonials_carousel span.testimonial_icon { position: relative; text-align: center; width: 100px; height: 100px; margin: 0 auto; border: 3px solid #fff; display: block; }
.hl_testimonials_carousel span.testimonial_icon i { font-size: 60px; color: #1c9dd8; padding: 16px 0 0 }
.hl_testimonials_carousel p { line-height: 36px; padding: 0 90px 0; color:#fff }
.hl_testimonials_carousel span.client_name { font-family: 'brandon_grotesquebold'; font-size: 18px; color: #fff; display: block; text-transform: uppercase; }
.hl_testimonials_carousel span.star_icon { position: relative; margin: 50px 0; display: block; }
.hl_testimonials_carousel span.star_icon img { width: auto !important; margin: 0 auto }
/*.hl_testimonials_carousel span.star_icon:before{position:absolute; left:50%; top:0;  transform:translateX(-50%); background:url(../images/star_icon.png) no-repeat; content:""; width:286px; height:40px;}*/
.hl_testimonials_carousel .owl-nav { vertical-align: top; margin-top: 0; text-align: center; }
.hl_testimonials_carousel .owl-nav .owl-prev { background: url(../images/sprite.png) no-repeat; width: 47px; height: 100px; top: 50%; transform: translateY(-50%); position: absolute; margin: -5px 0 0 0; left: -60px; background-position: 0 0; }
.hl_testimonials_carousel .owl-nav .owl-next { background: url(../images/sprite.png) no-repeat; width:47px; height: 100px; top: 50%; transform: translateY(-50%); position: absolute; right: -60px; margin: -6px 0 0 0; background-position: -51px -0px; }

/*==============================================================================================================*/
/*=================================================== Media Queries ============================================*/
/*==============================================================================================================*/
@media screen and (max-width:1200px) {
.banner_subtitle { margin-bottom: 25px; font-size: 20px; }
.banner_title { font-size: 60px; line-height: normal; margin: 0 0 10px; }
.service_content p { line-height: 20px; }
.parallex_section { padding: 30px 0; }
.parallex_title { min-height: 65px; font-size: 22px; padding: 0 5px; }
.hl-we-do { padding: 25px 0 30px 0; }
.req-cal { padding: 45px 0 0; }
.service_box_main1 { padding: 0; }
.welcome-sec { padding: 30px 0; }
.home_service_section { padding: 30px 0; }
.home_service_section .readmore_dot { margin: 0px 0 auto; }
}
@media screen and (min-width:1025px) {
header.sticky .header-social-icons{  margin:10px 0 0 5px}
.contact_form .input-box.submit-box:hover input { background: #36adea; color: #fff; }
.button:hover { background: #36adea; color: #fff; }
a:hover { color: #303030 }
.scroll_top:hover { background: #303030 }
.input-box .input:focus { border-color: #000 }
.submit-box:hover .input, .submit-box.focus .input { color: #36adea }
.submit-box:hover:before, .submit-box.focus:before { background: none }
.req-cal .input-box.submit-box input:hover { background: #fff; color: #36adea; }
.logo, .header-contact { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.site-main > header.sticky { box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.5); -o-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); background: #000; }
.site-main > header.sticky .logo { padding: 7px 0 10px; }
header.sticky .header-contact { margin-top: 10px; }
.header-contact ul li.header-call a:hover:before { background: #303030; }
.header-contact ul li.header-mail a:hover:before { background: #36adea; }
.banner .button:hover span { color: #36adea }
.hl-work .owl-nav > div:hover:before { opacity: 0 }
.hl-work .owl-nav > div:hover:after { opacity: 1 }
.hl-skill figure:hover:before { border-color: #36adea }
.hl-skill figure:hover figcaption h4 a, .hl-skill figure:hover figcaption .h4 a { color: #36adea }
.hl-news .item figure > a:hover .fa { transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); bottom: 50% }
.hl-news .item figure > a:hover:before { height: 100% }
.hl-news .item h4 a:hover, .hl-news .item .h4 a:hover { color: #36adea; }
.hl-clients .item img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none; opacity: 1; }
.hl-clients .owl-nav > div:hover:before { opacity: 0; }
.hl-clients .owl-nav > div:hover:after { opacity: 1; }
.quick_links ul li a:hover { padding-left: 15px; color: #36adea; }
.quick_links ul li a:hover:before { width: 10px; }
.footer-contact a:hover { padding-left: 15px; color: #36adea; }
.footer-contact a:hover:before { width: 10px; }
.footer-social ul li a:hover { color: #ff63f6; }
.signature a:hover { color: #36adea; }
.hl-creation-content a:hover { color: #36adea; }
.my_pagination li a:hover { color: #fff; }
.my_pagination li a:hover:before { background: #36adea; }
.my_pagination .pagination li:first-child a:hover, .my_pagination .pagination li:last-child a:hover { color: #36adea; }
.breadcrumb > li a:hover { color: #36adea; }
/* .sidebar ul li > a:hover{ color:#173b65; } */
.sidebar ul li a:hover:before { opacity: 1; }
.contact_page .contact_us_icon a:hover { color: #000; }
/* .breadcrumb > li a:hover:after{width:100%} */
.contact_info a:hover { color: #36adea; }
.about_team_slider figure:hover figcaption { transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); }
.about_team_slider figure:hover .read_more { right: 38px; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); }
.about_team_slider figure .read_more:hover { transform: translateX(0) rotate(90deg); -moz-transform: translateX(0) rotate(90deg); -ms-transform: translateX(0) rotate(90deg); -o-transform: translateX(0) rotate(90deg); -webkit-transform: translateX(0) rotate(90deg) }
.about_team_slider h4 a:hover, .about_team_slider .h4 a:hover { color: #ff73f7 }
.about_team_slider .owl-nav > div:hover:before { opacity: 0; }
.about_team_slider .owl-nav > div:hover:after { opacity: 1; }
.about_location a:hover { color: #36adea }
.product figure > a:hover:before { width: 100% }
.product figure > a:hover span.fa { transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50% }
.product h4 a:hover, .product .h4 a:hover { color: #36adea }
.product_social ul li a:hover { color: #303030 }
.product_contact p a:hover { color: #36adea; }
.we-do-box figure:hover { border-color: #f4f4f4 }
.blog_content a.read_more:hover:after { opacity: 1; margin-left: 5px }
.blog_listing.tags a:hover { background: #303030; color: #fff }
.blog_content h5 a:hover { color: #36adea }
.blog_listing ul li a:hover { color: #36adea }
.news_box figure > a:hover:before { height: 100% }
.news_box h4 a:hover, .news_box .h4 a:hover { color: #36adea }
.news_box figure > a:hover .fa { transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); bottom: 50%; }
.service_box a:hover .service_hvr:before { background: rgba(54,173,234,0.9); background: -moz-linear-gradient(top, rgba(54,173,234,0.9) 0%, rgba(96,96,96,0.9) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,173,234,0.9)), color-stop(100%, rgba(96,96,96,0.9))); background: -webkit-linear-gradient(top, rgba(54,173,234,0.9) 0%, rgba(96,96,96,0.9) 100%); background: -o-linear-gradient(top, rgba(54,173,234,0.9) 0%, rgba(96,96,96,0.9) 100%); background: -ms-linear-gradient(top, rgba(54,173,234,0.9) 0%, rgba(96,96,96,0.9) 100%); background: linear-gradient(to bottom, rgba(54,173,234,0.9) 0%, rgba(96,96,96,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36adea', endColorstr='#606060', GradientType=0 );
}
.service_box a:hover .service_text { bottom: 50%; opacity: 1; transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); -webkit-transform: translateY(50%); }
.post_content_main .post_title a:hover { color: #e83442 }
.post_date_mian .postdatebox a:hover span { color: #e83442 }
.post_date_mian .postdatebox a:hover span:before { background: #e83442 }
.service_box:hover .service_img_main span.service_icon { transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); }
.service_box:hover .service_content_main { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); }
.service_title > a:hover { color: #e83442 }
.footer-social ul li:hover:before { transform: rotate(-365deg) }
.footer-social ul li:nth-child(even):hover:before { transform: rotate(180deg); }
.header-contact.bottom_cnt ul li.header-call.head_phone { display: none; }
}
 @media screen and (max-width:1279px) {
.hl-clients .owl-nav { text-align: center; margin-top: 30px }
.hl-clients .owl-nav > div { position: relative; top: auto; left: auto !important; right: auto !important; display: inline-block; vertical-align: top; height: 50px; width: 50px; transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -webkit-transform: translate(0); background: #EEE; margin: 0 15px }
.hl-clients .owl-nav > div:before, .hl-clients .owl-nav > div:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); -o-transform: translate(-50%, -50%) scale(0.5); -webkit-transform: translate(-50%, -50%) scale(0.5) }
}
@media screen and (max-width:1199px) {
/*#page_title{padding:90px 0}*/
.hl-work .heading { top: 40px }
.hl-work-slider .item .title { font-size: 120px; bottom: -14px }
.hl-skill figure > a img { width: 80px }
.hl-skill figcaption h4, .hl-skill figcaption .h4 { min-height: 72px; font-size: 16px }
.hl-creations .button { bottom: 15px }
.hl-creations .heading { top: 30px }
.quick_links.offices ul { margin-right: 0 }
.contact_head_office:before { right: 0 }
.contact_enquiry:before { right: 0 }
.product_contact { min-height: 270px }
}
@media screen and (max-width:1024px) {
.site-main > header.sticky { box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.5); -o-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); background: #000; }
.logo { padding: 9px 0 15px; width: 175px; }
.header-contact { margin: 15px 12px 0 12px }
.header-contact ul li+li { margin-left: 15px }
.sticky_button { z-index: 8 }
.hl-creation { display: none }
.hl-creations-img { pointer-events: auto }
/*.container-main{margin-top:74px}*/
.about_team_slider .about_team_img { pointer-events: auto }
.about_team_slider .about_team_img img { pointer-events: none }
.we-do-box figure { border: none; padding: 0 }
.about_team_slider figcaption { padding: 10px 20px; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0) }
.service_img_main span.service_icon { padding: 23px 27px; }
.parallex_section .container .row .col-sm-4 { padding-left: 15px; padding-right: 15px; }
.parallex_box:before { right: -15px; }
.parallex_title { font-size: 18px; }
.service_box_main .service_box { width: 33.333%; }
.service_box_main .service_box:nth-child(2) { width: 66.667%; }
.service_box_main .service_box:nth-child(4) { width: 66.667%; }
.service_box_main .service_box:last-child { width: 33.333%; }
.banner figure img { width: 100% !important; }
.carousel-caption { top: 60%; }
.parallex_title_main { padding: 0 0 20px; }
.parallex_title { min-height: 100%; }
.header-contact ul li.header-call.head_email { display: none; }
.header-contact.bottom_cnt ul li.header-call.head_phone { display: none; }
.inner-page-slide.hl-client { padding: 50px 0; background: #f1f1f1; }
.quick_links ul li a { font-size: 13px; }
.header-contact ul li.header-call.head_email {    display: block;}
.header-social-icons{margin:15px 0 0 0}
.navigation ul.menu > li + li{ margin-left:20px; }
}
@media screen and (max-width:1023px) {
}
@media screen and (max-width:991px) {
.banner.owl-carousel .owl-item img { max-width: 150%; }
.gallery_page .service_box { width: 33.333%; }
#page_title { padding: 150px 0 100px; }
/*.banner figure img{height:500px;max-width:initial}
.banner h2,.banner .h2{line-height:40px;font-size:36px;max-width:300px}
.banner .button{line-height:44px;min-width:144px}*/
.banner .owl-dots { bottom: 15px }
.hl-we-do-box figure > a img { width: 120px }
.hl-work-slider .item .title { font-size: 90px; bottom: -11px }
.hl-work .heading { top: 25px; font-size: 36px }
.hl-skills .col-ar-12 { margin: 10px 0 }
.hl-skills { padding: 70px 0 40px 0 }
.hl-creations .heading { top: 20px; font-size: 36px }
.hl-clients .item { height: 120px }
.footer-map { text-align: center; margin: 30px 0 10px 0 }
.page_title h1, .page_title .h1 { font-size: 35px }
.contact_info { margin-bottom: 0; border: 15px solid #f4f4f4; padding: 20px; }
.contact_head_office h3, .contact_head_office .h3 { margin: 0 0 20px; }
.contact_form { margin-top: 30px; }
.contact_enquiry { margin: 0; }
.contact_head_office:before { font-size: 150px; }
.contact_enquiry:before { font-size: 80px; }
.contact_head_office:before { font-size: 90px; }
.contact_head_office p { font-size: 15px; }
.contact_map iframe { height: 455px }
.about_locations .col-ar-12:nth-child(2n+1) { clear: both }
.about_location { margin-bottom: 30px }
.about_page { padding: 45px 0 30px 0 }
.product_details_content h2, .product_details_content .h2 { font-size: 26px; line-height: 34px }
.product_contact { min-height: 250px; margin-top: 30px }
.service_example .index { font-size: 80px; width: 55px }
.service_example { padding: 0 70px 0 15px }
.service_git_box { right: 70px; border-width: 25px }
.news_box { width: 50% }
.armodal img { max-width: 300px }
.banner_title { font-size: 47px; }
.parallex_section1 { padding: 40px 0; }
.parallex_section1 h2 { display: block; text-align: center; }
.parallex_section1 .group-btn { float: none; text-align: center; }
.parallex_section1 .group-btn a { margin: 0 5px 5px; }
.parallex_section1 h2 { font-size: 22px; }
.testimonial-text p { line-height: 26px; }
.testimonial_section { padding: 30px 0 20px; }
.testimonial-name { padding: 20px 0 0 0; }
#testimonial_slider .item { padding: 50px 0 30px; }
.readmore_dot { margin-top: 0; }
.parallex_box { min-height: 100%; position: relative; padding: 40px 10px 0; }
#testimonial_slider .owl-item { padding: 20px 0 50px; position: relative; }
.header-contact ul li a { line-height: 38px; }
h2, .h2 { font-size: 30px; }
.quick_links ul li a { font-size: 12px; }
.contact_page .input-box.submit-box { float: right; width: 50%; margin: 15px 0 0 0; }
.contact_page .input-box.captcha-box { margin: 0 0 28px 0; width: 50%; float: left; }
h1, .h1 { font-size: 30px; }
#onloadpopup .modal-dialog{    width: 100%;padding: 20px;}
.header-social-icons{margin: 15px 0 0 5px;}
.header-social-icons ul li a { background: #36adea; min-width: 44px; width: 44px; height: 44px; }
.req-cal {   padding: 30px 0;}
.req-cal h2{font-size:26px}
}
 @media screen and (min-width:768px) {
/*.site-main.loaded{min-height:100vh;position:relative;padding-bottom:0 !important}*/
/*.site-main.loaded > footer{position:absolute;bottom:0;right:0;left:0}*/
}
@media screen and (max-width:767px) {
.bread_crumb { display: none }
.banner figcaption { display: none }
.scroll_top .top-text { display: none }
.carousel-caption { display: none }
.banner.owl-theme .owl-controls { display: none; }
.banner.owl-carousel .owl-item img { max-width: 180%; }
.scroll_top { line-height: 42px; height: 40px; width: 40px; bottom: 20px; border: 2px solid #fff; }
.scroll_top .fa-angle-up { margin: 0; font-size: 24px !important }
.inner_page { padding: 40px 0 }
.sidebar .title .icon { display: block }
.readmore_dot { margin-top: 0; }
.testimonial-text { padding: 0; font-size: 16px; }
#testimonial_slider.owl-theme .owl-controls { display: none; }
.footer-social { margin: 0 auto 10px; }
/*.button{line-height:60px;font-size:16px;min-width:200px}
.button:before{top:8px;left:8px;bottom:8px;right:8px} */
h1, .h1 { font-size: 30px }
h2, .h2 { font-size: 24px }
h3, .h3 { font-size: 20px }
h4, .h4 { font-size: 18px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }
.heading { font-size: 24px; }
.sidebar { margin-top: 30px }
.contact_page .contact_us_icon span.fa, .contact_page .contact_us_icon.abn span { height: 50px; width: 50px; margin: 0 10px 0 0; font-size: 22px }
.contact_page .contact_us_icon.abn span { font-size: 14px }
.contact_page .map { margin-top: 30px }
.contact_page .map iframe { height: 290px }
.page_title h1, .page_title .h1 { font-size: 30px }
/*#page_title{padding:55px 0}*/
.testimonial-list .testimonial-content p { line-height: 26px; font-size: 15px }
.testimonials-client { font-size: 13px }
.blog_listing span { display: block; width: 100%; position: absolute; top: 0px; left: 0px; height: 47px }
.blog_listing span:after { content: "\f067"; font: normal normal normal 18px/1 FontAwesome; color: #fff; position: absolute; right: 15px; top: 15px }
.blog_listing.in span:after { content: "\f068" }
.blog_listing { position: relative; margin-top: 30px }
.blog_listing ul { display: none }
.tags-box { display: none }
.blog_listing h5 { font-size: 16px }
.sticky_button { display: none }
.banner .owl-dot { height: 10px; width: 40px; border-width: 2px }
/*.banner figure img{height:370px}*/
.header-contact ul li .text { display: none }
.header-contact ul li.header-call a { min-width: 44px; width: 44px; height: 44px }
.header-contact ul li.header-call a:before { background: #303030 }
.header-contact ul li.header-call .icon { position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 20px }
.banner .owl-dot+.owl-dot { margin-left: 10px }
.hl-we-do-box figcaption { margin-top: 40px }
.hl-we-do-box { margin: 10px 0 30px 0; border: 1px solid #EEE; padding: 30px 0 }
.hl-we-do { padding: 40px 0 10px 0 }
.hl-we-do-box figcaption .title span { font-size: 12px; line-height: 16px }
.hl-we-do-box figcaption .title { min-width: 120px; font-size: 14px }
.hl-we-do-box figure > a img { width: 90px }
.heading { font-size: 34px; margin: 0 0 25px 0 }
.hl-work .owl-nav > div:before, .hl-work .owl-nav > div:after { transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); -webkit-transform: scale(0.75); transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; -webkit-transform-origin: left center }
.hl-work .owl-nav > .owl-next:before, .hl-work .owl-nav > .owl-next:after { transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; -webkit-transform-origin: right center }
.hl-work-slider .item .title { font-size: 60px; bottom: -7px }
.hl-work .heading { font-size: 34px; color: #303030; position: static; margin: 0 0 15px 0 }
.hl-skills { padding: 40px 0 40px 0 }
/*.hl-skills .col-ar-12{margin:0}*/
.hl-creations .heading { position: static; margin: 0 0 15px 0 }
.hl-creations .button { margin: 15px 0 30px 0; bottom: auto; left: auto; position: relative; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0) }
.hl-news .heading { margin-bottom: 25px }
.hl-news { padding: 35px 0 40px 0 }
.hl-clients { padding: 40px 0 }
.footer-social { text-align: center; width: 100% }
.signature { width: 100%; text-align: center }
.footer-social ul { display: inline-block; vertical-align: top; margin: 0 0 10px 0 }
.footer-top { padding: 20px 0 15px 0 }
.mobile-accordion { margin-bottom: 20px }
.mobile-accordion .title { margin: 0; padding: 15px 35px 15px 15px; background: #36adea; color: #fff; text-align: center; position: relative; margin: 0 !important; text-align: left; font-size: 20px }
.mobile-accordion .title span { position: absolute; right: 10px; font-weight: 300; font-size: 18px; width: 100%; height: 100%; left: 0; top: 0 }
.mobile-accordion .title span:after { content: "\f067"; font-family: "FontAwesome"; position: absolute; right: 15px; top: 16px }
.mobile-accordion.in .title span:after { content: "\f068" }
.mobile-accordion > ul, .mobile-accordion-toggle { border: 1px solid #36adea; padding: 15px; display: none; margin: 0 }
.mobile-accordion .title:after { display: none }
.mobile-accordion .title { line-height: 18px }
.mobile-accordion.mobile-toggle { margin-top: 0 }
.contact_info { border-width: 20px; padding: 20px 15px }
.contact_enquiry:before { font-size: 100px; top: -27px }
.contact_enquiry { padding: 0; margin-top: 30px }
.contact_head_office:before { font-size: 100px }
.contact_map iframe { height: 290px }
.about_page { padding: 40px 0 10px 0 }
.about_team { margin: 10px 0 40px 0 }
.our_creations_page { padding: 15px 0 40px 0 }
.our_creations_page .my_pagination { margin: 20px 0 0 0 }
.my_pagination .pagination li { margin-top: 10px }
.my_pagination .pagination li:nth-child(2) { margin-left: 25px }
.my_pagination .pagination li:last-child { margin-left: 25px }
.my_pagination .pagination li a { height: 40px; line-height: 40px; width: 50px; font-size: 14px }
.product { margin: 25px 0 0 0 }
.product_details_content { margin-top: 30px }
.product_details_content h2, .product_details_content .h2 { font-size: 22px; line-height: 30px; margin-top: 0 }
.product_details_content h2:after, .product_details_content .h2:after { margin-top: 12px }
.product_contact { border-width: 20px; padding: 20px 15px; min-height: initial }
.product_contact h3, .product_contact .h3 { margin: 0 0 15px 0 }
.product_social ul li { font-size: 24px }
.product_social ul { margin: 25px 0 0 0 }
.product_social ul li+li { margin-left: 15px }
.thumbnail_slider .item a:before { border-width: 3px }
.thumbnail_slider .item { padding: 10px }
.product_details_thumbs { margin: 20px 0 0 0 }
.product_details_img { pointer-events: none }
.we-do-box { margin: 10px 0 30px 0; border: 1px solid #EEE; padding: 30px 0 }
.we-do-box figcaption { margin-top: 30px }
.we-do-box figcaption .title span { font-size: 12px; line-height: 16px }
.we-do-box figcaption .title { min-width: 120px; font-size: 14px }
.service_details_img { display: none }
.view_service_examples { margin-top: 10px }
.service_example { margin-bottom: 30px }
.service_example:last-child { width: 100%; padding-right: 15px; margin-bottom: 0 }
.service_git { position: static; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0) }
.service_git_box { position: static; border-width: 20px; padding: 40px 0 }
.service_git h3, .service_git .h3 { margin: 0 0 25px 0 }
.news_page { padding: 40px 0 0 0 }
.news_box { margin: 0 0 40px 0 }
.news_page .my_pagination { margin: 0 0 40px 0 }
.armodal img { max-width: 100%; float: none; margin: 0 0 30px 0 }
.armodal { padding: 20px 15px 30px 15px }
.service_img_main span.service_icon { padding: 23px 15px; min-height: inherit; }
.parallex_box { min-height: inherit; padding: 20px 10px; }
.parallex_text p { line-height: 25px; }
.parallex_icon { height: 110px; }
.parallex_title_main { padding: 0 0 10px 0; }
.parallex_title { min-height: inherit; }
.footer-social ul li+li { margin-left: 8px; }
.footer-social ul li { height: 50px; width: 50px; font-size: 20px; }
.footer-social ul li:before { height: 50px; width: 50px; background-size: cover; }
.footer-social ul li a { line-height: 50px; }
.signature ul li { float: none; }
.signature ul li+li:before { content: ''; }
.testimonial-name span { font-size: 20px; }
.testimonial-text p { font-size: 15px; }
.service_box_main .service_box { width: 50%; }
.service_box_main .service_box:nth-child(2) { width: 100%; display: none; }
.service_box_main .service_box:nth-child(4) { width: 100%; }
.service_box_main .service_box:last-child { width: 50%; }
.home_service_section { padding: 50px 0 30px; }
.home_service_section .readmore_dot { margin: 0 auto; }
.welcome-sec { padding: 40px 0; }
.parallex_section { padding: 20px 0; }
.parallex_box { padding: 20px 5px 0px; }
.req-cal { padding: 40px 0; text-align:center;}
.req-cal .right-button{float:none; margin:15px 0 0 0}
.req-cal .input-box { margin: 15px 0; }
#testimonial_slider .owl-item { padding: 20px 0 0; position: relative; }
.header-contact ul li a { background: #36adea }
.service_box_main1 .col-xs-4 { width: 50%; }
.contact_info { margin-bottom: 20px; }
.quick_links ul li a { font-size: inherit; }
.header-contact ul li.header-call.head_email { display: block; }
.header-contact ul li.header-call.head_phone { display: none; }
.header-contact.bottom_cnt ul li.header-call.head_phone { display: block; }
.mobile-sticky-phone__wrapper { position: fixed; z-index: 100000; bottom: 77px; right: 0; width: 47px; height: 47px; border-top-left-radius: 24px; border-bottom-left-radius: 24px; font-size: 32px; background-color: #fff; color: #fff; box-shadow: 0 0 25px rgba(24,35,76,.75); display: inline-block; }
.mobile-sticky-phone { width: 39px; height: 39px; border-radius: 50%; text-decoration: none; background-color: #f00; color: #fff; }
.mobile-sticky-phone__wrapper, .mobile-sticky-phone { display: flex; justify-content: center; align-content: center; align-items: center; }
.mobile-sticky-phone i { animation: icon-rotate 5s infinite; font-size: 20px; }
@keyframes icon-rotate { 0%, 50%, 100% {
 transform: rotateY(0);
}
 25% {
transform: rotateY(180deg);
}
}
.header-contact.bottom_cnt { text-align: center; display: table; margin: 0 auto; }
span.close_btn{right: 10px;    top: 0;}
.header-social-icons{margin: 15px 0 0 5px;}
.header-social-icons ul li a { background: #36adea; min-width: 44px; width: 44px; height: 44px; }
.header-contact ul li + li{margin:0}
.header-contact { margin: 15px 5px 0 0; }
.header-social-icons ul li {  display: inline-block;    margin: 0;}
.hl_testimonials_carousel p{padding:0 15px; line-height: 26px;}
.hl_testimonials{padding:30px 0}
}
@media screen and (max-width:639px) {
.hl-we-do .col-ar-12 { width: 49%; display: inline-block; vertical-align: top; float: none }
.hl-we-do { text-align: center }
.services_page .col-ar-12 { width: 49%; display: inline-block; vertical-align: top; float: none }
.services_page { text-align: center }
.services_page { padding: 40px 0 10px 0 }
.hl-we-do .col-al-4 { width: 50%; }
.gallery_page .service_box { width: 50%; }
#onloadpopup .modal-body h2{font-size: 20px;}
}
/*@media screen and (min-width:568px) and (max-width:991px)
{
label.require{float: right;width: 40%;text-align: right;}
.input-box.captcha-box{margin:0;float: left}
.contact_page label.require{float:right;width:40%;text-align:right}
}
*/
@media screen and (max-width:567px) {
.blog_content .comment_box > span { display: block }
.blog_content .blog_author { margin: 5px 0 0 0 }
/*.banner figure img{height:300px}
.banner .owl-dots{bottom:25px}*/
.hl-work-slider .item .title { font-size: 50px; bottom: -6px }
.hl-skill figcaption h4, .hl-skill figcaption .h4 { font-size: 14px; min-height: 60px; line-height: 20px }
.signature span { display: block }
.signature span:before { display: none }
.hl-work .owl-nav > div:before, .hl-work .owl-nav > div:after { transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5) }
.banner .owl-dots { bottom: 10px }
.our_creations_page .col-ar-12 { width: 100% }
.service_example { width: 100% }
.news_box figure > a img { width: 100% }
.news_box { width: 100% }
img.alignleft { float: none; margin: 0 auto 20px auto; display: block }
img.alignright { float: none; margin: 0 auto 20px auto; display: block }
.contact_page .input-box.submit-box { float: none; width: 100%; margin: 0 0 0 0; }
.contact_page .input-box.captcha-box { margin: 0 0 28px 0; width: 100%; float: none; }
.logo{width:145px}
}
@media screen and (min-width:480px) and (max-width:991px) {
.hl-skills .col-ar-12:nth-child(4) .hl-skill figure:before { transform: skewY(16.5deg); }
.hl-skills .col-ar-12:nth-child(5) .hl-skill figure:before { transform: skewY(-16.5deg); }
.hl-skills .col-ar-12:nth-child(6) .hl-skill figure:before { transform: skewY(16.5deg); }
.hl-skill figure { margin: 15px 0 0 0; padding: 65px 0 64px 0 }
.hl-skills { padding: 70px 0 60px 0 }
.hl-skills .row:nth-child(2) { margin-top: 30px }
}
@media screen and (max-width:479px) {
.page_title h1, .page_title .h1 { font-size: 30px }
/*#page_title{padding:20px 0 30px 0}*/
.blog .blog_content img { margin: 0 auto 15px auto; display: block; float: none }
.header-contact { margin: 10px 5px 0 0 }
.header-social-icons {    margin: 10px 0 0 5px;}
.navigation-toggle{margin: 10px 0 0 0}
.container-main { margin-top: 65px !important }
.banner figure img { height: auto; max-width: 100% }
.banner .owl-dots { bottom: 10px }
.hl-we-do .col-ar-12 { width: 100% }
.site-main > header { background: rgba(0,0,0,1) }
.hl-work-slider .item .title { font-size: 34px; bottom: -4px }
.hl-skills .col-ar-12 { width: 50%; margin: 10px 0 }
.hl-skill figure { margin: 5px 0 }
.hl-skills .row:nth-child(2) { margin-top: 20px }
.heading { font-size: 24px }
.hl-work .heading { font-size: 30px }
.hl-creations .heading { font-size: 30px }
.about_locations .col-ar-12 { width: 100% }
.services_page .col-ar-12 { width: 100% }
.hl-we-do .col-al-4 { width: 100%; }
#page_title { padding: 50px 0 50px; }
.service_box_main1 .col-xs-4 { width: 100%; }
.page_title h1, .page_title .h1 { font-size: 23px }
.contact_head_office:before { font-size: 80px; }
.contact_enquiry:before { font-size: 70px; }
}
@media screen and (max-width:374px) {
.logo { padding: 15px 0 15px; width: 130px; }
}
@media screen and (max-width:359px) {
.g-recaptcha { overflow: hidden }
.captcha-box iframe { transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; -webkit-transform-origin: left; }
/*.contact_page .contact_us_icon p, .contact_page .contact_us_icon a{font-size:14px}*/
.gallery_page .service_box { width: 100%; }
.logo { padding: 15px 0 15px; width: 80px; }
.header-contact{margin: 5px 5px 0 0;}
.header-social-icons{margin: 5px 0 0 5px;}
.navigation-toggle{margin: 5px 0 0 0;}
.container-main { margin-top: 55px !important;}
}