@import url("header.css");
    @import url("footer.css");
    html  {
    font-family:  sans-serif;
    -ms-text-size-adjust:  100%;
    -webkit-text-size-adjust:  100% }
body  {
    margin:  0 }
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  main,  menu,  nav,  section,  summary  {
    display:  block }
audio,  canvas,  progress,  video  {
    display:  inline-block;
    vertical-align:  baseline }
audio:not([controls])  {
    display:  none;
    height:  0 }
[hidden],  template  {
    display:  none }
a  {
    background-color:  transparent }
a:active,  a:hover  {
    outline:  0 }
abbr[title]  {
    border-bottom:  1px dotted }
b,  strong  {
    font-weight:  700 }
dfn  {
    font-style:  italic }
h1  {
    font-size:  2em;
    margin:  .67em 0 }
mark  {
    background:  #ff0;
    color:  #000 }
small  {
    font-size:  80% }
sub,  sup  {
    font-size:  75%;
    line-height:  0;
    position:  relative;
    vertical-align:  baseline }
sup  {
    top:  -.5em }
sub  {
    bottom:  -.25em }
img  {
    border:  0 }
svg:not(:root)  {
    overflow:  hidden }
figure  {
    margin:  1em 40px }
hr  {
    box-sizing:  content-box;
    height:  0 }
pre  {
    overflow:  auto }
code,  kbd,  pre,  samp  {
    font-family:  monospace,  monospace;
    font-size:  1em }
button,  input,  optgroup,  select,  textarea  {
    color:  inherit;
    font:  inherit;
    margin:  0 }
button  {
    overflow:  visible }
button,  select  {
    text-transform:  none }
button,  html input[type=button],  input[type=reset],  input[type=submit]  {
    -webkit-appearance:  button;
    cursor:  pointer }
button[disabled],  html input[disabled]  {
    cursor:  default }
button::-moz-focus-inner,  input::-moz-focus-inner  {
    border:  0;
    padding:  0 }
input  {
    line-height:  normal }
input[type=checkbox],  input[type=radio]  {
    box-sizing:  border-box;
    padding:  0 }
input[type=number]::-webkit-inner-spin-button,  input[type=number]::-webkit-outer-spin-button  {
    height:  auto }
input[type=search]  {
    -webkit-appearance:  textfield;
    box-sizing:  content-box }
input[type=search]::-webkit-search-cancel-button,  input[type=search]::-webkit-search-decoration  {
    -webkit-appearance:  none }
fieldset  {
    border:  1px solid silver;
    margin:  0 2px;
    padding:  .35em .625em .75em }
legend  {
    border:  0;
    padding:  0 }
textarea  {
    overflow:  auto }
optgroup  {
    font-weight:  700 }
table  {
    border-collapse:  collapse;
    border-spacing:  0 }
td,  th  {
    padding:  0 }
.short-heading  {
    display:  inline;
    font-size:  inherit;
    font-weight:  normal !important;
}
.wfl-para  {
    color:  #fff;
    margin:  1.25em 0 11px;
    font-size:  1.125em;
    line-height:  1.5625em;
}
@media print  {
    *,  :  after,  :before  {
    background:  0 0 !important;
    color:  #000 !important;
    box-shadow:  none !important;
    text-shadow:  none !important }
a,  a:visited  {
    text-decoration:  underline }
a[href]:after  {
    content:  " (" attr(href) ")" }
abbr[title]:after  {
    content:  " (" attr(title) ")" }
a[href^="#"]:after,  a[href^="javascript:"]:after  {
    content:  "" }
blockquote,  pre  {
    border:  1px solid #999;
    page-break-inside:  avoid }
thead  {
    display:  table-header-group }
img,  tr  {
    page-break-inside:  avoid }
img  {
    max-width:  100% !important }
h2,  h3,  p  {
    orphans:  3;
    widows:  3 }
h2,  h3  {
    page-break-after:  avoid }
.navbar  {
    display:  none }
.btn>.caret,  .dropup>.btn>.caret  {
    border-top-color:  #000 !important }
.label  {
    border:  1px solid #000 }
.table  {
    border-collapse:  collapse !important }
.table td,  .table th  {
    background-color:  #fff !important }
.table-bordered td,  .table-bordered th  {
    border:  1px solid #ddd !important }
}@font-face  {
    font-family:  'Glyphicons Halflings';
    src:  url(../fonts/bootstrap/glyphicons-halflings-regular.eot);
    src:  url(../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),  url(../fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"),  url(../fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"),  url(../fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"),  url(../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg") }
.glyphicon  {
    position:  relative;
    top:  1px;
    display:  inline-block;
    font-family:  'Glyphicons Halflings';
    font-style:  normal;
    font-weight:  400;
    line-height:  1;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale }
.glyphicon-asterisk:before  {
    content:  "\002a" }
.glyphicon-plus:before  {
    content:  "\002b" }
.glyphicon-eur:before,  .glyphicon-euro:before  {
    content:  "\20ac" }
.glyphicon-minus:before  {
    content:  "\2212" }
.glyphicon-cloud:before  {
    content:  "\2601" }
.glyphicon-envelope:before  {
    content:  "\2709" }
.glyphicon-pencil:before  {
    content:  "\270f" }
.glyphicon-glass:before  {
    content:  "\e001" }
.glyphicon-music:before  {
    content:  "\e002" }
.glyphicon-search:before  {
    content:  "\e003" }
.glyphicon-heart:before  {
    content:  "\e005" }
.glyphicon-star:before  {
    content:  "\e006" }
.glyphicon-star-empty:before  {
    content:  "\e007" }
.glyphicon-user:before  {
    content:  "\e008" }
.glyphicon-film:before  {
    content:  "\e009" }
.glyphicon-th-large:before  {
    content:  "\e010" }
.glyphicon-th:before  {
    content:  "\e011" }
.glyphicon-th-list:before  {
    content:  "\e012" }
.glyphicon-ok:before  {
    content:  "\e013" }
.glyphicon-remove:before  {
    content:  "\e014" }
.glyphicon-zoom-in:before  {
    content:  "\e015" }
.glyphicon-zoom-out:before  {
    content:  "\e016" }
.glyphicon-off:before  {
    content:  "\e017" }
.glyphicon-signal:before  {
    content:  "\e018" }
.glyphicon-cog:before  {
    content:  "\e019" }
.glyphicon-trash:before  {
    content:  "\e020" }
.glyphicon-home:before  {
    content:  "\e021" }
.glyphicon-file:before  {
    content:  "\e022" }
.glyphicon-time:before  {
    content:  "\e023" }
.glyphicon-road:before  {
    content:  "\e024" }
.glyphicon-download-alt:before  {
    content:  "\e025" }
.glyphicon-download:before  {
    content:  "\e026" }
.glyphicon-upload:before  {
    content:  "\e027" }
.glyphicon-inbox:before  {
    content:  "\e028" }
.glyphicon-play-circle:before  {
    content:  "\e029" }
.glyphicon-repeat:before  {
    content:  "\e030" }
.glyphicon-refresh:before  {
    content:  "\e031" }
.glyphicon-list-alt:before  {
    content:  "\e032" }
.glyphicon-lock:before  {
    content:  "\e033" }
.glyphicon-flag:before  {
    content:  "\e034" }
.glyphicon-headphones:before  {
    content:  "\e035" }
.glyphicon-volume-off:before  {
    content:  "\e036" }
.glyphicon-volume-down:before  {
    content:  "\e037" }
.glyphicon-volume-up:before  {
    content:  "\e038" }
.glyphicon-qrcode:before  {
    content:  "\e039" }
.glyphicon-barcode:before  {
    content:  "\e040" }
.glyphicon-tag:before  {
    content:  "\e041" }
.glyphicon-tags:before  {
    content:  "\e042" }
.glyphicon-book:before  {
    content:  "\e043" }
.glyphicon-bookmark:before  {
    content:  "\e044" }
.glyphicon-print:before  {
    content:  "\e045" }
.glyphicon-camera:before  {
    content:  "\e046" }
.glyphicon-font:before  {
    content:  "\e047" }
.glyphicon-bold:before  {
    content:  "\e048" }
.glyphicon-italic:before  {
    content:  "\e049" }
.glyphicon-text-height:before  {
    content:  "\e050" }
.glyphicon-text-width:before  {
    content:  "\e051" }
.glyphicon-align-left:before  {
    content:  "\e052" }
.glyphicon-align-center:before  {
    content:  "\e053" }
.glyphicon-align-right:before  {
    content:  "\e054" }
.glyphicon-align-justify:before  {
    content:  "\e055" }
.glyphicon-list:before  {
    content:  "\e056" }
.glyphicon-indent-left:before  {
    content:  "\e057" }
.glyphicon-indent-right:before  {
    content:  "\e058" }
.glyphicon-facetime-video:before  {
    content:  "\e059" }
.glyphicon-picture:before  {
    content:  "\e060" }
.glyphicon-map-marker:before  {
    content:  "\e062" }
.glyphicon-adjust:before  {
    content:  "\e063" }
.glyphicon-tint:before  {
    content:  "\e064" }
.glyphicon-edit:before  {
    content:  "\e065" }
.glyphicon-share:before  {
    content:  "\e066" }
.glyphicon-check:before  {
    content:  "\e067" }
.glyphicon-move:before  {
    content:  "\e068" }
.glyphicon-step-backward:before  {
    content:  "\e069" }
.glyphicon-fast-backward:before  {
    content:  "\e070" }
.glyphicon-backward:before  {
    content:  "\e071" }
.glyphicon-play:before  {
    content:  "\e072" }
.glyphicon-pause:before  {
    content:  "\e073" }
.glyphicon-stop:before  {
    content:  "\e074" }
.glyphicon-forward:before  {
    content:  "\e075" }
.glyphicon-fast-forward:before  {
    content:  "\e076" }
.glyphicon-step-forward:before  {
    content:  "\e077" }
.glyphicon-eject:before  {
    content:  "\e078" }
.glyphicon-chevron-left:before  {
    content:  "\e079" }
.glyphicon-chevron-right:before  {
    content:  "\e080" }
.glyphicon-plus-sign:before  {
    content:  "\e081" }
.glyphicon-minus-sign:before  {
    content:  "\e082" }
.glyphicon-remove-sign:before  {
    content:  "\e083" }
.glyphicon-ok-sign:before  {
    content:  "\e084" }
.glyphicon-question-sign:before  {
    content:  "\e085" }
.glyphicon-info-sign:before  {
    content:  "\e086" }
.glyphicon-screenshot:before  {
    content:  "\e087" }
.glyphicon-remove-circle:before  {
    content:  "\e088" }
.glyphicon-ok-circle:before  {
    content:  "\e089" }
.glyphicon-ban-circle:before  {
    content:  "\e090" }
.glyphicon-arrow-left:before  {
    content:  "\e091" }
.glyphicon-arrow-right:before  {
    content:  "\e092" }
.glyphicon-arrow-up:before  {
    content:  "\e093" }
.glyphicon-arrow-down:before  {
    content:  "\e094" }
.glyphicon-share-alt:before  {
    content:  "\e095" }
.glyphicon-resize-full:before  {
    content:  "\e096" }
.glyphicon-resize-small:before  {
    content:  "\e097" }
.glyphicon-exclamation-sign:before  {
    content:  "\e101" }
.glyphicon-gift:before  {
    content:  "\e102" }
.glyphicon-leaf:before  {
    content:  "\e103" }
.glyphicon-fire:before  {
    content:  "\e104" }
.glyphicon-eye-open:before  {
    content:  "\e105" }
.glyphicon-eye-close:before  {
    content:  "\e106" }
.glyphicon-warning-sign:before  {
    content:  "\e107" }
.glyphicon-plane:before  {
    content:  "\e108" }
.glyphicon-calendar:before  {
    content:  "\e109" }
.glyphicon-random:before  {
    content:  "\e110" }
.glyphicon-comment:before  {
    content:  "\e111" }
.glyphicon-magnet:before  {
    content:  "\e112" }
.glyphicon-chevron-up:before  {
    content:  "\e113" }
.glyphicon-chevron-down:before  {
    content:  "\e114" }
.glyphicon-retweet:before  {
    content:  "\e115" }
.glyphicon-shopping-cart:before  {
    content:  "\e116" }
.glyphicon-folder-close:before  {
    content:  "\e117" }
.glyphicon-folder-open:before  {
    content:  "\e118" }
.glyphicon-resize-vertical:before  {
    content:  "\e119" }
.glyphicon-resize-horizontal:before  {
    content:  "\e120" }
.glyphicon-hdd:before  {
    content:  "\e121" }
.glyphicon-bullhorn:before  {
    content:  "\e122" }
.glyphicon-bell:before  {
    content:  "\e123" }
.glyphicon-certificate:before  {
    content:  "\e124" }
.glyphicon-thumbs-up:before  {
    content:  "\e125" }
.glyphicon-thumbs-down:before  {
    content:  "\e126" }
.glyphicon-hand-right:before  {
    content:  "\e127" }
.glyphicon-hand-left:before  {
    content:  "\e128" }
.glyphicon-hand-up:before  {
    content:  "\e129" }
.glyphicon-hand-down:before  {
    content:  "\e130" }
.glyphicon-circle-arrow-right:before  {
    content:  "\e131" }
.glyphicon-circle-arrow-left:before  {
    content:  "\e132" }
.glyphicon-circle-arrow-up:before  {
    content:  "\e133" }
.glyphicon-circle-arrow-down:before  {
    content:  "\e134" }
.glyphicon-globe:before  {
    content:  "\e135" }
.glyphicon-wrench:before  {
    content:  "\e136" }
.glyphicon-tasks:before  {
    content:  "\e137" }
.glyphicon-filter:before  {
    content:  "\e138" }
.glyphicon-briefcase:before  {
    content:  "\e139" }
.glyphicon-fullscreen:before  {
    content:  "\e140" }
.glyphicon-dashboard:before  {
    content:  "\e141" }
.glyphicon-paperclip:before  {
    content:  "\e142" }
.glyphicon-heart-empty:before  {
    content:  "\e143" }
.glyphicon-link:before  {
    content:  "\e144" }
.glyphicon-phone:before  {
    content:  "\e145" }
.glyphicon-pushpin:before  {
    content:  "\e146" }
.glyphicon-usd:before  {
    content:  "\e148" }
.glyphicon-gbp:before  {
    content:  "\e149" }
.glyphicon-sort:before  {
    content:  "\e150" }
.glyphicon-sort-by-alphabet:before  {
    content:  "\e151" }
.glyphicon-sort-by-alphabet-alt:before  {
    content:  "\e152" }
.glyphicon-sort-by-order:before  {
    content:  "\e153" }
.glyphicon-sort-by-order-alt:before  {
    content:  "\e154" }
.glyphicon-sort-by-attributes:before  {
    content:  "\e155" }
.glyphicon-sort-by-attributes-alt:before  {
    content:  "\e156" }
.glyphicon-unchecked:before  {
    content:  "\e157" }
.glyphicon-expand:before  {
    content:  "\e158" }
.glyphicon-collapse-down:before  {
    content:  "\e159" }
.glyphicon-collapse-up:before  {
    content:  "\e160" }
.glyphicon-log-in:before  {
    content:  "\e161" }
.glyphicon-flash:before  {
    content:  "\e162" }
.glyphicon-log-out:before  {
    content:  "\e163" }
.glyphicon-new-window:before  {
    content:  "\e164" }
.glyphicon-record:before  {
    content:  "\e165" }
.glyphicon-save:before  {
    content:  "\e166" }
.glyphicon-open:before  {
    content:  "\e167" }
.glyphicon-saved:before  {
    content:  "\e168" }
.glyphicon-import:before  {
    content:  "\e169" }
.glyphicon-export:before  {
    content:  "\e170" }
.glyphicon-send:before  {
    content:  "\e171" }
.glyphicon-floppy-disk:before  {
    content:  "\e172" }
.glyphicon-floppy-saved:before  {
    content:  "\e173" }
.glyphicon-floppy-remove:before  {
    content:  "\e174" }
.glyphicon-floppy-save:before  {
    content:  "\e175" }
.glyphicon-floppy-open:before  {
    content:  "\e176" }
.glyphicon-credit-card:before  {
    content:  "\e177" }
.glyphicon-transfer:before  {
    content:  "\e178" }
.glyphicon-cutlery:before  {
    content:  "\e179" }
.glyphicon-header:before  {
    content:  "\e180" }
.glyphicon-compressed:before  {
    content:  "\e181" }
.glyphicon-earphone:before  {
    content:  "\e182" }
.glyphicon-phone-alt:before  {
    content:  "\e183" }
.glyphicon-tower:before  {
    content:  "\e184" }
.glyphicon-stats:before  {
    content:  "\e185" }
.glyphicon-sd-video:before  {
    content:  "\e186" }
.glyphicon-hd-video:before  {
    content:  "\e187" }
.glyphicon-subtitles:before  {
    content:  "\e188" }
.glyphicon-sound-stereo:before  {
    content:  "\e189" }
.glyphicon-sound-dolby:before  {
    content:  "\e190" }
.glyphicon-sound-5-1:before  {
    content:  "\e191" }
.glyphicon-sound-6-1:before  {
    content:  "\e192" }
.glyphicon-sound-7-1:before  {
    content:  "\e193" }
.glyphicon-copyright-mark:before  {
    content:  "\e194" }
.glyphicon-registration-mark:before  {
    content:  "\e195" }
.glyphicon-cloud-download:before  {
    content:  "\e197" }
.glyphicon-cloud-upload:before  {
    content:  "\e198" }
.glyphicon-tree-conifer:before  {
    content:  "\e199" }
.glyphicon-tree-deciduous:before  {
    content:  "\e200" }
.glyphicon-cd:before  {
    content:  "\e201" }
.glyphicon-save-file:before  {
    content:  "\e202" }
.glyphicon-open-file:before  {
    content:  "\e203" }
.glyphicon-level-up:before  {
    content:  "\e204" }
.glyphicon-copy:before  {
    content:  "\e205" }
.glyphicon-paste:before  {
    content:  "\e206" }
.glyphicon-alert:before  {
    content:  "\e209" }
.glyphicon-equalizer:before  {
    content:  "\e210" }
.glyphicon-king:before  {
    content:  "\e211" }
.glyphicon-queen:before  {
    content:  "\e212" }
.glyphicon-pawn:before  {
    content:  "\e213" }
.glyphicon-bishop:before  {
    content:  "\e214" }
.glyphicon-knight:before  {
    content:  "\e215" }
.glyphicon-baby-formula:before  {
    content:  "\e216" }
.glyphicon-tent:before  {
    content:  "\26fa" }
.glyphicon-blackboard:before  {
    content:  "\e218" }
.glyphicon-bed:before  {
    content:  "\e219" }
.glyphicon-apple:before  {
    content:  "\f8ff" }
.glyphicon-erase:before  {
    content:  "\e221" }
.glyphicon-hourglass:before  {
    content:  "\231b" }
.glyphicon-lamp:before  {
    content:  "\e223" }
.glyphicon-duplicate:before  {
    content:  "\e224" }
.glyphicon-piggy-bank:before  {
    content:  "\e225" }
.glyphicon-scissors:before  {
    content:  "\e226" }
.glyphicon-bitcoin:before  {
    content:  "\e227" }
.glyphicon-btc:before  {
    content:  "\e227" }
.glyphicon-xbt:before  {
    content:  "\e227" }
.glyphicon-yen:before  {
    content:  "\00a5" }
.glyphicon-jpy:before  {
    content:  "\00a5" }
.glyphicon-ruble:before  {
    content:  "\20bd" }
.glyphicon-rub:before  {
    content:  "\20bd" }
.glyphicon-scale:before  {
    content:  "\e230" }
.glyphicon-ice-lolly:before  {
    content:  "\e231" }
.glyphicon-ice-lolly-tasted:before  {
    content:  "\e232" }
.glyphicon-education:before  {
    content:  "\e233" }
.glyphicon-option-horizontal:before  {
    content:  "\e234" }
.glyphicon-option-vertical:before  {
    content:  "\e235" }
.glyphicon-menu-hamburger:before  {
    content:  "\e236" }
.glyphicon-modal-window:before  {
    content:  "\e237" }
.glyphicon-oil:before  {
    content:  "\e238" }
.glyphicon-grain:before  {
    content:  "\e239" }
.glyphicon-sunglasses:before  {
    content:  "\e240" }
.glyphicon-text-size:before  {
    content:  "\e241" }
.glyphicon-text-color:before  {
    content:  "\e242" }
.glyphicon-text-background:before  {
    content:  "\e243" }
.glyphicon-object-align-top:before  {
    content:  "\e244" }
.glyphicon-object-align-bottom:before  {
    content:  "\e245" }
.glyphicon-object-align-horizontal:before  {
    content:  "\e246" }
.glyphicon-object-align-left:before  {
    content:  "\e247" }
.glyphicon-object-align-vertical:before  {
    content:  "\e248" }
.glyphicon-object-align-right:before  {
    content:  "\e249" }
.glyphicon-triangle-right:before  {
    content:  "\e250" }
.glyphicon-triangle-left:before  {
    content:  "\e251" }
.glyphicon-triangle-bottom:before  {
    content:  "\e252" }
.glyphicon-triangle-top:before  {
    content:  "\e253" }
.glyphicon-console:before  {
    content:  "\e254" }
.glyphicon-superscript:before  {
    content:  "\e255" }
.glyphicon-subscript:before  {
    content:  "\e256" }
.glyphicon-menu-left:before  {
    content:  "\e257" }
.glyphicon-menu-right:before  {
    content:  "\e258" }
.glyphicon-menu-down:before  {
    content:  "\e259" }
.glyphicon-menu-up:before  {
    content:  "\e260" }
*  {
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box }
:after,  :before  {
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box }
html  {
    -webkit-tap-highlight-color:  transparent }
body  {
    font-family:  Montserrat,  sans-serif;
    font-size:  1em;
    line-height:  1.42857;
    color:  #333;
    background-color:  #fff }
a  {
    text-decoration:  none !important;
    outline:  0 !important }
button,  input,  select,  textarea  {
    font-family:  inherit;
    font-size:  inherit;
    line-height:  inherit }
a  {
    color:  #14918a;
    text-decoration:  none }
a:focus  {
    outline:  5px auto -webkit-focus-ring-color;
    outline-offset:  -2px }
figure  {
    margin:  0 }
img  {
    vertical-align:  middle }
.pt-1  {
    padding-top:  1em }
.pt-2  {
    padding-top:  2em;
}
.pt-3  {
    padding-top:  3em }
.pt-4  {
    padding-top:  4em }
.pt-5  {
    padding-top:  5em }
.pt-6  {
    padding-top:  6em }
.pt-7  {
    padding-top:  7em }
.pt-8  {
    padding-top:  8em }
.pt-9  {
    padding-top:  9em }
.pt-10  {
    padding-top:  10em }
.pb-1  {
    padding-bottom:  1em }
.pb-2  {
    padding-bottom:  2em }
.pb-3  {
    padding-bottom:  3em }
.pb-4  {
    padding-bottom:  4em }
.pb-5  {
    padding-bottom:  5em }
.pb-6  {
    padding-bottom:  6em }
.pb-7  {
    padding-bottom:  7em }
.pb-8  {
    padding-bottom:  8em }
.pb-9  {
    padding-bottom:  9em }
.pb-10  {
    padding-bottom:  10em }
.pl-1  {
    padding-left:  1em }
.pl-2  {
    padding-left:  2em }
.pl-3  {
    padding-left:  3em }
.pl-4  {
    padding-left:  4em }
.pl-5  {
    padding-left:  5em;
}
.pl-6  {
    padding-left:  6em }
.pl-7  {
    padding-left:  7em }
.pl-8  {
    padding-left:  8em }
.pl-9  {
    padding-left:  9em }
.pl-10  {
    padding-left:  10em }
.pl-11  {
    padding-left:  10em }
.pl-12  {
    padding-left:  10em }
.pr-1  {
    padding-right:  1em }
.pr-2  {
    padding-right:  2em;
}
.pr-3  {
    padding-right:  3em }
.pr-4  {
    padding-right:  4em }
.pr-5  {
    padding-right:  5em }
.pr-6  {
    padding-right:  6em }
.pr-7  {
    padding-right:  7em }
.pr-8  {
    padding-right:  8em }
.pr-9  {
    padding-right:  9em }
.pr-10  {
    padding-right:  10em }
.mt-1  {
    margin-top:  1em }
.mt-2  {
    margin-top:  2em }
.mt-3  {
    margin-top:  3em }
.mt-4  {
    margin-top:  4em }
.mt-5  {
    margin-top:  5em }
.mt-6  {
    margin-top:  6em }
.mt-7  {
    margin-top:  7em }
.mt-8  {
    margin-top:  8em }
.mt-9  {
    margin-top:  9em }
.mt-10  {
    margin-top:  10em }
.mb-1  {
    margin-bottom:  1em !important;
}
.mb-2  {
    margin-bottom:  2em }
.mb-3  {
    margin-bottom:  3em }
.mb-4  {
    margin-bottom:  4em }
.mb-5  {
    margin-bottom:  5em }
.mb-6  {
    margin-bottom:  6em }
.mb-7  {
    margin-bottom:  7em }
.mb-8  {
    margin-bottom:  8em }
.mb-9  {
    margin-bottom:  9em }
.mb-10  {
    margin-bottom-top:  10em }
.footer-map-s  {
    display:  none;
}
.img-responsive  {
    display:  block;
    max-width:  100%;
    height:  auto }
.img-rounded  {
    border-radius:  6px }
.img-thumbnail  {
    padding:  4px;
    line-height:  1.42857;
    background-color:  #fff;
    border:  1px solid #ddd;
    border-radius:  4px;
    -webkit-transition:  all .2s ease-in-out;
    -o-transition:  all .2s ease-in-out;
    transition:  all .2s ease-in-out;
    display:  inline-block;
    max-width:  100%;
    height:  auto }
.img-circle  {
    border-radius:  50% }
hr  {
    margin-top:  22px;
    margin-bottom:  22px;
    border:  0;
    border-top:  1px solid #eee }
.sr-only  {
    position:  absolute;
    width:  1px;
    height:  1px;
    margin:  -1px;
    padding:  0;
    overflow:  hidden;
    clip:  rect(0,  0,  0,  0);
    border:  0 }
.sr-only-focusable:active,  .sr-only-focusable:focus  {
    position:  static;
    width:  auto;
    height:  auto;
    margin:  0;
    overflow:  visible;
    clip:  auto }
[role=button]  {
    cursor:  pointer }
.h1,  .h2,  .h3,  .h4,  .h5,  .h6,  h1,  h2,  h3,  h4,  h5,  h6  {
    font-family:  inherit;
    font-weight:  500;
    line-height:  1.1;
    color:  inherit }
.h1 .small,  .h1 small,  .h2 .small,  .h2 small,  .h3 .small,  .h3 small,  .h4 .small,  .h4 small,  .h5 .small,  .h5 small,  .h6 .small,  .h6 small,  h1 .small,  h1 small,  h2 .small,  h2 small,  h3 .small,  h3 small,  h4 .small,  h4 small,  h5 .small,  h5 small,  h6 .small,  h6 small  {
    font-weight:  400;
    line-height:  1;
    color:  #777 }
.h1,  .h2,  .h3,  h1,  h2,  h3  {
    margin-top:  22px;
    margin-bottom:  11px }
.h1 .small,  .h1 small,  .h2 .small,  .h2 small,  .h3 .small,  .h3 small,  h1 .small,  h1 small,  h2 .small,  h2 small,  h3 .small,  h3 small  {
    font-size:  65% }
.h4,  .h5,  .h6,  h4,  h5,  h6  {
    margin-top:  11px;
    margin-bottom:  11px }
.h4 .small,  .h4 small,  .h5 .small,  .h5 small,  .h6 .small,  .h6 small,  h4 .small,  h4 small,  h5 .small,  h5 small,  h6 .small,  h6 small  {
    font-size:  75% }
.h1,  h1  {
    font-size:  4em }
.h2,  h2  {
    font-size:  3em }
.h3,  h3  {
    font-size:  1.5em }
.h4,  h4  {
    font-size:  20px }
.h5,  h5  {
    font-size:  16px }
.h6,  h6  {
    font-size:  14px }
p  {
    margin:  0 0 11px;
    font-size:  1.125em;
    line-height:  1.5625em }
.lead  {
    margin-bottom:  22px;
    font-size:  18px;
    font-weight:  300;
    line-height:  1.4 }
@media (min-width:768px)  {
    .lead  {
    font-size:  24px }
/*.head-logo  {*/
/*    width:  22%;*/
/*}*/
}
.small,  small  {
    font-size:  87% }
.mark,  mark  {
    background-color:  #fcf8e3;
    padding:  .2em }
.text-left  {
    text-align:  left }
.text-right  {
    text-align:  right }
.text-center  {
    text-align:  center }
.text-justify  {
    text-align:  justify }
.text-nowrap  {
    white-space:  nowrap }
.text-lowercase  {
    text-transform:  lowercase }
.initialism,  .text-uppercase  {
    text-transform:  uppercase }
.text-capitalize  {
    text-transform:  capitalize }
.text-muted  {
    color:  #777 }
.text-primary  {
    color:  #14918a }
a.text-primary:focus,  a.text-primary:hover  {
    color:  #0e645f }
.text-success  {
    color:  #3c763d }
a.text-success:focus,  a.text-success:hover  {
    color:  #2b542c }
.text-info  {
    color:  #31708f }
a.text-info:focus,  a.text-info:hover  {
    color:  #245269 }
.text-warning  {
    color:  #8a6d3b }
a.text-warning:focus,  a.text-warning:hover  {
    color:  #66512c }
.text-danger  {
    color:  #a94442 }
a.text-danger:focus,  a.text-danger:hover  {
    color:  #843534 }
.bg-primary  {
    color:  #fff }
.bg-primary  {
    background-color:  #14918a }
a.bg-primary:focus,  a.bg-primary:hover  {
    background-color:  #0e645f }
.bg-success  {
    background-color:  #dff0d8 }
a.bg-success:focus,  a.bg-success:hover  {
    background-color:  #c1e2b3 }
.bg-info  {
    background-color:  #d9edf7 }
a.bg-info:focus,  a.bg-info:hover  {
    background-color:  #afd9ee }
.bg-warning  {
    background-color:  #fcf8e3 }
a.bg-warning:focus,  a.bg-warning:hover  {
    background-color:  #f7ecb5 }
.bg-danger  {
    background-color:  #f2dede }
a.bg-danger:focus,  a.bg-danger:hover  {
    background-color:  #e4b9b9 }
.page-header  {
    padding-bottom:  10px;
    margin:  44px 0 22px;
    border-bottom:  1px solid #eee }
ol,  ul  {
    margin-top:  0;
    margin-bottom:  11px }
ol ol,  ol ul,  ul ol,  ul ul  {
    margin-bottom:  0 }
.list-unstyled  {
    padding-left:  0;
    list-style:  none }
.list-inline  {
    padding-left:  0;
    list-style:  none;
    margin-left:  -5px }
.list-inline>li  {
    display:  inline-block;
    padding-left:  5px;
    padding-right:  5px }
dl  {
    margin-top:  0;
    margin-bottom:  22px }
dd,  dt  {
    line-height:  1.42857 }
dt  {
    font-weight:  700 }
dd  {
    margin-left:  0 }
.dl-horizontal dd:after,  .dl-horizontal dd:before  {
    content:  " ";
    display:  table }
.dl-horizontal dd:after  {
    clear:  both }
@media (min-width:768px)  {
    .dl-horizontal dt  {
    float:  left;
    width:  160px;
    clear:  left;
    text-align:  right;
    overflow:  hidden;
    text-overflow:  ellipsis;
    white-space:  nowrap }
.dl-horizontal dd  {
    margin-left:  180px }
}abbr[data-original-title],  abbr[title]  {
    cursor:  help;
    border-bottom:  1px dotted #777 }
.initialism  {
    font-size:  90% }
blockquote  {
    padding:  11px 22px;
    margin:  0 0 22px;
    font-size:  20px;
    border-left:  5px solid #eee }
blockquote ol:last-child,  blockquote p:last-child,  blockquote ul:last-child  {
    margin-bottom:  0 }
blockquote .small,  blockquote footer,  blockquote small  {
    display:  block;
    font-size:  80%;
    line-height:  1.42857;
    color:  #777 }
blockquote .small:before,  blockquote footer:before,  blockquote small:before  {
    content:  '\2014 \00A0' }
.blockquote-reverse,  blockquote.pull-right  {
    padding-right:  15px;
    padding-left:  0;
    border-right:  5px solid #eee;
    border-left:  0;
    text-align:  right }
.blockquote-reverse .small:before,  .blockquote-reverse footer:before,  .blockquote-reverse small:before,  blockquote.pull-right .small:before,  blockquote.pull-right footer:before,  blockquote.pull-right small:before  {
    content:  '' }
.blockquote-reverse .small:after,  .blockquote-reverse footer:after,  .blockquote-reverse small:after,  blockquote.pull-right .small:after,  blockquote.pull-right footer:after,  blockquote.pull-right small:after  {
    content:  '\00A0 \2014' }
address  {
    margin-bottom:  22px;
    font-style:  normal;
    line-height:  1.42857 }
code,  kbd,  pre,  samp  {
    font-family:  Menlo,  Monaco,  Consolas,  "Courier New",  monospace }
code  {
    padding:  2px 4px;
    font-size:  90%;
    color:  #c7254e;
    background-color:  #f9f2f4;
    border-radius:  4px }
kbd  {
    padding:  2px 4px;
    font-size:  90%;
    color:  #fff;
    background-color:  #333;
    border-radius:  3px;
    box-shadow:  inset 0 -1px 0 rgba(0,  0,  0,  .25) }
kbd kbd  {
    padding:  0;
    font-size:  100%;
    font-weight:  700;
    box-shadow:  none }
pre  {
    display:  block;
    padding:  10.5px;
    margin:  0 0 11px;
    font-size:  15px;
    line-height:  1.42857;
    word-break:  break-all;
    word-wrap:  break-word;
    color:  #333;
    background-color:  #f5f5f5;
    border:  1px solid #ccc;
    border-radius:  4px }
pre code  {
    padding:  0;
    font-size:  inherit;
    color:  inherit;
    white-space:  pre-wrap;
    background-color:  transparent;
    border-radius:  0 }
.pre-scrollable  {
    max-height:  340px;
    overflow-y:  scroll }
.container  {
    margin-right:  auto;
    margin-left:  auto;
    padding-left:  15px;
    padding-right:  15px }
.container:after,  .container:before  {
    content:  " ";
    display:  table }
.container:after  {
    clear:  both }
@media (min-width:768px)  {
    .container  {
    width:  750px }
}@media (min-width:992px)  {
    .container  {
    width:  970px }
}@media (min-width:1200px)  {
    .container  {
    width:  1170px }
}.container-fluid  {
    margin-right:  auto;
    margin-left:  auto;
    padding-left:  15px;
    padding-right:  15px }
.container-fluid:after,  .container-fluid:before  {
    content:  " ";
    display:  table }
.container-fluid:after  {
    clear:  both }
.row  {
    margin-left:  -15px;
    margin-right:  -15px }
.row:after,  .row:before  {
    content:  " ";
    display:  table }
.row:after  {
    clear:  both }
.col-lg-1,  .col-lg-10,  .col-lg-11,  .col-lg-12,  .col-lg-2,  .col-lg-3,  .col-lg-4,  .col-lg-5,  .col-lg-6,  .col-lg-7,  .col-lg-8,  .col-lg-9,  .col-md-1,  .col-md-10,  .col-md-11,  .col-md-12,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-sm-1,  .col-sm-10,  .col-sm-11,  .col-sm-12,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-xs-1,  .col-xs-10,  .col-xs-11,  .col-xs-12,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,  .col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9  {
    position:  relative;
    min-height:  1px;
    padding-left:  15px;
    padding-right:  15px }
.col-xs-1,  .col-xs-10,  .col-xs-11,  .col-xs-12,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,  .col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9  {
    float:  left }
.col-xs-1  {
    width:  8.33333% }
.col-xs-2  {
    width:  16.66667% }
.col-xs-3  {
    width:  25% }
.col-xs-4  {
    width:  33.33333% }
.col-xs-5  {
    width:  41.66667% }
.col-xs-6  {
    width:  50% }
.col-xs-7  {
    width:  58.33333% }
.col-xs-8  {
    width:  66.66667% }
.col-xs-9  {
    width:  75% }
.col-xs-10  {
    width:  83.33333% }
.col-xs-11  {
    width:  91.66667% }
.col-xs-12  {
    width:  100% }
.col-xs-pull-0  {
    right:  auto }
.col-xs-pull-1  {
    right:  8.33333% }
.col-xs-pull-2  {
    right:  16.66667% }
.col-xs-pull-3  {
    right:  25% }
.col-xs-pull-4  {
    right:  33.33333% }
.col-xs-pull-5  {
    right:  41.66667% }
.col-xs-pull-6  {
    right:  50% }
.col-xs-pull-7  {
    right:  58.33333% }
.col-xs-pull-8  {
    right:  66.66667% }
.col-xs-pull-9  {
    right:  75% }
.col-xs-pull-10  {
    right:  83.33333% }
.col-xs-pull-11  {
    right:  91.66667% }
.col-xs-pull-12  {
    right:  100% }
.col-xs-push-0  {
    left:  auto }
.col-xs-push-1  {
    left:  8.33333% }
.col-xs-push-2  {
    left:  16.66667% }
.col-xs-push-3  {
    left:  25% }
.col-xs-push-4  {
    left:  33.33333% }
.col-xs-push-5  {
    left:  41.66667% }
.col-xs-push-6  {
    left:  50% }
.col-xs-push-7  {
    left:  58.33333% }
.col-xs-push-8  {
    left:  66.66667% }
.col-xs-push-9  {
    left:  75% }
.col-xs-push-10  {
    left:  83.33333% }
.col-xs-push-11  {
    left:  91.66667% }
.col-xs-push-12  {
    left:  100% }
.col-xs-offset-0  {
    margin-left:  0 }
.col-xs-offset-1  {
    margin-left:  8.33333% }
.col-xs-offset-2  {
    margin-left:  16.66667% }
.col-xs-offset-3  {
    margin-left:  25% }
.col-xs-offset-4  {
    margin-left:  33.33333% }
.col-xs-offset-5  {
    margin-left:  41.66667% }
.col-xs-offset-6  {
    margin-left:  50% }
.col-xs-offset-7  {
    margin-left:  58.33333% }
.col-xs-offset-8  {
    margin-left:  66.66667% }
.col-xs-offset-9  {
    margin-left:  75% }
.col-xs-offset-10  {
    margin-left:  83.33333% }
.col-xs-offset-11  {
    margin-left:  91.66667% }
.col-xs-offset-12  {
    margin-left:  100% }
@media (min-width:768px)  {
    .col-sm-1,  .col-sm-10,  .col-sm-11,  .col-sm-12,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9  {
    float:  left }
.col-sm-1  {
    width:  8.33333% }
.col-sm-2  {
    width:  16.66667% }
.col-sm-3  {
    width:  25% }
.col-sm-4  {
    width:  33.33333% }
.col-sm-5  {
    width:  41.66667% }
.col-sm-6  {
    width:  50% }
.col-sm-7  {
    width:  58.33333% }
.col-sm-8  {
    width:  66.66667% }
.col-sm-9  {
    width:  75% }
.col-sm-10  {
    width:  83.33333% }
.col-sm-11  {
    width:  91.66667% }
.col-sm-12  {
    width:  100% }
.col-sm-pull-0  {
    right:  auto }
.col-sm-pull-1  {
    right:  8.33333% }
.col-sm-pull-2  {
    right:  16.66667% }
.col-sm-pull-3  {
    right:  25% }
.col-sm-pull-4  {
    right:  33.33333% }
.col-sm-pull-5  {
    right:  41.66667% }
.col-sm-pull-6  {
    right:  50% }
.col-sm-pull-7  {
    right:  58.33333% }
.col-sm-pull-8  {
    right:  66.66667% }
.col-sm-pull-9  {
    right:  75% }
.col-sm-pull-10  {
    right:  83.33333% }
.col-sm-pull-11  {
    right:  91.66667% }
.col-sm-pull-12  {
    right:  100% }
.col-sm-push-0  {
    left:  auto }
.col-sm-push-1  {
    left:  8.33333% }
.col-sm-push-2  {
    left:  16.66667% }
.col-sm-push-3  {
    left:  25% }
.col-sm-push-4  {
    left:  33.33333% }
.col-sm-push-5  {
    left:  41.66667% }
.col-sm-push-6  {
    left:  50% }
.col-sm-push-7  {
    left:  58.33333% }
.col-sm-push-8  {
    left:  66.66667% }
.col-sm-push-9  {
    left:  75% }
.col-sm-push-10  {
    left:  83.33333% }
.col-sm-push-11  {
    left:  91.66667% }
.col-sm-push-12  {
    left:  100% }
.col-sm-offset-0  {
    margin-left:  0 }
.col-sm-offset-1  {
    margin-left:  8.33333% }
.col-sm-offset-2  {
    margin-left:  16.66667% }
.col-sm-offset-3  {
    margin-left:  25% }
.col-sm-offset-4  {
    margin-left:  33.33333% }
.col-sm-offset-5  {
    margin-left:  41.66667% }
.col-sm-offset-6  {
    margin-left:  50% }
.col-sm-offset-7  {
    margin-left:  58.33333% }
.col-sm-offset-8  {
    margin-left:  66.66667% }
.col-sm-offset-9  {
    margin-left:  75% }
.col-sm-offset-10  {
    margin-left:  83.33333% }
.col-sm-offset-11  {
    margin-left:  91.66667% }
.col-sm-offset-12  {
    margin-left:  100% }
}@media (min-width:992px)  {
    .col-md-1,  .col-md-10,  .col-md-11,  .col-md-12,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9  {
    float:  left }
.col-md-1  {
    width:  8.33333% }
.col-md-2  {
    width:  16.66667% }
.col-md-3  {
    width:  25% }
.col-md-4  {
    width:  33.33333% }
.col-md-5  {
    width:  41.66667% }
.col-md-6  {
    width:  50% }
.col-md-7  {
    width:  58.33333% }
.col-md-8  {
    width:  66.66667% }
.col-md-9  {
    width:  75% }
.col-md-10  {
    width:  83.33333% }
.col-md-11  {
    width:  91.66667% }
.col-md-12  {
    width:  100% }
.col-md-pull-0  {
    right:  auto }
.col-md-pull-1  {
    right:  8.33333% }
.col-md-pull-2  {
    right:  16.66667% }
.col-md-pull-3  {
    right:  25% }
.col-md-pull-4  {
    right:  33.33333% }
.col-md-pull-5  {
    right:  41.66667% }
.col-md-pull-6  {
    right:  50% }
.col-md-pull-7  {
    right:  58.33333% }
.col-md-pull-8  {
    right:  66.66667% }
.col-md-pull-9  {
    right:  75% }
.col-md-pull-10  {
    right:  83.33333% }
.col-md-pull-11  {
    right:  91.66667% }
.col-md-pull-12  {
    right:  100% }
.col-md-push-0  {
    left:  auto }
.col-md-push-1  {
    left:  8.33333% }
.col-md-push-2  {
    left:  16.66667% }
.col-md-push-3  {
    left:  25% }
.col-md-push-4  {
    left:  33.33333% }
.col-md-push-5  {
    left:  41.66667% }
.col-md-push-6  {
    left:  50% }
.col-md-push-7  {
    left:  58.33333% }
.col-md-push-8  {
    left:  66.66667% }
.col-md-push-9  {
    left:  75% }
.col-md-push-10  {
    left:  83.33333% }
.col-md-push-11  {
    left:  91.66667% }
.col-md-push-12  {
    left:  100% }
.col-md-offset-0  {
    margin-left:  0 }
.col-md-offset-1  {
    margin-left:  8.33333% }
.col-md-offset-2  {
    margin-left:  16.66667% }
.col-md-offset-3  {
    margin-left:  25% }
.col-md-offset-4  {
    margin-left:  33.33333% }
.col-md-offset-5  {
    margin-left:  41.66667% }
.col-md-offset-6  {
    margin-left:  50% }
.col-md-offset-7  {
    margin-left:  58.33333% }
.col-md-offset-8  {
    margin-left:  66.66667% }
.col-md-offset-9  {
    margin-left:  75% }
.col-md-offset-10  {
    margin-left:  83.33333% }
.col-md-offset-11  {
    margin-left:  91.66667% }
.col-md-offset-12  {
    margin-left:  100% }
}@media (min-width:1200px)  {
    .col-lg-1,  .col-lg-10,  .col-lg-11,  .col-lg-12,  .col-lg-2,  .col-lg-3,  .col-lg-4,  .col-lg-5,  .col-lg-6,  .col-lg-7,  .col-lg-8,  .col-lg-9  {
    float:  left }
.col-lg-1  {
    width:  8.33333% }
.col-lg-2  {
    width:  16.66667% }
.col-lg-3  {
    width:  25% }
.col-lg-4  {
    width:  33.33333% }
.col-lg-5  {
    width:  41.66667% }
.col-lg-6  {
    width:  50% }
.col-lg-7  {
    width:  58.33333% }
.col-lg-8  {
    width:  66.66667% }
.col-lg-9  {
    width:  75% }
.col-lg-10  {
    width:  83.33333% }
.col-lg-11  {
    width:  91.66667% }
.col-lg-12  {
    width:  100% }
.col-lg-pull-0  {
    right:  auto }
.col-lg-pull-1  {
    right:  8.33333% }
.col-lg-pull-2  {
    right:  16.66667% }
.col-lg-pull-3  {
    right:  25% }
.col-lg-pull-4  {
    right:  33.33333% }
.col-lg-pull-5  {
    right:  41.66667% }
.col-lg-pull-6  {
    right:  50% }
.col-lg-pull-7  {
    right:  58.33333% }
.col-lg-pull-8  {
    right:  66.66667% }
.col-lg-pull-9  {
    right:  75% }
.col-lg-pull-10  {
    right:  83.33333% }
.col-lg-pull-11  {
    right:  91.66667% }
.col-lg-pull-12  {
    right:  100% }
.col-lg-push-0  {
    left:  auto }
.col-lg-push-1  {
    left:  8.33333% }
.col-lg-push-2  {
    left:  16.66667% }
.col-lg-push-3  {
    left:  25% }
.col-lg-push-4  {
    left:  33.33333% }
.col-lg-push-5  {
    left:  41.66667% }
.col-lg-push-6  {
    left:  50% }
.col-lg-push-7  {
    left:  58.33333% }
.col-lg-push-8  {
    left:  66.66667% }
.col-lg-push-9  {
    left:  75% }
.col-lg-push-10  {
    left:  83.33333% }
.col-lg-push-11  {
    left:  91.66667% }
.col-lg-push-12  {
    left:  100% }
.col-lg-offset-0  {
    margin-left:  0 }
.col-lg-offset-1  {
    margin-left:  8.33333% }
.col-lg-offset-2  {
    margin-left:  16.66667% }
.col-lg-offset-3  {
    margin-left:  25% }
.col-lg-offset-4  {
    margin-left:  33.33333% }
.col-lg-offset-5  {
    margin-left:  41.66667% }
.col-lg-offset-6  {
    margin-left:  50% }
.col-lg-offset-7  {
    margin-left:  58.33333% }
.col-lg-offset-8  {
    margin-left:  66.66667% }
.col-lg-offset-9  {
    margin-left:  75% }
.col-lg-offset-10  {
    margin-left:  83.33333% }
.col-lg-offset-11  {
    margin-left:  91.66667% }
.col-lg-offset-12  {
    margin-left:  100% }
}table  {
    background-color:  transparent }
caption  {
    padding-top:  8px;
    padding-bottom:  8px;
    color:  #777;
    text-align:  left }
th  {
    text-align:  left }
.table  {
    width:  100%;
    max-width:  100%;
    margin-bottom:  22px }
.table>tbody>tr>td,  .table>tbody>tr>th,  .table>tfoot>tr>td,  .table>tfoot>tr>th,  .table>thead>tr>td,  .table>thead>tr>th  {
    padding:  8px;
    line-height:  1.42857;
    vertical-align:  top;
    border-top:  1px solid #ddd }
.table>thead>tr>th  {
    vertical-align:  bottom;
    border-bottom:  2px solid #ddd }
.table>caption+thead>tr:first-child>td,  .table>caption+thead>tr:first-child>th,  .table>colgroup+thead>tr:first-child>td,  .table>colgroup+thead>tr:first-child>th,  .table>thead:first-child>tr:first-child>td,  .table>thead:first-child>tr:first-child>th  {
    border-top:  0 }
.table>tbody+tbody  {
    border-top:  2px solid #ddd }
.table .table  {
    background-color:  #fff }
.table-condensed>tbody>tr>td,  .table-condensed>tbody>tr>th,  .table-condensed>tfoot>tr>td,  .table-condensed>tfoot>tr>th,  .table-condensed>thead>tr>td,  .table-condensed>thead>tr>th  {
    padding:  5px }
.table-bordered  {
    border:  1px solid #ddd }
.table-bordered>tbody>tr>td,  .table-bordered>tbody>tr>th,  .table-bordered>tfoot>tr>td,  .table-bordered>tfoot>tr>th,  .table-bordered>thead>tr>td,  .table-bordered>thead>tr>th  {
    border:  1px solid #ddd }
.table-bordered>thead>tr>td,  .table-bordered>thead>tr>th  {
    border-bottom-width:  2px }
.table-striped>tbody>tr:nth-of-type(odd)  {
    background-color:  #f9f9f9 }
.table-hover>tbody>tr:hover  {
    background-color:  #f5f5f5 }
table col[class*=col-]  {
    position:  static;
    float:  none;
    display:  table-column }
table td[class*=col-],  table th[class*=col-]  {
    position:  static;
    float:  none;
    display:  table-cell }
.table>tbody>tr.active>td,  .table>tbody>tr.active>th,  .table>tbody>tr>td.active,  .table>tbody>tr>th.active,  .table>tfoot>tr.active>td,  .table>tfoot>tr.active>th,  .table>tfoot>tr>td.active,  .table>tfoot>tr>th.active,  .table>thead>tr.active>td,  .table>thead>tr.active>th,  .table>thead>tr>td.active,  .table>thead>tr>th.active  {
    background-color:  #f5f5f5 }
.table-hover>tbody>tr.active:hover>td,  .table-hover>tbody>tr.active:hover>th,  .table-hover>tbody>tr:hover>.active,  .table-hover>tbody>tr>td.active:hover,  .table-hover>tbody>tr>th.active:hover  {
    background-color:  #e8e8e8 }
.table>tbody>tr.success>td,  .table>tbody>tr.success>th,  .table>tbody>tr>td.success,  .table>tbody>tr>th.success,  .table>tfoot>tr.success>td,  .table>tfoot>tr.success>th,  .table>tfoot>tr>td.success,  .table>tfoot>tr>th.success,  .table>thead>tr.success>td,  .table>thead>tr.success>th,  .table>thead>tr>td.success,  .table>thead>tr>th.success  {
    background-color:  #dff0d8 }
.table-hover>tbody>tr.success:hover>td,  .table-hover>tbody>tr.success:hover>th,  .table-hover>tbody>tr:hover>.success,  .table-hover>tbody>tr>td.success:hover,  .table-hover>tbody>tr>th.success:hover  {
    background-color:  #d0e9c6 }
.table>tbody>tr.info>td,  .table>tbody>tr.info>th,  .table>tbody>tr>td.info,  .table>tbody>tr>th.info,  .table>tfoot>tr.info>td,  .table>tfoot>tr.info>th,  .table>tfoot>tr>td.info,  .table>tfoot>tr>th.info,  .table>thead>tr.info>td,  .table>thead>tr.info>th,  .table>thead>tr>td.info,  .table>thead>tr>th.info  {
    background-color:  #d9edf7 }
.table-hover>tbody>tr.info:hover>td,  .table-hover>tbody>tr.info:hover>th,  .table-hover>tbody>tr:hover>.info,  .table-hover>tbody>tr>td.info:hover,  .table-hover>tbody>tr>th.info:hover  {
    background-color:  #c4e3f3 }
.table>tbody>tr.warning>td,  .table>tbody>tr.warning>th,  .table>tbody>tr>td.warning,  .table>tbody>tr>th.warning,  .table>tfoot>tr.warning>td,  .table>tfoot>tr.warning>th,  .table>tfoot>tr>td.warning,  .table>tfoot>tr>th.warning,  .table>thead>tr.warning>td,  .table>thead>tr.warning>th,  .table>thead>tr>td.warning,  .table>thead>tr>th.warning  {
    background-color:  #fcf8e3 }
.table-hover>tbody>tr.warning:hover>td,  .table-hover>tbody>tr.warning:hover>th,  .table-hover>tbody>tr:hover>.warning,  .table-hover>tbody>tr>td.warning:hover,  .table-hover>tbody>tr>th.warning:hover  {
    background-color:  #faf2cc }
.table>tbody>tr.danger>td,  .table>tbody>tr.danger>th,  .table>tbody>tr>td.danger,  .table>tbody>tr>th.danger,  .table>tfoot>tr.danger>td,  .table>tfoot>tr.danger>th,  .table>tfoot>tr>td.danger,  .table>tfoot>tr>th.danger,  .table>thead>tr.danger>td,  .table>thead>tr.danger>th,  .table>thead>tr>td.danger,  .table>thead>tr>th.danger  {
    background-color:  #f2dede }
.table-hover>tbody>tr.danger:hover>td,  .table-hover>tbody>tr.danger:hover>th,  .table-hover>tbody>tr:hover>.danger,  .table-hover>tbody>tr>td.danger:hover,  .table-hover>tbody>tr>th.danger:hover  {
    background-color:  #ebcccc }
.table-responsive  {
    overflow-x:  auto;
    min-height:  .01% }
section#bayswater  {
    background:  url(../../assets/images/work1.jpg) no-repeat center center;
    height:  610px;
    display:  flex;
    align-items:  center;
}
section#bayswater .libraryViewBtn  {
    transform:  translateY(3rem);
}
#bayswater .container-fluid  {
    width:  100%;
    text-align:  center;
}
#bayswater .container-fluid img  {
    margin:  0 auto;
}
#container-full section {
    height:  100vh !important;
}

.update-header-s.hidden {
    opacity: 0;
}

.menu-area  {
    position:  fixed;
    background-image:  url(/assets/images/cover-img-min.jpg) !important;
    background-size:  cover;
    background-position:  center center;
}
.menu-icon.cancel  {
    position:  fixed;
    right:  20px;
    top:  20px;
}
.menu-icon  {
    position:  fixed;
    /*top:  10px !important;*/
    top: 35px !important;
    right:  15px;
}
.menu-icon.sticky {top: 14px !important;}

.menu-area-wraper  {
    display:  flex;
    justify-content:  flex-start;
    align-items:  start;
    max-width:  1530px !important;
    width:  80% !important;
    margin:  0 auto;
    padding:  0;
    margin-top:  120px;
}
.menu-col1  {
    width:  20%;
}
.menu-col2  {
    width:  80%;
}
#menu-main-area ul li  {
    color:  #959391;
    display:  flex;
    font-family:  Montserrat,  sans-serif;
    font-size:  28px;
    margin:  0 0 55px 0;
    position:  relative;
}
#menu-main-area ul li a:hover  {
    color:  #bd2d35 !important;
}
.menu-area ul li a:before {
    display:  none;
}
#menu-main-area ul li:after  {
    position:  absolute;
    width:  29px;
    height:  15px;
    content:  '';
    background:  url(/assets/images/aroow-iconn.png);
    background-size:  cover;
    right:  30px;
    top:  16px;
    display:  none;
}
#menu-main-area ul li:hover:after {
    display:  block;
}
#menu-main-area ul li:hover {
    color: #bd2d35;
}
#menu-content-area .inner-content  {
    display:  flex;
    justify-content:  space-between;
}
.menu-inner-content h2  {
    color:  #bd2d35 !important;
    font-family:  Montserrat,  sans-serif;
    font-size:  43px !important;
    line-height:  55px !important;
    font-weight:  600 !important;
}
#menu-content-area .inner-content .txt p  {
    /*color:  #ffffff;*/
    color: #959391;
    font-family:  Montserrat,  sans-serif;
    /*font-size:  30px;*/
    /*line-height:  60px;*/
    font-size: 18px;
    line-height: 44px;
    font-weight:  500;
}
#menu-content-area .inner-content .img img  {
    margin-top:  -150px;
}
.menu-inner-content {
    display: none;
}
.menu-inner-content.active {
    display: block;
}
#menu-content-area .about-txt h2  {
    color:  #bd2d35;
    font-family:  Montserrat,  sans-serif;
    font-size:  24px;
    line-height:  55px;
    font-weight:  600;
}
#menu-content-area .about-txt p  {
    color:  #959391;
    font-family:  Montserrat,  sans-serif;
    font-size:  18px;
    line-height:  45px;
    font-weight:  500;
}
#menu-content-area .about-txt a  {
    border:  1px solid transparent;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416);
    border-image-slice:  1;
    padding:  12px 35px;
    font-size:  16px;
    color:  #ffffff;
    font-weight:  600;
    text-transform:  uppercase;
    letter-spacing:  0.5px;
    font-family:  Montserrat,  sans-serif;
    line-height:  80px;
}
#menu-content-area .inner-content .about-txt  {
    margin-top:  130px;
}
#menu-content-area .service-content  {
    display:  flex;
}
#menu-content-area .servic-col  {
    width:  33%;
}
#menu-content-area .servic-col ul  {
    /*padding:  220px 0 0 0;*/
    position: absolute;
}
#menu-content-area #tab-3 .inner-content  {
    display:  block;
}
#menu-content-area .service-content .servic-col ul li h3  {
    font-size:  24px;
    color:  #bd2d35;
    font-family:  Montserrat,  sans-serif;
    font-weight:  600;
    text-transform:  capitalize;
}
.menu-area ul li a  {
    color:  #959391 !important;
    font-family:  Montserrat,  sans-serif !important;
    font-size:  21px !important;
    line-height:  50px !important;
    font-weight:  500 !important;
    margin:  0;
    display:  flex;
    padding:  0 !important;
}
#menu-content-area .service-content .servic-col ul li  {
    color:  #959391;
    font-family:  Montserrat,  sans-serif;
    font-size:  24px !important;
    line-height:  50px;
    font-weight:  500;
    margin:  0;
    display:  flex;
}
#menu-content-area .service-content .servic-col ul li.comon:after  {
    content:  '';
    position:  absolute;
    background:  #707070;
    width:  190px;
    height:  1px;
    bottom:  0;
}
#menu-content-area .service-content .servic-col ul li.comon  {
    position:  relative;
}

@media screen and (max-width: 1680px) {
.menu-icon {top: 32px !important;}
.menu-icon.sticky {top: 12px !important;}
}

@media screen and (max-width: 1536px) {
.menu-area-wraper {margin-top: 67px;}
.menu-icon.sticky {top: 13px !important;}
#menu-main-area ul li {margin: 0 0 38px 0;}
#menu-main-area ul li a {font-size: 25px !important;}
.menu-area ul li a {font-size: 18px !important; line-height: 47px !important;}
}

@media screen and (max-width: 1440px) {
.menu-inner-content h2 {font-size: 35px !important; line-height: 47px !important;}
#menu-content-area .about-txt h2 {font-size: 28px !important;}
.menu-icon.sticky {top: 11px !important;}  
}


@media screen and (max-width: 1366px) {
.menu-icon {top: 35px !important;}
.menu-icon.sticky {top: 15px !important;}
.menu-inner-content h2 {font-size: 30px !important; line-height: 40px !important;}
#menu-content-area .inner-content .txt p {line-height: 38px;}
#menu-content-area .about-txt h2 {font-size: 26px !important;}
#menu-content-area .about-txt p {font-size: 17px; line-height: 39px;}
#menu-content-area .inner-content .about-txt {margin-top: 115px;}
#menu-main-area ul li{/*margin: 0 0 40px 0;*/ margin: 0 0 30px 0;}
#menu-content-area .servic-col ul {padding: 163px 0 0 0;}
#menu-main-area ul li a {font-size: 25px !important;}
#menu-main-area .menu-link.home img{width: 86%;}
#menu-content-area .service-content .servic-col ul li h3 {font-size: 21px;}
.menu-area ul li a {font-size: 14px !important; line-height: 43px !important;}
#menu-content-area .inner-content .about-txt {/*margin-top: 96px;*/ margin-top: 88px;}

}

@media screen and (max-width: 1280px) {
#menu-content-area .inner-content .txt p {line-height: 36px; font-size: 17px;}   
#menu-content-area .about-txt h2 {font-size: 25px !important;}
}

@media screen and (max-width: 1200px) {
#menu-content-area .about-txt h2 {font-size: 22px !important;}  
}

@media screen and (max-width: 1024px) {
.menu-icon {top: 39px !important;}
.menu-icon.sticky {top: 20px !important;}
#menu-main-area .menu-link.home img {width: 79%;}
.menu-inner-content .content .img img {width: 25%;}  
.menu-inner-content .content .inner-content .txt{width: 50%;}
.menu-inner-content .content .inner-content .img{width: 50%;}
.menu-inner-content .content .inner-content .img img{width: 86% !important; margin-top: -150px;}  
#menu-content-area .about-txt h2 {font-size: 20px !important;}
.menu-area ul li a {font-size: 15px !important;}   
.menu-inner-content h2 {font-size: 25px !important; line-height: 37px !important;}
#menu-content-area .servic-col ul {padding: 138px 0 0 0;}    
#menu-main-area ul li a {font-size: 22px !important;}
.ourwork-content ul {padding: 223px 0 0 0 !important;}

}

@media screen and (max-width:767px)  {
    #menu-content-area .inner-content .ourwork-col ul {padding: 22em 0 0 0 !important;}
    .menu-area.active {overflow: scroll;}
    .menu-area-wraper {width: 90% !important; margin-top: 105px;}
    .menu-col1 {width: 40%;}
    .menu-col1 ul {padding: 0;}
    #menu-main-area ul li {font-size: 20px;}
    #menu-main-area ul li a {font-size: 16px;}
    .menu-col2 {width: 60%;}
    .menu-inner-content .content .img img {width: 50%;}
    #menu-content-area .inner-content {display: block;}
    #menu-content-area .inner-content .txt p {font-size: 12px; line-height: 25px;}
    .menu-inner-content h2{font-size: 20px !important; line-height: 30px !important;}
    #menu-content-area .inner-content .img img {width: 30%; margin-top: 0;}
    
    .two-badges  {
    margin:  3rem 0 !important;
    margin-bottom:  1em;
    overflow:  hidden;
    display:  flex !important;
    flex-direction:  column;
    justify-content:  center;
    max-width:  100% !important;
}
.two-badges>div  {
    margin:  1rem 0;
    float:  inherit !important;
    text-align:  center;
}
footer h3  {
    font-size:  1.2rem !important;
}
footer strong  {
    font-size:  1rem !important;
}
footer p  {
    font-size:  0.9rem !important;
    margin:  1rem 0 !important;
}
.home_page footer  {
    padding:  3rem 0 2rem !important;
}
.social-sec  {
    margin:  2rem 0 !important;
    display:  flex;
    justify-content:  center;
}
.social-sec a  {
    margin:  0 0.5rem !important;
}
footer .social-sec a img  {
    width:  100% !important;
    max-width:  100% !important;
}
.tab-content .list  {
    min-height:  50vh !important;
    padding:  5em 0 !important;
}
.tab-content .list .detail-sec  {
    margin:  0 !important;
    text-align:  left !important;
}
.tab-content .list .detail-sec h3  {
    font-size:  1rem !important;
}
.tab-content .list .detail-sec h2  {
    font-size:  1.5rem !important;
    letter-spacing:  0 !important;
}
.tab-content .list .detail-sec p  {
    padding:  0 !important;
    width:  100% !important;
    max-width:  300px !important;
    font-size:  0.8rem !important;
    margin:  1rem 0 !important;
}
.tab-content .list .detail-sec p a  {
    display:  none !important;
}
.tab-content .list .detail-sec a  {
    margin:  0 !important;
    display:  inline-block !important;
}
footer .container .row  {
    display:  flex;
    flex-direction:  column;
}
.who-head h3  {
    text-align:  center;
    font-size:  1.2rem !important;
    margin-bottom:  1em;
}
.home_page .special-sec .box-tab-sec .box  {
    width:  100% !important;
}
.home_page .who-we-are-sec h2  {
    text-align:  center;
    display:  block !important;
    font-size:  1.5rem !important;
    line-height:  1.3;
    margin:  0 !important;
}
.home_page .who-we-are-sec p  {
    text-align:  center;
    font-size:  1rem;
    padding:  2em 0 0 !important;
    margin:  2rem 0 0 !important;
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
.home_page .who-we-are-sec p:before  {
    top:  0 !important;
    left:  auto;
}
.box-tab-sec .icon-sec  {
    margin:  3rem 0;
}
.home_page .special-sec .box-tab-sec .box  {
    margin:  0 !important;
}
.removefromlg .icon-sec  {
    display:  flex !important;
    width:  100% !important;
    margin-bottom:  0 !important;
}
.home_page .who-we-are-sec .removefromlg p  {
    padding-top:  0 !important;
    margin-top:  0 !important;
}
body.home_page .box .icon>div  {
    margin:  0 auto 2rem;
}
.special-sec .box-tab-sec span.highlight  {
    margin:  1rem 0;
    font-size:  1rem !important;
}
.special-sec .box-tab-sec span.normalText  {
    margin:  1rem 0;
    font-size:  1rem !important;
    line-height:  1.5 !important;
}
.home_page .special-sec .box-tab-sec span.normalText a  {
    margin:  1rem 0;
    font-size:  1rem !important;
}
.table-responsive  {
    width:  100%;
    margin-bottom:  16.5px;
    overflow-y:  hidden;
    -ms-overflow-style:  -ms-autohiding-scrollbar;
    border:  1px solid #ddd }
.table-responsive>.table  {
    margin-bottom:  0 }
.table-responsive>.table>tbody>tr>td,  .table-responsive>.table>tbody>tr>th,  .table-responsive>.table>tfoot>tr>td,  .table-responsive>.table>tfoot>tr>th,  .table-responsive>.table>thead>tr>td,  .table-responsive>.table>thead>tr>th  {
    white-space:  nowrap }
.table-responsive>.table-bordered  {
    border:  0 }
.table-responsive>.table-bordered>tbody>tr>td:first-child,  .table-responsive>.table-bordered>tbody>tr>th:first-child,  .table-responsive>.table-bordered>tfoot>tr>td:first-child,  .table-responsive>.table-bordered>tfoot>tr>th:first-child,  .table-responsive>.table-bordered>thead>tr>td:first-child,  .table-responsive>.table-bordered>thead>tr>th:first-child  {
    border-left:  0 }
.table-responsive>.table-bordered>tbody>tr>td:last-child,  .table-responsive>.table-bordered>tbody>tr>th:last-child,  .table-responsive>.table-bordered>tfoot>tr>td:last-child,  .table-responsive>.table-bordered>tfoot>tr>th:last-child,  .table-responsive>.table-bordered>thead>tr>td:last-child,  .table-responsive>.table-bordered>thead>tr>th:last-child  {
    border-right:  0 }
.table-responsive>.table-bordered>tbody>tr:last-child>td,  .table-responsive>.table-bordered>tbody>tr:last-child>th,  .table-responsive>.table-bordered>tfoot>tr:last-child>td,  .table-responsive>.table-bordered>tfoot>tr:last-child>th  {
    border-bottom:  0 }
}fieldset  {
    padding:  0;
    margin:  0;
    border:  0;
    min-width:  0 }
legend  {
    display:  block;
    width:  100%;
    padding:  0;
    margin-bottom:  22px;
    font-size:  24px;
    line-height:  inherit;
    color:  #333;
    border:  0;
    border-bottom:  1px solid #e5e5e5 }
label  {
    display:  inline-block;
    max-width:  100%;
    margin-bottom:  5px;
    font-weight:  700 }
input[type=search]  {
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box }
input[type=checkbox],  input[type=radio]  {
    margin:  4px 0 0;
    line-height:  normal }
input[type=file]  {
    display:  block }
input[type=range]  {
    display:  block;
    width:  100% }
select[multiple],  select[size]  {
    height:  auto }
input[type=checkbox]:focus,  input[type=file]:focus,  input[type=radio]:focus  {
    outline:  5px auto -webkit-focus-ring-color;
    outline-offset:  -2px }
output  {
    display:  block;
    padding-top:  7px;
    font-size:  16px;
    line-height:  1.42857;
    color:  #555 }
.form-control  {
    display:  block;
    width:  100%;
    height:  36px;
    padding:  6px 12px;
    font-size:  16px;
    line-height:  1.42857;
    color:  #555;
    background-color:  #fff;
    background-image:  none;
    border:  1px solid #ccc;
    border-radius:  4px;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075);
    -webkit-transition:  border-color ease-in-out .15s,  box-shadow ease-in-out .15s;
    -o-transition:  border-color ease-in-out .15s,  box-shadow ease-in-out .15s;
    transition:  border-color ease-in-out .15s,  box-shadow ease-in-out .15s }
.form-control:focus  {
    border-color:  #66afe9;
    outline:  0;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 8px rgba(102,  175,  233,  .6);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 8px rgba(102,  175,  233,  .6) }
.form-control::-moz-placeholder  {
    color:  #999;
    opacity:  1 }
.form-control:-ms-input-placeholder  {
    color:  #999 }
.form-control::-webkit-input-placeholder  {
    color:  #999 }
.form-control::-ms-expand  {
    border:  0;
    background-color:  transparent }
.form-control[disabled],  .form-control[readonly],  fieldset[disabled] .form-control  {
    background-color:  #eee;
    opacity:  1 }
.form-control[disabled],  fieldset[disabled] .form-control  {
    cursor:  not-allowed }
textarea.form-control  {
    height:  auto }
input[type=search]  {
    -webkit-appearance:  none }
@media screen and (-webkit-min-device-pixel-ratio:0)  {
    input[type=date].form-control,  input[type=datetime-local].form-control,  input[type=month].form-control,  input[type=time].form-control  {
    line-height:  36px }
.input-group-sm input[type=date],  .input-group-sm input[type=datetime-local],  .input-group-sm input[type=month],  .input-group-sm input[type=time],  .input-group-sm>.input-group-btn>input[type=date].btn,  .input-group-sm>.input-group-btn>input[type=datetime-local].btn,  .input-group-sm>.input-group-btn>input[type=month].btn,  .input-group-sm>.input-group-btn>input[type=time].btn,  .input-group-sm>input[type=date].form-control,  .input-group-sm>input[type=date].input-group-addon,  .input-group-sm>input[type=datetime-local].form-control,  .input-group-sm>input[type=datetime-local].input-group-addon,  .input-group-sm>input[type=month].form-control,  .input-group-sm>input[type=month].input-group-addon,  .input-group-sm>input[type=time].form-control,  .input-group-sm>input[type=time].input-group-addon,  input[type=date].input-sm,  input[type=datetime-local].input-sm,  input[type=month].input-sm,  input[type=time].input-sm  {
    line-height:  33px }
.input-group-lg input[type=date],  .input-group-lg input[type=datetime-local],  .input-group-lg input[type=month],  .input-group-lg input[type=time],  .input-group-lg>.input-group-btn>input[type=date].btn,  .input-group-lg>.input-group-btn>input[type=datetime-local].btn,  .input-group-lg>.input-group-btn>input[type=month].btn,  .input-group-lg>.input-group-btn>input[type=time].btn,  .input-group-lg>input[type=date].form-control,  .input-group-lg>input[type=date].input-group-addon,  .input-group-lg>input[type=datetime-local].form-control,  .input-group-lg>input[type=datetime-local].input-group-addon,  .input-group-lg>input[type=month].form-control,  .input-group-lg>input[type=month].input-group-addon,  .input-group-lg>input[type=time].form-control,  .input-group-lg>input[type=time].input-group-addon,  input[type=date].input-lg,  input[type=datetime-local].input-lg,  input[type=month].input-lg,  input[type=time].input-lg  {
    line-height:  49px }
}.form-group  {
    margin-bottom:  15px }
.checkbox,  .radio  {
    position:  relative;
    display:  block;
    margin-top:  10px;
    margin-bottom:  10px }
.checkbox label,  .radio label  {
    min-height:  22px;
    padding-left:  20px;
    margin-bottom:  0;
    font-weight:  400;
    cursor:  pointer }
.checkbox input[type=checkbox],  .checkbox-inline input[type=checkbox],  .radio input[type=radio],  .radio-inline input[type=radio]  {
    position:  absolute;
    margin-left:  -20px }
.checkbox+.checkbox,  .radio+.radio  {
    margin-top:  -5px }
.checkbox-inline,  .radio-inline  {
    position:  relative;
    display:  inline-block;
    padding-left:  20px;
    margin-bottom:  0;
    vertical-align:  middle;
    font-weight:  400;
    cursor:  pointer }
.checkbox-inline+.checkbox-inline,  .radio-inline+.radio-inline  {
    margin-top:  0;
    margin-left:  10px }
fieldset[disabled] input[type=checkbox],  fieldset[disabled] input[type=radio],  input[type=checkbox].disabled,  input[type=checkbox][disabled],  input[type=radio].disabled,  input[type=radio][disabled]  {
    cursor:  not-allowed }
.checkbox-inline.disabled,  .radio-inline.disabled,  fieldset[disabled] .checkbox-inline,  fieldset[disabled] .radio-inline  {
    cursor:  not-allowed }
.checkbox.disabled label,  .radio.disabled label,  fieldset[disabled] .checkbox label,  fieldset[disabled] .radio label  {
    cursor:  not-allowed }
.form-control-static  {
    padding-top:  7px;
    padding-bottom:  7px;
    margin-bottom:  0;
    min-height:  38px }
.form-control-static.input-lg,  .form-control-static.input-sm,  .input-group-lg>.form-control-static.form-control,  .input-group-lg>.form-control-static.input-group-addon,  .input-group-lg>.input-group-btn>.form-control-static.btn,  .input-group-sm>.form-control-static.form-control,  .input-group-sm>.form-control-static.input-group-addon,  .input-group-sm>.input-group-btn>.form-control-static.btn  {
    padding-left:  0;
    padding-right:  0 }
.input-group-sm>.form-control,  .input-group-sm>.input-group-addon,  .input-group-sm>.input-group-btn>.btn,  .input-sm  {
    height:  33px;
    padding:  5px 10px;
    font-size:  14px;
    line-height:  1.5;
    border-radius:  3px }
.input-group-sm>.input-group-btn>select.btn,  .input-group-sm>select.form-control,  .input-group-sm>select.input-group-addon,  select.input-sm  {
    height:  33px;
    line-height:  33px }
.input-group-sm>.input-group-btn>select[multiple].btn,  .input-group-sm>.input-group-btn>textarea.btn,  .input-group-sm>select[multiple].form-control,  .input-group-sm>select[multiple].input-group-addon,  .input-group-sm>textarea.form-control,  .input-group-sm>textarea.input-group-addon,  select[multiple].input-sm,  textarea.input-sm  {
    height:  auto }
.form-group-sm .form-control  {
    height:  33px;
    padding:  5px 10px;
    font-size:  14px;
    line-height:  1.5;
    border-radius:  3px }
.form-group-sm select.form-control  {
    height:  33px;
    line-height:  33px }
.form-group-sm select[multiple].form-control,  .form-group-sm textarea.form-control  {
    height:  auto }
.form-group-sm .form-control-static  {
    height:  33px;
    min-height:  36px;
    padding:  6px 10px;
    font-size:  14px;
    line-height:  1.5 }
.input-group-lg>.form-control,  .input-group-lg>.input-group-addon,  .input-group-lg>.input-group-btn>.btn,  .input-lg  {
    height:  49px;
    padding:  10px 16px;
    font-size:  20px;
    line-height:  1.33333;
    border-radius:  6px }
.input-group-lg>.input-group-btn>select.btn,  .input-group-lg>select.form-control,  .input-group-lg>select.input-group-addon,  select.input-lg  {
    height:  49px;
    line-height:  49px }
.input-group-lg>.input-group-btn>select[multiple].btn,  .input-group-lg>.input-group-btn>textarea.btn,  .input-group-lg>select[multiple].form-control,  .input-group-lg>select[multiple].input-group-addon,  .input-group-lg>textarea.form-control,  .input-group-lg>textarea.input-group-addon,  select[multiple].input-lg,  textarea.input-lg  {
    height:  auto }
.form-group-lg .form-control  {
    height:  49px;
    padding:  10px 16px;
    font-size:  20px;
    line-height:  1.33333;
    border-radius:  6px }
.form-group-lg select.form-control  {
    height:  49px;
    line-height:  49px }
.form-group-lg select[multiple].form-control,  .form-group-lg textarea.form-control  {
    height:  auto }
.form-group-lg .form-control-static  {
    height:  49px;
    min-height:  42px;
    padding:  11px 16px;
    font-size:  20px;
    line-height:  1.33333 }
.has-feedback  {
    position:  relative }
.has-feedback .form-control  {
    padding-right:  45px }
.form-control-feedback  {
    position:  absolute;
    top:  0;
    right:  0;
    z-index:  2;
    display:  block;
    width:  36px;
    height:  36px;
    line-height:  36px;
    text-align:  center;
    pointer-events:  none }
.form-group-lg .form-control+.form-control-feedback,  .input-group-lg+.form-control-feedback,  .input-group-lg>.form-control+.form-control-feedback,  .input-group-lg>.input-group-addon+.form-control-feedback,  .input-group-lg>.input-group-btn>.btn+.form-control-feedback,  .input-lg+.form-control-feedback  {
    width:  49px;
    height:  49px;
    line-height:  49px }
.form-group-sm .form-control+.form-control-feedback,  .input-group-sm+.form-control-feedback,  .input-group-sm>.form-control+.form-control-feedback,  .input-group-sm>.input-group-addon+.form-control-feedback,  .input-group-sm>.input-group-btn>.btn+.form-control-feedback,  .input-sm+.form-control-feedback  {
    width:  33px;
    height:  33px;
    line-height:  33px }
.has-success .checkbox,  .has-success .checkbox-inline,  .has-success .control-label,  .has-success .help-block,  .has-success .radio,  .has-success .radio-inline,  .has-success.checkbox label,  .has-success.checkbox-inline label,  .has-success.radio label,  .has-success.radio-inline label  {
    color:  #3c763d }
.has-success .form-control  {
    border-color:  #3c763d;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075) }
.has-success .form-control:focus  {
    border-color:  #2b542c;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 6px #67b168;
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 6px #67b168 }
.has-success .input-group-addon  {
    color:  #3c763d;
    border-color:  #3c763d;
    background-color:  #dff0d8 }
.has-success .form-control-feedback  {
    color:  #3c763d }
.has-warning .checkbox,  .has-warning .checkbox-inline,  .has-warning .control-label,  .has-warning .help-block,  .has-warning .radio,  .has-warning .radio-inline,  .has-warning.checkbox label,  .has-warning.checkbox-inline label,  .has-warning.radio label,  .has-warning.radio-inline label  {
    color:  #8a6d3b }
.has-warning .form-control  {
    border-color:  #8a6d3b;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075) }
.has-warning .form-control:focus  {
    border-color:  #66512c;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 6px #c0a16b;
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 6px #c0a16b }
.has-warning .input-group-addon  {
    color:  #8a6d3b;
    border-color:  #8a6d3b;
    background-color:  #fcf8e3 }
.has-warning .form-control-feedback  {
    color:  #8a6d3b }
.has-error .checkbox,  .has-error .checkbox-inline,  .has-error .control-label,  .has-error .help-block,  .has-error .radio,  .has-error .radio-inline,  .has-error.checkbox label,  .has-error.checkbox-inline label,  .has-error.radio label,  .has-error.radio-inline label  {
    color:  #a94442 }
.has-error .form-control  {
    border-color:  #a94442;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075) }
.has-error .form-control:focus  {
    border-color:  #843534;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 6px #ce8483;
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 6px #ce8483 }
.has-error .input-group-addon  {
    color:  #a94442;
    border-color:  #a94442;
    background-color:  #f2dede }
.has-error .form-control-feedback  {
    color:  #a94442 }
.has-feedback label~.form-control-feedback  {
    top:  27px }
.has-feedback label.sr-only~.form-control-feedback  {
    top:  0 }
.help-block  {
    display:  block;
    margin-top:  5px;
    margin-bottom:  10px;
    color:  #737373 }
@media (min-width:768px)  {
    .form-inline .form-group  {
    display:  inline-block;
    margin-bottom:  0;
    vertical-align:  middle }
.form-inline .form-control  {
    display:  inline-block;
    width:  auto;
    vertical-align:  middle }
.form-inline .form-control-static  {
    display:  inline-block }
.form-inline .input-group  {
    display:  inline-table;
    vertical-align:  middle }
.form-inline .input-group .form-control,  .form-inline .input-group .input-group-addon,  .form-inline .input-group .input-group-btn  {
    width:  auto }
.form-inline .input-group>.form-control  {
    width:  100% }
.form-inline .control-label  {
    margin-bottom:  0;
    vertical-align:  middle }
.form-inline .checkbox,  .form-inline .radio  {
    display:  inline-block;
    margin-top:  0;
    margin-bottom:  0;
    vertical-align:  middle }
.form-inline .checkbox label,  .form-inline .radio label  {
    padding-left:  0 }
.form-inline .checkbox input[type=checkbox],  .form-inline .radio input[type=radio]  {
    position:  relative;
    margin-left:  0 }
.form-inline .has-feedback .form-control-feedback  {
    top:  0 }
}.form-horizontal .checkbox,  .form-horizontal .checkbox-inline,  .form-horizontal .radio,  .form-horizontal .radio-inline  {
    margin-top:  0;
    margin-bottom:  0;
    padding-top:  7px }
.form-horizontal .checkbox,  .form-horizontal .radio  {
    min-height:  29px }
.form-horizontal .form-group  {
    margin-left:  -15px;
    margin-right:  -15px }
.form-horizontal .form-group:after,  .form-horizontal .form-group:before  {
    content:  " ";
    display:  table }
.form-horizontal .form-group:after  {
    clear:  both }
@media (min-width:768px)  {
    .form-horizontal .control-label  {
    text-align:  right;
    margin-bottom:  0;
    padding-top:  7px }
}.form-horizontal .has-feedback .form-control-feedback  {
    right:  15px }
@media (min-width:768px)  {
    .form-horizontal .form-group-lg .control-label  {
    padding-top:  11px;
    font-size:  20px }
}@media (min-width:768px)  {
    .form-horizontal .form-group-sm .control-label  {
    padding-top:  6px;
    font-size:  14px }
}.btn  {
    display:  inline-block;
    margin-bottom:  0;
    font-weight:  400;
    text-align:  center;
    vertical-align:  middle;
    touch-action:  manipulation;
    cursor:  pointer;
    background-image:  none;
    border:  1px solid transparent;
    white-space:  nowrap;
    padding:  6px 12px;
    font-size:  16px;
    line-height:  1.42857;
    border-radius:  4px;
    -webkit-user-select:  none;
    -moz-user-select:  none;
    -ms-user-select:  none;
    user-select:  none }
.btn.active.focus,  .btn.active:focus,  .btn.focus,  .btn:active.focus,  .btn:active:focus,  .btn:focus  {
    outline:  5px auto -webkit-focus-ring-color;
    outline-offset:  -2px }
.btn.focus,  .btn:focus,  .btn:hover  {
    color:  #333;
    text-decoration:  none }
.btn.active,  .btn:active  {
    outline:  0;
    background-image:  none;
    -webkit-box-shadow:  inset 0 3px 5px rgba(0,  0,  0,  .125);
    box-shadow:  inset 0 3px 5px rgba(0,  0,  0,  .125) }
.btn.disabled,  .btn[disabled],  fieldset[disabled] .btn  {
    cursor:  not-allowed;
    opacity:  .65;
    -webkit-box-shadow:  none;
    box-shadow:  none }
a.btn.disabled,  fieldset[disabled] a.btn  {
    pointer-events:  none }
.btn-default  {
    color:  #333;
    background-color:  #fff;
    border-color:  #ccc }
.btn-default.focus,  .btn-default:focus  {
    color:  #333;
    background-color:  #e6e6e6;
    border-color:  #8c8c8c }
.btn-default:hover  {
    color:  #333;
    background-color:  #e6e6e6;
    border-color:  #adadad }
.btn-default.active,  .btn-default:active,  .open>.btn-default.dropdown-toggle  {
    color:  #333;
    background-color:  #e6e6e6;
    border-color:  #adadad }
.btn-default.active.focus,  .btn-default.active:focus,  .btn-default.active:hover,  .btn-default:active.focus,  .btn-default:active:focus,  .btn-default:active:hover,  .open>.btn-default.dropdown-toggle.focus,  .open>.btn-default.dropdown-toggle:focus,  .open>.btn-default.dropdown-toggle:hover  {
    color:  #333;
    background-color:  #d4d4d4;
    border-color:  #8c8c8c }
.btn-default.active,  .btn-default:active,  .open>.btn-default.dropdown-toggle  {
    background-image:  none }
.btn-default.disabled.focus,  .btn-default.disabled:focus,  .btn-default.disabled:hover,  .btn-default[disabled].focus,  .btn-default[disabled]:focus,  .btn-default[disabled]:hover,  fieldset[disabled] .btn-default.focus,  fieldset[disabled] .btn-default:focus,  fieldset[disabled] .btn-default:hover  {
    background-color:  #fff;
    border-color:  #ccc }
.btn-default .badge  {
    color:  #fff;
    background-color:  #333 }
.btn-primary  {
    color:  #fff;
    background-color:  #14918a;
    border-color:  #117b75 }
.btn-primary.focus,  .btn-primary:focus  {
    color:  #fff;
    background-color:  #0e645f;
    border-color:  #010b0a }
.btn-primary:hover  {
    color:  #fff;
    background-color:  #0e645f;
    border-color:  #094541 }
.btn-primary.active,  .btn-primary:active,  .open>.btn-primary.dropdown-toggle  {
    color:  #fff;
    background-color:  #0e645f;
    border-color:  #094541 }
.btn-primary.active.focus,  .btn-primary.active:focus,  .btn-primary.active:hover,  .btn-primary:active.focus,  .btn-primary:active:focus,  .btn-primary:active:hover,  .open>.btn-primary.dropdown-toggle.focus,  .open>.btn-primary.dropdown-toggle:focus,  .open>.btn-primary.dropdown-toggle:hover  {
    color:  #fff;
    background-color:  #094541;
    border-color:  #010b0a }
.btn-primary.active,  .btn-primary:active,  .open>.btn-primary.dropdown-toggle  {
    background-image:  none }
.btn-primary.disabled.focus,  .btn-primary.disabled:focus,  .btn-primary.disabled:hover,  .btn-primary[disabled].focus,  .btn-primary[disabled]:focus,  .btn-primary[disabled]:hover,  fieldset[disabled] .btn-primary.focus,  fieldset[disabled] .btn-primary:focus,  fieldset[disabled] .btn-primary:hover  {
    background-color:  #14918a;
    border-color:  #117b75 }
.btn-primary .badge  {
    color:  #14918a;
    background-color:  #fff }
.btn-success  {
    color:  #fff;
    background-color:  #009ce5;
    border-color:  #008bcc }
.btn-success.focus,  .btn-success:focus  {
    color:  #fff;
    background-color:  #0079b2;
    border-color:  #00344c }
.btn-success:hover  {
    color:  #fff;
    background-color:  #0079b2;
    border-color:  #00618e }
.btn-success.active,  .btn-success:active,  .open>.btn-success.dropdown-toggle  {
    color:  #fff;
    background-color:  #0079b2;
    border-color:  #00618e }
.btn-success.active.focus,  .btn-success.active:focus,  .btn-success.active:hover,  .btn-success:active.focus,  .btn-success:active:focus,  .btn-success:active:hover,  .open>.btn-success.dropdown-toggle.focus,  .open>.btn-success.dropdown-toggle:focus,  .open>.btn-success.dropdown-toggle:hover  {
    color:  #fff;
    background-color:  #00618e;
    border-color:  #00344c }
.btn-success.active,  .btn-success:active,  .open>.btn-success.dropdown-toggle  {
    background-image:  none }
.btn-success.disabled.focus,  .btn-success.disabled:focus,  .btn-success.disabled:hover,  .btn-success[disabled].focus,  .btn-success[disabled]:focus,  .btn-success[disabled]:hover,  fieldset[disabled] .btn-success.focus,  fieldset[disabled] .btn-success:focus,  fieldset[disabled] .btn-success:hover  {
    background-color:  #009ce5;
    border-color:  #008bcc }
.btn-success .badge  {
    color:  #009ce5;
    background-color:  #fff }
.btn-info  {
    color:  #fff;
    background-color:  #5bc0de;
    border-color:  #46b8da }
.btn-info.focus,  .btn-info:focus  {
    color:  #fff;
    background-color:  #31b0d5;
    border-color:  #1b6d85 }
.btn-info:hover  {
    color:  #fff;
    background-color:  #31b0d5;
    border-color:  #269abc }
.btn-info.active,  .btn-info:active,  .open>.btn-info.dropdown-toggle  {
    color:  #fff;
    background-color:  #31b0d5;
    border-color:  #269abc }
.btn-info.active.focus,  .btn-info.active:focus,  .btn-info.active:hover,  .btn-info:active.focus,  .btn-info:active:focus,  .btn-info:active:hover,  .open>.btn-info.dropdown-toggle.focus,  .open>.btn-info.dropdown-toggle:focus,  .open>.btn-info.dropdown-toggle:hover  {
    color:  #fff;
    background-color:  #269abc;
    border-color:  #1b6d85 }
.btn-info.active,  .btn-info:active,  .open>.btn-info.dropdown-toggle  {
    background-image:  none }
.btn-info.disabled.focus,  .btn-info.disabled:focus,  .btn-info.disabled:hover,  .btn-info[disabled].focus,  .btn-info[disabled]:focus,  .btn-info[disabled]:hover,  fieldset[disabled] .btn-info.focus,  fieldset[disabled] .btn-info:focus,  fieldset[disabled] .btn-info:hover  {
    background-color:  #5bc0de;
    border-color:  #46b8da }
.btn-info .badge  {
    color:  #5bc0de;
    background-color:  #fff }
.btn-warning  {
    color:  #fff;
    background-color:  #f0ad4e;
    border-color:  #eea236 }
.btn-warning.focus,  .btn-warning:focus  {
    color:  #fff;
    background-color:  #ec971f;
    border-color:  #985f0d }
.btn-warning:hover  {
    color:  #fff;
    background-color:  #ec971f;
    border-color:  #d58512 }
.btn-warning.active,  .btn-warning:active,  .open>.btn-warning.dropdown-toggle  {
    color:  #fff;
    background-color:  #ec971f;
    border-color:  #d58512 }
.btn-warning.active.focus,  .btn-warning.active:focus,  .btn-warning.active:hover,  .btn-warning:active.focus,  .btn-warning:active:focus,  .btn-warning:active:hover,  .open>.btn-warning.dropdown-toggle.focus,  .open>.btn-warning.dropdown-toggle:focus,  .open>.btn-warning.dropdown-toggle:hover  {
    color:  #fff;
    background-color:  #d58512;
    border-color:  #985f0d }
.btn-warning.active,  .btn-warning:active,  .open>.btn-warning.dropdown-toggle  {
    background-image:  none }
.btn-warning.disabled.focus,  .btn-warning.disabled:focus,  .btn-warning.disabled:hover,  .btn-warning[disabled].focus,  .btn-warning[disabled]:focus,  .btn-warning[disabled]:hover,  fieldset[disabled] .btn-warning.focus,  fieldset[disabled] .btn-warning:focus,  fieldset[disabled] .btn-warning:hover  {
    background-color:  #f0ad4e;
    border-color:  #eea236 }
.btn-warning .badge  {
    color:  #f0ad4e;
    background-color:  #fff }
.btn-danger  {
    color:  #fff;
    background-color:  #d9534f;
    border-color:  #d43f3a }
.btn-danger.focus,  .btn-danger:focus  {
    color:  #fff;
    background-color:  #c9302c;
    border-color:  #761c19 }
.btn-danger:hover  {
    color:  #fff;
    background-color:  #c9302c;
    border-color:  #ac2925 }
.btn-danger.active,  .btn-danger:active,  .open>.btn-danger.dropdown-toggle  {
    color:  #fff;
    background-color:  #c9302c;
    border-color:  #ac2925 }
.btn-danger.active.focus,  .btn-danger.active:focus,  .btn-danger.active:hover,  .btn-danger:active.focus,  .btn-danger:active:focus,  .btn-danger:active:hover,  .open>.btn-danger.dropdown-toggle.focus,  .open>.btn-danger.dropdown-toggle:focus,  .open>.btn-danger.dropdown-toggle:hover  {
    color:  #fff;
    background-color:  #ac2925;
    border-color:  #761c19 }
.btn-danger.active,  .btn-danger:active,  .open>.btn-danger.dropdown-toggle  {
    background-image:  none }
.btn-danger.disabled.focus,  .btn-danger.disabled:focus,  .btn-danger.disabled:hover,  .btn-danger[disabled].focus,  .btn-danger[disabled]:focus,  .btn-danger[disabled]:hover,  fieldset[disabled] .btn-danger.focus,  fieldset[disabled] .btn-danger:focus,  fieldset[disabled] .btn-danger:hover  {
    background-color:  #d9534f;
    border-color:  #d43f3a }
.btn-danger .badge  {
    color:  #d9534f;
    background-color:  #fff }
.btn-link  {
    color:  #14918a;
    font-weight:  400;
    border-radius:  0 }
.btn-link,  .btn-link.active,  .btn-link:active,  .btn-link[disabled],  fieldset[disabled] .btn-link  {
    background-color:  transparent;
    -webkit-box-shadow:  none;
    box-shadow:  none }
.btn-link,  .btn-link:active,  .btn-link:focus,  .btn-link:hover  {
    border-color:  transparent }
.btn-link:focus,  .btn-link:hover  {
    color:  #0b4e4a;
    text-decoration:  underline;
    background-color:  transparent }
.btn-link[disabled]:focus,  .btn-link[disabled]:hover,  fieldset[disabled] .btn-link:focus,  fieldset[disabled] .btn-link:hover  {
    color:  #777;
    text-decoration:  none }
.btn-group-lg>.btn,  .btn-lg  {
    padding:  10px 16px;
    font-size:  20px;
    line-height:  1.33333;
    border-radius:  6px }
.btn-group-sm>.btn,  .btn-sm  {
    padding:  5px 10px;
    font-size:  14px;
    line-height:  1.5;
    border-radius:  3px }
.btn-group-xs>.btn,  .btn-xs  {
    padding:  1px 5px;
    font-size:  14px;
    line-height:  1.5;
    border-radius:  3px }
.btn-block  {
    display:  block;
    width:  100% }
.btn-block+.btn-block  {
    margin-top:  5px }
input[type=button].btn-block,  input[type=reset].btn-block,  input[type=submit].btn-block  {
    width:  100% }
.fade  {
    opacity:  0;
    -webkit-transition:  opacity .15s linear;
    -o-transition:  opacity .15s linear;
    transition:  opacity .15s linear }
.fade.in  {
    opacity:  1 }
.collapse  {
    display:  none }
.collapse.in  {
    display:  block }
tr.collapse.in  {
    display:  table-row }
tbody.collapse.in  {
    display:  table-row-group }
.collapsing  {
    position:  relative;
    height:  0;
    overflow:  hidden;
    -webkit-transition-property:  height,  visibility;
    transition-property:  height,  visibility;
    -webkit-transition-duration:  .35s;
    transition-duration:  .35s;
    -webkit-transition-timing-function:  ease;
    transition-timing-function:  ease }
.caret  {
    display:  inline-block;
    width:  0;
    height:  0;
    margin-left:  2px;
    vertical-align:  middle;
    border-top:  4px dashed;
    border-right:  4px solid transparent;
    border-left:  4px solid transparent }
.dropdown,  .dropup  {
    position:  relative }
.dropdown-toggle:focus  {
    outline:  0 }
.dropdown-menu  {
    position:  absolute;
    top:  100%;
    left:  0;
    z-index:  1000;
    display:  none;
    float:  left;
    min-width:  160px;
    padding:  5px 0;
    margin:  2px 0 0;
    list-style:  none;
    font-size:  16px;
    text-align:  left;
    background-color:  #fff;
    border:  1px solid #ccc;
    border:  1px solid rgba(0,  0,  0,  .15);
    border-radius:  4px;
    -webkit-box-shadow:  0 6px 12px rgba(0,  0,  0,  .175);
    box-shadow:  0 6px 12px rgba(0,  0,  0,  .175);
    background-clip:  padding-box }
.dropdown-menu.pull-right  {
    right:  0;
    left:  auto }
.dropdown-menu .divider  {
    height:  1px;
    margin:  10px 0;
    overflow:  hidden;
    background-color:  #e5e5e5 }
.dropdown-menu>li>a  {
    display:  block;
    padding:  3px 20px;
    clear:  both;
    font-weight:  400;
    line-height:  1.42857;
    color:  #333;
    white-space:  nowrap }
.dropdown-menu>li>a:focus,  .dropdown-menu>li>a:hover  {
    text-decoration:  none;
    color:  #262626;
    background-color:  #f5f5f5 }
.dropdown-menu>.active>a,  .dropdown-menu>.active>a:focus,  .dropdown-menu>.active>a:hover  {
    color:  #fff;
    text-decoration:  none;
    outline:  0;
    background-color:  #14918a }
.dropdown-menu>.disabled>a,  .dropdown-menu>.disabled>a:focus,  .dropdown-menu>.disabled>a:hover  {
    color:  #777 }
.dropdown-menu>.disabled>a:focus,  .dropdown-menu>.disabled>a:hover  {
    text-decoration:  none;
    background-color:  transparent;
    background-image:  none;
    cursor:  not-allowed }
.open>.dropdown-menu  {
    display:  block }
.open>a  {
    outline:  0 }
.dropdown-menu-right  {
    left:  auto;
    right:  0 }
.dropdown-menu-left  {
    left:  0;
    right:  auto }
.dropdown-header  {
    display:  block;
    padding:  3px 20px;
    font-size:  14px;
    line-height:  1.42857;
    color:  #777;
    white-space:  nowrap }
.dropdown-backdrop  {
    position:  fixed;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    z-index:  990 }
.pull-right>.dropdown-menu  {
    right:  0;
    left:  auto }
.dropup .caret,  .navbar-fixed-bottom .dropdown .caret  {
    border-top:  0;
    border-bottom:  4px dashed;
    content:  "" }
.dropup .dropdown-menu,  .navbar-fixed-bottom .dropdown .dropdown-menu  {
    top:  auto;
    bottom:  100%;
    margin-bottom:  2px }
@media (min-width:768px)  {
    .navbar-right .dropdown-menu  {
    right:  0;
    left:  auto }
.navbar-right .dropdown-menu-left  {
    left:  0;
    right:  auto }
}.btn-group,  .btn-group-vertical  {
    position:  relative;
    display:  inline-block;
    vertical-align:  middle }
.btn-group-vertical>.btn,  .btn-group>.btn  {
    position:  relative;
    float:  left }
.btn-group-vertical>.btn.active,  .btn-group-vertical>.btn:active,  .btn-group-vertical>.btn:focus,  .btn-group-vertical>.btn:hover,  .btn-group>.btn.active,  .btn-group>.btn:active,  .btn-group>.btn:focus,  .btn-group>.btn:hover  {
    z-index:  2 }
.btn-group .btn+.btn,  .btn-group .btn+.btn-group,  .btn-group .btn-group+.btn,  .btn-group .btn-group+.btn-group  {
    margin-left:  -1px }
.btn-toolbar  {
    margin-left:  -5px }
.btn-toolbar:after,  .btn-toolbar:before  {
    content:  " ";
    display:  table }
.btn-toolbar:after  {
    clear:  both }
.btn-toolbar .btn,  .btn-toolbar .btn-group,  .btn-toolbar .input-group  {
    float:  left }
.btn-toolbar>.btn,  .btn-toolbar>.btn-group,  .btn-toolbar>.input-group  {
    margin-left:  5px }
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle)  {
    border-radius:  0 }
.btn-group>.btn:first-child  {
    margin-left:  0 }
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle)  {
    border-bottom-right-radius:  0;
    border-top-right-radius:  0 }
.btn-group>.btn:last-child:not(:first-child),  .btn-group>.dropdown-toggle:not(:first-child)  {
    border-bottom-left-radius:  0;
    border-top-left-radius:  0 }
.btn-group>.btn-group  {
    float:  left }
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn  {
    border-radius:  0 }
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,  .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle  {
    border-bottom-right-radius:  0;
    border-top-right-radius:  0 }
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child  {
    border-bottom-left-radius:  0;
    border-top-left-radius:  0 }
.btn-group .dropdown-toggle:active,  .btn-group.open .dropdown-toggle  {
    outline:  0 }
.btn-group>.btn+.dropdown-toggle  {
    padding-left:  8px;
    padding-right:  8px }
.btn-group-lg.btn-group>.btn+.dropdown-toggle,  .btn-group>.btn-lg+.dropdown-toggle  {
    padding-left:  12px;
    padding-right:  12px }
.btn-group.open .dropdown-toggle  {
    -webkit-box-shadow:  inset 0 3px 5px rgba(0,  0,  0,  .125);
    box-shadow:  inset 0 3px 5px rgba(0,  0,  0,  .125) }
.btn-group.open .dropdown-toggle.btn-link  {
    -webkit-box-shadow:  none;
    box-shadow:  none }
.btn .caret  {
    margin-left:  0 }
.btn-group-lg>.btn .caret,  .btn-lg .caret  {
    border-width:  5px 5px 0;
    border-bottom-width:  0 }
.dropup .btn-group-lg>.btn .caret,  .dropup .btn-lg .caret  {
    border-width:  0 5px 5px }
.btn-group-vertical>.btn,  .btn-group-vertical>.btn-group,  .btn-group-vertical>.btn-group>.btn  {
    display:  block;
    float:  none;
    width:  100%;
    max-width:  100% }
.btn-group-vertical>.btn-group:after,  .btn-group-vertical>.btn-group:before  {
    content:  " ";
    display:  table }
.btn-group-vertical>.btn-group:after  {
    clear:  both }
.btn-group-vertical>.btn-group>.btn  {
    float:  none }
.btn-group-vertical>.btn+.btn,  .btn-group-vertical>.btn+.btn-group,  .btn-group-vertical>.btn-group+.btn,  .btn-group-vertical>.btn-group+.btn-group  {
    margin-top:  -1px;
    margin-left:  0 }
.btn-group-vertical>.btn:not(:first-child):not(:last-child)  {
    border-radius:  0 }
.btn-group-vertical>.btn:first-child:not(:last-child)  {
    border-top-right-radius:  4px;
    border-top-left-radius:  4px;
    border-bottom-right-radius:  0;
    border-bottom-left-radius:  0 }
.btn-group-vertical>.btn:last-child:not(:first-child)  {
    border-top-right-radius:  0;
    border-top-left-radius:  0;
    border-bottom-right-radius:  4px;
    border-bottom-left-radius:  4px }
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn  {
    border-radius:  0 }
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,  .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle  {
    border-bottom-right-radius:  0;
    border-bottom-left-radius:  0 }
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child  {
    border-top-right-radius:  0;
    border-top-left-radius:  0 }
.btn-group-justified  {
    display:  table;
    width:  100%;
    table-layout:  fixed;
    border-collapse:  separate }
.btn-group-justified>.btn,  .btn-group-justified>.btn-group  {
    float:  none;
    display:  table-cell;
    width:  1% }
.btn-group-justified>.btn-group .btn  {
    width:  100% }
.btn-group-justified>.btn-group .dropdown-menu  {
    left:  auto }
[data-toggle=buttons]>.btn input[type=checkbox],  [data-toggle=buttons]>.btn input[type=radio],  [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],  [data-toggle=buttons]>.btn-group>.btn input[type=radio]  {
    position:  absolute;
    clip:  rect(0,  0,  0,  0);
    pointer-events:  none }
.input-group  {
    position:  relative;
    display:  table;
    border-collapse:  separate }
.input-group[class*=col-]  {
    float:  none;
    padding-left:  0;
    padding-right:  0 }
.input-group .form-control  {
    position:  relative;
    z-index:  2;
    float:  left;
    width:  100%;
    margin-bottom:  0 }
.input-group .form-control:focus  {
    z-index:  3 }
.input-group .form-control,  .input-group-addon,  .input-group-btn  {
    display:  table-cell }
.input-group .form-control:not(:first-child):not(:last-child),  .input-group-addon:not(:first-child):not(:last-child),  .input-group-btn:not(:first-child):not(:last-child)  {
    border-radius:  0 }
.input-group-addon,  .input-group-btn  {
    width:  1%;
    white-space:  nowrap;
    vertical-align:  middle }
.input-group-addon  {
    padding:  6px 12px;
    font-size:  16px;
    font-weight:  400;
    line-height:  1;
    color:  #555;
    text-align:  center;
    background-color:  #eee;
    border:  1px solid #ccc;
    border-radius:  4px }
.input-group-addon.input-sm,  .input-group-sm>.input-group-addon,  .input-group-sm>.input-group-btn>.input-group-addon.btn  {
    padding:  5px 10px;
    font-size:  14px;
    border-radius:  3px }
.input-group-addon.input-lg,  .input-group-lg>.input-group-addon,  .input-group-lg>.input-group-btn>.input-group-addon.btn  {
    padding:  10px 16px;
    font-size:  20px;
    border-radius:  6px }
.input-group-addon input[type=checkbox],  .input-group-addon input[type=radio]  {
    margin-top:  0 }
.input-group .form-control:first-child,  .input-group-addon:first-child,  .input-group-btn:first-child>.btn,  .input-group-btn:first-child>.btn-group>.btn,  .input-group-btn:first-child>.dropdown-toggle,  .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,  .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle)  {
    border-bottom-right-radius:  0;
    border-top-right-radius:  0 }
.input-group-addon:first-child  {
    border-right:  0 }
.input-group .form-control:last-child,  .input-group-addon:last-child,  .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,  .input-group-btn:first-child>.btn:not(:first-child),  .input-group-btn:last-child>.btn,  .input-group-btn:last-child>.btn-group>.btn,  .input-group-btn:last-child>.dropdown-toggle  {
    border-bottom-left-radius:  0;
    border-top-left-radius:  0 }
.input-group-addon:last-child  {
    border-left:  0 }
.input-group-btn  {
    position:  relative;
    font-size:  0;
    white-space:  nowrap }
.input-group-btn>.btn  {
    position:  relative }
.input-group-btn>.btn+.btn  {
    margin-left:  -1px }
.input-group-btn>.btn:active,  .input-group-btn>.btn:focus,  .input-group-btn>.btn:hover  {
    z-index:  2 }
.input-group-btn:first-child>.btn,  .input-group-btn:first-child>.btn-group  {
    margin-right:  -1px }
.input-group-btn:last-child>.btn,  .input-group-btn:last-child>.btn-group  {
    z-index:  2;
    margin-left:  -1px }
.nav  {
    margin-bottom:  0;
    padding-left:  0;
    list-style:  none }
.nav:after,  .nav:before  {
    content:  " ";
    display:  table }
.nav:after  {
    clear:  both }
.nav>li  {
    position:  relative;
    display:  block }
.nav>li>a  {
    position:  relative;
    display:  block;
    padding:  10px 15px }
.nav>li>a:focus,  .nav>li>a:hover  {
    text-decoration:  none;
    background-color:  #eee }
.nav>li.disabled>a  {
    color:  #777 }
.nav>li.disabled>a:focus,  .nav>li.disabled>a:hover  {
    color:  #777;
    text-decoration:  none;
    background-color:  transparent;
    cursor:  not-allowed }
.nav .open>a,  .nav .open>a:focus,  .nav .open>a:hover  {
    background-color:  #eee;
    border-color:  #14918a }
.nav .nav-divider  {
    height:  1px;
    margin:  10px 0;
    overflow:  hidden;
    background-color:  #e5e5e5 }
.nav>li>a>img  {
    max-width:  none }
.nav-tabs  {
    border-bottom:  1px solid #ddd }
.nav-tabs>li  {
    float:  left;
    margin-bottom:  -1px }
.nav-tabs>li>a  {
    margin-right:  2px;
    line-height:  1.42857;
    border:  1px solid transparent;
    border-radius:  4px 4px 0 0 }
.nav-tabs>li>a:hover  {
    border-color:  #eee #eee #ddd }
.nav-tabs>li.active>a,  .nav-tabs>li.active>a:focus,  .nav-tabs>li.active>a:hover  {
    color:  #555;
    background-color:  #fff;
    border:  1px solid #ddd;
    border-bottom-color:  transparent;
    cursor:  default }
.nav-pills>li  {
    float:  left }
.nav-pills>li>a  {
    border-radius:  4px }
.nav-pills>li+li  {
    margin-left:  2px }
.nav-pills>li.active>a,  .nav-pills>li.active>a:focus,  .nav-pills>li.active>a:hover  {
    color:  #fff;
    background-color:  #14918a }
.nav-stacked>li  {
    float:  none }
.nav-stacked>li+li  {
    margin-top:  2px;
    margin-left:  0 }
.nav-justified,  .nav-tabs.nav-justified  {
    width:  100% }
.nav-justified>li,  .nav-tabs.nav-justified>li  {
    float:  none }
.nav-justified>li>a,  .nav-tabs.nav-justified>li>a  {
    text-align:  center;
    margin-bottom:  5px }
.nav-justified>.dropdown .dropdown-menu  {
    top:  auto;
    left:  auto }
@media (min-width:768px)  {
    .nav-justified>li,  .nav-tabs.nav-justified>li  {
    display:  table-cell;
    width:  1% }
.nav-justified>li>a,  .nav-tabs.nav-justified>li>a  {
    margin-bottom:  0 }
}.nav-tabs-justified,  .nav-tabs.nav-justified  {
    border-bottom:  0 }
.nav-tabs-justified>li>a,  .nav-tabs.nav-justified>li>a  {
    margin-right:  0;
    border-radius:  4px }
.nav-tabs-justified>.active>a,  .nav-tabs-justified>.active>a:focus,  .nav-tabs-justified>.active>a:hover,  .nav-tabs.nav-justified>.active>a,  .nav-tabs.nav-justified>.active>a:focus,  .nav-tabs.nav-justified>.active>a:hover  {
    border:  1px solid #ddd }
@media (min-width:768px)  {
    .nav-tabs-justified>li>a,  .nav-tabs.nav-justified>li>a  {
    border-bottom:  1px solid #ddd;
    border-radius:  4px 4px 0 0 }
.nav-tabs-justified>.active>a,  .nav-tabs-justified>.active>a:focus,  .nav-tabs-justified>.active>a:hover,  .nav-tabs.nav-justified>.active>a,  .nav-tabs.nav-justified>.active>a:focus,  .nav-tabs.nav-justified>.active>a:hover  {
    border-bottom-color:  #fff }
}.tab-content>.tab-pane  {
    display:  none }
.tab-content>.active  {
    display:  block }
.nav-tabs .dropdown-menu  {
    margin-top:  -1px;
    border-top-right-radius:  0;
    border-top-left-radius:  0 }
.navbar  {
    position:  relative;
    min-height:  50px;
    margin-bottom:  22px;
    border:  1px solid transparent }
.navbar:after,  .navbar:before  {
    content:  " ";
    display:  table }
.navbar:after  {
    clear:  both }
@media (min-width:768px)  {
    .navbar  {
    border-radius:  4px }
}.navbar-header:after,  .navbar-header:before  {
    content:  " ";
    display:  table }
.navbar-header:after  {
    clear:  both }
@media (min-width:768px)  {
    .navbar-header  {
    float:  left }
}.navbar-collapse  {
    overflow-x:  visible;
    padding-right:  15px;
    padding-left:  15px;
    border-top:  1px solid transparent;
    box-shadow:  inset 0 1px 0 rgba(255,  255,  255,  .1);
    -webkit-overflow-scrolling:  touch }
.navbar-collapse:after,  .navbar-collapse:before  {
    content:  " ";
    display:  table }
.navbar-collapse:after  {
    clear:  both }
.navbar-collapse.in  {
    overflow-y:  auto }
@media (min-width:768px)  {
    .navbar-collapse  {
    width:  auto;
    border-top:  0;
    box-shadow:  none }
.navbar-collapse.collapse  {
    display:  block !important;
    height:  auto !important;
    padding-bottom:  0;
    overflow:  visible !important }
.navbar-collapse.in  {
    overflow-y:  visible }
.navbar-fixed-bottom .navbar-collapse,  .navbar-fixed-top .navbar-collapse,  .navbar-static-top .navbar-collapse  {
    padding-left:  0;
    padding-right:  0 }
}.navbar-fixed-bottom .navbar-collapse,  .navbar-fixed-top .navbar-collapse  {
    max-height:  340px }
@media (max-device-width:480px) and (orientation:landscape)  {
    .navbar-fixed-bottom .navbar-collapse,  .navbar-fixed-top .navbar-collapse  {
    max-height:  200px }
}.container-fluid>.navbar-collapse,  .container-fluid>.navbar-header,  .container>.navbar-collapse,  .container>.navbar-header  {
    margin-right:  -15px;
    margin-left:  -15px }
@media (min-width:768px)  {
    .container-fluid>.navbar-collapse,  .container-fluid>.navbar-header,  .container>.navbar-collapse,  .container>.navbar-header  {
    margin-right:  0;
    margin-left:  0 }
}.navbar-static-top  {
    z-index:  1000;
    border-width:  0 0 1px }
@media (min-width:768px)  {
    .navbar-static-top  {
    border-radius:  0 }
}.navbar-fixed-bottom,  .navbar-fixed-top  {
    position:  fixed;
    right:  0;
    left:  0;
    z-index:  1030 }
@media (min-width:768px)  {
    .navbar-fixed-bottom,  .navbar-fixed-top  {
    border-radius:  0 }
}.navbar-fixed-top  {
    top:  0;
    border-width:  0 0 1px }
.navbar-fixed-bottom  {
    bottom:  0;
    margin-bottom:  0;
    border-width:  1px 0 0 }
.navbar-brand  {
    float:  left;
    padding:  14px 15px;
    font-size:  20px;
    line-height:  22px;
    height:  50px }
.navbar-brand:focus,  .navbar-brand:hover  {
    text-decoration:  none }
.navbar-brand>img  {
    display:  block }
@media (min-width:768px)  {
    .navbar>.container .navbar-brand,  .navbar>.container-fluid .navbar-brand  {
    margin-left:  -15px }
}.navbar-toggle  {
    position:  relative;
    float:  right;
    margin-right:  15px;
    padding:  9px 10px;
    margin-top:  8px;
    margin-bottom:  8px;
    background-color:  transparent;
    background-image:  none;
    border:  1px solid transparent;
    border-radius:  4px }
.navbar-toggle:focus  {
    outline:  0 }
.navbar-toggle .icon-bar  {
    display:  block;
    width:  22px;
    height:  2px;
    border-radius:  1px }
.navbar-toggle .icon-bar+.icon-bar  {
    margin-top:  4px }
@media (min-width:768px)  {
    .navbar-toggle  {
    display:  none }
}.navbar-nav  {
    margin:  7px -15px }
.navbar-nav>li>a  {
    padding-top:  10px;
    padding-bottom:  10px;
    line-height:  22px }
@media (max-width:767px)  {
    .navbar-nav .open .dropdown-menu  {
    position:  static;
    float:  none;
    width:  auto;
    margin-top:  0;
    background-color:  transparent;
    border:  0;
    box-shadow:  none }
.navbar-nav .open .dropdown-menu .dropdown-header,  .navbar-nav .open .dropdown-menu>li>a  {
    padding:  5px 15px 5px 25px }
.cta_seo .input-group  {
    display:  block }
.navbar-nav .open .dropdown-menu>li>a  {
    line-height:  22px }
.navbar-nav .open .dropdown-menu>li>a:focus,  .navbar-nav .open .dropdown-menu>li>a:hover  {
    background-image:  none }
}@media (min-width:768px)  {
    .navbar-nav  {
    float:  left;
    margin:  0 }
.navbar-nav>li  {
    float:  left }
.navbar-nav>li>a  {
    padding-top:  14px;
    padding-bottom:  14px }
}.navbar-form  {
    margin-left:  -15px;
    margin-right:  -15px;
    padding:  10px 15px;
    border-top:  1px solid transparent;
    border-bottom:  1px solid transparent;
    -webkit-box-shadow:  inset 0 1px 0 rgba(255,  255,  255,  .1),  0 1px 0 rgba(255,  255,  255,  .1);
    box-shadow:  inset 0 1px 0 rgba(255,  255,  255,  .1),  0 1px 0 rgba(255,  255,  255,  .1);
    margin-top:  7px;
    margin-bottom:  7px }
@media (min-width:768px)  {
    .navbar-form .form-group  {
    display:  inline-block;
    margin-bottom:  0;
    vertical-align:  middle }
.navbar-form .form-control  {
    display:  inline-block;
    width:  auto;
    vertical-align:  middle }
.navbar-form .form-control-static  {
    display:  inline-block }
.navbar-form .input-group  {
    display:  inline-table;
    vertical-align:  middle }
.navbar-form .input-group .form-control,  .navbar-form .input-group .input-group-addon,  .navbar-form .input-group .input-group-btn  {
    width:  auto }
.navbar-form .input-group>.form-control  {
    width:  100% }
.navbar-form .control-label  {
    margin-bottom:  0;
    vertical-align:  middle }
.navbar-form .checkbox,  .navbar-form .radio  {
    display:  inline-block;
    margin-top:  0;
    margin-bottom:  0;
    vertical-align:  middle }
.navbar-form .checkbox label,  .navbar-form .radio label  {
    padding-left:  0 }
.navbar-form .checkbox input[type=checkbox],  .navbar-form .radio input[type=radio]  {
    position:  relative;
    margin-left:  0 }
.navbar-form .has-feedback .form-control-feedback  {
    top:  0 }
}@media (max-width:767px)  {
    .navbar-form .form-group  {
    margin-bottom:  5px }
.navbar-form .form-group:last-child  {
    margin-bottom:  0 }
}@media (min-width:768px)  {
    .navbar-form  {
    width:  auto;
    border:  0;
    margin-left:  0;
    margin-right:  0;
    padding-top:  0;
    padding-bottom:  0;
    -webkit-box-shadow:  none;
    box-shadow:  none }
}.navbar-nav>li>.dropdown-menu  {
    margin-top:  0;
    border-top-right-radius:  0;
    border-top-left-radius:  0 }
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu  {
    margin-bottom:  0;
    border-top-right-radius:  4px;
    border-top-left-radius:  4px;
    border-bottom-right-radius:  0;
    border-bottom-left-radius:  0 }
.navbar-btn  {
    margin-top:  7px;
    margin-bottom:  7px }
.btn-group-sm>.navbar-btn.btn,  .navbar-btn.btn-sm  {
    margin-top:  8.5px;
    margin-bottom:  8.5px }
.btn-group-xs>.navbar-btn.btn,  .navbar-btn.btn-xs  {
    margin-top:  14px;
    margin-bottom:  14px }
.navbar-text  {
    margin-top:  14px;
    margin-bottom:  14px }
@media (min-width:768px)  {
    .navbar-text  {
    float:  left;
    margin-left:  15px;
    margin-right:  15px }
}@media (min-width:768px)  {
    .navbar-left  {
    float:  left !important }
.navbar-right  {
    float:  right !important;
    margin-right:  -15px }
.navbar-right~.navbar-right  {
    margin-right:  0 }
}.navbar-default  {
    background-color:  #f8f8f8;
    border-color:  #e7e7e7 }
.navbar-default .navbar-brand  {
    color:  #777 }
.navbar-default .navbar-brand:focus,  .navbar-default .navbar-brand:hover  {
    color:  #5e5e5e;
    background-color:  transparent }
.navbar-default .navbar-text  {
    color:  #777 }
.navbar-default .navbar-nav>li>a  {
    color:  #777 }
.navbar-default .navbar-nav>li>a:focus,  .navbar-default .navbar-nav>li>a:hover  {
    color:  #333;
    background-color:  transparent }
.navbar-default .navbar-nav>.active>a,  .navbar-default .navbar-nav>.active>a:focus,  .navbar-default .navbar-nav>.active>a:hover  {
    color:  #555;
    background-color:  #e7e7e7 }
.navbar-default .navbar-nav>.disabled>a,  .navbar-default .navbar-nav>.disabled>a:focus,  .navbar-default .navbar-nav>.disabled>a:hover  {
    color:  #ccc;
    background-color:  transparent }
.navbar-default .navbar-toggle  {
    border-color:  #ddd }
.navbar-default .navbar-toggle:focus,  .navbar-default .navbar-toggle:hover  {
    background-color:  #ddd }
.navbar-default .navbar-toggle .icon-bar  {
    background-color:  #888 }
.navbar-default .navbar-collapse,  .navbar-default .navbar-form  {
    border-color:  #e7e7e7 }
.navbar-default .navbar-nav>.open>a,  .navbar-default .navbar-nav>.open>a:focus,  .navbar-default .navbar-nav>.open>a:hover  {
    background-color:  #e7e7e7;
    color:  #555 }
@media (max-width:767px)  {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a  {
    color:  #777 }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover  {
    color:  #333;
    background-color:  transparent }
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover  {
    color:  #555;
    background-color:  #e7e7e7 }
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover  {
    color:  #ccc;
    background-color:  transparent }
}.navbar-default .navbar-link  {
    color:  #777 }
.navbar-default .navbar-link:hover  {
    color:  #333 }
.navbar-default .btn-link  {
    color:  #777 }
.navbar-default .btn-link:focus,  .navbar-default .btn-link:hover  {
    color:  #333 }
.navbar-default .btn-link[disabled]:focus,  .navbar-default .btn-link[disabled]:hover,  fieldset[disabled] .navbar-default .btn-link:focus,  fieldset[disabled] .navbar-default .btn-link:hover  {
    color:  #ccc }
.navbar-inverse  {
    background-color:  #222;
    border-color:  #090909 }
.navbar-inverse .navbar-brand  {
    color:  #9d9d9d }
.navbar-inverse .navbar-brand:focus,  .navbar-inverse .navbar-brand:hover  {
    color:  #fff;
    background-color:  transparent }
.navbar-inverse .navbar-text  {
    color:  #9d9d9d }
.navbar-inverse .navbar-nav>li>a  {
    color:  #9d9d9d }
.navbar-inverse .navbar-nav>li>a:focus,  .navbar-inverse .navbar-nav>li>a:hover  {
    color:  #fff;
    background-color:  transparent }
.navbar-inverse .navbar-nav>.active>a,  .navbar-inverse .navbar-nav>.active>a:focus,  .navbar-inverse .navbar-nav>.active>a:hover  {
    color:  #fff;
    background-color:  #090909 }
.navbar-inverse .navbar-nav>.disabled>a,  .navbar-inverse .navbar-nav>.disabled>a:focus,  .navbar-inverse .navbar-nav>.disabled>a:hover  {
    color:  #444;
    background-color:  transparent }
.navbar-inverse .navbar-toggle  {
    border-color:  #333 }
.navbar-inverse .navbar-toggle:focus,  .navbar-inverse .navbar-toggle:hover  {
    background-color:  #333 }
.navbar-inverse .navbar-toggle .icon-bar  {
    background-color:  #fff }
.navbar-inverse .navbar-collapse,  .navbar-inverse .navbar-form  {
    border-color:  #101010 }
.navbar-inverse .navbar-nav>.open>a,  .navbar-inverse .navbar-nav>.open>a:focus,  .navbar-inverse .navbar-nav>.open>a:hover  {
    background-color:  #090909;
    color:  #fff }
@media (max-width:767px)  {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header  {
    border-color:  #090909 }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider  {
    background-color:  #090909 }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a  {
    color:  #9d9d9d }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover  {
    color:  #fff;
    background-color:  transparent }
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover  {
    color:  #fff;
    background-color:  #090909 }
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover  {
    color:  #444;
    background-color:  transparent }
}.navbar-inverse .navbar-link  {
    color:  #9d9d9d }
.navbar-inverse .navbar-link:hover  {
    color:  #fff }
.navbar-inverse .btn-link  {
    color:  #9d9d9d }
.navbar-inverse .btn-link:focus,  .navbar-inverse .btn-link:hover  {
    color:  #fff }
.navbar-inverse .btn-link[disabled]:focus,  .navbar-inverse .btn-link[disabled]:hover,  fieldset[disabled] .navbar-inverse .btn-link:focus,  fieldset[disabled] .navbar-inverse .btn-link:hover  {
    color:  #444 }
.breadcrumb  {
    padding:  8px 15px;
    margin-bottom:  22px;
    list-style:  none;
    background-color:  #f5f5f5;
    border-radius:  4px }
.breadcrumb>li  {
    display:  inline-block }
.breadcrumb>li+li:before  {
    content:  "/Â ";
    padding:  0 5px;
    color:  #ccc }
.breadcrumb>.active  {
    color:  #777 }
.pagination  {
    display:  inline-block;
    padding-left:  0;
    margin:  22px 0;
    border-radius:  4px }
.pagination>li  {
    display:  inline }
.pagination>li>a,  .pagination>li>span  {
    position:  relative;
    float:  left;
    padding:  6px 12px;
    line-height:  1.42857;
    text-decoration:  none;
    color:  #14918a;
    background-color:  #fff;
    border:  1px solid #ddd;
    margin-left:  -1px }
.pagination>li:first-child>a,  .pagination>li:first-child>span  {
    margin-left:  0;
    border-bottom-left-radius:  4px;
    border-top-left-radius:  4px }
.pagination>li:last-child>a,  .pagination>li:last-child>span  {
    border-bottom-right-radius:  4px;
    border-top-right-radius:  4px }
.pagination>li>a:focus,  .pagination>li>a:hover,  .pagination>li>span:focus,  .pagination>li>span:hover  {
    z-index:  2;
    color:  #0b4e4a;
    background-color:  #eee;
    border-color:  #ddd }
.pagination>.active>a,  .pagination>.active>a:focus,  .pagination>.active>a:hover,  .pagination>.active>span,  .pagination>.active>span:focus,  .pagination>.active>span:hover  {
    z-index:  3;
    color:  #fff;
    background-color:  #14918a;
    border-color:  #14918a;
    cursor:  default }
.pagination>.disabled>a,  .pagination>.disabled>a:focus,  .pagination>.disabled>a:hover,  .pagination>.disabled>span,  .pagination>.disabled>span:focus,  .pagination>.disabled>span:hover  {
    color:  #777;
    background-color:  #fff;
    border-color:  #ddd;
    cursor:  not-allowed }
.pagination-lg>li>a,  .pagination-lg>li>span  {
    padding:  10px 16px;
    font-size:  20px;
    line-height:  1.33333 }
.pagination-lg>li:first-child>a,  .pagination-lg>li:first-child>span  {
    border-bottom-left-radius:  6px;
    border-top-left-radius:  6px }
.pagination-lg>li:last-child>a,  .pagination-lg>li:last-child>span  {
    border-bottom-right-radius:  6px;
    border-top-right-radius:  6px }
.pagination-sm>li>a,  .pagination-sm>li>span  {
    padding:  5px 10px;
    font-size:  14px;
    line-height:  1.5 }
.pagination-sm>li:first-child>a,  .pagination-sm>li:first-child>span  {
    border-bottom-left-radius:  3px;
    border-top-left-radius:  3px }
.pagination-sm>li:last-child>a,  .pagination-sm>li:last-child>span  {
    border-bottom-right-radius:  3px;
    border-top-right-radius:  3px }
.pager  {
    padding-left:  0;
    margin:  22px 0;
    list-style:  none;
    text-align:  center }
.pager:after,  .pager:before  {
    content:  " ";
    display:  table }
.pager:after  {
    clear:  both }
.pager li  {
    display:  inline }
.pager li>a,  .pager li>span  {
    display:  inline-block;
    padding:  5px 14px;
    background-color:  #fff;
    border:  1px solid #ddd;
    border-radius:  15px }
.pager li>a:focus,  .pager li>a:hover  {
    text-decoration:  none;
    background-color:  #eee }
.pager .next>a,  .pager .next>span  {
    float:  right }
.pager .previous>a,  .pager .previous>span  {
    float:  left }
.pager .disabled>a,  .pager .disabled>a:focus,  .pager .disabled>a:hover,  .pager .disabled>span  {
    color:  #777;
    background-color:  #fff;
    cursor:  not-allowed }
.label  {
    display:  inline;
    padding:  .2em .6em .3em;
    font-size:  75%;
    font-weight:  700;
    line-height:  1;
    color:  #fff;
    text-align:  center;
    white-space:  nowrap;
    vertical-align:  baseline;
    border-radius:  .25em }
.label:empty  {
    display:  none }
.btn .label  {
    position:  relative;
    top:  -1px }
a.label:focus,  a.label:hover  {
    color:  #fff;
    text-decoration:  none;
    cursor:  pointer }
.label-default  {
    background-color:  #777 }
.label-default[href]:focus,  .label-default[href]:hover  {
    background-color:  #5e5e5e }
.label-primary  {
    background-color:  #14918a }
.label-primary[href]:focus,  .label-primary[href]:hover  {
    background-color:  #0e645f }
.label-success  {
    background-color:  #009ce5 }
.label-success[href]:focus,  .label-success[href]:hover  {
    background-color:  #0079b2 }
.label-info  {
    background-color:  #5bc0de }
.label-info[href]:focus,  .label-info[href]:hover  {
    background-color:  #31b0d5 }
.label-warning  {
    background-color:  #f0ad4e }
.label-warning[href]:focus,  .label-warning[href]:hover  {
    background-color:  #ec971f }
.label-danger  {
    background-color:  #d9534f }
.label-danger[href]:focus,  .label-danger[href]:hover  {
    background-color:  #c9302c }
.badge  {
    display:  inline-block;
    min-width:  10px;
    padding:  3px 7px;
    font-size:  14px;
    font-weight:  700;
    color:  #fff;
    line-height:  1;
    vertical-align:  middle;
    white-space:  nowrap;
    text-align:  center;
    background-color:  #777;
    border-radius:  10px }
.badge:empty  {
    display:  none }
.btn .badge  {
    position:  relative;
    top:  -1px }
.btn-group-xs>.btn .badge,  .btn-xs .badge  {
    top:  0;
    padding:  1px 5px }
.list-group-item.active>.badge,  .nav-pills>.active>a>.badge  {
    color:  #14918a;
    background-color:  #fff }
.list-group-item>.badge  {
    float:  right }
.list-group-item>.badge+.badge  {
    margin-right:  5px }
.nav-pills>li>a>.badge  {
    margin-left:  3px }
a.badge:focus,  a.badge:hover  {
    color:  #fff;
    text-decoration:  none;
    cursor:  pointer }
.jumbotron  {
    padding-top:  30px;
    padding-bottom:  30px;
    margin-bottom:  30px;
    color:  inherit;
    background-color:  #eee }
.jumbotron .h1,  .jumbotron h1  {
    color:  inherit }
.jumbotron p  {
    margin-bottom:  15px;
    font-size:  24px;
    font-weight:  200 }
.jumbotron>hr  {
    border-top-color:  #d5d5d5 }
.container .jumbotron,  .container-fluid .jumbotron  {
    border-radius:  6px;
    padding-left:  15px;
    padding-right:  15px }
.jumbotron .container  {
    max-width:  100% }
@media screen and (min-width:768px)  {
    .jumbotron  {
    padding-top:  48px;
    padding-bottom:  48px }
.container .jumbotron,  .container-fluid .jumbotron  {
    padding-left:  60px;
    padding-right:  60px }
.jumbotron .h1,  .jumbotron h1  {
    font-size:  72px }
}.thumbnail  {
    display:  block;
    padding:  4px;
    margin-bottom:  22px;
    line-height:  1.42857;
    background-color:  #fff;
    border:  1px solid #ddd;
    border-radius:  4px;
    -webkit-transition:  border .2s ease-in-out;
    -o-transition:  border .2s ease-in-out;
    transition:  border .2s ease-in-out }
.thumbnail a>img,  .thumbnail>img  {
    display:  block;
    max-width:  100%;
    height:  auto;
    margin-left:  auto;
    margin-right:  auto }
.thumbnail .caption  {
    padding:  9px;
    color:  #333 }
a.thumbnail.active,  a.thumbnail:focus,  a.thumbnail:hover  {
    border-color:  #14918a }
.alert  {
    padding:  15px;
    margin-bottom:  22px;
    border:  1px solid transparent;
    border-radius:  4px }
.alert h4  {
    margin-top:  0;
    color:  inherit }
.alert .alert-link  {
    font-weight:  700 }
.alert>p,  .alert>ul  {
    margin-bottom:  0 }
.alert>p+p  {
    margin-top:  5px }
.alert-dismissable,  .alert-dismissible  {
    padding-right:  35px }
.alert-dismissable .close,  .alert-dismissible .close  {
    position:  relative;
    top:  -2px;
    right:  -21px;
    color:  inherit }
.alert-success  {
    background-color:  #dff0d8;
    border-color:  #d6e9c6;
    color:  #3c763d }
.alert-success hr  {
    border-top-color:  #c9e2b3 }
.alert-success .alert-link  {
    color:  #2b542c }
.alert-info  {
    background-color:  #d9edf7;
    border-color:  #bce8f1;
    color:  #31708f }
.alert-info hr  {
    border-top-color:  #a6e1ec }
.alert-info .alert-link  {
    color:  #245269 }
.alert-warning  {
    background-color:  #fcf8e3;
    border-color:  #faebcc;
    color:  #8a6d3b }
.alert-warning hr  {
    border-top-color:  #f7e1b5 }
.alert-warning .alert-link  {
    color:  #66512c }
.alert-danger  {
    background-color:  #f2dede;
    border-color:  #ebccd1;
    color:  #a94442 }
.alert-danger hr  {
    border-top-color:  #e4b9c0 }
.alert-danger .alert-link  {
    color:  #843534 }
@-webkit-keyframes progress-bar-stripes  {
    from  {
    background-position:  40px 0 }
to  {
    background-position:  0 0 }
}@keyframes progress-bar-stripes  {
    from  {
    background-position:  40px 0 }
to  {
    background-position:  0 0 }
}.progress  {
    overflow:  hidden;
    height:  22px;
    margin-bottom:  22px;
    background-color:  #f5f5f5;
    border-radius:  4px;
    -webkit-box-shadow:  inset 0 1px 2px rgba(0,  0,  0,  .1);
    box-shadow:  inset 0 1px 2px rgba(0,  0,  0,  .1) }
.progress-bar  {
    float:  left;
    width:  0%;
    height:  100%;
    font-size:  14px;
    line-height:  22px;
    color:  #fff;
    text-align:  center;
    background-color:  #14918a;
    -webkit-box-shadow:  inset 0 -1px 0 rgba(0,  0,  0,  .15);
    box-shadow:  inset 0 -1px 0 rgba(0,  0,  0,  .15);
    -webkit-transition:  width .6s ease;
    -o-transition:  width .6s ease;
    transition:  width .6s ease }
.progress-bar-striped,  .progress-striped .progress-bar  {
    background-image:  -webkit-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  -o-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-size:  40px 40px }
.progress-bar.active,  .progress.active .progress-bar  {
    -webkit-animation:  progress-bar-stripes 2s linear infinite;
    -o-animation:  progress-bar-stripes 2s linear infinite;
    animation:  progress-bar-stripes 2s linear infinite }
.progress-bar-success  {
    background-color:  #009ce5 }
.progress-striped .progress-bar-success  {
    background-image:  -webkit-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  -o-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent) }
.progress-bar-info  {
    background-color:  #5bc0de }
.progress-striped .progress-bar-info  {
    background-image:  -webkit-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  -o-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent) }
.progress-bar-warning  {
    background-color:  #f0ad4e }
.progress-striped .progress-bar-warning  {
    background-image:  -webkit-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  -o-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent) }
.progress-bar-danger  {
    background-color:  #d9534f }
.progress-striped .progress-bar-danger  {
    background-image:  -webkit-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  -o-linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent);
    background-image:  linear-gradient(45deg,  rgba(255,  255,  255,  .15) 25%,  transparent 25%,  transparent 50%,  rgba(255,  255,  255,  .15) 50%,  rgba(255,  255,  255,  .15) 75%,  transparent 75%,  transparent) }
.media  {
    margin-top:  15px }
.media:first-child  {
    margin-top:  0 }
.media,  .media-body  {
    zoom:  1;
    overflow:  hidden }
.media-body  {
    width:  10000px }
.media-object  {
    display:  block }
.media-object.img-thumbnail  {
    max-width:  none }
.media-right,  .media>.pull-right  {
    padding-left:  10px }
.media-left,  .media>.pull-left  {
    padding-right:  10px }
.media-body,  .media-left,  .media-right  {
    display:  table-cell;
    vertical-align:  top }
.media-middle  {
    vertical-align:  middle }
.media-bottom  {
    vertical-align:  bottom }
.media-heading  {
    margin-top:  0;
    margin-bottom:  5px }
.media-list  {
    padding-left:  0;
    list-style:  none }
.list-group  {
    margin-bottom:  20px;
    padding-left:  0 }
.list-group-item  {
    position:  relative;
    display:  block;
    padding:  10px 15px;
    margin-bottom:  -1px;
    background-color:  #fff;
    border:  1px solid #ddd }
.list-group-item:first-child  {
    border-top-right-radius:  4px;
    border-top-left-radius:  4px }
.list-group-item:last-child  {
    margin-bottom:  0;
    border-bottom-right-radius:  4px;
    border-bottom-left-radius:  4px }
a.list-group-item,  button.list-group-item  {
    color:  #555 }
a.list-group-item .list-group-item-heading,  button.list-group-item .list-group-item-heading  {
    color:  #333 }
a.list-group-item:focus,  a.list-group-item:hover,  button.list-group-item:focus,  button.list-group-item:hover  {
    text-decoration:  none;
    color:  #555;
    background-color:  #f5f5f5 }
button.list-group-item  {
    width:  100%;
    text-align:  left }
.list-group-item.disabled,  .list-group-item.disabled:focus,  .list-group-item.disabled:hover  {
    background-color:  #eee;
    color:  #777;
    cursor:  not-allowed }
.list-group-item.disabled .list-group-item-heading,  .list-group-item.disabled:focus .list-group-item-heading,  .list-group-item.disabled:hover .list-group-item-heading  {
    color:  inherit }
.list-group-item.disabled .list-group-item-text,  .list-group-item.disabled:focus .list-group-item-text,  .list-group-item.disabled:hover .list-group-item-text  {
    color:  #777 }
.list-group-item.active,  .list-group-item.active:focus,  .list-group-item.active:hover  {
    z-index:  2;
    color:  #fff;
    background-color:  #14918a;
    border-color:  #14918a }
.list-group-item.active .list-group-item-heading,  .list-group-item.active .list-group-item-heading>.small,  .list-group-item.active .list-group-item-heading>small,  .list-group-item.active:focus .list-group-item-heading,  .list-group-item.active:focus .list-group-item-heading>.small,  .list-group-item.active:focus .list-group-item-heading>small,  .list-group-item.active:hover .list-group-item-heading,  .list-group-item.active:hover .list-group-item-heading>.small,  .list-group-item.active:hover .list-group-item-heading>small  {
    color:  inherit }
.list-group-item.active .list-group-item-text,  .list-group-item.active:focus .list-group-item-text,  .list-group-item.active:hover .list-group-item-text  {
    color:  #83eee8 }
.list-group-item-success  {
    color:  #3c763d;
    background-color:  #dff0d8 }
a.list-group-item-success,  button.list-group-item-success  {
    color:  #3c763d }
a.list-group-item-success .list-group-item-heading,  button.list-group-item-success .list-group-item-heading  {
    color:  inherit }
a.list-group-item-success:focus,  a.list-group-item-success:hover,  button.list-group-item-success:focus,  button.list-group-item-success:hover  {
    color:  #3c763d;
    background-color:  #d0e9c6 }
a.list-group-item-success.active,  a.list-group-item-success.active:focus,  a.list-group-item-success.active:hover,  button.list-group-item-success.active,  button.list-group-item-success.active:focus,  button.list-group-item-success.active:hover  {
    color:  #fff;
    background-color:  #3c763d;
    border-color:  #3c763d }
.list-group-item-info  {
    color:  #31708f;
    background-color:  #d9edf7 }
a.list-group-item-info,  button.list-group-item-info  {
    color:  #31708f }
a.list-group-item-info .list-group-item-heading,  button.list-group-item-info .list-group-item-heading  {
    color:  inherit }
a.list-group-item-info:focus,  a.list-group-item-info:hover,  button.list-group-item-info:focus,  button.list-group-item-info:hover  {
    color:  #31708f;
    background-color:  #c4e3f3 }
a.list-group-item-info.active,  a.list-group-item-info.active:focus,  a.list-group-item-info.active:hover,  button.list-group-item-info.active,  button.list-group-item-info.active:focus,  button.list-group-item-info.active:hover  {
    color:  #fff;
    background-color:  #31708f;
    border-color:  #31708f }
.list-group-item-warning  {
    color:  #8a6d3b;
    background-color:  #fcf8e3 }
a.list-group-item-warning,  button.list-group-item-warning  {
    color:  #8a6d3b }
a.list-group-item-warning .list-group-item-heading,  button.list-group-item-warning .list-group-item-heading  {
    color:  inherit }
a.list-group-item-warning:focus,  a.list-group-item-warning:hover,  button.list-group-item-warning:focus,  button.list-group-item-warning:hover  {
    color:  #8a6d3b;
    background-color:  #faf2cc }
a.list-group-item-warning.active,  a.list-group-item-warning.active:focus,  a.list-group-item-warning.active:hover,  button.list-group-item-warning.active,  button.list-group-item-warning.active:focus,  button.list-group-item-warning.active:hover  {
    color:  #fff;
    background-color:  #8a6d3b;
    border-color:  #8a6d3b }
.list-group-item-danger  {
    color:  #a94442;
    background-color:  #f2dede }
a.list-group-item-danger,  button.list-group-item-danger  {
    color:  #a94442 }
a.list-group-item-danger .list-group-item-heading,  button.list-group-item-danger .list-group-item-heading  {
    color:  inherit }
a.list-group-item-danger:focus,  a.list-group-item-danger:hover,  button.list-group-item-danger:focus,  button.list-group-item-danger:hover  {
    color:  #a94442;
    background-color:  #ebcccc }
a.list-group-item-danger.active,  a.list-group-item-danger.active:focus,  a.list-group-item-danger.active:hover,  button.list-group-item-danger.active,  button.list-group-item-danger.active:focus,  button.list-group-item-danger.active:hover  {
    color:  #fff;
    background-color:  #a94442;
    border-color:  #a94442 }
.list-group-item-heading  {
    margin-top:  0;
    margin-bottom:  5px }
.list-group-item-text  {
    margin-bottom:  0;
    line-height:  1.3 }
.panel  {
    margin-bottom:  22px;
    background-color:  #fff;
    border:  1px solid transparent;
    border-radius:  4px;
    -webkit-box-shadow:  0 1px 1px rgba(0,  0,  0,  .05);
    box-shadow:  0 1px 1px rgba(0,  0,  0,  .05) }
.panel-body  {
    padding:  15px }
.panel-body:after,  .panel-body:before  {
    content:  " ";
    display:  table }
.panel-body:after  {
    clear:  both }
.panel-heading  {
    padding:  10px 15px;
    border-bottom:  1px solid transparent;
    border-top-right-radius:  3px;
    border-top-left-radius:  3px }
.panel-heading>.dropdown .dropdown-toggle  {
    color:  inherit }
.panel-title  {
    margin-top:  0;
    margin-bottom:  0;
    font-size:  18px;
    color:  inherit }
.panel-title>.small,  .panel-title>.small>a,  .panel-title>a,  .panel-title>small,  .panel-title>small>a  {
    color:  inherit }
.panel-footer  {
    padding:  10px 15px;
    background-color:  #f5f5f5;
    border-top:  1px solid #ddd;
    border-bottom-right-radius:  3px;
    border-bottom-left-radius:  3px }
.panel>.list-group,  .panel>.panel-collapse>.list-group  {
    margin-bottom:  0 }
.panel>.list-group .list-group-item,  .panel>.panel-collapse>.list-group .list-group-item  {
    border-width:  1px 0;
    border-radius:  0 }
.panel>.list-group:first-child .list-group-item:first-child,  .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child  {
    border-top:  0;
    border-top-right-radius:  3px;
    border-top-left-radius:  3px }
.panel>.list-group:last-child .list-group-item:last-child,  .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child  {
    border-bottom:  0;
    border-bottom-right-radius:  3px;
    border-bottom-left-radius:  3px }
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child  {
    border-top-right-radius:  0;
    border-top-left-radius:  0 }
.panel-heading+.list-group .list-group-item:first-child  {
    border-top-width:  0 }
.list-group+.panel-footer  {
    border-top-width:  0 }
.panel>.panel-collapse>.table,  .panel>.table,  .panel>.table-responsive>.table  {
    margin-bottom:  0 }
.panel>.panel-collapse>.table caption,  .panel>.table caption,  .panel>.table-responsive>.table caption  {
    padding-left:  15px;
    padding-right:  15px }
.panel>.table-responsive:first-child>.table:first-child,  .panel>.table:first-child  {
    border-top-right-radius:  3px;
    border-top-left-radius:  3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,  .panel>.table:first-child>tbody:first-child>tr:first-child,  .panel>.table:first-child>thead:first-child>tr:first-child  {
    border-top-left-radius:  3px;
    border-top-right-radius:  3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,  .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,  .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,  .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,  .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,  .panel>.table:first-child>thead:first-child>tr:first-child th:first-child  {
    border-top-left-radius:  3px }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,  .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,  .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,  .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,  .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,  .panel>.table:first-child>thead:first-child>tr:first-child th:last-child  {
    border-top-right-radius:  3px }
.panel>.table-responsive:last-child>.table:last-child,  .panel>.table:last-child  {
    border-bottom-right-radius:  3px;
    border-bottom-left-radius:  3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,  .panel>.table:last-child>tbody:last-child>tr:last-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child  {
    border-bottom-left-radius:  3px;
    border-bottom-right-radius:  3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,  .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,  .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,  .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child  {
    border-bottom-left-radius:  3px }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,  .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,  .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,  .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child  {
    border-bottom-right-radius:  3px }
.panel>.panel-body+.table,  .panel>.panel-body+.table-responsive,  .panel>.table+.panel-body,  .panel>.table-responsive+.panel-body  {
    border-top:  1px solid #ddd }
.panel>.table>tbody:first-child>tr:first-child td,  .panel>.table>tbody:first-child>tr:first-child th  {
    border-top:  0 }
.panel>.table-bordered,  .panel>.table-responsive>.table-bordered  {
    border:  0 }
.panel>.table-bordered>tbody>tr>td:first-child,  .panel>.table-bordered>tbody>tr>th:first-child,  .panel>.table-bordered>tfoot>tr>td:first-child,  .panel>.table-bordered>tfoot>tr>th:first-child,  .panel>.table-bordered>thead>tr>td:first-child,  .panel>.table-bordered>thead>tr>th:first-child,  .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,  .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,  .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,  .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,  .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,  .panel>.table-responsive>.table-bordered>thead>tr>th:first-child  {
    border-left:  0 }
.panel>.table-bordered>tbody>tr>td:last-child,  .panel>.table-bordered>tbody>tr>th:last-child,  .panel>.table-bordered>tfoot>tr>td:last-child,  .panel>.table-bordered>tfoot>tr>th:last-child,  .panel>.table-bordered>thead>tr>td:last-child,  .panel>.table-bordered>thead>tr>th:last-child,  .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,  .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,  .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,  .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,  .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,  .panel>.table-responsive>.table-bordered>thead>tr>th:last-child  {
    border-right:  0 }
.panel>.table-bordered>tbody>tr:first-child>td,  .panel>.table-bordered>tbody>tr:first-child>th,  .panel>.table-bordered>thead>tr:first-child>td,  .panel>.table-bordered>thead>tr:first-child>th,  .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,  .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,  .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,  .panel>.table-responsive>.table-bordered>thead>tr:first-child>th  {
    border-bottom:  0 }
.panel>.table-bordered>tbody>tr:last-child>td,  .panel>.table-bordered>tbody>tr:last-child>th,  .panel>.table-bordered>tfoot>tr:last-child>td,  .panel>.table-bordered>tfoot>tr:last-child>th,  .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,  .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,  .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,  .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th  {
    border-bottom:  0 }
.panel>.table-responsive  {
    border:  0;
    margin-bottom:  0 }
.panel-group  {
    margin-bottom:  22px }
.panel-group .panel  {
    margin-bottom:  0;
    border-radius:  4px }
.panel-group .panel+.panel  {
    margin-top:  5px }
.panel-group .panel-heading  {
    border-bottom:  0 }
.panel-group .panel-heading+.panel-collapse>.list-group,  .panel-group .panel-heading+.panel-collapse>.panel-body  {
    border-top:  1px solid #ddd }
.panel-group .panel-footer  {
    border-top:  0 }
.panel-group .panel-footer+.panel-collapse .panel-body  {
    border-bottom:  1px solid #ddd }
.panel-default  {
    border-color:  #ddd }
.panel-default>.panel-heading  {
    color:  #333;
    background-color:  #f5f5f5;
    border-color:  #ddd }
.panel-default>.panel-heading+.panel-collapse>.panel-body  {
    border-top-color:  #ddd }
.panel-default>.panel-heading .badge  {
    color:  #f5f5f5;
    background-color:  #333 }
.panel-default>.panel-footer+.panel-collapse>.panel-body  {
    border-bottom-color:  #ddd }
.panel-primary  {
    border-color:  #14918a }
.panel-primary>.panel-heading  {
    color:  #fff;
    background-color:  #14918a;
    border-color:  #14918a }
.panel-primary>.panel-heading+.panel-collapse>.panel-body  {
    border-top-color:  #14918a }
.panel-primary>.panel-heading .badge  {
    color:  #14918a;
    background-color:  #fff }
.panel-primary>.panel-footer+.panel-collapse>.panel-body  {
    border-bottom-color:  #14918a }
.panel-success  {
    border-color:  #d6e9c6 }
.panel-success>.panel-heading  {
    color:  #3c763d;
    background-color:  #dff0d8;
    border-color:  #d6e9c6 }
.panel-success>.panel-heading+.panel-collapse>.panel-body  {
    border-top-color:  #d6e9c6 }
.panel-success>.panel-heading .badge  {
    color:  #dff0d8;
    background-color:  #3c763d }
.panel-success>.panel-footer+.panel-collapse>.panel-body  {
    border-bottom-color:  #d6e9c6 }
.panel-info  {
    border-color:  #bce8f1 }
.panel-info>.panel-heading  {
    color:  #31708f;
    background-color:  #d9edf7;
    border-color:  #bce8f1 }
.panel-info>.panel-heading+.panel-collapse>.panel-body  {
    border-top-color:  #bce8f1 }
.panel-info>.panel-heading .badge  {
    color:  #d9edf7;
    background-color:  #31708f }
.panel-info>.panel-footer+.panel-collapse>.panel-body  {
    border-bottom-color:  #bce8f1 }
.panel-warning  {
    border-color:  #faebcc }
.panel-warning>.panel-heading  {
    color:  #8a6d3b;
    background-color:  #fcf8e3;
    border-color:  #faebcc }
.panel-warning>.panel-heading+.panel-collapse>.panel-body  {
    border-top-color:  #faebcc }
.panel-warning>.panel-heading .badge  {
    color:  #fcf8e3;
    background-color:  #8a6d3b }
.panel-warning>.panel-footer+.panel-collapse>.panel-body  {
    border-bottom-color:  #faebcc }
.panel-danger  {
    border-color:  #ebccd1 }
.panel-danger>.panel-heading  {
    color:  #a94442;
    background-color:  #f2dede;
    border-color:  #ebccd1 }
.panel-danger>.panel-heading+.panel-collapse>.panel-body  {
    border-top-color:  #ebccd1 }
.panel-danger>.panel-heading .badge  {
    color:  #f2dede;
    background-color:  #a94442 }
.panel-danger>.panel-footer+.panel-collapse>.panel-body  {
    border-bottom-color:  #ebccd1 }
.embed-responsive  {
    position:  relative;
    display:  block;
    height:  0;
    padding:  0;
    overflow:  hidden }
.embed-responsive .embed-responsive-item,  .embed-responsive embed,  .embed-responsive iframe,  .embed-responsive object,  .embed-responsive video  {
    position:  absolute;
    top:  0;
    left:  0;
    bottom:  0;
    height:  100%;
    width:  100%;
    border:  0 }
.embed-responsive-16by9  {
    padding-bottom:  56.25% }
.embed-responsive-4by3  {
    padding-bottom:  75% }
.well  {
    min-height:  20px;
    padding:  19px;
    margin-bottom:  20px;
    background-color:  #f5f5f5;
    border:  1px solid #e3e3e3;
    border-radius:  4px;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .05);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  .05) }
.well blockquote  {
    border-color:  #ddd;
    border-color:  rgba(0,  0,  0,  .15) }
.well-lg  {
    padding:  24px;
    border-radius:  6px }
.well-sm  {
    padding:  9px;
    border-radius:  3px }
.close  {
    float:  right;
    font-size:  24px;
    font-weight:  700;
    line-height:  1;
    color:  #000;
    text-shadow:  0 1px 0 #fff;
    opacity:  .2 }
.close:focus,  .close:hover  {
    color:  #000;
    text-decoration:  none;
    cursor:  pointer;
    opacity:  .5 }
button.close  {
    padding:  0;
    cursor:  pointer;
    background:  0 0;
    border:  0;
    -webkit-appearance:  none }
.modal-open  {
    overflow:  hidden }
.modal  {
    display:  none;
    overflow:  hidden;
    position:  fixed;
    top:  0;
    right:  0;
    bottom:  0;
    left:  0;
    z-index:  1050;
    -webkit-overflow-scrolling:  touch;
    outline:  0 }
.modal.fade .modal-dialog  {
    -webkit-transform:  translate(0,  -25%);
    -ms-transform:  translate(0,  -25%);
    -o-transform:  translate(0,  -25%);
    transform:  translate(0,  -25%);
    -webkit-transition:  -webkit-transform .3s ease-out;
    -moz-transition:  -moz-transform .3s ease-out;
    -o-transition:  -o-transform .3s ease-out;
    transition:  transform .3s ease-out }
.modal.in .modal-dialog  {
    -webkit-transform:  translate(0,  0);
    -ms-transform:  translate(0,  0);
    -o-transform:  translate(0,  0);
    transform:  translate(0,  0) }
.modal-open .modal  {
    overflow-x:  hidden;
    overflow-y:  auto }
.modal-dialog  {
    position:  relative;
    width:  auto;
    margin:  10px }
.modal-content  {
    position:  relative;
    background-color:  #fff;
    border:  1px solid #999;
    border:  1px solid rgba(0,  0,  0,  .2);
    border-radius:  6px;
    -webkit-box-shadow:  0 3px 9px rgba(0,  0,  0,  .5);
    box-shadow:  0 3px 9px rgba(0,  0,  0,  .5);
    background-clip:  padding-box;
    outline:  0 }
.modal-backdrop  {
    position:  fixed;
    top:  0;
    right:  0;
    bottom:  0;
    left:  0;
    z-index:  1040;
    background-color:  #000 }
.modal-backdrop.fade  {
    opacity:  0 }
.modal-backdrop.in  {
    opacity:  .5 }
.modal-header  {
    padding:  15px;
    border-bottom:  1px solid #e5e5e5 }
.modal-header:after,  .modal-header:before  {
    content:  " ";
    display:  table }
.modal-header:after  {
    clear:  both }
.modal-header .close  {
    margin-top:  -2px }
.modal-title  {
    margin:  0;
    line-height:  1.42857 }
.modal-body  {
    position:  relative;
    padding:  15px }
.modal-footer  {
    padding:  15px;
    text-align:  right;
    border-top:  1px solid #e5e5e5 }
.modal-footer:after,  .modal-footer:before  {
    content:  " ";
    display:  table }
.modal-footer:after  {
    clear:  both }
.modal-footer .btn+.btn  {
    margin-left:  5px;
    margin-bottom:  0 }
.modal-footer .btn-group .btn+.btn  {
    margin-left:  -1px }
.modal-footer .btn-block+.btn-block  {
    margin-left:  0 }
.modal-scrollbar-measure  {
    position:  absolute;
    top:  -9999px;
    width:  50px;
    height:  50px;
    overflow:  scroll }
@media (min-width:768px)  {
    .modal-dialog  {
    width:  600px;
    margin:  30px auto }
.modal-content  {
    -webkit-box-shadow:  0 5px 15px rgba(0,  0,  0,  .5);
    box-shadow:  0 5px 15px rgba(0,  0,  0,  .5) }
.modal-sm  {
    width:  300px }
}@media (min-width:992px)  {
    .modal-lg  {
    width:  900px }
}.tooltip  {
    position:  absolute;
    z-index:  1070;
    display:  block;
    font-family:  Montserrat,  sans-serif;
    font-style:  normal;
    font-weight:  400;
    letter-spacing:  normal;
    line-break:  auto;
    line-height:  1.42857;
    text-align:  left;
    text-align:  start;
    text-decoration:  none;
    text-shadow:  none;
    text-transform:  none;
    white-space:  normal;
    word-break:  normal;
    word-spacing:  normal;
    word-wrap:  normal;
    font-size:  14px;
    opacity:  0 }
.tooltip.in  {
    opacity:  .9 }
.tooltip.top  {
    margin-top:  -3px;
    padding:  5px 0 }
.tooltip.right  {
    margin-left:  3px;
    padding:  0 5px }
.tooltip.bottom  {
    margin-top:  3px;
    padding:  5px 0 }
.tooltip.left  {
    margin-left:  -3px;
    padding:  0 5px }
.tooltip-inner  {
    max-width:  200px;
    padding:  3px 8px;
    color:  #fff;
    text-align:  center;
    background-color:  #000;
    border-radius:  4px }
.tooltip-arrow  {
    position:  absolute;
    width:  0;
    height:  0;
    border-color:  transparent;
    border-style:  solid }
.tooltip.top .tooltip-arrow  {
    bottom:  0;
    left:  50%;
    margin-left:  -5px;
    border-width:  5px 5px 0;
    border-top-color:  #000 }
.tooltip.top-left .tooltip-arrow  {
    bottom:  0;
    right:  5px;
    margin-bottom:  -5px;
    border-width:  5px 5px 0;
    border-top-color:  #000 }
.tooltip.top-right .tooltip-arrow  {
    bottom:  0;
    left:  5px;
    margin-bottom:  -5px;
    border-width:  5px 5px 0;
    border-top-color:  #000 }
.tooltip.right .tooltip-arrow  {
    top:  50%;
    left:  0;
    margin-top:  -5px;
    border-width:  5px 5px 5px 0;
    border-right-color:  #000 }
.tooltip.left .tooltip-arrow  {
    top:  50%;
    right:  0;
    margin-top:  -5px;
    border-width:  5px 0 5px 5px;
    border-left-color:  #000 }
.tooltip.bottom .tooltip-arrow  {
    top:  0;
    left:  50%;
    margin-left:  -5px;
    border-width:  0 5px 5px;
    border-bottom-color:  #000 }
.tooltip.bottom-left .tooltip-arrow  {
    top:  0;
    right:  5px;
    margin-top:  -5px;
    border-width:  0 5px 5px;
    border-bottom-color:  #000 }
.tooltip.bottom-right .tooltip-arrow  {
    top:  0;
    left:  5px;
    margin-top:  -5px;
    border-width:  0 5px 5px;
    border-bottom-color:  #000 }
.popover  {
    position:  absolute;
    top:  0;
    left:  0;
    z-index:  1060;
    display:  none;
    max-width:  276px;
    padding:  1px;
    font-family:  Montserrat,  sans-serif;
    font-style:  normal;
    font-weight:  400;
    letter-spacing:  normal;
    line-break:  auto;
    line-height:  1.42857;
    text-align:  left;
    text-align:  start;
    text-decoration:  none;
    text-shadow:  none;
    text-transform:  none;
    white-space:  normal;
    word-break:  normal;
    word-spacing:  normal;
    word-wrap:  normal;
    font-size:  16px;
    background-color:  #fff;
    background-clip:  padding-box;
    border:  1px solid #ccc;
    border:  1px solid rgba(0,  0,  0,  .2);
    border-radius:  6px;
    -webkit-box-shadow:  0 5px 10px rgba(0,  0,  0,  .2);
    box-shadow:  0 5px 10px rgba(0,  0,  0,  .2) }
.popover.top  {
    margin-top:  -10px }
.popover.right  {
    margin-left:  10px }
.popover.bottom  {
    margin-top:  10px }
.popover.left  {
    margin-left:  -10px }
.popover-title  {
    margin:  0;
    padding:  8px 14px;
    font-size:  16px;
    background-color:  #f7f7f7;
    border-bottom:  1px solid #ebebeb;
    border-radius:  5px 5px 0 0 }
.popover-content  {
    padding:  9px 14px }
.popover>.arrow,  .popover>.arrow:after  {
    position:  absolute;
    display:  block;
    width:  0;
    height:  0;
    border-color:  transparent;
    border-style:  solid }
.popover>.arrow  {
    border-width:  11px }
.popover>.arrow:after  {
    border-width:  10px;
    content:  "" }
.popover.top>.arrow  {
    left:  50%;
    margin-left:  -11px;
    border-bottom-width:  0;
    border-top-color:  #999;
    border-top-color:  rgba(0,  0,  0,  .25);
    bottom:  -11px }
.popover.top>.arrow:after  {
    content:  " ";
    bottom:  1px;
    margin-left:  -10px;
    border-bottom-width:  0;
    border-top-color:  #fff }
.popover.right>.arrow  {
    top:  50%;
    left:  -11px;
    margin-top:  -11px;
    border-left-width:  0;
    border-right-color:  #999;
    border-right-color:  rgba(0,  0,  0,  .25) }
.popover.right>.arrow:after  {
    content:  " ";
    left:  1px;
    bottom:  -10px;
    border-left-width:  0;
    border-right-color:  #fff }
.popover.bottom>.arrow  {
    left:  50%;
    margin-left:  -11px;
    border-top-width:  0;
    border-bottom-color:  #999;
    border-bottom-color:  rgba(0,  0,  0,  .25);
    top:  -11px }
.popover.bottom>.arrow:after  {
    content:  " ";
    top:  1px;
    margin-left:  -10px;
    border-top-width:  0;
    border-bottom-color:  #fff }
.popover.left>.arrow  {
    top:  50%;
    right:  -11px;
    margin-top:  -11px;
    border-right-width:  0;
    border-left-color:  #999;
    border-left-color:  rgba(0,  0,  0,  .25) }
.popover.left>.arrow:after  {
    content:  " ";
    right:  1px;
    border-right-width:  0;
    border-left-color:  #fff;
    bottom:  -10px }
.carousel  {
    position:  relative }
.carousel-inner  {
    position:  relative;
    overflow:  hidden;
    width:  100% }
.carousel-inner>.item  {
    display:  none;
    position:  relative;
    -webkit-transition:  .6s ease-in-out left;
    -o-transition:  .6s ease-in-out left;
    transition:  .6s ease-in-out left }
.carousel-inner>.item>a>img,  .carousel-inner>.item>img  {
    display:  block;
    max-width:  100%;
    height:  auto;
    line-height:  1 }
@media all and (transform-3d),  (-webkit-transform-3d)  {
    .carousel-inner>.item  {
    -webkit-transition:  -webkit-transform .6s ease-in-out;
    -moz-transition:  -moz-transform .6s ease-in-out;
    -o-transition:  -o-transform .6s ease-in-out;
    transition:  transform .6s ease-in-out;
    -webkit-backface-visibility:  hidden;
    -moz-backface-visibility:  hidden;
    backface-visibility:  hidden;
    -webkit-perspective:  1000px;
    -moz-perspective:  1000px;
    perspective:  1000px }
.carousel-inner>.item.active.right,  .carousel-inner>.item.next  {
    -webkit-transform:  translate3d(100%,  0,  0);
    transform:  translate3d(100%,  0,  0);
    left:  0 }
.carousel-inner>.item.active.left,  .carousel-inner>.item.prev  {
    -webkit-transform:  translate3d(-100%,  0,  0);
    transform:  translate3d(-100%,  0,  0);
    left:  0 }
.carousel-inner>.item.active,  .carousel-inner>.item.next.left,  .carousel-inner>.item.prev.right  {
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0);
    left:  0 }
}.carousel-inner>.active,  .carousel-inner>.next,  .carousel-inner>.prev  {
    display:  block }
.carousel-inner>.active  {
    left:  0 }
.carousel-inner>.next,  .carousel-inner>.prev  {
    position:  absolute;
    top:  0;
    width:  100% }
.carousel-inner>.next  {
    left:  100% }
.carousel-inner>.prev  {
    left:  -100% }
.carousel-inner>.next.left,  .carousel-inner>.prev.right  {
    left:  0 }
.carousel-inner>.active.left  {
    left:  -100% }
.carousel-inner>.active.right  {
    left:  100% }
.carousel-control  {
    position:  absolute;
    top:  0;
    left:  0;
    bottom:  0;
    width:  15%;
    opacity:  .5;
    font-size:  20px;
    color:  #fff;
    text-align:  center;
    text-shadow:  0 1px 2px rgba(0,  0,  0,  .6);
    background-color:  transparent }
.carousel-control.left  {
    background-image:  -webkit-linear-gradient(left,  rgba(0,  0,  0,  .5) 0,  rgba(0,  0,  0,  .0001) 100%);
    background-image:  -o-linear-gradient(left,  rgba(0,  0,  0,  .5) 0,  rgba(0,  0,  0,  .0001) 100%);
    background-image:  linear-gradient(to right,  rgba(0,  0,  0,  .5) 0,  rgba(0,  0,  0,  .0001) 100%);
    background-repeat:  repeat-x }
.carousel-control.right  {
    left:  auto;
    right:  0;
    background-image:  -webkit-linear-gradient(left,  rgba(0,  0,  0,  .0001) 0,  rgba(0,  0,  0,  .5) 100%);
    background-image:  -o-linear-gradient(left,  rgba(0,  0,  0,  .0001) 0,  rgba(0,  0,  0,  .5) 100%);
    background-image:  linear-gradient(to right,  rgba(0,  0,  0,  .0001) 0,  rgba(0,  0,  0,  .5) 100%);
    background-repeat:  repeat-x }
.carousel-control:focus,  .carousel-control:hover  {
    outline:  0;
    color:  #fff;
    text-decoration:  none;
    opacity:  .9 }
.carousel-control .glyphicon-chevron-left,  .carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next,  .carousel-control .icon-prev  {
    position:  absolute;
    top:  50%;
    margin-top:  -10px;
    z-index:  5;
    display:  inline-block }
.carousel-control .glyphicon-chevron-left,  .carousel-control .icon-prev  {
    left:  50%;
    margin-left:  -10px }
.carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next  {
    right:  50%;
    margin-right:  -10px }
.carousel-control .icon-next,  .carousel-control .icon-prev  {
    width:  20px;
    height:  20px;
    line-height:  1;
    font-family:  serif }
.carousel-control .icon-prev:before  {
    content:  '\2039' }
.carousel-control .icon-next:before  {
    content:  '\203a' }
.carousel-indicators  {
    position:  absolute;
    bottom:  10px;
    left:  50%;
    z-index:  15;
    width:  60%;
    margin-left:  -30%;
    padding-left:  0;
    list-style:  none;
    text-align:  center }
.carousel-indicators li  {
    display:  inline-block;
    width:  10px;
    height:  10px;
    margin:  1px;
    text-indent:  -999px;
    border:  1px solid #fff;
    border-radius:  10px;
    cursor:  pointer;
    background-color:  transparent }
.carousel-indicators .active  {
    margin:  0;
    width:  12px;
    height:  12px;
    background-color:  #fff }
.carousel-caption  {
    position:  absolute;
    left:  15%;
    right:  15%;
    bottom:  20px;
    z-index:  10;
    padding-top:  20px;
    padding-bottom:  20px;
    color:  #fff;
    text-align:  center;
    text-shadow:  0 1px 2px rgba(0,  0,  0,  .6) }
.carousel-caption .btn  {
    text-shadow:  none }
@media screen and (min-width:768px)  {
    .carousel-control .glyphicon-chevron-left,  .carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next,  .carousel-control .icon-prev  {
    width:  30px;
    height:  30px;
    margin-top:  -10px;
    font-size:  30px }
.carousel-control .glyphicon-chevron-left,  .carousel-control .icon-prev  {
    margin-left:  -10px }
.carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next  {
    margin-right:  -10px }
.carousel-caption  {
    left:  20%;
    right:  20%;
    padding-bottom:  30px }
.carousel-indicators  {
    bottom:  20px }
}.clearfix:after,  .clearfix:before  {
    content:  " ";
    display:  table }
.clearfix:after  {
    clear:  both }
.center-block  {
    display:  block;
    margin-left:  auto;
    margin-right:  auto }
.pull-right  {
    float:  right !important }
.pull-left  {
    float:  left !important }
.hide  {
    display:  none !important }
.show  {
    display:  block !important }
.invisible  {
    visibility:  hidden }
.text-hide  {
    font:  0/0 a;
    color:  transparent;
    text-shadow:  none;
    background-color:  transparent;
    border:  0 }
.hidden  {
    display:  none !important }
.affix  {
    position:  fixed }
@-ms-viewport  {
    width:  device-width }
.visible-xs  {
    display:  none !important }
.visible-sm  {
    display:  none !important }
.visible-md  {
    display:  none !important }
.visible-lg  {
    display:  none !important }
.visible-lg-block,  .visible-lg-inline,  .visible-lg-inline-block,  .visible-md-block,  .visible-md-inline,  .visible-md-inline-block,  .visible-sm-block,  .visible-sm-inline,  .visible-sm-inline-block,  .visible-xs-block,  .visible-xs-inline,  .visible-xs-inline-block  {
    display:  none !important }
@media (max-width:767px)  {
    .visible-xs  {
    display:  block !important }
table.visible-xs  {
    display:  table !important }
tr.visible-xs  {
    display:  table-row !important }
td.visible-xs,  th.visible-xs  {
    display:  table-cell !important }
}@media (max-width:767px)  {
    .visible-xs-block  {
    display:  block !important }
}@media (max-width:767px)  {
    .visible-xs-inline  {
    display:  inline !important }
}@media (max-width:767px)  {
    .visible-xs-inline-block  {
    display:  inline-block !important }
}@media (min-width:768px) and (max-width:991px)  {
    .visible-sm  {
    display:  block !important }
table.visible-sm  {
    display:  table !important }
tr.visible-sm  {
    display:  table-row !important }
td.visible-sm,  th.visible-sm  {
    display:  table-cell !important }
}@media (min-width:768px) and (max-width:991px)  {
    .visible-sm-block  {
    display:  block !important }
}@media (min-width:768px) and (max-width:991px)  {
    .visible-sm-inline  {
    display:  inline !important }
}@media (min-width:768px) and (max-width:991px)  {
    .visible-sm-inline-block  {
    display:  inline-block !important }
}@media (min-width:992px) and (max-width:1199px)  {
    .visible-md  {
    display:  block !important }
table.visible-md  {
    display:  table !important }
tr.visible-md  {
    display:  table-row !important }
td.visible-md,  th.visible-md  {
    display:  table-cell !important }
}@media (min-width:992px) and (max-width:1199px)  {
    .visible-md-block  {
    display:  block !important }
}@media (min-width:992px) and (max-width:1199px)  {
    .visible-md-inline  {
    display:  inline !important }
}@media (min-width:992px) and (max-width:1199px)  {
    .visible-md-inline-block  {
    display:  inline-block !important }
}@media (min-width:1200px)  {
    .visible-lg  {
    display:  block !important }
table.visible-lg  {
    display:  table !important }
tr.visible-lg  {
    display:  table-row !important }
td.visible-lg,  th.visible-lg  {
    display:  table-cell !important }
}@media (min-width:1200px)  {
    .visible-lg-block  {
    display:  block !important }
}@media (min-width:1200px)  {
    .visible-lg-inline  {
    display:  inline !important }
}@media (min-width:1200px)  {
    .visible-lg-inline-block  {
    display:  inline-block !important }
}@media (max-width:767px)  {
    .hidden-xs  {
    display:  none !important }
}@media (min-width:768px) and (max-width:991px)  {
    .hidden-sm  {
    display:  none !important }
}@media (min-width:992px) and (max-width:1199px)  {
    .hidden-md  {
    display:  none !important }
}@media (min-width:1200px)  {
    .hidden-lg  {
    display:  none !important }
}.visible-print  {
    display:  none !important }
@media print  {
    .visible-print  {
    display:  block !important }
table.visible-print  {
    display:  table !important }
tr.visible-print  {
    display:  table-row !important }
td.visible-print,  th.visible-print  {
    display:  table-cell !important }
}.visible-print-block  {
    display:  none !important }
@media print  {
    .visible-print-block  {
    display:  block !important }
}.visible-print-inline  {
    display:  none !important }
@media print  {
    .visible-print-inline  {
    display:  inline !important }
}.visible-print-inline-block  {
    display:  none !important }
@media print  {
    .visible-print-inline-block  {
    display:  inline-block !important }
}@media print  {
    .hidden-print  {
    display:  none !important }
}.header-sticky  {
    position:  fixed;
    top:  0;
    left:  0;
    z-index:  999;
    width:  100%;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.top-menu  {
    background:  #009ce5;
    text-align:  right;
    padding:  .5625em 0 }
.top-menu ul  {
    margin:  0 }
.top-menu ul li  {
    display:  inline-block;
    padding-left:  3.125em }
.top-menu ul li a  {
    font-size:  1em;
    color:  #fff;
    text-transform:  capitalize;
    position:  relative;
    display:  block;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.career-menu  {
    background:  #14918a;
    text-align:  right;
    padding:  .75em 0;
    width:  100%;
    z-index:  99;
    display:  none;
    -webkit-transform:  translateY(-100%);
    transform:  translateY(-100%);
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.career-menu ul  {
    margin:  0 }
.career-menu ul li  {
    display:  inline-block;
    padding-left:  3.125em }
.career-menu ul li a  {
    font-size:  1em;
    color:  #fff;
    text-transform:  capitalize;
    position:  relative;
    display:  block;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.career-menu span  {
    color:  #fff;
    float:  left }
.career-menu.active  {
    -webkit-transform:  none;
    transform:  none }
.career-page .career-menu  {
    display:  block }
.career-page .header-sticky.active  {
    -webkit-transform:  translateY(-25%);
    transform:  translateY(-25%) }
.logo-sec  {
    position:  relative;
    top:  -.25em }
.header  {
    background:  #fff;
    padding:  .8125em 0 0 0;
    position:  relative;
    z-index:  999 }
.header .container  {
    position:  relative }
.mainMenu  {
    float:  right;
    margin-top:  .5em }
.mainMenu ul  {
    margin:  0;
    padding:  0 }
.mainMenu ul li  {
    display:  inline-block;
    list-style:  none;
    position:  relative;
    margin-left:  3.75em }
.mainMenu ul li a  {
    font-size:  1.3125em;
    color:  #14918a;
    display:  block;
    position:  relative;
    padding-bottom:  1.125em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.mainMenu ul li a:before  {
    display:  block;
    position:  absolute;
    bottom:  0;
    right:  0;
    height:  .1875em;
    width:  0;
    z-index:  1;
    content:  '';
    background:  #009ce5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.mainMenu ul li.search-li  {
    margin-left:  2.5em }
.mainMenu ul li.search-li a  {
    color:  #4ab4f5;
    font-size:  1.4375em;
    position:  relative;
    top:  .125em;
    height:  2.25em }
.mainMenu ul li .search-btn  {
    color:  #009ce5;
    position:  relative;
    top:  .125em }
.mainMenu ul li.active a  {
    color:  #009ce5 }
.mainMenu ul li.active a:before  {
    width:  100% }
.mainMenu .subMenu  {
    position:  absolute;
    left:  0;
    top:  100%;
    width:  19.375em;
    display:  none }
.mainMenu .subMenu li  {
    display:  block;
    width:  100%;
    margin:  0;
    position:  relative }
.mainMenu .subMenu li a  {
    color:  #fff !important;
    background:  #009ce5;
    font-size:  1em;
    border-bottom:  solid 1px #0284c1;
    padding:  .625em 1.25em;
    display:  block;
    width:  100% }
.mainMenu .subMenu li a span  {
    position:  relative;
    z-index:  9 }
.mainMenu .subMenu li a i  {
    position:  absolute;
    right:  1.875em;
    font-size:  .5625em;
    top:  1.875em;
    z-index:  9 }
.mainMenu .subMenu li a:before  {
    display:  none }
.mainMenu .subMenu li a:after  {
    position:  absolute;
    top:  0;
    height:  100%;
    content:  '';
    background:  #0284c1;
    width:  0%;
    -webkit-transition:  all .4s cubic-bezier(.42,  0,  .58,  1);
    transition:  all .4s cubic-bezier(.42,  0,  .58,  1);
    right:  0 }
.mainMenu .subMenu li:last-child a  {
    border:  none }
.mainMenu .subMenu li .secondMenu  {
    position:  absolute;
    top:  0;
    bottom:  inherit;
    display:  block;
    left:  19.375em;
    width:  18.125em;
    opacity:  0;
    visibility:  hidden;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.mainMenu .subMenu li .secondMenu li a  {
    background:  #41b6e6;
    border-bottom:  solid 1px #063e54 }
.mainMenu .subMenu li .secondMenu li a:after  {
    background:  #14918a }
.mainMenu .subMenu li .secondMenu li:last-child a  {
    border:  none }
.mainMenu .subMenu li.active a:after  {
    width:  100% }
.mainMenu .clickMenu  {
    display:  none }
.mainMenu .mobileSubMenu  {
    display:  none }
.search-popup .modal-dialog  {
    width:  80%;
    height:  120px;
    margin:  auto;
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0 }
.search-popup .modal-content  {
    background:  0 0;
    box-shadow:  none;
    border:  none }
.search-popup .close  {
    float:  right;
    font-size:  21px;
    font-weight:  700;
    text-shadow:  none;
    opacity:  1;
    width:  50px;
    height:  50px;
    position:  fixed;
    right:  30px;
    top:  30px;
    background:  #14918a;
    color:  #fff;
    line-height:  56px;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    margin:  4px }
.search-popup .close:before  {
    content:  '';
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    border:  solid 2px #fff;
    position:  absolute;
    left:  -5px;
    top:  -5px;
    height:  60px;
    width:  60px;
    opacity:  0;
    -webkit-transform:  scale(1.5);
    -ms-transform:  scale(1.5);
    -o-transform:  scale(1.5);
    transform:  scale(1.5) }
.search-popup .modal-body  {
    padding:  0 }
.search-popup .form-control  {
    background:  0 0;
    border:  none;
    font-size:  80px;
    font-weight:  700;
    color:  #fff;
    box-shadow:  none;
    height:  120px;
    border-bottom:  solid 1px #14918a;
    padding:  0 130px 0 0 }
.search-popup::-webkit-input-placeholder  {
    color:  #fff }
.search-popup:-moz-placeholder  {
    color:  #fff }
.search-popup::-moz-placeholder  {
    color:  #fff }
.search-popup:-ms-input-placeholder  {
    color:  #fff }
.search-popup button  {
    position:  absolute;
    right:  0;
    font-size:  80px;
    color:  #fff;
    border:  none;
    background:  0 0;
    top:  0;
    padding:  0;
    width:  130px;
    height:  120px;
    line-height:  120px;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.modal  {
    padding-right:  0 !important }
.modal-open  {
    padding:  0 !important }
html.fix-height header  {
    position:  fixed }
.mobileSearch  {
    display:  none }
.topNav  {
    display:  none }
.btn-white-border  {
    border:  none;
    color:  #fff;
    text-transform:  uppercase;
    font-size:  14px;
    line-height:  28px;
    background:  0 0;
    outline:  0 }
.btn-white-border span  {
    position:  absolute;
    z-index:  9;
    width:  100%;
    height:  100%;
    left:  0;
    top:  0 }
.btn-white-border i  {
    position:  absolute;
    right:  34px;
    top:  0;
    bottom:  0;
    margin:  auto;
    width:  27px;
    height:  2px;
    background:  #fff }
.btn-white-border i:before  {
    position:  absolute;
    right:  -9px;
    top:  0;
    height:  2px;
    content:  '';
    width:  7px;
    background:  #fff }
.btn-white-border i:after  {
    position:  absolute;
    right:  -14px;
    top:  0;
    height:  2px;
    content:  '';
    width:  3px;
    background:  #fff }
.btn-primary-border  {
    border:  none;
    color:  #14918a;
    text-transform:  uppercase;
    font-size:  14px;
    line-height:  28px;
    background:  0 0;
    outline:  0 }
.btn-primary-border span  {
    position:  absolute;
    z-index:  9;
    width:  100%;
    height:  100%;
    left:  0;
    top:  0 }
.btn-primary-border ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-width:  4px;
    stroke-dasharray:  125 120;
    stroke-dashoffset:  -100;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out;
    stroke:  #14918a }
.btn-primary-border ._1DRRX7-O9GZ9DtrPrmyGnP  {
    stroke:  #14918a }
.btn-gery-border  {
    border:  none;
    color:  #000;
    text-transform:  uppercase;
    font-size:  14px;
    line-height:  28px;
    background:  0 0;
    outline:  0;
    width:  294px;
    height:  47px }
.btn-gery-border span  {
    position:  absolute;
    z-index:  9;
    width:  100%;
    height:  100%;
    left:  0;
    top:  0 }
.btn-gery-border ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-width:  4px;
    stroke-dasharray:  125 120;
    stroke-dashoffset:  -100;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out;
    stroke:  #000 }
.btn-gery-border ._1DRRX7-O9GZ9DtrPrmyGnP  {
    stroke:  #000 }
.btn-gold-border  {
    border:  none;
    color:  #fff;
    text-transform:  uppercase;
    font-size:  14px;
    line-height:  28px;
    outline:  0;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out;
    background:  #14918a }
.btn-gold-border span  {
    position:  absolute;
    z-index:  9;
    width:  100%;
    height:  100%;
    left:  0;
    top:  0 }
.btn-gold-border i  {
    position:  absolute;
    right:  34px;
    top:  0;
    bottom:  0;
    margin:  auto;
    width:  27px;
    height:  2px;
    background:  #fff }
.btn-gold-border i:before  {
    position:  absolute;
    right:  -9px;
    top:  0;
    height:  2px;
    content:  '';
    width:  7px;
    background:  #fff }
.btn-gold-border i:after  {
    position:  absolute;
    right:  -14px;
    top:  0;
    height:  2px;
    content:  '';
    width:  3px;
    background:  #fff }
.btn-gold-border ._1DRRX7-O9GZ9DtrPrmyGnP,  .btn-gold-border ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke:  #e5af58;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out }
.btn-gold-border:focus  {
    color:  #fff }
.btn-gold-border.btn-large-xs  {
    background:  0 0;
    color:  #14918a }
.btn-gold-border.btn-large-xs ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke:  #14918a;
    stroke-dasharray:  167 228 }
.btn-gold-border.btn-large-xs i  {
    background:  #14918a }
.btn-gold-border.btn-large-xs i:after,  .btn-gold-border.btn-large-xs i:before  {
    background:  #14918a }
.btn-gold-border.btn-mediem-xs  {
    background:  0 0;
    width:  186px;
    color:  #14918a;
    margin-right:  30px }
.btn-gold-border.btn-mediem-xs ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  125 175;
    stroke-dashoffset:  -80;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out;
    stroke:  #14918a }
.btn-gold-border.btn-mediem-xs i  {
    background:  #14918a }
.btn-gold-border.btn-mediem-xs i:after,  .btn-gold-border.btn-mediem-xs i:before  {
    background:  #14918a }
.btn-gold-border.btn-gold-block  {
    width:  294px;
    height:  47px;
    margin-bottom:  40px }
.btn-gold-border.btn-gold-block ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  100 280;
    stroke-dashoffset:  -210;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out }
.btn-regular  {
    width:  175px;
    height:  47px;
    text-align:  left;
    padding-left:  20px;
    position:  relative }
.btn-small  {
    width:  146px;
    height:  47px;
    position:  relative }
.btn-small ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  95 85;
    stroke-dashoffset:  -80;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out }
.btn-large  {
    width:  240px;
    height:  47px;
    position:  relative }
.btn-large ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-width:  6px;
    stroke-dashoffset:  -205;
    stroke-dasharray:  119 167;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out }
._1DRRX7-O9GZ9DtrPrmyGnP  {
    position:  absolute;
    fill:  none;
    stroke:  #fff;
    stroke-width:  2px;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out }
._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke:  #fff;
    stroke-width:  4px;
    stroke-dasharray:  125 120;
    stroke-dashoffset:  -100;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out }
._1DRRX7-O9GZ9DtrPrmyGnP  {
    position:  absolute;
    fill:  none;
    stroke:  #fff;
    -webkit-transition:  all .55s ease-in-out;
    -moz-transition:  all .55s ease-in-out;
    -o-transition:  all .55s ease-in-out;
    transition:  all .55s ease-in-out }
.btn  {
    -webkit-transition:  all .5s ease-in-out;
    -moz-transition:  all .5s ease-in-out;
    -o-transition:  all .5s ease-in-out;
    transition:  all .5s ease-in-out }
.btn button  {
    position:  absolute;
    left:  0;
    top:  0;
    width:  100%;
    height:  100%;
    z-index:  999;
    background:  0 0;
    border:  none }
.btn:active,  .btn:focus,  .btn:hover  {
    outline:  0 }
@media (min-width:1200px)  {
    .btn-white-border.btn-regular:  focus,  .btn-white-border.btn-regular:hover  {
    color:  #fff }
.btn-white-border.btn-regular:focus ._2OcLdcCUFDkupdd7Ea0Bid,  .btn-white-border.btn-regular:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  100 120;
    stroke-dashoffset:  -175 }
.btn-white-border.btn-large:hover  {
    color:  #fff;
    outline:  0 }
.btn-white-border.btn-large:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  140 212;
    stroke-dashoffset:  -251 }
.btn-primary-border.btn-regular:focus,  .btn-primary-border.btn-regular:hover  {
    color:  #14918a }
.btn-primary-border.btn-regular:focus ._2OcLdcCUFDkupdd7Ea0Bid,  .btn-primary-border.btn-regular:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  100 120;
    stroke-dashoffset:  -175 }
.btn-primary-border.btn-large:hover  {
    color:  #14918a;
    outline:  0 }
.btn-primary-border.btn-large:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dashoffset:  -451;
    stroke-dasharray:  119 167 }
.btn-gold-border:hover  {
    color:  #fff;
    background:  0 0;
    outline:  0 }
.btn-gold-border:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  130 170;
    stroke-dashoffset:  -197 }
.btn-gold-border.btn-large:hover  {
    color:  #14918a;
    outline:  0 }
.btn-gold-border.btn-large:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  140 212;
    stroke-dashoffset:  -251 }
.btn-gold-border.btn-small:hover  {
    color:  #14918a;
    outline:  0 }
.btn-gold-border.btn-small:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  120 75;
    stroke-dashoffset:  -170 }
.btn-gold-border.btn-mediem-xs:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  140 140;
    stroke-dashoffset:  -167 }
.btn-gold-border.btn-large-xs:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  151 170;
    stroke-dashoffset:  -212 }
.btn-gold-border.btn-gold-block:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  184 220;
    stroke-dashoffset:  -252 }
.btn-gery-border:hover  {
    color:  #000;
    background:  0 0;
    outline:  0 }
.btn-gery-border:hover ._2OcLdcCUFDkupdd7Ea0Bid  {
    stroke-dasharray:  100 120;
    stroke-dashoffset:  -175 }
}@media (min-width:992px) and (max-width:1199px)  {
    ._2OcLdcCUFDkupdd7Ea0Bid  {
    display:  none }
}@media (min-width:768px) and (max-width:991px)  {
    ._2OcLdcCUFDkupdd7Ea0Bid  {
    display:  none }
}@media (max-width:767px)  {
    ._2OcLdcCUFDkupdd7Ea0Bid  {
    display:  none }
}@media (max-width:480px)  {
    .btn-gery-border,  .btn-gold-border,  .btn-large,  .btn-regular,  .btn-small,  .btn-white-border  {
    width:  100%;
    margin-right:  0 }
.btn-gery-border.btn-mediem-xs,  .btn-gold-border.btn-mediem-xs,  .btn-large.btn-mediem-xs,  .btn-regular.btn-mediem-xs,  .btn-small.btn-mediem-xs,  .btn-white-border.btn-mediem-xs  {
    width:  100%;
    margin-right:  0 }
}body  {
    padding:  1.25em }
::-webkit-scrollbar  {
    width:  5px;
    height:  5px }
::-webkit-scrollbar-button:end:increment,  ::-webkit-scrollbar-button:start:decrement  {
    display:  none }
::-webkit-scrollbar-track-piece  {
    background-color:  #fff;
    -webkit-border-radius:  0;
    border-left:  0 solid #600758 }
::-webkit-scrollbar-thumb:vertical  {
    -webkit-border-radius:  0;
    background:  #0ec1b4 }
.slick-slide  {
    outline:  0 !important }
.menu-area  {
    background:  #fff;
    width:  100%;
    height:  100vh;
    position:  absolute;
    right:  0;
    top:  0;
    opacity:  0;
    z-index:  -1;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.menu-area ul  {
    padding:  1.875em 0 0 0;
    margin:  0;
    text-align:  center }
.menu-area ul li  {
    list-style:  none;
    margin:  1.875em 0 }
.menu-area ul li a  {
    color:  #2b2b2b;
    font-size:  4.375em;
    font-weight:  800;
    position:  relative;
    padding:  0 .3125em }
.menu-area ul li a:before  {
    content:  "";
    width:  0;
    height:  15px;
    background:  #36b4ab;
    position:  absolute;
    left:  0;
    top:  .5625em;
    opacity:  .8;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.menu-area.active  {
    opacity:  1;
    z-index:  99 }
.menu-icon  {
    display:  block;
    margin-top:  0;
    position:  absolute;
    right:  0;
    top:  0;
    background:  #fff;
    width:  3.3125em;
    height:  3.3125em;
    z-index:  999;
    cursor:  pointer }
.menu-icon span  {
    display:  block;
    position:  absolute;
    width:  50%;
    margin:  0 auto;
    height:  2px;
    background:  #131313;
    opacity:  1;
    left:  0;
    right:  0;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .25s ease-in-out;
    -moz-transition:  .25s ease-in-out;
    -o-transition:  .25s ease-in-out;
    transition:  .25s ease-in-out }
.menu-icon span:nth-child(1)  {
    top:  1.125em }
.menu-icon span:nth-child(2),  .menu-icon span:nth-child(3)  {
    top:  1.625em }
.menu-icon span:nth-child(2),  .menu-icon span:nth-child(3)  {
    top:  1.625em }
.menu-icon span:nth-child(4)  {
    top:  2.125em }
.menu-icon.cancel span:nth-child(1)  {
    top:  2.125em;
    width:  0%;
    left:  50% }
.menu-icon.cancel span:nth-child(2)  {
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg) }
.menu-icon.cancel span:nth-child(3)  {
    -webkit-transform:  rotate(-40deg);
    -moz-transform:  rotate(-40deg);
    -o-transform:  rotate(-40deg);
    transform:  rotate(-40deg) }
.menu-icon.cancel span:nth-child(4)  {
    top:  2.125em;
    width:  0%;
    left:  50% }
.banner-slider  {
    height:  60em;
    position:  relative }
.banner-slider .logo-sec  {
    margin-bottom:  5.625em }
.banner-slider .detail  {
    width:  100%;
    height:  100vh;
    text-align:  center;
    margin-top:  5.9375em;
    float:  left;
    position:  relative }
.banner-slider .banner-dot  {
    position:  absolute;
    right:  12.5em;
    top:  8.75em }
.banner-slider h4  {
    font-size:  1.5em;
    color:  #fff;
    font-weight:  600;
    text-transform:  uppercase;
    letter-spacing:  .0625em;
    margin:  0 }
.banner-slider h2  {
    font-size:  14.375em;
    color:  #fff;
    font-weight:  800;
    letter-spacing:  -.0625em;
    margin:  0 }
.banner-slider .accordion li  {
    list-style:  none;
    position:  absolute;
    overflow:  hidden }
.banner-slider .accordion  {
    max-width:  117.5em;
    height:  60em;
    margin:  0 auto;
    position:  relative;
    overflow:  hidden }
.banner-slider .list  {
    width:  117.5em;
    height:  100vh;
    background:  #51ece1;
    background:  -moz-radial-gradient(center,  ellipse cover,  #51ece1 0,  #0ec1b4 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #51ece1 0,  #0ec1b4 100%);
    background:  radial-gradient(ellipse at center,  #51ece1 0,  #0ec1b4 100%) }
.banner-slider .list.two  {
    background:  #fdc546;
    background:  -moz-radial-gradient(center,  ellipse cover,  #fdc546 0,  #f7b316 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #fdc546 0,  #f7b316 100%);
    background:  radial-gradient(ellipse at center,  #fdc546 0,  #f7b316 100%) }
.banner-slider .list.three  {
    background:  #e5474a;
    background:  -moz-radial-gradient(center,  ellipse cover,  #e5474a 0,  #c52527 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #e5474a 0,  #c52527 100%);
    background:  radial-gradient(ellipse at center,  #e5474a 0,  #c52527 100%) }
@keyframes float  {
    0%  {
    transform:  translatey(0) }
50%  {
    transform:  translatey(-20px) }
100%  {
    transform:  translatey(0) }
}.amaz-scroll  {
    font-size:  .875em;
    color:  #fff;
    text-align:  center;
    text-transform:  uppercase;
    padding:  5em 0;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  7.5em;
    animation:  float 2s ease-in-out infinite;
    margin:  0 auto;
}
.amaz-scroll:before  {
    content:  "";
    height:  3.3125em;
    width:  1px;
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    margin:  0 auto;
    background:  #fff }
.amaz-scroll:after  {
    content:  "";
    height:  3.3125em;
    width:  1px;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  0 auto;
    background:  #fff }
.amaz-scroll .dot  {
    width:  .6875em;
    height:  .6875em;
    position:  absolute;
    left:  0;
    right:  0;
    top:  1.875em;
    background:  #fff;
    margin:  0 auto;
    border-radius:  50% }
.who-we-are-sec  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    padding:  9.0625em 0;
    position:  relative }
.glimpses-of  {
    padding-top:  80px;
}
.website-design-process  {
    padding:  7.0625em 0;
    background:  #f6f6f6;
}
.website-design-process h2  {
    background:  linear-gradient(to bottom right,  #f9b416,  #41baa5);
    -webkit-background-clip:  text;
    background-clip:  text;
    -webkit-text-fill-color:  transparent;
    color:  transparent;
    margin-top:  1.3em;
}
.website-design-process h4  {
    margin:  1.4em 0 0.5em;
}
.website-design-process h4 span  {
    font-size:  0.82em;
    margin-right:  0.6em;
}
.website-design-process p  {
    line-height:  1.8em;
    margin:  1.2em 0 2em;
}
.web-design-process-box  {
    border-radius:  10px;
    padding:  2rem;
    transition:  .4s all;
    margin-bottom:  0;
    color:  #585858;
    overflow:  hidden;
    height:  100%;
    position:  relative;
}
.d-flex  {
    display:  flex;
    flex-wrap:  wrap;
}
.simple-btn  {
    background-color:  #1d8c84;
    background:  linear-gradient(to bottom right,  #f9b416,  #41baa5);
    color:  #fff;
    padding:  1em 3em;
    display:  inline-block;
    border-radius:  2em;
    font-size:  0.9em;
    transition:  .4s all;
}
.simple-btn:hover,  .simple-btn:focus  {
    background:  linear-gradient(to bottom right,  #41baa5,  #f9b416);
}
.web-design-process-box:hover  {
    background:  linear-gradient(to bottom right,  #f9b416,  #41baa5);
    box-shadow:  0 30px 90px rgb(80 186 154 / 10%);
    color:  #fff;
}
.web-design-process-box:hover img  {
    filter:  brightness(100);
    transition:  .4s all;
}
.web-design-process-box:hover:before  {
    opacity:  1;
}
.web-design-process-box:before  {
    content:  "";
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    background:  linear-gradient(to bottom right,  #f9b416,  #41baa5);
    z-index:  0;
    transition:  .4s all;
    opacity:  0;
}
.web-design-process-box .inner  {
    position:  relative;
    z-index:  1;
}
.who-we-are-sec h2  {
    margin:  0 0 1.25em 0;
    color:  #fff;
    font-weight:  700;
    position:  relative }
.who-we-are-sec h2 span  {
    position:  relative;
    z-index:  1 }
.who-we-are-sec h2 strong  {
    color:  #0ec1b4 }
.who-we-are-sec h2:before  {
    content:  "";
    width:  3.875em;
    height:  1.125em;
    background:  #3d3748;
    position:  absolute;
    left:  0;
    top:  0 }
.who-we-are-sec p  {
    color:  #fff;
    width:  80%;
    position:  relative;
    padding-left:  6.25em;
    margin-top:  1em;
}
#home-read-more-text-2  {
    width:  40%;
}
.who-we-are-sec p:before  {
    content:  "";
    position:  absolute;
    left:  0;
    top:  .8125em;
    background:  #fff;
    width:  4.375em;
    height:  1px }
.who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  12.5em }
.who-we-are-sec .dot-bg  {
    text-align:  center;
    margin-top:  5em }
.who-head  {
    position:  relative }
.who-head h3  {
    color:  #14918a;
    position:  absolute;
    left:  29%;
    top:  0;
    margin:  0;
    font-weight:  600;
    font-size:  1em;
    text-transform:  uppercase }
.who-head .triangle  {
    position:  absolute;
    right:  .625em;
    top:  0 }
.special-sec  {
    margin-top:  4.375em;
    position:  relative }
.special-sec .circle-shade  {
    position:  absolute;
    left:  -10.625em;
    top:  0;
    z-index:  2 }
.special-sec h3  {
    font-size:  1.125em;
    color:  #fff;
    font-weight:  600;
    margin-left:  14.0625em;
    position:  relative }
.special-sec h3 span  {
    position:  relative;
    z-index:  1 }
.special-sec h3:before  {
    content:  "";
    width:  7.5em;
    height:  1.75em;
    background:  #c72628;
    position:  absolute;
    left:  -.625em;
    top:  -.3125em }
.special-sec h4  {
    color:  #fff;
    font-size:  1.125em;
    margin:  1.875em 0 0 0;
    font-weight:  500;
    line-height:  1.375em }
.special-sec .special-slider  {
    margin-top:  3.75em }
.special-sec .learn-more  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em 0 0 15.625em }
.special-sec .learn-more span  {
    z-index:  1;
    position:  relative }
.special-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.marketing-sec  {
    position:  relative;
    height:  52.1875em;
    margin-top:  6.25em;
    text-align:  center }
.marketing-sec:before  {
    content:  "";
    width:  34.375em;
    border:  1px solid #716a7b;
    height:  51.875em;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    top:  0 }
.marketing-sec:after  {
    content:  "";
    width:  4.875em;
    height:  5px;
    position:  absolute;
    left:  0;
    right:  0;
    top:  -.125em;
    margin:  0 auto;
    background:  #f9b416 }
.marketing-sec h3  {
    font-size:  1.5em;
    color:  #fff;
    text-align:  center;
    text-transform:  uppercase;
    font-weight:  700;
    letter-spacing:  .1875em;
    padding-top:  1.875em }
.marketing-sec .img-sec  {
    position:  relative;
    width:  100%;
    margin-top:  3.125em }
.marketing-sec .img-sec .hub-logo  {
    position:  absolute;
    left:  5em;
    top:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    opacity:  .2 }
.marketing-sec .red-box  {
    background:  #c72628;
    width:  49.0625em;
    color:  #fff;
    font-size:  1.125em;
    line-height:  1.5625em;
    padding:  3.75em 4.375em;
    margin:  -6.875em auto 0 auto;
    position:  relative }
.marketing-sec .let-start-sec  {
    text-align:  center;
    font-size:  1.625em;
    color:  #fff;
    font-weight:  900;
    text-transform:  uppercase;
    background:  -webkit-linear-gradient(#f9b416,  #1b9999);
    -webkit-background-clip:  text;
    -webkit-text-fill-color:  transparent;
    margin-top:  17px;
    position:  relative;
    display:  inline-block }
.marketing-sec .let-start-sec:before  {
    content:  "";
    width:  .25em;
    height:  .25em;
    position:  absolute;
    left:  -1.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    background:  #f9b416 }
.marketing-sec .let-start-sec:after  {
    content:  "";
    width:  .25em;
    height:  .25em;
    position:  absolute;
    right:  -1.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    background:  #f9b416 }
.case-study-sec  {
    margin-top:  1.25em;
    position:  relative }
.case-study-sec .list  {
    height:  61.25em;
    position:  relative;
    overflow:  hidden;
    display:  none }
.case-study-sec .list.active  {
    display:  block }
.case-study-sec #tab1  {
    background:  #00a852;
    background:  -moz-radial-gradient(center,  ellipse cover,  #00a852 0,  #009343 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #00a852 0,  #009343 100%);
    background:  radial-gradient(ellipse at center,  #00a852 0,  #009343 100%) }
.case-study-sec #tab2  {
    background:  #c82729 }
.case-study-sec #tab4  {
    background:  #48225a;
}
.case-study-sec #tab5  {
    background:  url(../../assets/images/taskque-bg.jpg) no-repeat left top;
}
.case-study-sec #tab6  {
    background:  url(../../assets/images/focfulll.jpg) no-repeat center top;
}
.case-study-sec #tab7  {
    background:  #48225a;
}
.case-study-sec #tab8  {
    background:  url(../../assets/images/dubai-porcelain-bg.jpg) no-repeat left top;
}
.case-study-sec .detail-sec  {
    width:  40.625em;
    margin-top:  9.375em;
    margin-left:  8.125em;
    position:  relative;
    z-index:  2 }
.case-study-sec .detail-sec .link-btn  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    border:  1px solid #fff;
    width:  250px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  2.5em 0 0 7.5em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.case-study-sec .detail-sec .link-btn span  {
    z-index:  1;
    position:  relative }
.case-study-sec .detail-sec .link-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.case-study-sec .num  {
    font-size:  26.25em;
    color:  #fff;
    opacity:  .1;
    position:  absolute;
    left:  -.625em;
    top:  -.25em;
    font-weight:  700 }
.case-study-sec h3  {
    text-transform:  uppercase;
    color:  #fff;
    font-size:  1em;
    font-weight:  500;
    margin:  0;
    letter-spacing:  .1875em }
.case-study-sec h2  {
    font-size:  7.5em;
    color:  #fff;
    font-weight:  700;
    letter-spacing:  -.0625em;
    line-height:  .9375em;
    margin:  .375em 0 0 0 }
.case-study-sec p  {
    color:  #fff;
    padding:  0 0 0 6.25em;
    margin-top:  3.75em;
    font-weight:  500;
    position:  relative }
.case-study-sec .plus-icon  {
    position:  absolute;
    left:  1.875em;
    top:  .3125em }
.case-study-sec .pizza-img  {
    position:  absolute !important;
    right:  9.375em !important;
    bottom:  -6.25em !important }
.case-study-sec .tomato-img  {
    position:  absolute !important;
    left:  .625em !important;
    bottom:  -10.625em !important }
.case-study-sec .nav-sec  {
    position:  absolute;
    right:  9.375em;
    top:  6.25em;
    z-index:  4;
}
.case-study-sec .nav-sec ul  {
    margin:  0;
    padding:  0 }
.case-study-sec .nav-sec ul li  {
    color:  #fff;
    font-weight:  600;
    font-size:  1.125em;
    text-transform:  uppercase;
    list-style:  none;
    text-align:  right;
    margin:  .9375em 0;
    letter-spacing:  .0625em }
.case-study-sec .nav-sec ul li a  {
    color:  #fff;
    opacity:  .5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.case-study-sec .nav-sec ul li a span  {
    display:  inline-block;
    padding:  .1875em .3125em;
    margin-left:  1.25em;
    border:  1px solid transparent;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.case-study-sec .nav-sec ul li.active a  {
    opacity:  1 }
.case-study-sec .nav-sec ul li.active a span  {
    border:  1px solid #fff }
.our-work-sec  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    padding:  7.5em 0 0 0;
    margin-top:  1.25em }
.our-work-sec h4  {
    color:  #0ec1b4;
    font-size:  1em;
    margin:  0;
    font-weight:  500 }
.our-work-sec h2  {
    font-size:  2.875em;
    color:  #fff;
    margin:  .9375em 0 0 0;
    font-weight:  700 }
.our-work-sec .who-dot  {
    margin-top:  3.125em }
.our-work-sec .slider-area  {
    margin-top:  3.75em;
    padding-left:  11.4375em }
.our-work-sec .slider-area .thumb-slider .box  {
    margin-right:  1.6875em;
    background:  #0ec1b4;
    position:  relative;
    overflow:  hidden }
.our-work-sec .slider-area .thumb-slider .box:before  {
    content:  "";
    width:  0;
    height:  0;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    border:  15px solid #0ec1b4;
    opacity:  0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.our-work-sec .tabbing-slider  {
    border-bottom:  1px solid #a89fb5;
    margin-right:  8.75em }
.our-work-sec .tabbing-slider .box  {
    font-weight:  700;
    font-size:  1.5em;
    color:  #fff;
    text-transform:  uppercase;
    text-align:  center;
    position:  relative;
    padding:  2.5em 0 }
.our-work-sec .tabbing-slider .box:before  {
    content:  "";
    width:  0;
    height:  2px;
    background:  #fff;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  -1px;
    margin:  0 auto;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.project-sec  {
    text-align:  center;
    margin-top:  9.375em }
.project-sec h4  {
    color:  #f9b416;
    font-weight:  600;
    text-transform:  uppercase;
    font-size:  1em;
    margin:  0;
    letter-spacing:  .3125em }
.project-sec h2  {
    margin:  .625em 0 0 0;
    font-size:  4.0625em;
    font-weight:  900 }
.project-sec .project-dot  {
    margin-top:  4.375em }
.project-sec .request-btn  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em auto 0 auto }
.project-sec .request-btn span  {
    z-index:  1;
    position:  relative }
.project-sec .request-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.goal-sec  {
    padding:  8.125em 0;
    position:  relative;
    overflow:  hidden }
.goal-sec:before  {
    content:  "";
    width:  50%;
    position:  absolute;
    left:  0;
    top:  0;
    height:  100%;
    z-index:  -2;
    background:  #f1fbfa }
.goal-sec:after  {
    content:  "";
    width:  100.5625em;
    height:  50.8125em;
    position:  absolute;
    right:  -1.625em;
    top:  11.25em;
    z-index:  -1;
    background:  url(../../assets/images/multi-img.png) no-repeat }
.goal-sec h4  {
    font-size:  1em;
    color:  #c72628;
    margin:  0;
    font-weight:  600 }
.goal-sec h2  {
    color:  #231e2b;
    font-weight:  800;
    margin:  1em 0;
    font-size:  2.9375em;
    position:  relative;
    z-index:  2 }
.dcol-heading  {
    color:  #231e2b;
    font-weight:  800;
    margin:  1em 0;
    font-size:  31px;
    position:  relative;
    z-index:  2 }
.goal-sec p  {
    padding-left:  6.25em;
    color:  #000;
    width:  80%;
    position:  relative }
.goal-sec p:before  {
    content:  "";
    position:  absolute;
    left:  0;
    top:  .8125em;
    background:  #000;
    width:  4.375em;
    height:  1px }
.goal-sec .learn-more  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  1.875em 0 0 7.375em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.goal-sec .learn-more span  {
    z-index:  1;
    position:  relative }
.goal-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.goal-sec .red-box  {
    font-size:  1.25em;
    color:  #c72628;
    font-weight:  600;
    text-transform:  uppercase;
    margin-top:  7.5em }
.goal-sec .num-sec  {
    font-weight:  600;
    font-size:  1.25em;
    color:  #231e2b;
    text-transform:  uppercase;
    text-align:  center;
    margin-top:  1.875em }
.goal-sec .num-sec span  {
    display:  block;
    font-size:  4.375em;
    font-weight:  800 }
.goal-sec .object-sec  {
    margin-top:  12.1875em }
.goal-sec .object-sec .learn-more  {
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  19.3125em }
.goal-sec .object-sec .img-sec  {
    position:  relative }
.goal-sec .object-sec .img-sec img  {
    position:  absolute;
    left:  -8.75em;
    top:  0 }
@media (min-width:1601px) and (max-width:1899px)  {
    .amaz-scroll  {
    bottom:  10.5em !important;
}
}
@media (min-width:1401px) and (max-width:1600px)  {
    body  {
    font-size:  13px }
.who-we-are-sec h2 br  {
    display:  none }
.marketing-sec .img-sec .hub-logo img  {
    width:  90% }
.case-study-sec .pizza-img img  {
    width:  90% }
.goal-sec .num-sec  {
    margin-top:  5em }
.banner-slider .accordion  {
    max-width:  100% }
.sticky-top-contact-bar>ul  {
    display:  flex;
    justify-content:  flex-end;
}
}
@media (min-width:980px) and (max-width:1400px)  {
    body  {
    font-size:  11px }
.learn-more  {
    line-height:  2.625em }
.goal-sec .num-sec  {
    margin-top:  8.125em }
.container  {
    width:  90% !important }
.who-we-are-sec h2 br  {
    display:  none }
.special-sec .learn-more  {
    line-height:  2.8125em }
.marketing-sec  {
    height:  auto }
.marketing-sec .img-sec .hub-logo img  {
    width:  90% }
.case-study-sec .pizza-img img  {
    width:  70% }
.case-study-sec .tomato-img img  {
    width:  80% }
.case-study-sec .detail-sec .link-btn  {
    line-height:  2.8125em }
.goal-sec .num-sec  {
    margin-top:  2.1875em }
.goal-sec:before  {
    width:  52% }
.goal-sec:after  {
    background-size:  cover }
.banner-slider .accordion  {
    max-width:  100% }
.bayswater-caseStudy .mtcenter img.img-responsive,  .sec4img img  {
    left:  0px !important;
    width:  100%;
    height:  auto;
}
}
@media (min-width:992px) and (max-width:1199px)  {
    body  {
    font-size:  10px }
.case-study-sec .pizza-img,  .case-study-sec .tomato-img  {
    display:  none }
.goal-sec:before  {
    width:  100% }
.goal-sec:after  {
    display:  none }
.banner-slider .list  {
    width:  100em }
.banner-slider .banner-dot  {
    display:  none }
.marketing-sec .img-sec  {
    width:  80%;
    margin:  0 auto }
.marketing-sec .img-sec img  {
    width:  100% }
.goal-sec .object-sec .img-sec img  {
    width:  100% }
.our-work-sec .slider-area  {
    padding-left:  7.5em;
    font-size:  8px }
.project-sec .request-btn  {
    line-height:  2.625em }
.bayswater-caseStudy .head_sec p  {
    padding:  0 0em 0em 0em !important;
}
}
@media (min-width:768px) and (max-width:991px)  {
    body  {
    font-size:  9px }
.case-study-sec .pizza-img,  .case-study-sec .tomato-img  {
    display:  none }
.goal-sec:before  {
    display:  none }
.goal-sec:after  {
    display:  none }
.banner-slider .list  {
    width:  100% }
.banner-slider .banner-dot  {
    display:  none }
.marketing-sec .img-sec  {
    width:  80%;
    margin:  0 auto }
.marketing-sec .img-sec img  {
    width:  100% }
.goal-sec .object-sec .img-sec img  {
    width:  100% }
.our-work-sec .slider-area  {
    padding-left:  7.5em;
    font-size:  8px }
.project-sec .request-btn  {
    font-size:  1.5em;
    line-height:  1.875em }
.banner-slider .detail  {
    font-size:  .625em }
.special-sec .circle-shade  {
    display:  none }
.who-we-are-sec .dot-bg,  .who-we-are-sec .line  {
    display:  none }
.who-head h3  {
    position:  inherit;
    left:  0;
    margin-bottom:  .9375em }
.special-sec h3  {
    margin-left:  0;
    font-size:  1.5625em }
.special-sec .learn-more  {
    font-size:  1.375em;
    margin:  3.125em 0 0 0;
    line-height:  2.1875em }
.case-study-sec .plus-icon  {
    display:  none }
.goal-sec .num-sec,  .goal-sec .red-box  {
    display:  none }
.who-we-are-sec  {
    overflow-x:  hidden }
.goal-sec .learn-more  {
    font-size:  1.8125em;
    margin-left:  0 }
.goal-sec h4  {
    font-size:  1.875em }
.goal-sec .object-sec .img-sec  {
    display:  none }
.marketing-sec:before  {
    display:  none }
.banner-slider .accordion  {
    max-width:  100% }
.banner-slider .accordion li  {
    width:  100% }
.case-study-sec .detail-sec .link-btn  {
    font-size:  1.4375em;
    margin-left:  0 }
.bayswater-caseStudy .mtcenter img.img-responsive,  .sec4img img  {
    left:  0px !important;
    width:  100%;
    height:  auto;
}
.bayswater-caseStudy .head_sec p  {
    padding:  0 0em 0em 0em !important;
}
.bayswater-caseStudy .res_precent  {
    font-size:  3em !important;
}
.bayswater-caseStudy .inner-banner  {
    height:  48.6875em;
}
.bayswater-caseStudy .qoute-sec  {
    margin-top:  10.375em;
    padding-bottom:  0.375em;
}
.bayswater-caseStudy .results_section.results_section4 .img-responsive  {
    bottom:  -88px;
}
}
@media (max-width:767px)  {
    body  {
    font-size:  9px }
.case-study-sec .pizza-img,  .case-study-sec .tomato-img  {
    display:  none }
.goal-sec:before  {
    display:  none }
.goal-sec:after  {
    display:  none }
.banner-slider .list  {
    width:  100% }
.banner-slider .banner-dot  {
    display:  none }
.marketing-sec .img-sec  {
    width:  80%;
    margin:  0 auto }
.marketing-sec .img-sec img  {
    width:  100% }
.goal-sec .object-sec .img-sec img  {
    width:  100% }
.our-work-sec .thumb-slider .box  {
    margin:  0 !important }
.our-work-sec .thumb-slider .box img  {
    width:  100% }
.our-work-sec .slider-area  {
    padding:  0 1.25em;
    font-size:  8px }
.project-sec .request-btn  {
    font-size:  1.3125em;
    margin:  1.875em auto 0 auto;
    width:  18.75em;
    padding:  .625em 0;
    height:  3.125em;
    background:  0 0;
    border:  1px solid #f9b416 }
.banner-slider .detail  {
    font-size:  .625em }
.special-sec .circle-shade  {
    display:  none }
.who-we-are-sec .dot-bg,  .who-we-are-sec .line  {
    display:  none }
.who-head h3  {
    position:  inherit;
    left:  0;
    margin-bottom:  .9375em }
.special-sec h3  {
    margin-left:  0;
    font-size:  1.5625em }
.special-sec .learn-more  {
    font-size:  1.375em;
    margin:  3.125em 0 0 0;
    line-height:  2.1875em }
.case-study-sec .plus-icon  {
    display:  none }
.goal-sec .num-sec,  .goal-sec .red-box  {
    display:  none }
.who-we-are-sec  {
    overflow-x:  hidden }
.goal-sec  {
    text-align:  center;
    padding:  3.125em 0 }
.goal-sec h2  {
    font-size:  1.875em }
.goal-sec p  {
    padding:  0;
    width:  auto }
.goal-sec p:before  {
    display:  none }
.goal-sec .learn-more  {
    font-size:  1.4375em;
    margin:  1.25em auto 0 auto;
    width:  14.375em;
    padding:  .625em 0;
    height:  3.125em;
    background:  0 0;
    border:  1px solid #c72628 }
.goal-sec h4  {
    font-size:  1.875em }
.goal-sec .object-sec  {
    margin-top:  4.375em }
.goal-sec .object-sec .img-sec  {
    display:  none }
.goal-sec .object-sec .learn-more  {
    font-size:  1.4375em;
    margin:  1.25em auto 0 auto;
    width:  18.75em;
    padding:  .625em 0;
    height:  3.125em;
    background:  0 0;
    border:  1px solid #c72628 }
.marketing-sec:before  {
    display:  none }
.banner-slider .accordion  {
    max-width:  100% }
.banner-slider .accordion li  {
    width:  100% }
.banner-slider .accordion li.hide-mob  {
    display:  none }
.case-study-sec .detail-sec .link-btn  {
    font-size:  1.4375em;
    margin:  1.25em auto 0 auto;
    width:  14.375em;
    padding:  .625em 0;
    height:  3.125em }
.case-study-sec .num  {
    display:  none }
.banner-slider  {
    height:  34.375em }
.banner-slider h2  {
    font-size:  9.375em;
    margin-top:  .3125em }
.banner-slider h4  {
    font-size:  2.5em }
.who-head .triangle  {
    display:  none }
.who-we-are-sec h2  {
    font-size:  1.875em }
.special-sec h3  {
    text-align:  center }
.special-sec h3:before  {
    left:  0;
    right:  0;
    margin:  0 auto }
.special-sec .learn-more  {
    margin:  3.125em auto 0 auto }
.special-sec .list  {
    text-align:  center }
.special-sec .list img  {
    display:  inline-block }
.marketing-sec  {
    height:  auto }
.marketing-sec .red-box  {
    width:  100%;
    margin-top:  0 }
.marketing-sec .img-sec .hub-logo  {
    display:  none }
.case-study-sec .list  {
    height:  auto;
    padding-bottom:  3.125em }
.case-study-sec .nav-sec  {
    right:  1.875em;
    top:  1.875em }
.case-study-sec .detail-sec  {
    width:  100%;
    margin-left:  0;
    margin-top:  21.875em;
    text-align:  center;
    padding:  0 1.875em }
.case-study-sec h2  {
    font-size:  3.125em }
.case-study-sec h2 br  {
    display:  none }
.case-study-sec p  {
    padding-left:  0;
    margin-top:  1.25em }
.our-work-sec .tabbing-slider  {
    display:  none }
.project-sec h2  {
    font-size:  3.125em }
.our-work-sec h4  {
    font-size:  1.25em }
.bayswater-caseStudy .mtcenter img.img-responsive,  .sec4img img  {
    left:  0px !important;
    width:  100%;
    height:  auto;
}
.bayswater-caseStudy .head_sec p  {
    padding:  0 0em 0em 0em !important;
}
.bayswater-caseStudy .res_precent  {
    font-size:  2.1em !important;
}
.bayswater-caseStudy .results_section3 .mt p br  {
    display:  none;
}
.bayswater-caseStudy .row.mob-div  {
    display:  flex;
    flex-direction:  column-reverse;
}
.bayswater-caseStudy .proud-result-sec .box  {
    padding:  50px 10px 20px 10px;
}
.bayswater-caseStudy.case-study .qoute-sec  {
    margin-top:  3.375em;
    padding-bottom:  4em;
}
.bayswater-caseStudy.case-study .inner-banner  {
    height:  45.6875em;
}
.bayswater-caseStudy .box p img  {
    width:  100%;
    height:  auto;
}
.bayswater-caseStudy .focp-banner .banner-detail-sec  {
    width:  100% !important;
}
.bayswater-caseStudy .results_section  {
    padding:  10px 0 20px !important;
}
.bayswater-caseStudy .results_section .head_sec h2  {
    padding:  25px 0 5px !important;
}
.bayswater-caseStudy .mt.met  {
    margin-top:  2em !important;
}
.bayswater-caseStudy .results_section .img-responsive  {
    bottom:  0 !important;
}
.bayswater-caseStudy .results_section3 .img-responsive  {
    bottom:  0 !important;
}
.bayswater-caseStudy .results_section.results_section4 .img-responsive  {
    bottom:  -20px !important;
}
}
.animated  {
    -webkit-animation-duration:  1s;
    animation-duration:  1s;
    -webkit-animation-fill-mode:  both;
    animation-fill-mode:  both }
.animated.hinge  {
    -webkit-animation-duration:  2s;
    animation-duration:  2s }
@-webkit-keyframes bounce  {
    0%,  100%,  20%,  50%,  80%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
40%  {
    -webkit-transform:  translateY(-30px);
    transform:  translateY(-30px) }
60%  {
    -webkit-transform:  translateY(-15px);
    transform:  translateY(-15px) }
}@keyframes bounce  {
    0%,  100%,  20%,  50%,  80%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
40%  {
    -webkit-transform:  translateY(-30px);
    -ms-transform:  translateY(-30px);
    transform:  translateY(-30px) }
60%  {
    -webkit-transform:  translateY(-15px);
    -ms-transform:  translateY(-15px);
    transform:  translateY(-15px) }
}.bounce  {
    -webkit-animation-name:  bounce;
    animation-name:  bounce }
@-webkit-keyframes flash  {
    0%,  100%,  50%  {
    opacity:  1 }
25%,  75%  {
    opacity:  0 }
}@keyframes flash  {
    0%,  100%,  50%  {
    opacity:  1 }
25%,  75%  {
    opacity:  0 }
}.flash  {
    -webkit-animation-name:  flash;
    animation-name:  flash }
@-webkit-keyframes pulse  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
50%  {
    -webkit-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
}@keyframes pulse  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
50%  {
    -webkit-transform:  scale(1.1);
    -ms-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
}.pulse  {
    -webkit-animation-name:  pulse;
    animation-name:  pulse }
@-webkit-keyframes rubberBand  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
30%  {
    -webkit-transform:  scaleX(1.25) scaleY(.75);
    transform:  scaleX(1.25) scaleY(.75) }
40%  {
    -webkit-transform:  scaleX(.75) scaleY(1.25);
    transform:  scaleX(.75) scaleY(1.25) }
60%  {
    -webkit-transform:  scaleX(1.15) scaleY(.85);
    transform:  scaleX(1.15) scaleY(.85) }
100%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
}@keyframes rubberBand  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
30%  {
    -webkit-transform:  scaleX(1.25) scaleY(.75);
    -ms-transform:  scaleX(1.25) scaleY(.75);
    transform:  scaleX(1.25) scaleY(.75) }
40%  {
    -webkit-transform:  scaleX(.75) scaleY(1.25);
    -ms-transform:  scaleX(.75) scaleY(1.25);
    transform:  scaleX(.75) scaleY(1.25) }
60%  {
    -webkit-transform:  scaleX(1.15) scaleY(.85);
    -ms-transform:  scaleX(1.15) scaleY(.85);
    transform:  scaleX(1.15) scaleY(.85) }
100%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
}.rubberBand  {
    -webkit-animation-name:  rubberBand;
    animation-name:  rubberBand }
@-webkit-keyframes shake  {
    0%,  100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
10%,  30%,  50%,  70%,  90%  {
    -webkit-transform:  translateX(-10px);
    transform:  translateX(-10px) }
20%,  40%,  60%,  80%  {
    -webkit-transform:  translateX(10px);
    transform:  translateX(10px) }
}@keyframes shake  {
    0%,  100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
10%,  30%,  50%,  70%,  90%  {
    -webkit-transform:  translateX(-10px);
    -ms-transform:  translateX(-10px);
    transform:  translateX(-10px) }
20%,  40%,  60%,  80%  {
    -webkit-transform:  translateX(10px);
    -ms-transform:  translateX(10px);
    transform:  translateX(10px) }
}.shake  {
    -webkit-animation-name:  shake;
    animation-name:  shake }
@-webkit-keyframes swing  {
    20%  {
    -webkit-transform:  rotate(15deg);
    transform:  rotate(15deg) }
40%  {
    -webkit-transform:  rotate(-10deg);
    transform:  rotate(-10deg) }
60%  {
    -webkit-transform:  rotate(5deg);
    transform:  rotate(5deg) }
80%  {
    -webkit-transform:  rotate(-5deg);
    transform:  rotate(-5deg) }
100%  {
    -webkit-transform:  rotate(0);
    transform:  rotate(0) }
}@keyframes swing  {
    20%  {
    -webkit-transform:  rotate(15deg);
    -ms-transform:  rotate(15deg);
    transform:  rotate(15deg) }
40%  {
    -webkit-transform:  rotate(-10deg);
    -ms-transform:  rotate(-10deg);
    transform:  rotate(-10deg) }
60%  {
    -webkit-transform:  rotate(5deg);
    -ms-transform:  rotate(5deg);
    transform:  rotate(5deg) }
80%  {
    -webkit-transform:  rotate(-5deg);
    -ms-transform:  rotate(-5deg);
    transform:  rotate(-5deg) }
100%  {
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0) }
}.swing  {
    -webkit-transform-origin:  top center;
    -ms-transform-origin:  top center;
    transform-origin:  top center;
    -webkit-animation-name:  swing;
    animation-name:  swing }
@-webkit-keyframes tada  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
10%,  20%  {
    -webkit-transform:  scale(.9) rotate(-3deg);
    transform:  scale(.9) rotate(-3deg) }
30%,  50%,  70%,  90%  {
    -webkit-transform:  scale(1.1) rotate(3deg);
    transform:  scale(1.1) rotate(3deg) }
40%,  60%,  80%  {
    -webkit-transform:  scale(1.1) rotate(-3deg);
    transform:  scale(1.1) rotate(-3deg) }
100%  {
    -webkit-transform:  scale(1) rotate(0);
    transform:  scale(1) rotate(0) }
}@keyframes tada  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
10%,  20%  {
    -webkit-transform:  scale(.9) rotate(-3deg);
    -ms-transform:  scale(.9) rotate(-3deg);
    transform:  scale(.9) rotate(-3deg) }
30%,  50%,  70%,  90%  {
    -webkit-transform:  scale(1.1) rotate(3deg);
    -ms-transform:  scale(1.1) rotate(3deg);
    transform:  scale(1.1) rotate(3deg) }
40%,  60%,  80%  {
    -webkit-transform:  scale(1.1) rotate(-3deg);
    -ms-transform:  scale(1.1) rotate(-3deg);
    transform:  scale(1.1) rotate(-3deg) }
100%  {
    -webkit-transform:  scale(1) rotate(0);
    -ms-transform:  scale(1) rotate(0);
    transform:  scale(1) rotate(0) }
}.tada  {
    -webkit-animation-name:  tada;
    animation-name:  tada }
@-webkit-keyframes wobble  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
15%  {
    -webkit-transform:  translateX(-25%) rotate(-5deg);
    transform:  translateX(-25%) rotate(-5deg) }
30%  {
    -webkit-transform:  translateX(20%) rotate(3deg);
    transform:  translateX(20%) rotate(3deg) }
45%  {
    -webkit-transform:  translateX(-15%) rotate(-3deg);
    transform:  translateX(-15%) rotate(-3deg) }
60%  {
    -webkit-transform:  translateX(10%) rotate(2deg);
    transform:  translateX(10%) rotate(2deg) }
75%  {
    -webkit-transform:  translateX(-5%) rotate(-1deg);
    transform:  translateX(-5%) rotate(-1deg) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes wobble  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
15%  {
    -webkit-transform:  translateX(-25%) rotate(-5deg);
    -ms-transform:  translateX(-25%) rotate(-5deg);
    transform:  translateX(-25%) rotate(-5deg) }
30%  {
    -webkit-transform:  translateX(20%) rotate(3deg);
    -ms-transform:  translateX(20%) rotate(3deg);
    transform:  translateX(20%) rotate(3deg) }
45%  {
    -webkit-transform:  translateX(-15%) rotate(-3deg);
    -ms-transform:  translateX(-15%) rotate(-3deg);
    transform:  translateX(-15%) rotate(-3deg) }
60%  {
    -webkit-transform:  translateX(10%) rotate(2deg);
    -ms-transform:  translateX(10%) rotate(2deg);
    transform:  translateX(10%) rotate(2deg) }
75%  {
    -webkit-transform:  translateX(-5%) rotate(-1deg);
    -ms-transform:  translateX(-5%) rotate(-1deg);
    transform:  translateX(-5%) rotate(-1deg) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.wobble  {
    -webkit-animation-name:  wobble;
    animation-name:  wobble }
@-webkit-keyframes bounceIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    transform:  scale(.3) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.05);
    transform:  scale(1.05) }
70%  {
    -webkit-transform:  scale(.9);
    transform:  scale(.9) }
100%  {
    opacity:  1;
    -webkit-transform:  scale(1);
    transform:  scale(1) }
}@keyframes bounceIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    -ms-transform:  scale(.3);
    transform:  scale(.3) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.05);
    -ms-transform:  scale(1.05);
    transform:  scale(1.05) }
70%  {
    -webkit-transform:  scale(.9);
    -ms-transform:  scale(.9);
    transform:  scale(.9) }
100%  {
    opacity:  1;
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
}.bounceIn  {
    -webkit-animation-name:  bounceIn;
    animation-name:  bounceIn }
@-webkit-keyframes bounceInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(30px);
    transform:  translateY(30px) }
80%  {
    -webkit-transform:  translateY(-10px);
    transform:  translateY(-10px) }
100%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes bounceInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(30px);
    -ms-transform:  translateY(30px);
    transform:  translateY(30px) }
80%  {
    -webkit-transform:  translateY(-10px);
    -ms-transform:  translateY(-10px);
    transform:  translateY(-10px) }
100%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.bounceInDown  {
    -webkit-animation-name:  bounceInDown;
    animation-name:  bounceInDown }
@-webkit-keyframes bounceInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(30px);
    transform:  translateX(30px) }
80%  {
    -webkit-transform:  translateX(-10px);
    transform:  translateX(-10px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes bounceInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(30px);
    -ms-transform:  translateX(30px);
    transform:  translateX(30px) }
80%  {
    -webkit-transform:  translateX(-10px);
    -ms-transform:  translateX(-10px);
    transform:  translateX(-10px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.bounceInLeft  {
    -webkit-animation-name:  bounceInLeft;
    animation-name:  bounceInLeft }
@-webkit-keyframes bounceInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(-30px);
    transform:  translateX(-30px) }
80%  {
    -webkit-transform:  translateX(10px);
    transform:  translateX(10px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes bounceInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(-30px);
    -ms-transform:  translateX(-30px);
    transform:  translateX(-30px) }
80%  {
    -webkit-transform:  translateX(10px);
    -ms-transform:  translateX(10px);
    transform:  translateX(10px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.bounceInRight  {
    -webkit-animation-name:  bounceInRight;
    animation-name:  bounceInRight }
@-webkit-keyframes bounceInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(-30px);
    transform:  translateY(-30px) }
80%  {
    -webkit-transform:  translateY(10px);
    transform:  translateY(10px) }
100%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes bounceInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(-30px);
    -ms-transform:  translateY(-30px);
    transform:  translateY(-30px) }
80%  {
    -webkit-transform:  translateY(10px);
    -ms-transform:  translateY(10px);
    transform:  translateY(10px) }
100%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.bounceInUp  {
    -webkit-animation-name:  bounceInUp;
    animation-name:  bounceInUp }
@-webkit-keyframes bounceOut  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
25%  {
    -webkit-transform:  scale(.95);
    transform:  scale(.95) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    transform:  scale(.3) }
}@keyframes bounceOut  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
25%  {
    -webkit-transform:  scale(.95);
    -ms-transform:  scale(.95);
    transform:  scale(.95) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.1);
    -ms-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    -ms-transform:  scale(.3);
    transform:  scale(.3) }
}.bounceOut  {
    -webkit-animation-name:  bounceOut;
    animation-name:  bounceOut }
@-webkit-keyframes bounceOutDown  {
    0%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}@keyframes bounceOutDown  {
    0%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(-20px);
    -ms-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}.bounceOutDown  {
    -webkit-animation-name:  bounceOutDown;
    animation-name:  bounceOutDown }
@-webkit-keyframes bounceOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}@keyframes bounceOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(20px);
    -ms-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}.bounceOutLeft  {
    -webkit-animation-name:  bounceOutLeft;
    animation-name:  bounceOutLeft }
@-webkit-keyframes bounceOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}@keyframes bounceOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(-20px);
    -ms-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}.bounceOutRight  {
    -webkit-animation-name:  bounceOutRight;
    animation-name:  bounceOutRight }
@-webkit-keyframes bounceOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}@keyframes bounceOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(20px);
    -ms-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}.bounceOutUp  {
    -webkit-animation-name:  bounceOutUp;
    animation-name:  bounceOutUp }
@-webkit-keyframes fadeIn  {
    0%  {
    opacity:  0 }
100%  {
    opacity:  1 }
}@keyframes fadeIn  {
    0%  {
    opacity:  0 }
100%  {
    opacity:  1 }
}.fadeIn  {
    -webkit-animation-name:  fadeIn;
    animation-name:  fadeIn }
@-webkit-keyframes fadeInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    -ms-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInDown  {
    -webkit-animation-name:  fadeInDown;
    animation-name:  fadeInDown }
@-webkit-keyframes fadeInDownBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInDownBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInDownBig  {
    -webkit-animation-name:  fadeInDownBig;
    animation-name:  fadeInDownBig }
@-webkit-keyframes fadeInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    -ms-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInLeft  {
    -webkit-animation-name:  fadeInLeft;
    animation-name:  fadeInLeft }
@-webkit-keyframes fadeInLeftBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInLeftBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInLeftBig  {
    -webkit-animation-name:  fadeInLeftBig;
    animation-name:  fadeInLeftBig }
@-webkit-keyframes fadeInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    -ms-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInRight  {
    -webkit-animation-name:  fadeInRight;
    animation-name:  fadeInRight }
@-webkit-keyframes fadeInRightBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInRightBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInRightBig  {
    -webkit-animation-name:  fadeInRightBig;
    animation-name:  fadeInRightBig }
@-webkit-keyframes fadeInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    -ms-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInUp  {
    -webkit-animation-name:  fadeInUp;
    animation-name:  fadeInUp }
@-webkit-keyframes fadeInUpBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInUpBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInUpBig  {
    -webkit-animation-name:  fadeInUpBig;
    animation-name:  fadeInUpBig }
@-webkit-keyframes fadeOut  {
    0%  {
    opacity:  1 }
100%  {
    opacity:  0 }
}@keyframes fadeOut  {
    0%  {
    opacity:  1 }
100%  {
    opacity:  0 }
}.fadeOut  {
    -webkit-animation-name:  fadeOut;
    animation-name:  fadeOut }
@-webkit-keyframes fadeOutDown  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    transform:  translateY(20px) }
}@keyframes fadeOutDown  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    -ms-transform:  translateY(20px);
    transform:  translateY(20px) }
}.fadeOutDown  {
    -webkit-animation-name:  fadeOutDown;
    animation-name:  fadeOutDown }
@-webkit-keyframes fadeOutDownBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}@keyframes fadeOutDownBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}.fadeOutDownBig  {
    -webkit-animation-name:  fadeOutDownBig;
    animation-name:  fadeOutDownBig }
@-webkit-keyframes fadeOutLeft  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    transform:  translateX(-20px) }
}@keyframes fadeOutLeft  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    -ms-transform:  translateX(-20px);
    transform:  translateX(-20px) }
}.fadeOutLeft  {
    -webkit-animation-name:  fadeOutLeft;
    animation-name:  fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}@keyframes fadeOutLeftBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}.fadeOutLeftBig  {
    -webkit-animation-name:  fadeOutLeftBig;
    animation-name:  fadeOutLeftBig }
@-webkit-keyframes fadeOutRight  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    transform:  translateX(20px) }
}@keyframes fadeOutRight  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    -ms-transform:  translateX(20px);
    transform:  translateX(20px) }
}.fadeOutRight  {
    -webkit-animation-name:  fadeOutRight;
    animation-name:  fadeOutRight }
@-webkit-keyframes fadeOutRightBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}@keyframes fadeOutRightBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}.fadeOutRightBig  {
    -webkit-animation-name:  fadeOutRightBig;
    animation-name:  fadeOutRightBig }
@-webkit-keyframes fadeOutUp  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    transform:  translateY(-20px) }
}@keyframes fadeOutUp  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    -ms-transform:  translateY(-20px);
    transform:  translateY(-20px) }
}.fadeOutUp  {
    -webkit-animation-name:  fadeOutUp;
    animation-name:  fadeOutUp }
@-webkit-keyframes fadeOutUpBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}@keyframes fadeOutUpBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}.fadeOutUpBig  {
    -webkit-animation-name:  fadeOutUpBig;
    animation-name:  fadeOutUpBig }
@-webkit-keyframes flip  {
    0%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
40%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
50%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
80%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
100%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
}@keyframes flip  {
    0%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
40%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
50%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
80%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
100%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
}.animated.flip  {
    -webkit-backface-visibility:  visible;
    -ms-backface-visibility:  visible;
    backface-visibility:  visible;
    -webkit-animation-name:  flip;
    animation-name:  flip }
@-webkit-keyframes flipInX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateX(-10deg);
    transform:  perspective(400px) rotateX(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateX(10deg);
    transform:  perspective(400px) rotateX(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
}@keyframes flipInX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    -ms-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateX(-10deg);
    -ms-transform:  perspective(400px) rotateX(-10deg);
    transform:  perspective(400px) rotateX(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateX(10deg);
    -ms-transform:  perspective(400px) rotateX(10deg);
    transform:  perspective(400px) rotateX(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    -ms-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
}.flipInX  {
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important;
    -webkit-animation-name:  flipInX;
    animation-name:  flipInX }
@-webkit-keyframes flipInY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateY(-10deg);
    transform:  perspective(400px) rotateY(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateY(10deg);
    transform:  perspective(400px) rotateY(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
}@keyframes flipInY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    -ms-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateY(-10deg);
    -ms-transform:  perspective(400px) rotateY(-10deg);
    transform:  perspective(400px) rotateY(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateY(10deg);
    -ms-transform:  perspective(400px) rotateY(10deg);
    transform:  perspective(400px) rotateY(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    -ms-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
}.flipInY  {
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important;
    -webkit-animation-name:  flipInY;
    animation-name:  flipInY }
@-webkit-keyframes flipOutX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
}@keyframes flipOutX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    -ms-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    -ms-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
}.flipOutX  {
    -webkit-animation-name:  flipOutX;
    animation-name:  flipOutX;
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important }
@-webkit-keyframes flipOutY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
}@keyframes flipOutY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    -ms-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    -ms-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
}.flipOutY  {
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important;
    -webkit-animation-name:  flipOutY;
    animation-name:  flipOutY }
@-webkit-keyframes lightSpeedIn  {
    0%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
60%  {
    -webkit-transform:  translateX(-20%) skewX(30deg);
    transform:  translateX(-20%) skewX(30deg);
    opacity:  1 }
80%  {
    -webkit-transform:  translateX(0) skewX(-15deg);
    transform:  translateX(0) skewX(-15deg);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
}@keyframes lightSpeedIn  {
    0%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    -ms-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
60%  {
    -webkit-transform:  translateX(-20%) skewX(30deg);
    -ms-transform:  translateX(-20%) skewX(30deg);
    transform:  translateX(-20%) skewX(30deg);
    opacity:  1 }
80%  {
    -webkit-transform:  translateX(0) skewX(-15deg);
    -ms-transform:  translateX(0) skewX(-15deg);
    transform:  translateX(0) skewX(-15deg);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(0) skewX(0);
    -ms-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
}.lightSpeedIn  {
    -webkit-animation-name:  lightSpeedIn;
    animation-name:  lightSpeedIn;
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
@-webkit-keyframes lightSpeedOut  {
    0%  {
    -webkit-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
}@keyframes lightSpeedOut  {
    0%  {
    -webkit-transform:  translateX(0) skewX(0);
    -ms-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    -ms-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
}.lightSpeedOut  {
    -webkit-animation-name:  lightSpeedOut;
    animation-name:  lightSpeedOut;
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
@-webkit-keyframes rotateIn  {
    0%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(-200deg);
    transform:  rotate(-200deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateIn  {
    0%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(-200deg);
    -ms-transform:  rotate(-200deg);
    transform:  rotate(-200deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateIn  {
    -webkit-animation-name:  rotateIn;
    animation-name:  rotateIn }
@-webkit-keyframes rotateInDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInDownLeft  {
    -webkit-animation-name:  rotateInDownLeft;
    animation-name:  rotateInDownLeft }
@-webkit-keyframes rotateInDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInDownRight  {
    -webkit-animation-name:  rotateInDownRight;
    animation-name:  rotateInDownRight }
@-webkit-keyframes rotateInUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInUpLeft  {
    -webkit-animation-name:  rotateInUpLeft;
    animation-name:  rotateInUpLeft }
@-webkit-keyframes rotateInUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInUpRight  {
    -webkit-animation-name:  rotateInUpRight;
    animation-name:  rotateInUpRight }
@-webkit-keyframes rotateOut  {
    0%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(200deg);
    transform:  rotate(200deg);
    opacity:  0 }
}@keyframes rotateOut  {
    0%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(200deg);
    -ms-transform:  rotate(200deg);
    transform:  rotate(200deg);
    opacity:  0 }
}.rotateOut  {
    -webkit-animation-name:  rotateOut;
    animation-name:  rotateOut }
@-webkit-keyframes rotateOutDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}@keyframes rotateOutDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}.rotateOutDownLeft  {
    -webkit-animation-name:  rotateOutDownLeft;
    animation-name:  rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}@keyframes rotateOutDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}.rotateOutDownRight  {
    -webkit-animation-name:  rotateOutDownRight;
    animation-name:  rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}@keyframes rotateOutUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}.rotateOutUpLeft  {
    -webkit-animation-name:  rotateOutUpLeft;
    animation-name:  rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}@keyframes rotateOutUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}.rotateOutUpRight  {
    -webkit-animation-name:  rotateOutUpRight;
    animation-name:  rotateOutUpRight }
@-webkit-keyframes slideInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes slideInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.slideInDown  {
    -webkit-animation-name:  slideInDown;
    animation-name:  slideInDown }
@-webkit-keyframes slideInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes slideInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.slideInLeft  {
    -webkit-animation-name:  slideInLeft;
    animation-name:  slideInLeft }
@-webkit-keyframes slideInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes slideInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.slideInRight  {
    -webkit-animation-name:  slideInRight;
    animation-name:  slideInRight }
@-webkit-keyframes slideOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}@keyframes slideOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}.slideOutLeft  {
    -webkit-animation-name:  slideOutLeft;
    animation-name:  slideOutLeft }
@-webkit-keyframes slideOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}@keyframes slideOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}.slideOutRight  {
    -webkit-animation-name:  slideOutRight;
    animation-name:  slideOutRight }
@-webkit-keyframes slideOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}@keyframes slideOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}.slideOutUp  {
    -webkit-animation-name:  slideOutUp;
    animation-name:  slideOutUp }
@-webkit-keyframes hinge  {
    0%  {
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
20%,  60%  {
    -webkit-transform:  rotate(80deg);
    transform:  rotate(80deg);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
40%  {
    -webkit-transform:  rotate(60deg);
    transform:  rotate(60deg);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
80%  {
    -webkit-transform:  rotate(60deg) translateY(0);
    transform:  rotate(60deg) translateY(0);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out;
    opacity:  1 }
100%  {
    -webkit-transform:  translateY(700px);
    transform:  translateY(700px);
    opacity:  0 }
}@keyframes hinge  {
    0%  {
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
20%,  60%  {
    -webkit-transform:  rotate(80deg);
    -ms-transform:  rotate(80deg);
    transform:  rotate(80deg);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
40%  {
    -webkit-transform:  rotate(60deg);
    -ms-transform:  rotate(60deg);
    transform:  rotate(60deg);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
80%  {
    -webkit-transform:  rotate(60deg) translateY(0);
    -ms-transform:  rotate(60deg) translateY(0);
    transform:  rotate(60deg) translateY(0);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out;
    opacity:  1 }
100%  {
    -webkit-transform:  translateY(700px);
    -ms-transform:  translateY(700px);
    transform:  translateY(700px);
    opacity:  0 }
}.hinge  {
    -webkit-animation-name:  hinge;
    animation-name:  hinge }
@-webkit-keyframes rollIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-100%) rotate(-120deg);
    transform:  translateX(-100%) rotate(-120deg) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
}@keyframes rollIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-100%) rotate(-120deg);
    -ms-transform:  translateX(-100%) rotate(-120deg);
    transform:  translateX(-100%) rotate(-120deg) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    -ms-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
}.rollIn  {
    -webkit-animation-name:  rollIn;
    animation-name:  rollIn }
@-webkit-keyframes rollOut  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(100%) rotate(120deg);
    transform:  translateX(100%) rotate(120deg) }
}@keyframes rollOut  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    -ms-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(100%) rotate(120deg);
    -ms-transform:  translateX(100%) rotate(120deg);
    transform:  translateX(100%) rotate(120deg) }
}.rollOut  {
    -webkit-animation-name:  rollOut;
    animation-name:  rollOut }
.slick-slider  {
    position:  relative;
    display:  block;
    box-sizing:  border-box;
    -webkit-touch-callout:  none;
    -webkit-user-select:  none;
    -khtml-user-select:  none;
    -moz-user-select:  none;
    -ms-user-select:  none;
    user-select:  none;
    -ms-touch-action:  pan-y;
    touch-action:  pan-y;
    -webkit-tap-highlight-color:  transparent }
.slick-list  {
    position:  relative;
    overflow:  hidden;
    display:  block;
    margin:  0;
    padding:  0 }
.slick-list:focus  {
    outline:  0 }
.slick-list.dragging  {
    cursor:  pointer;
    cursor:  hand }
.slick-slider .slick-list,  .slick-slider .slick-track  {
    -webkit-transform:  translate3d(0,  0,  0);
    -moz-transform:  translate3d(0,  0,  0);
    -ms-transform:  translate3d(0,  0,  0);
    -o-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
.slick-track  {
    position:  relative;
    left:  0;
    top:  0;
    display:  block }
.slick-track:after,  .slick-track:before  {
    content:  "";
    display:  table }
.slick-track:after  {
    clear:  both }
.slick-loading .slick-track  {
    visibility:  hidden }
.slick-slide  {
    float:  left;
    height:  100%;
    min-height:  1px;
    display:  none }
[dir=rtl] .slick-slide  {
    float:  right }
.slick-slide img  {
    display:  block }
.slick-slide.slick-loading img  {
    display:  none }
.slick-slide.dragging img  {
    pointer-events:  none }
.slick-initialized .slick-slide  {
    display:  block }
.slick-loading .slick-slide  {
    visibility:  hidden }
.slick-vertical .slick-slide  {
    display:  block;
    height:  auto;
    border:  1px solid transparent }
.slick-arrow.slick-hidden  {
    display:  none }
.slick-next,  .slick-prev  {
    position:  absolute;
    display:  block;
    height:  20px;
    width:  20px;
    line-height:  0;
    font-size:  0;
    cursor:  pointer;
    background:  0 0;
    color:  transparent;
    top:  50%;
    -webkit-transform:  translate(0,  -50%);
    -ms-transform:  translate(0,  -50%);
    transform:  translate(0,  -50%);
    padding:  0;
    border:  none;
    outline:  0 }
.slick-next:focus,  .slick-next:hover,  .slick-prev:focus,  .slick-prev:hover  {
    outline:  0;
    background:  0 0;
    color:  transparent }
.slick-next:focus:before,  .slick-next:hover:before,  .slick-prev:focus:before,  .slick-prev:hover:before  {
    opacity:  1 }
.slick-next.slick-disabled:before,  .slick-prev.slick-disabled:before  {
    opacity:  .25 }
.slick-next:before,  .slick-prev:before  {
    font-family:  slick;
    font-size:  20px;
    line-height:  1;
    color:  #fff;
    opacity:  .75;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale }
.slick-prev  {
    left:  -25px }
[dir=rtl] .slick-prev  {
    left:  auto;
    right:  -25px }
.slick-prev:before  {
    content:  "←" }
[dir=rtl] .slick-prev:before  {
    content:  "→" }
.slick-next  {
    right:  -25px }
[dir=rtl] .slick-next  {
    left:  -25px;
    right:  auto }
.slick-next:before  {
    content:  "→" }
[dir=rtl] .slick-next:before  {
    content:  "←" }
.slick-dotted.slick-slider  {
    margin-bottom:  30px }
.slick-dots  {
    position:  absolute;
    bottom:  12px;
    list-style:  none;
    display:  block;
    text-align:  center;
    padding:  0;
    margin:  0;
    width:  100% }
.slick-dots li  {
    position:  relative;
    display:  inline-block;
    height:  20px;
    width:  5px;
    margin:  0 9px;
    padding:  0;
    cursor:  pointer }
.slick-dots li button  {
    border:  none;
    opacity:  .3;
    background:  #fff;
    display:  block;
    height:  10px;
    width:  10px;
    outline:  0;
    margin:  0 auto;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -o-border-radius:  50%;
    -ms-border-radius:  50%;
    border-radius:  50%;
    line-height:  0;
    font-size:  0;
    color:  transparent;
    padding:  0;
    cursor:  pointer;
    outline:  0 }
.slick-dots li button:focus,  .slick-dots li button:hover  {
    outline:  0;
    background:  #fff }
.slick-dots li button:focus:before,  .slick-dots li button:hover:before  {
    opacity:  1 }
.slick-dots li.slick-active button  {
    background:  #fff;
    outline:  0;
    opacity:  1 }
#nav-icon3  {
    width:  2.5em;
    height:  2em;
    position:  relative;
    margin:  1.25em 0 0 0;
    z-index:  99999;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .5s ease-in-out;
    -moz-transition:  .5s ease-in-out;
    -o-transition:  .5s ease-in-out;
    transition:  .5s ease-in-out;
    cursor:  pointer;
    float:  right;
    display:  none }
#nav-icon3 span  {
    display:  block;
    position:  absolute;
    width:  100%;
    height:  2px;
    background:  #fff;
    opacity:  1;
    left:  0;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .25s ease-in-out;
    -moz-transition:  .25s ease-in-out;
    -o-transition:  .25s ease-in-out;
    transition:  .25s ease-in-out }
#nav-icon3 span:nth-child(1)  {
    top:  .375em }
#nav-icon3 span:nth-child(2),  #nav-icon3 span:nth-child(3)  {
    top:  1.125em }
#nav-icon3 span:nth-child(4)  {
    top:  1.875em }
#nav-icon3.click span:nth-child(1)  {
    top:  1.3125em;
    width:  0%;
    left:  50% }
#nav-icon3.click span:nth-child(2)  {
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg) }
#nav-icon3.click span:nth-child(3)  {
    -webkit-transform:  rotate(-45deg);
    -moz-transform:  rotate(-45deg);
    -o-transform:  rotate(-45deg);
    transform:  rotate(-45deg) }
#nav-icon3.click span:nth-child(4)  {
    top:  1.875em;
    width:  0%;
    left:  50% }
#mapmenuicon  {
    position:  absolute;
    z-index:  999;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .5s ease-in-out;
    -moz-transition:  .5s ease-in-out;
    -o-transition:  .5s ease-in-out;
    transition:  .5s ease-in-out;
    cursor:  pointer;
    display:  block;
    background:  #14918a;
    width:  2.1875em;
    height:  1.875em;
    left:  .9375em;
    bottom:  -1.875em;
    display:  none;
    border-radius:  0 0 .3125em .3125em }
#mapmenuicon span  {
    display:  block;
    position:  absolute;
    width:  65%;
    height:  .125em;
    background:  #fff;
    opacity:  1;
    left:  0;
    right:  0;
    margin:  0 auto;
    bottom:  0;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .25s ease-in-out;
    -moz-transition:  .25s ease-in-out;
    -o-transition:  .25s ease-in-out;
    transition:  .25s ease-in-out }
#mapmenuicon span:nth-child(1)  {
    top:  .5em }
#mapmenuicon span:nth-child(2),  #mapmenuicon span:nth-child(3)  {
    top:  .875em }
#mapmenuicon span:nth-child(4)  {
    top:  1.25em }
#mapmenuicon.click span:nth-child(1)  {
    top:  1.3125em;
    width:  0%;
    left:  50% }
#mapmenuicon.click span:nth-child(2)  {
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg) }
#mapmenuicon.click span:nth-child(3)  {
    -webkit-transform:  rotate(-45deg);
    -moz-transform:  rotate(-45deg);
    -o-transform:  rotate(-45deg);
    transform:  rotate(-45deg) }
#mapmenuicon.click span:nth-child(4)  {
    top:  1.875em;
    width:  0%;
    left:  50% }
@media (max-width:767px)  {
    #nav-icon3  {
    display:  block;
    margin-top:  0;
    position:  fixed;
    right:  .9375em;
    top:  .75em;
    background:  #009ce5;
    width:  3.4375em;
    height:  3.4375em;
    border-radius:  50% }
#nav-icon3 span  {
    width:  50%;
    margin:  auto;
    left:  .875em }
#nav-icon3 span:nth-child(1)  {
    top:  1.125em }
#nav-icon3 span:nth-child(2),  #nav-icon3 span:nth-child(3)  {
    top:  1.625em }
#nav-icon3 span:nth-child(4)  {
    top:  2.125em }
#nav-icon3.click span:nth-child(1)  {
    top:  2.125em;
    width:  0%;
    left:  50% }
#nav-icon3.click span:nth-child(2)  {
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg) }
#nav-icon3.click span:nth-child(3)  {
    -webkit-transform:  rotate(-45deg);
    -moz-transform:  rotate(-45deg);
    -o-transform:  rotate(-45deg);
    transform:  rotate(-45deg) }
#nav-icon3.click span:nth-child(4)  {
    top:  2.125em;
    width:  0%;
    left:  50% }
#mapmenuicon  {
    bottom:  -2.625em }
}@media (max-width:320px)  {
    #nav-icon3  {
    top:  .8125em;
    font-size:  10px }
}@font-face  {
    font-family:  dp-world-corporate;
    src:  url(../fonts/dp-world-corporate.eot);
    src:  url(../fonts/dp-world-corporate.eot?#iefix) format("embedded-opentype"),  url(../fonts/dp-world-corporate.woff) format("woff"),  url(../fonts/dp-world-corporate.ttf) format("truetype"),  url(../fonts/dp-world-corporate.svg#dp-world-corporate) format("svg");
    font-weight:  400;
    font-style:  normal }
[data-icon]:before  {
    font-family:  dp-world-corporate !important;
    content:  attr(data-icon);
    font-style:  normal !important;
    font-weight:  400 !important;
    font-variant:  normal !important;
    text-transform:  none !important;
    speak:  none;
    line-height:  1;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale }
[class*=" icon-"]:before,  [class^=icon-]:before  {
    font-family:  dp-world-corporate !important;
    font-style:  normal !important;
    font-weight:  400 !important;
    font-variant:  normal !important;
    text-transform:  none !important;
    speak:  none;
    line-height:  1;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale }
.icon-search-icon-fontastic:before  {
    content:  "\61" }
.icon-apples:before  {
    content:  "\62" }
.icon-campaigns-left-arrow:before  {
    content:  "\64" }
.icon-campaigns-right-arrow:before  {
    content:  "\65" }
.icon-careers:before  {
    content:  "\66" }
.icon-play1:before  {
    content:  "\69" }
.icon-cars:before  {
    content:  "\6a" }
.icon-cell-phones:before  {
    content:  "\6b" }
.icon-play-circle:before  {
    content:  "\6c" }
.icon-email:before  {
    content:  "\6d" }
.icon-fridges:before  {
    content:  "\6e" }
.icon-investors:before  {
    content:  "\6f" }
.icon-news:before  {
    content:  "\70" }
.icon-our-team-left-arrow:before  {
    content:  "\71" }
.icon-our-team-right-arrow:before  {
    content:  "\72" }
.icon-apples:before  {
    content:  "\62" }
.icon-phone:before  {
    content:  "\64" }
.icon-play:before  {
    content:  "\65" }
.icon-campaigns-left-arrow:before  {
    content:  "\66" }
.icon-campaigns-right-arrow:before  {
    content:  "\67" }
.icon-play1:before  {
    content:  "\68" }
.icon-play-circle:before  {
    content:  "\69" }
.icon-careers:before  {
    content:  "\68" }
.icon-cars:before  {
    content:  "\6a" }
.icon-cell-phones:before  {
    content:  "\6b" }
.icon-email:before  {
    content:  "\6c" }
.icon-fridges:before  {
    content:  "\6d" }
.icon-investors:before  {
    content:  "\6e" }
.icon-logo:before  {
    content:  "\6f" }
.icon-news:before  {
    content:  "\70" }
.icon-our-team-left-arrow:before  {
    content:  "\71" }
.icon-our-team-right-arrow:before  {
    content:  "\72" }
.icon-fb:before  {
    content:  "\63" }
.icon-twitter:before  {
    content:  "\73" }
.icon-instagram:before  {
    content:  "\74" }
.icon-youtube:before  {
    content:  "\75" }
.icon-linkdine:before  {
    content:  "\76" }
.icon-instagram-1:before  {
    content:  "\77" }
.icon-left:before  {
    content:  "\78" }
.icon-right:before  {
    content:  "\79" }
.icon-campaigns-right-arrow:before  {
    content:  "\67" }
.icon-clock:before  {
    content:  "\7a" }
.icon-location:before  {
    content:  "\42" }
.icon-close:before  {
    content:  "\41" }
.icon-search:before  {
    content:  "\43" }
.icon-mobile:before  {
    content:  "\44" }
.icon-download:before  {
    content:  "\45" }
.icon-map-ico:before  {
    content:  "\46" }
.icon-email-1:before  {
    content:  "\47" }
.icon-ph-icon:before  {
    content:  "\48" }
.icon-address2:before  {
    content:  "\49" }
.icon-down-arrow:before  {
    content:  "\4a" }
footer  {
    background:  #0e0e0e;
    padding-top:  8.125em !important;
    padding-bottom:  1.5625em;
    height:  auto !important }
footer .nav  {
    margin-top:  3.75em }
footer .nav ul  {
    padding:  0;
    margin:  0 }
footer .nav ul li  {
    list-style:  none;
    display:  inline-block;
    font-size:  1.1875em;
    text-transform:  uppercase;
    font-weight:  600;
    margin-right:  .9375em;
    margin-bottom:  .625em }
footer .nav ul li a  {
    color:  #fff;
    cursor:  pointer;
    position:  relative }
footer .nav ul li a:before  {
    content:  "";
    width:  0;
    height:  3px;
    background:  #36b4ab;
    position:  absolute;
    left:  0;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
footer h2  {
    color:  #fff;
    font-weight:  700;
    font-size:  2.5em;
    position:  relative;
    margin-bottom:  3.125em }
footer h2:before  {
    content:  "";
    position:  absolute;
    bottom:  -1.25em;
    left:  0;
    width:  8.125em;
    height:  1px;
    background:  #fff }
footer h2 img  {
    margin-left:  .625em }
footer h3  {
    font-size:  1.25em;
    text-transform:  uppercase;
    color:  #14918a }
footer p  {
    color:  #b9b9b9;
    font-size:  1.1875em }
footer .bottom-sec  {
    border-top:  1px solid #fff;
    margin-top:  5em;
    padding-top:  2.1875em }
footer .bottom-sec p  {
    color:  #fff;
    font-size:  1em }
.social-sec  {
    margin-top:  1.5em;
    display:  flex;
    margin-bottom:  2em;
}
.social-sec a  {
    float:  left;
    margin-right:  1.5625em;
    position:  relative }
.social-sec a img  {
    position:  relative;
    z-index:  2 }
.social-sec a:before  {
    content:  "";
    width:  0;
    height:  0;
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0;
    margin:  auto;
    background:  #36b4ab;
    border-radius:  50%;
    -webkit-transition:  .2s;
    -o-transition:  .2s;
    transition:  .2s }
.small-link  {
    text-align:  right }
.small-link li  {
    list-style:  none;
    display:  inline-block;
    margin-left:  1.875em }
.small-link li a  {
    color:  #fff;
    cursor:  pointer;
    position:  relative;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.small-link li a:before  {
    content:  "";
    width:  1px;
    height:  .625em;
    position:  absolute;
    right:  -1.125em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    background:  #fff }
.small-link li:last-child a:before  {
    display:  none }
@media (min-width:1401px) and (max-width:1600px)  {
    .social-sec  {
    font-size:  8px }
.bayswater-caseStudy .mtcenter img.img-responsive  {
    left:  0px !important;
}
.bayswater-caseStudy .results_section3 .img-responsive  {
    left:  0;
}
}
@media (min-width:980px) and (max-width:1400px)  {
    .social-sec  {
    font-size:  8px }
}@media (min-width:992px) and (max-width:1199px)  {
    footer  {
    font-size:  8px }
.social-sec a  {
    width:  3.75em }
.social-sec a img  {
    width:  100% }
}@media (min-width:768px) and (max-width:991px)  {
    footer  {
    text-align:  center }
footer h2  {
    display:  none }
.social-sec a  {
    float:  none }
.small-link  {
    text-align:  center }
.small-link li  {
    margin:  0 1.25em }
}@media (max-width:767px)  {
    footer  {
    text-align:  center;
    padding-top:  2.5em !important }
footer h2  {
    display:  none }
.social-sec a  {
    float:  none }
.social-sec a img  {
    width:  3.75em }
.small-link  {
    text-align:  center }
.small-link li  {
    margin:  0 1.25em }
.footer-logo  {
    width:  60% }
}.inner-banner  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    position:  relative;
    height:  34.375em }
.inner-banner .logo-sec  {
    position:  absolute;
    left:  4.0625em;
    top:  4.0625em }
.inner-banner .banner-detail-sec  {
    position:  absolute;
    bottom:  0;
    left:  0;
    width:  79.125em;
    padding-left:  19.375em;
    height:  20.5em }
.inner-banner .banner-detail-sec:before  {
    content:  "";
    height:  8.125em;
    width:  100%;
    background:  #fff;
    position:  absolute;
    bottom:  0;
    left:  0 }
.inner-banner .banner-detail-sec h3  {
    font-size:  1.5em;
    font-weight:  600;
    text-transform:  uppercase;
    color:  #fff;
    letter-spacing:  .125em;
    position:  relative }
.inner-banner .banner-detail-sec h3:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  #f9b416;
    position:  absolute;
    bottom:  -1.25em;
    left:  0 }
.inner-banner .banner-detail-sec h2  {
    font-size:  5em;
    color:  #fff;
    font-weight:  800;
    line-height:  .9375em;
    letter-spacing:  -.0625em;
    position:  relative;
    z-index:  2;
    top:  .5625em }
.inner-banner .banner-detail-sec h2 span  {
    color:  #0ec1b4 }
.inner-banner .dot  {
    position:  absolute;
    right:  6.875em;
    bottom:  2.5em }
.smart-work-sec  {
    margin-top:  5.9375em;
    position:  relative }
.smart-work-sec .img-sec  {
    position:  relative;
    width:  41.875em }
.smart-work-sec .img-sec img  {
    max-width:  100% }
.smart-work-sec h4  {
    color:  #c72628;
    font-size:  1.125em;
    font-weight:  600;
    text-transform:  uppercase;
    position:  relative;
    margin-top:  3.125em;
    padding-left:  .625em }
.smart-work-sec h4:before  {
    content:  "";
    width:  6.875em;
    height:  1.75em;
    background:  #f9b416;
    position:  absolute;
    left:  0;
    top:  -.4375em }
.smart-work-sec h4 span  {
    position:  relative;
    z-index:  1 }
.smart-work-sec h2  {
    font-weight:  800;
    font-size:  2.8125em }
.smart-work-sec p  {
    color:  #000;
    padding-left:  6.25em;
    margin-top:  1.875em;
    position:  relative;
    width:  63% }
.smart-work-sec p:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000 }
.smart-work-sec .down-arrow-img  {
    float:  right;
    margin-top:  6.25em }
.smart-work-sec .green-line-img  {
    position:  absolute;
    left:  .625em;
    top:  2.5em }
.smart-work-sec .pad-left  {
    padding-left:  10em }
.specialize-sec  {
    padding:  3.125em 0;
    margin-bottom:  -12.5em;
    position:  relative }
.specialize-sec .main-head  {
    position:  absolute;
    top:  7.3125em;
    left:  0;
    right:  0;
    margin:  0 auto;
    font-size:  1.5em;
    font-weight:  800;
    text-transform:  uppercase;
    color:  #c72628;
    width:  10.625em;
    z-index:  2 }
.specialize-sec .services-detail-sec  {
    position:  relative;
    padding:  12.5em 6.25em 12.5em 18.4375em }
.specialize-sec .services-detail-sec .num  {
    position:  absolute;
    left:  .1875em;
    top:  .125em;
    font-size:  21.875em;
    color:  #f1f4f8;
    font-weight:  800 }
.specialize-sec .services-detail-sec h2  {
    font-weight:  800;
    color:  #231e2b;
    font-size:  3em;
    position:  relative;
    z-index:  2 }
.specialize-sec .services-detail-sec p  {
    color:  #000;
    padding-left:  6.25em;
    margin-top:  1.875em;
    position:  relative;
    position:  relative;
    z-index:  2 }
.specialize-sec .services-detail-sec p:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000 }
.specialize-sec .services-detail-sec.right  {
    padding:  12.5em 18.4375em 12.5em 6.25em }
.specialize-sec .services-detail-sec.right .num  {
    left:  inherit;
    right:  .25em }
.specialize-sec .image-detail-sec  {
    position:  relative }
.specialize-sec .image-detail-sec img  {
    width:  100%;
    height:  100% }
.specialize-sec .image-detail-sec .icon-sec  {
    position:  absolute;
    right:  -4.375em;
    top:  10.625em;
    z-index:  2 }
.specialize-sec .image-detail-sec .link-sec  {
    position:  absolute;
    left:  0;
    bottom:  3.125em;
    padding:  0 4.0625em }
.specialize-sec .image-detail-sec .link-sec h3  {
    font-size:  1.125em;
    color:  #fff;
    font-weight:  600;
    text-transform:  uppercase;
    background:  #c92f27;
    padding:  .3125em .625em;
    display:  inline-block;
    margin-bottom:  1.5625em }
.specialize-sec .image-detail-sec .link-sec ul  {
    padding:  0 }
.specialize-sec .image-detail-sec .link-sec ul li  {
    list-style:  none;
    float:  left }
.specialize-sec .image-detail-sec .link-sec ul li a  {
    font-size:  1.0625em;
    color:  #231e2b;
    font-weight:  600;
    background:  #fff;
    padding:  .625em .625em;
    float:  left;
    margin-right:  .9375em;
    margin-bottom:  .9375em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.specialize-sec .image-detail-sec.right .icon-sec  {
    left:  -4.375em;
    right:  inherit }
.specialize-sec .col-md-6  {
    padding:  0 }
.specialize-sec .learn-more  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.125em 0 0 7.5em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.specialize-sec .learn-more span  {
    z-index:  1;
    position:  relative }
.specialize-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.specialize-sec .dark  {
    background:  #fcfdfe;
    background:  -moz-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  -webkit-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  linear-gradient(to right,  #fcfdfe 1%,  #f4f8fe 100%) }
.specialize-sec .bor-right  {
    border-right:  1px solid #0ec1b4;
    padding-top:  4.375em;
    padding-bottom:  15.625em }
.specialize-sec .mar-top  {
    margin-top:  9.375em }
.cms-page .inner-banner .banner-detail-sec:before  {
    background:  #f3f7ff }
.cms-page .smart-work-sec  {
    background:  #f3f7ff;
    margin-top:  0 }
.cms-page .smart-work-sec .down-arrow-img  {
    margin-bottom:  -.9375em }
.cms-page .our-work-sec  {
    margin-top:  0 }
.cms-page .our-work-sec .project-sec  {
    margin-top:  0 }
.cms-sec  {
    padding:  7.8125em 0;
    background:  #fff }
.cms-sec h3  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600 }
.cms-sec h3:before  {
    content:  "";
    background:  #7f7f7f;
    width:  8.3125em;
    height:  1px;
    position:  absolute;
    left:  -11.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0 }
.cms-sec h2  {
    font-size:  3em;
    font-weight:  800 }
.cms-sec .cms-logo  {
    margin-top:  3.75em }
@media only screen and (min-width: 1281px)  {
    .clutch-widget  {
    width:  85%;
    margin:  auto;
}
}
@media only screen and (min-width: 1329px)  {
    .clutch-widget  {
    width:  85%;
}
}
@media only screen and (min-width: 1601px)  {
    .clutch-widget  {
    width:  65%;
}
}
.clutch-widget h2  {
    margin:  2.5em 0 1.5em;
}
.what-cms-sec  {
    background:  #d42e31;
    margin-top:  11.25em }
.what-cms-sec .black-box  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    padding:  0 12.5em;
    text-align:  center;
    margin-top:  -9.375em;
    margin-bottom:  -9.375em;
    position:  relative }
.what-cms-sec .black-box .black-box-img1  {
    position:  absolute;
    left:  -1.25em;
    top:  30% }
.what-cms-sec .black-box .black-box-img2  {
    position:  absolute;
    right:  -5.625em;
    top:  20% }
.what-cms-sec h3  {
    color:  #0ec1b4;
    font-size:  1em;
    text-transform:  uppercase;
    font-weight:  500;
    position:  relative;
    text-align:  center;
    padding-top:  6.25em }
.what-cms-sec h3:before  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  -3.125em;
    margin:  0 auto;
    width:  1px;
    height:  6.25em;
    background:  #0ec1b4 }
.what-cms-sec h2  {
    color:  #fff;
    font-size:  2.875em;
    font-weight:  800;
    margin-bottom:  1.875em }
.what-cms-sec p  {
    color:  #fff;
    font-weight:  500;
    margin:  1.5625em 0;
    padding:  0 3.125em }
.what-cms-sec .laptop-img  {
    margin-top:  6.25em;
    margin-bottom:  -5em }
.what-cms-sec .way-sec  {
    position:  relative;
    margin-top:  5em }
.what-cms-sec .way-sec:before  {
    content:  "";
    width:  5em;
    height:  1px;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    top:  -2.5em;
    background:  #0ec1b4 }
.what-cms-sec .way-sec .yellow-txt  {
    color:  #f9b416;
    font-size:  1em;
    font-weight:  700;
    text-transform:  uppercase;
    letter-spacing:  .125em }
.what-cms-sec .way-sec .big-txt  {
    color:  #fff;
    font-size:  1.875em;
    font-weight:  700;
    margin-top:  .75em }
.why-choose-sec  {
    margin-top:  18.75em;
    position:  relative }
.why-choose-sec h3  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600 }
.why-choose-sec h3:before  {
    content:  "";
    background:  #7f7f7f;
    width:  8.3125em;
    height:  1px;
    position:  absolute;
    left:  -11.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0 }
.why-choose-sec h2  {
    font-size:  2.875em;
    font-weight:  800;
    margin-bottom:  1.875em }
.b11  {
    font-size:  1.975em !important;
    font-weight:  800 !important;
    margin-bottom:  .875em;
    color:  #231e2b !important;
}
.b11:before  {
    display:  none;
}
.why-choose-sec .choose-img-sec  {
    position:  absolute;
    right:  0;
    top:  0 }
.engage-slider-sec  {
    padding:  3.125em 0;
    margin-bottom:  -12.5em;
    position:  relative }
.engage-slider-sec .services-detail-sec  {
    position:  relative;
    padding:  12.5em 6.25em 12.5em 18.4375em }
.engage-slider-sec .services-detail-sec .num  {
    position:  absolute;
    left:  .1875em;
    top:  .125em;
    font-size:  21.875em;
    color:  #f1f4f8;
    font-weight:  800 }
.engage-slider-sec .services-detail-sec h2  {
    font-weight:  600;
    color:  #0ec1b4;
    font-size:  1.5em;
    position:  relative;
    z-index:  2 }
.engage-slider-sec .services-detail-sec p  {
    color:  #000;
    padding-left:  6.25em;
    margin-top:  1.875em;
    position:  relative;
    position:  relative;
    z-index:  2 }
.engage-slider-sec .services-detail-sec p:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000 }
.engage-slider-sec .services-detail-sec.right  {
    padding:  12.5em 18.4375em 12.5em 6.25em }
.engage-slider-sec .services-detail-sec.right .num  {
    left:  inherit;
    right:  .25em }
.engage-slider-sec .image-detail-sec  {
    position:  relative }
.engage-slider-sec .image-detail-sec img  {
    width:  100%;
    height:  100% }
.engage-slider-sec .image-detail-sec .icon-sec  {
    position:  absolute;
    right:  -4.375em;
    top:  10.625em }
.engage-slider-sec .image-detail-sec .link-sec  {
    position:  absolute;
    left:  0;
    bottom:  3.125em;
    padding:  0 4.0625em }
.engage-slider-sec .image-detail-sec .link-sec h3  {
    font-size:  1.125em;
    color:  #fff;
    font-weight:  600;
    text-transform:  uppercase;
    background:  #c92f27;
    padding:  .3125em .625em;
    display:  inline-block;
    margin-bottom:  1.5625em }
.engage-slider-sec .image-detail-sec .link-sec ul  {
    padding:  0 }
.engage-slider-sec .image-detail-sec .link-sec ul li  {
    list-style:  none;
    float:  left }
.engage-slider-sec .image-detail-sec .link-sec ul li a  {
    font-size:  1.0625em;
    color:  #231e2b;
    font-weight:  600;
    background:  #fff;
    padding:  .625em .625em;
    float:  left;
    margin-right:  .9375em;
    margin-bottom:  .9375em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.engage-slider-sec .image-detail-sec.right .icon-sec  {
    left:  -4.375em;
    right:  inherit }
.engage-slider-sec .col-md-6  {
    padding:  0 }
.engage-slider-sec .dark  {
    background:  #fcfdfe;
    background:  -moz-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  -webkit-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  linear-gradient(to right,  #fcfdfe 1%,  #f4f8fe 100%) }
.engage-slider-sec .bor-right  {
    border-right:  1px solid #0ec1b4;
    padding-top:  4.375em;
    padding-bottom:  15.625em }
.engage-slider-sec .mar-top  {
    margin-top:  9.375em }
.feature-article-sec  {
    background:  #dab62b;
    background:  -moz-linear-gradient(left,  #dab62b 0,  #8eba5e 42%,  #31bf9d 100%);
    background:  -webkit-linear-gradient(left,  #dab62b 0,  #8eba5e 42%,  #31bf9d 100%);
    background:  linear-gradient(to right,  #dab62b 0,  #8eba5e 42%,  #31bf9d 100%);
    position:  relative }
.feature-article-sec h3  {
    font-weight:  600;
    font-weight:  1.5em;
    text-align:  center;
    margin-top:  6.25em;
    color:  #fff }
.feature-article-sec h2  {
    font-size:  3em;
    color:  #fff;
    text-align:  center;
    font-weight:  600;
    margin-top:  .9375em }
.feature-article-sec .box  {
    width:  21.25em;
    border:  8px solid #fff;
    float:  left;
    background:  #fff;
    margin-left:  6.25em;
    margin-top:  6.25em;
    margin-bottom:  -8.125em;
    border:  1px solid #ecebeb }
.feature-article-sec .box .img-sec img  {
    width:  100% }
.feature-article-sec .box h4  {
    font-size:  1.375em;
    color:  #1f1b26;
    font-weight:  600;
    padding:  0 .625em;
    margin:  .625em 0;
    word-wrap:  break-word }
.feature-article-sec .box .date  {
    color:  #39c9bd;
    font-size:  .75em;
    padding:  0 1.375em;
    font-weight:  600;
    margin:  .625em 0 }
.feature-article-sec .box p  {
    font-size:  .75em;
    color:  #9f9da1;
    padding:  0 1.25em;
    margin-bottom:  1.5625em }
.feature-article-sec .multi-line  {
    position:  absolute;
    left:  3.75em;
    bottom:  -5em }
.bottom-service-sec  {
    padding:  13.75em 0 0 0 }
.bottom-service-sec .container-fluid  {
    padding:  0 }
.bottom-service-sec .row  {
    margin-left:  0;
    margin-right:  0 }
.bottom-service-sec h3  {
    font-size:  1.125em;
    color:  #fff;
    font-weight:  600;
    background:  #c92f27;
    padding:  .3125em .625em;
    display:  inline-block }
.bottom-service-sec a  {
    border-top:  1px solid #e1e1e1;
    border-right:  1px solid #e1e1e1;
    font-size:  1.5em;
    text-transform:  uppercase;
    color:  #1e1a25;
    text-align:  center;
    display:  block;
    font-weight:  600;
    padding:  1.5625em 0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.bottom-service-sec a.last  {
    border-right:  0 }
.bottom-service-sec .col-md-4  {
    padding:  0 }
.web-development .inner-banner  {
    background:  #c72628 }
.web-development .inner-banner .banner-detail-sec:before  {
    background:  #1e1a25 }
.custom-web-sec  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    padding-top:  12.5em;
    position:  relative }
.custom-web-sec h2  {
    margin:  0 0 1.25em 0;
    color:  #fff;
    font-weight:  700;
    position:  relative }
.custom-web-sec h2 span  {
    position:  relative;
    z-index:  1 }
.custom-web-sec h2 strong  {
    color:  #0ec1b4 }
.custom-web-sec .line  {
    position:  absolute;
    left:  0;
    top:  15.625em }
.custom-web-sec .dot-bg  {
    text-align:  center;
    margin-top:  5em }
.web-feature-list  {
    border-left:  1px solid #0ec1b4;
    float:  left;
    margin-left:  3.125em;
    padding-left:  5em;
    margin-top:  1.25em }
.web-feature-list .box  {
    margin-bottom:  1.25em;
    float:  left;
    width:  100% }
.web-feature-list .icon-sec  {
    float:  left;
    width:  5em;
    height:  5em;
    position:  relative }
.web-feature-list .icon-sec:before  {
    content:  "";
    width:  10px;
    height:  10px;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -o-border-radius:  50%;
    -ms-border-radius:  50%;
    border-radius:  50%;
    position:  absolute;
    left:  -5.3125em;
    top:  1.875em;
    background:  #0ec1b4 }
.web-feature-list .icon-sec.first:before  {
    top:  0 }
.web-feature-list .icon-sec.target-img  {
    width:  84px;
    height:  82px;
    background-image:  url('../../assets/images/all_icons.png');
    background-repeat:  no-repeat;
}
.web-feature-list .icon-sec.target-img1  {
    background-position:  -150px -391px;
}
.web-feature-list .icon-sec.target-img2  {
    background-position:  -254px -391px;
}
.web-feature-list .icon-sec.target-img3  {
    background-position:  -40px -501px;
}
.web-feature-list .detail  {
    float:  left;
    width:  37.5em;
    padding-left:  2.5em;
    margin-top:  .625em }
.web-feature-list .detail.last  {
    margin-bottom:  6.25em }
.web-feature-list h3  {
    font-size:  1.5em;
    font-weight:  800;
    text-transform:  uppercase;
    color:  #fff;
    margin:  0;
    position:  relative;
    padding-left:  .625em }
.web-feature-list h3:before  {
    content:  "";
    width:  9.375em;
    height:  1.5625em;
    background:  #4d465a;
    position:  absolute;
    left:  0;
    top:  -.1875em }
.web-feature-list h3 strong  {
    color:  #f9b416 }
.web-feature-list h3 span  {
    position:  relative;
    z-index:  2 }
.web-feature-list p  {
    color:  #fff;
    margin-top:  1.25em }
.web-feature-list hr  {
    height:  2px;
    width:  2.6875em;
    background:  #f9b416;
    border:  0;
    float:  left;
    margin-top:  3.75em }
.website-build-sec  {
    margin:  0 }
.tab-service-sec  {
    background:  #f3f7ff;
    padding-top:  31.25em;
    margin-top:  -31.25em }
.tab-service-sec h2  {
    text-align:  center;
    font-size:  1.5em;
    font-weight:  800;
    text-transform:  uppercase;
    letter-spacing:  .3125em }
.tab-service-sec p  {
    text-align:  center;
    width:  50%;
    margin-top:  3.125em;
    margin-left:  auto;
    margin-right:  auto;
    font-weight:  700 }
.tab-service-sec .tab-sec  {
    width:  100%;
    margin-top:  7.5em }
.tab-service-sec .tab-sec .laptop-sec  {
    width:  58em;
    height:  35.0625em;
    margin:  0 auto;
    position:  relative }
.tab-service-sec .tab-sec .laptop-sec .detail-sec  {
    position:  absolute;
    left:  0;
    top:  0 }
.tab-service-sec .tab-sec .laptop-sec p  {
    text-align:  left;
    width:  auto;
    color:  #fff;
    font-weight:  500 }
.ipadimg  {
    position:  absolute;
    left:  33px;
    top:  478px }
.cms-page .engage-slider-sec .services-detail-sec  {
    padding:  0 }
.cms-page .engage-slider-sec .services-detail-sec .box  {
    padding:  12.5em 6.25em 12.5em 18.4375em;
    position:  relative }
.cms-page .engage-slider-sec .arrow-sec  {
    float:  right;
    margin:  0 1.875em 0 0;
    position:  relative;
    bottom:  -1.5625em }
.cms-page .engage-slider-sec .arrow-sec img  {
    margin-right:  .625em }
.cms-page .engage-slider-sec .slick-arrow  {
    display:  none !important }
.cms-page .what-cms-sec .laptop-img  {
    position:  relative;
    bottom:  -6.25em }
.content-marketing-page .smart-work-sec  {
    background:  0 0 }
.content-marketing-page .inner-banner .banner-detail-sec:before  {
    background:  #fff }
.content-marketing-page .why-choose-sec  {
    margin-top:  6.875em }
.content-marketing-page .feature-article-sec  {
    margin-bottom:  12.5em }
.marketing-process-sec  {
    background:  url(../../assets/images/bulb-bg.jpg) no-repeat center;
    height:  57.75em;
    margin-top:  3.125em;
    padding-top:  5em }
.marketing-process-sec h3  {
    font-size:  1em;
    color:  #0ec1b4;
    text-transform:  uppercase }
.marketing-process-sec h2  {
    color:  #fff;
    font-size:  2.875em;
    font-weight:  700 }
.marketing-process-sec .dot-img  {
    margin-top:  5em }
.marketing-process-sec .tab-sec  {
    border-right:  1px solid #fff;
    margin-top:  5em;
    height:  53.125em }
.marketing-process-sec .tab-sec a  {
    font-size:  1.125em;
    text-transform:  uppercase;
    color:  #fff;
    display:  block;
    padding:  1.5625em 0;
    margin-bottom:  3.125em;
    position:  relative;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.marketing-process-sec .tab-sec a:before  {
    content:  "";
    width:  2px;
    position:  absolute;
    right:  0;
    top:  0;
    height:  0;
    background:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.marketing-process-sec .tab-sec a.active  {
    color:  #0ec1b4 }
.marketing-process-sec .tab-sec a.active:before  {
    height:  100% }
.marketing-process-sec .tab-detail-sec  {
    margin-top:  5em }
.marketing-process-sec .tab-detail-sec .box  {
    display:  none }
.marketing-process-sec .tab-detail-sec .box.active  {
    display:  block }
.marketing-process-sec .tab-detail-sec h4  {
    font-size:  1.5em;
    color:  #fff }
.marketing-process-sec .tab-detail-sec hr  {
    width:  2.1875em;
    height:  1px;
    background:  #1fc3bd;
    text-align:  left;
    border:  0;
    display:  inline-block;
    margin-top:  5em }
.marketing-process-sec .tab-detail-sec h3  {
    color:  #fff }
.marketing-process-sec .tab-detail-sec p  {
    color:  #fff;
    margin-top:  1.25em;
    direction:  ltr;
}
.web-design-page .why-choose-sec  {
    margin-top:  7.5em }
.web-design-page .what-cms-sec  {
    margin-bottom:  6.25em }
.seo-page .smart-work-sec  {
    background:  0 0 }
.seo-page .inner-banner .banner-detail-sec h1  {
    line-height:  1.2;
    margin-top:  -18px;
}
.seo-page .inner-banner .banner-detail-sec:before  {
    background:  #fff !important;
    bottom:  -0.846em }
.seo-page .marketing-process-sec  {
    clear:  both }
.seo-page .our-work-sec  {
    margin-top:  12.5em }
.seo-page .why-choose-sec  {
    margin-top:  9.375em }
.appraoch-sec  {
    padding:  1.25em 0;
    margin-top:  -47px;
}
.appraoch-sec .left-banner-sec  {
    width:  30%;
    float:  left;
    position:  relative }
.appraoch-sec .left-banner-sec img  {
    width:  100% }
.appraoch-sec .left-banner-sec .small-img  {
    position:  absolute;
    right:  -3.125em;
    bottom:  -3.125em;
    width:  auto;
    z-index:  2 }
.appraoch-sec .left-banner-sec .head  {
    position:  absolute;
    right:  0;
    top:  0;
    font-size:  1.5em;
    color:  #fff;
    font-weight:  700;
    background:  #c92f27;
    padding:  .625em .9375em;
    right:  -5.625em;
    top:  3.75em }
.appraoch-sec .right-detail-sec  {
    width:  70%;
    float:  right;
    background:  url(../../assets/images/twitter-bg.png) no-repeat bottom right;
    height:  64.375em }
.appraoch-sec .right-detail-sec.circle-line-bg  {
    background:  url(../../assets/images/circle-line-bg.png) no-repeat bottom right }
.appraoch-sec .tab-sec  {
    background:  #f3f7ff;
    height:  13.75em;
    width:  100%;
    float:  left;
    margin-top:  1.25em;
    padding-left:  12.5em }
.appraoch-sec .tab-sec a  {
    width:  16.25em;
    float:  left;
    height:  100%;
    border-left:  1px solid #d9d9d9;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.appraoch-sec .tab-sec a.active  {
    background:  #fff }
.appraoch-sec .tab-sec a img  {
    width:  100% }
.appraoch-sec .detail-sec  {
    width:  80%;
    float:  left;
    padding-left:  21.875em;
    margin-top:  4.375em;
    position:  relative;
    height:  45.3125em }
.appraoch-sec .detail-sec:before  {
    content:  "";
    width:  21.5em;
    height:  2.1875em;
    background:  url(../../assets/images/line-before1.png) no-repeat;
    position:  absolute;
    left:  -2.5em;
    top:  0 }
.appraoch-sec .detail-sec:after  {
    content:  "";
    background:  #f3fcfb;
    width:  16.25em;
    height:  31.25em;
    position:  absolute;
    left:  0;
    bottom:  0 }
.appraoch-sec .detail-sec .box  {
    display:  none }
.appraoch-sec .detail-sec .box.active  {
    display:  block }
.appraoch-sec .detail-sec .domain  {
    color:  #0ec1b4;
    text-transform:  uppercase;
    font-size:  1em;
    margin-bottom:  1.875em }
.appraoch-sec .detail-sec p  {
    font-size:  1.5em;
    color:  #1e1a25 }
.appraoch-sec .detail-sec hr  {
    width:  3.125em;
    height:  1px;
    border:  0;
    background:  #c92f27;
    display:  inline-block }
.appraoch-sec .detail-sec .num-sec  {
    margin-top:  1.25em }
.appraoch-sec .detail-sec .num-sec .box  {
    float:  left;
    margin-right:  3.75em;
    display:  block }
.appraoch-sec .detail-sec .num-sec strong  {
    font-size:  2.25em;
    color:  #0ec1b4;
    font-weight:  700;
    display:  block }
.appraoch-sec .detail-sec .num-sec span  {
    display:  block;
    font-size:  1em;
    color:  #1e1a25 }
.appraoch-sec .detail-sec .big-head  {
    font-size:  1.5em;
    color:  #0ec1b4;
    float:  left;
    width:  100%;
    margin-top:  3.125em }
.appraoch-sec .detail-sec .learn-more  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  19.3125em;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  2.5em 0 0 0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    float:  left }
.appraoch-sec .detail-sec .learn-more span  {
    z-index:  1;
    position:  relative }
.appraoch-sec .detail-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.cro-page .appraoch-sec  {
    float:  left;
    margin-bottom:  6.875em }
.cro-page .what-cms-sec  {
    clear:  both;
    margin-top:  18.75em }
.cro-page .why-choose-sec  {
    margin-top:  25em }
.case-study .inner-banner  {
    background:  url(../../assets/images/case-study-bg.jpg) no-repeat;
    height:  59.6875em }
.case-study .inner-banner .dot  {
    bottom:  inherit;
    top:  4.375em }
.case-study .inner-banner .banner-detail-sec  {
    bottom:  inherit;
    top:  12.5em }
.case-study .inner-banner .banner-detail-sec:before  {
    display:  none }
.case-study .inner-banner h4  {
    font-size:  5em;
    color:  #fff;
    font-weight:  700;
    margin-top:  .8125em }
.case-study .inner-banner ul  {
    padding:  0;
    margin:  0;
    width:  50% }
.case-study .inner-banner ul li  {
    list-style:  none;
    color:  #fff;
    font-size:  1.125em;
    text-transform:  uppercase;
    display:  inline-block;
    margin:  .625em 1.875em 0 0;
    position:  relative }
.case-study .inner-banner ul li:before  {
    content:  "";
    width:  .4375em;
    height:  .4375em;
    background:  #fff;
    position:  absolute;
    right:  -1.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    border-radius:  50% }
.case-study .inner-banner ul li:last-child:before  {
    display:  none }
.case-study .inner-banner .white-arrow  {
    margin-top:  3.125em }
.case-study .inner-banner.che-banner  {
    background:  url(../../assets/images/che-bg.jpg) no-repeat }
.case-study .inner-banner.hanzfree-banner  {
    background:  url(../../assets/images/hanzfree/hanzfree-bg.jpg) no-repeat }
.case-study .inner-banner.latdour-banner  {
    background:  url(../../assets/images/latdour/latdour-bg.png) no-repeat }
.case-study .inner-banner.hyphen-banner  {
    background:  url(../../assets/images/hyphen/hyphen-bg.jpg) no-repeat }
.case-study .inner-banner.logistics-banner  {
    background:  url(../../assets/images/logistics/logis-bg.jpg) no-repeat }
.case-study .inner-banner.fabyland-banner  {
    background:  url(../../assets/images/fabyland/fabylandcopy.png) no-repeat }
.case-study .inner-banner.taskque-banner  {
    background:  url(../../assets/images/taskque/taskque-bg.jpg) no-repeat }
.case-study .inner-banner.taskque-dm-banner  {
    background:  url(../../assets/images/taskque-dm/taskque-bg.jpg) no-repeat }
.case-study .inner-banner.windsor-banner  {
    background:  url(../../assets/images/windsor/taskque-bg.jpg) no-repeat }
.case-study .inner-banner.ticket-pay-banner  {
    background:  url(../../assets/images/ticket-pay/taskque-bg.jpg) no-repeat }
.case-study .inner-banner.sharjah-banner  {
    background:  url(../../assets/images/sharjah/rectangle1s.png) no-repeat }
    
.case-study .inner-banner.majid-banner {
    background: url(../../assets/images/majid-solutions/mainimg.png) no-repeat;
}
.case-study .inner-banner.naffco-modular {
    background: url(../../assets/images/naffco-modular/Group71.png) no-repeat;
}

.case-study .inner-banner.emiratessteel-banner  {
    background:  url(../../assets/images/emiratessteel/banners.jpg.png) no-repeat }
.case-study .inner-banner.dubai-banner  {
    background:  url(../../assets/images/dubai/taskque-bg.jpg) no-repeat }
.case-study .inner-banner.fenyaal-banner  {
    background:  url(../../assets/images/fenyaal/taskque-bg.jpg) no-repeat }
.case-study .inner-banner.logic-banner  {
    background:  url(../../assets/images/logic/taskque-bg.jpg) no-repeat }
.case-study .bottom-service-sec  {
    padding-top:  0 }
.case-study .bottom-service-sec a  {
    background:  #000;
    color:  #fff;
    border-top:  0;
    font-size:  1.25em }
.objective-sec  {
    position:  relative }
.objective-sec .simple-line-img  {
    position:  absolute;
    left:  0;
    top:  40% }
.objective-sec:before  {
    content:  "";
    width:  50%;
    height:  100%;
    background:  #f3fcfb;
    position:  absolute;
    left:  0;
    top:  0 }
.objective-sec .black-box  {
    background:  #1e1a25;
    padding:  3.125em;
    width:  34.375em;
    float:  left;
    margin-left:  6.25em;
    position:  relative;
    top:  -12.5em }
.objective-sec .black-box h2  {
    font-size:  2.875em;
    color:  #fff;
    font-weight:  700;
    margin:  0;
    position:  relative;
    padding-bottom:  .9375em }
.objective-sec .black-box h2:before  {
    content:  "";
    width:  1.25em;
    height:  1px;
    position:  absolute;
    bottom:  0;
    left:  0;
    background:  #f9b416 }
.objective-sec .black-box p  {
    color:  #fff;
    font-weight:  500;
    margin-top:  1.25em }
.objective-sec .green-bg  {
    background:  #f3fcfb }
.objective-sec .dou-img  {
    float:  right;
    margin-top:  4.375em }
.objective-sec .simple-txt  {
    padding:  0 6.875em }
.objective-sec h3  {
    font-size:  1.125em;
    color:  #0ec1b4;
    text-transform:  uppercase;
    font-weight:  500 }
.objective-sec p  {
    font-size:  1.5em;
    color:  #1e1a25;
    font-weight:  500 }
.objective-sec .gray-pizza  {
    margin:  6.25em auto 0 auto;
    width:  40.25em }
.mood-sec  {
    background:  #1e1a25;
    padding-top:  3.75em;
    margin-bottom:  31.25em }
.mood-sec h3  {
    font-size:  1.5em;
    color:  #0ec1b4;
    position:  relative;
    text-align:  center;
    padding-top:  1.25em }
.mood-sec h3:before  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    margin:  0 auto;
    background:  #f9b416;
    height:  1px;
    width:  1.875em }
.mood-sec h2  {
    color:  #fff;
    font-size:  2.875em;
    font-weight:  700;
    text-align:  center }
.mood-sec .case-pizza-img  {
    margin-top:  3.125em;
    margin-bottom:  -31.25em }
.simple-bo-txt .box  {
    padding:  0 3.125em }
.simple-bo-txt .box h4  {
    font-size:  1.125em;
    color:  #0ec1b4;
    text-transform:  uppercase;
    font-weight:  600;
    margin-bottom:  1.25em }
.simple-bo-txt .box p  {
    font-size:  1.125em;
    color:  #1e1a25;
    font-weight:  600 }
.proud-result-sec  {
    background:  url(../../assets/images/multi-color-bg.jpg) no-repeat;
    height:  56.5625em;
    margin-top:  14.375em }
.proud-result-sec .box  {
    height:  100%;
    background:  #f4f6fa;
    padding:  6.25em 6.25em 0 6.25em;
    text-align:  center;
    position:  relative;
    margin-top:  -3.125em }
.proud-result-sec .box:before  {
    content:  "";
    width:  1px;
    height:  9.375em;
    position:  absolute;
    left:  0;
    right:  0;
    top:  -5em;
    margin:  0 auto;
    background:  #129d95 }
.proud-result-sec .box:after  {
    content:  "";
    width:  .625em;
    height:  .625em;
    position:  absolute;
    left:  0;
    right:  0;
    top:  3.75em;
    background:  #129d95;
    border-radius:  50%;
    margin:  0 auto }
.proud-result-sec h2  {
    color:  #129d95;
    font-size:  2.875em;
    font-weight:  700;
    margin-bottom:  1.25em }
.proud-result-sec .num-sec  {
    text-align:  center;
    clear:  both;
    display:  table;
    width:  100%;
    margin-top:  6.25em }
.proud-result-sec .num-sec .list  {
    float:  left;
    width:  33.33%;
    text-align:  center }
.proud-result-sec .num-sec strong  {
    font-size:  6.25em;
    font-weight:  43.75em;
    color:  #c52527;
    display:  block }
.proud-result-sec .num-sec span  {
    color:  #1ec0a9;
    display:  block;
    font-size:  1.375em }
.proud-result-sec .shap-img  {
    text-align:  center;
    margin-top:  5em }
.thinking-sec  {
    background:  #1e1a25;
    text-align:  center;
    padding:  6.25em 0;
    margin-bottom:  18.75em }
.thinking-sec h2  {
    font-size:  1.375em;
    color:  #0ec1b4;
    position:  relative;
    padding-top:  1.875em;
    margin-bottom:  .9375em }
.thinking-sec h2:before  {
    content:  "";
    width:  2.1875em;
    height:  1px;
    background:  #f9b416;
    position:  absolute;
    left:  0;
    top:  -.3125em;
    right:  0;
    margin:  0 auto }
.thinking-sec p  {
    color:  #fff;
    font-weight:  500;
    margin-top:  .625em }
.thinking-sec .font-laptop  {
    margin-bottom:  -31.25em;
    margin-top:  3.125em }
.portfolio-sec  {
    margin-top:  31.25em }
.portfolio-sec img  {
    margin:  2.5em 0;
    max-width:  100% }
.portfolio-sec.dubai-sec  {
    margin:  6.25em auto 0 auto;
    width:  81.75em }
.qoute-sec  {
    background:  #f7f9ff;
    text-align:  center;
    margin-top:  9.375em;
    padding-bottom:  4.375em }
.qoute-sec .qoute-img  {
    margin-top:  -3.125em;
    margin-bottom:  3.125em }
.qoute-sec p  {
    font-size:  1.5em;
    font-weight:  700 }
.digital-marketing .inner-banner  {
    background:  #c92f27 }
.digital-marketing .inner-banner .banner-detail-sec:before  {
    background:  #1e1a25 }
.digital-marketing .learn-more  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em 0 6.25em 0 }
.digital-marketing .learn-more span  {
    z-index:  1;
    position:  relative }
.digital-marketing .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.digital-marketing .project-sec  {
    margin-top:  0 }
.digital-marketing .our-work-sec  {
    margin-top:  0 }
.services-img-sec h3  {
    font-size:  1.5em;
    color:  #c92f27;
    font-weight:  700;
    position:  relative }
.services-img-sec h3:before  {
    content:  "";
    width:  1.875em;
    height:  1px;
    position:  absolute;
    left:  -3.125em;
    bottom:  0;
    top:  0;
    margin:  auto 0;
    background:  #c92f27 }
.services-img-sec p  {
    font-size:  2.875em;
    font-weight:  700;
    line-height:  1.25em }
.services-img-sec .multi-port-img  {
    margin-top:  3.75em }
.our-digital-marketing  {
    text-align:  left }
.our-digital-marketing h3  {
    color:  #0ec1b4;
    font-size:  1em }
.our-digital-marketing h5  {
    font-size:  2.875em;
    color:  #fff;
    font-weight:  700 }
.our-digital-marketing .dot-img  {
    margin-top:  1.875em }
.box-tab-sec  {
    margin-top:  2.5em;
    margin-bottom:  3.125em;
    display:  table;
    width:  100% }
.box-tab-sec .box  {
    width:  15.625em;
    float:  left;
    cursor:  pointer }
.box-tab-sec .icon  {
    text-align:  center;
    border-bottom:  1px solid #a89fb5;
    padding:  3.125em 0 }
.mobileApp-page .pp_icons  {
    width:  95px;
    height:  97px;
    display:  inline-block;
    margin-left:  auto;
    margin-right:  auto;
    background-image:  url('../../assets/images/all_icons.png');
    background-repeat:  no-repeat;
}
.mobileApp-page .pp_icon1  {
    background-position:  -154px -41px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon1  {
    background-position:  -39px -41px;
}
.mobileApp-page .pp_icon2  {
    background-position:  -40px -158px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon2  {
    background-position:  -270px -41px;
}
.mobileApp-page .pp_icon3  {
    background-position:  -270px -158px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon3  {
    background1-position:  -155px -158px;
}
.mobileApp-page .pp_icon4  {
    background-position:  -384px -40px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon4  {
    background-position:  -384px -157px;
}
.mobileApp-page .pp_icon5  {
    background-position:  -154px -270px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon5  {
    background-position:  -37px -272px;
}
.mobileApp-page .pp_icon6  {
    background-position:  -385px -272px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon6  {
    background-position:  -270px -272px;
}
.box-tab-sec h3  {
    font-size:  1.375em;
    color:  #fff;
    font-weight:  700;
    margin-top:  1.875em;
    width:  100%;
    text-align:  center }
.box-tab-sec p  {
    color:  #fff;
    font-size:  .9375em;
    text-align:  center;
    padding:  0 1.25em;
    opacity:  0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    margin-top:  1.25em }
.app-love-sec .big-img  {
    margin-bottom:  -25em }
.app-love-sec .container  {
    background:  #f7f6f8;
    padding-top:  28.125em;
    padding-bottom:  18.75em }
.app-love-sec h2  {
    text-align:  center;
    font-size:  1.5em;
    font-weight:  700;
    color:  #1e1a25;
    margin:  .9375em 0 1.25em 0 }
.app-love-sec p  {
    font-size:  1.125em;
    color:  #1e1a25;
    padding:  0 18.75em;
    text-align:  center;
    font-weight:  600;
    margin:  .625em 0 3.125em 0 }
.half-img  {
    position:  absolute;
    top:  41.625em;
    left:  .375em }
.iphonex-sec  {
    width:  58.125em;
    height:  68.75em;
    margin:  6.25em auto 0 auto;
    text-align:  center;
    position:  relative }
.iphonex-sec:before  {
    content:  "";
    width:  58.125em;
    height:  58.125em;
    border:  1px solid #0ec1b4;
    position:  absolute;
    left:  0;
    top:  0;
    bottom:  0;
    right:  0;
    margin:  auto;
    border-radius:  50% }
.iphonex-sec .iphonx-img  {
    position:  relative;
    z-index:  2 }
.iphonex-sec .detail  {
    position:  absolute;
    left:  17.5em;
    top:  24.375em;
    width:  24.375em;
    height:  31.25em;
    z-index:  2;
    padding:  1.875em 2.5em;
    text-align:  left }
.iphonex-sec .detail h4  {
    font-size:  1.5em;
    font-weight:  700;
    color:  #000;
    position:  relative }
.iphonex-sec .detail h4:before  {
    content:  "";
    width:  2.5em;
    height:  1px;
    background:  #c72628;
    position:  absolute;
    left:  0;
    bottom:  -.625em }
.iphonex-sec .detail p  {
    padding:  0;
    margin:  1.5625em 0;
    text-align:  left;
    font-weight:  500 }
.iphonex-sec .detail .learn-btn  {
    font-weight:  700;
    color:  #0ec1b4 }
.iphonex-sec .box  {
    display:  none }
.iphonex-sec .box.active  {
    display:  block }
.iphonex-sec .circle-tab-sec  {
    position:  absolute;
    left:  0;
    width:  58.125em;
    height:  58.125em;
    top:  0 }
.iphonex-sec .circle-tab-sec .circle  {
    width:  6.625em;
    height:  6.625em;
    background:  #fff;
    position:  absolute;
    border-radius:  50%;
    cursor:  pointer;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    border:  1px solid #22c6ba }
.iphonex-sec .circle-tab-sec .circle:before  {
    content:  "";
    width:  7.25em;
    height:  7.25em;
    position:  absolute;
    left:  -.375em;
    top:  -.375em;
    border:  1px solid #22c6ba;
    border-radius:  50% }
.iphonex-sec .circle-tab-sec .circle.one  {
    left:  0;
    top:  18.75em;
}
.iphonex-sec .circle-tab-sec .circle.two  {
    left:  0;
    bottom:  9.375em;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle span  {
    width:  54px;
    height:  65px;
    display:  inline-block;
    vertical-align:  middle;
    margin-top:  14px;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.one span  {
    background:  url('../../assets/images/all_icons.png') no-repeat -518px -53px;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.two span  {
    background:  url('../../assets/images/all_icons.png') no-repeat -518px -162px;
    height:  67px }
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.three span  {
    background:  url(../../assets/images/all_icons.png) no-repeat -516px -271px;
    width:  58px;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.four span  {
    background:  url('../../assets/images/all_icons.png') no-repeat -57px -404px;
}
.iphonex-sec .circle-tab-sec .circle.three  {
    right:  0;
    top:  18.75em;
}
.iphonex-sec .circle-tab-sec .circle.three .title  {
    left:  inherit;
    right:  -11.875em;
}
.iphonex-sec .circle-tab-sec .circle.four  {
    right:  0;
    bottom:  9.375em;
}
.iphonex-sec .circle-tab-sec .circle.four .title  {
    left:  inherit;
    right:  -11.875em;
}
.iphonex-sec .circle-tab-sec .circle img  {
    width:  90%;
    margin:  0 auto }
.iphonex-sec .circle-tab-sec .circle .title  {
    position:  absolute;
    left:  -11.875em;
    top:  .625em;
    line-height:  1.125em;
    font-size:  1.5em;
    font-weight:  700;
    text-align:  center;
    color:  #231e2b;
    width:  12.5em }
.iphonex-sec .circle-tab-sec .circle.active  {
    background:  #22c6ba }
.iphonex-sec .request-btn  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em auto 0 auto }
.iphonex-sec .request-btn span  {
    z-index:  1;
    position:  relative }
.iphonex-sec .request-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.cd-img  {
    width:  53.125em !important }
.multi-mob  {
    margin-bottom:  -25.625em !important }
.mood-mar-top  {
    margin-bottom:  5em }
.print-design .our-work-sec  {
    margin-top:  0 }
.pack-design .our-work-sec  {
    clear:  both }
.logo-design-page .inner-banner h2  {
    font-size:  5em !important }
.specialize-sec .services-detail-sec  {
    padding:  5em 6.25em }
.specialize-sec .services-detail-sec.right  {
    padding:  5em 6.25em }
.specialize-sec .services-detail-sec .num  {
    font-size:  9.375em }
@media (min-width:980px) and (max-width:1400px)  {
    .objective-sec .gray-pizza img  {
    width:  100% }
.objective-sec .dou-img  {
    width:  37.5em }
.objective-sec .dou-img img  {
    width:  100% }
.thinking-sec .font-laptop img  {
    width:  100% }
.case-study .inner-banner  {
    background-size:  cover !important }
.case-study .inner-banner .dot  {
    display:  none }
.objective-sec .simple-line-img  {
    display:  none }
.cms-sec .cms-logo  {
    width:  100% }
.why-choose-sec .choose-img-sec  {
    display:  none }
.smart-work-sec .green-line-img  {
    display:  none }
.feature-article-sec  {
    text-align:  center }
.feature-article-sec .box  {
    margin:  3.125em 3.125em 0 3.125em;
    float:  none;
    display:  inline-block }
.inner-banner .dot  {
    width:  25em }
.app-love-sec .big-img  {
    width:  100% }
.iphonex-sec img  {
    width:  65% }
.iphonex-sec .request-btn span  {
    font-size:  1.25em;
    line-height:  2.1875em }
.box-tab-sec .box  {
    width:  17.5em }
.web-feature-list .icon-sec img  {
    width:  100% }
}@media (min-width:992px) and (max-width:1199px)  {
    .inner-banner .banner-detail-sec  {
    padding-left:  5em }
.cms-page .what-cms-sec .laptop-img  {
    width:  100% }
.cms-page .what-cms-sec .black-box .black-box-img2  {
    width:  12.5em }
.appraoch-sec .tab-sec  {
    padding-left:  0 }
.appraoch-sec .left-banner-sec .head  {
    right:  0 }
.appraoch-sec .detail-sec  {
    padding-left:  5.625em }
.appraoch-sec .detail-sec:before  {
    display:  none }
.appraoch-sec .detail-sec:after  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    background:  0 0 }
.learn-more  {
    border:  1px solid #0ec1b4 !important;
    background:  0 0 !important }
.marketing-process-sec .dot-img  {
    display:  none }
.specialize-sec .image-detail-sec .icon-sec  {
    display:  none }
.specialize-sec .learn-more span  {
    font-size:  1.25em }
.custom-web-sec .line  {
    display:  none }
.half-img  {
    width:  19.0625em;
    top:  50.9375em;
    left:  4.375em }
.web-feature-list .icon-sec  {
    display:  none }
.box-tab-sec .box  {
    width:  14.375em }
.box-tab-sec .icon img  {
    width:  50% }
}@media (min-width:768px) and (max-width:991px)  {
    .objective-sec .gray-pizza img  {
    width:  100% }
.objective-sec .dou-img  {
    width:  25em;
    margin-top:  3.125em }
.objective-sec .dou-img img  {
    width:  100% }
.objective-sec:before  {
    display:  none }
.objective-sec .simple-line-img  {
    display:  none }
.objective-sec .simple-txt  {
    margin-top:  -12.5em }
.thinking-sec .font-laptop img  {
    width:  100% }
.case-study .inner-banner  {
    background-size:  cover !important }
.case-study .inner-banner .dot  {
    display:  none }
.inner-banner .banner-detail-sec  {
    padding-left:  4.375em }
.inner-banner .dot  {
    display:  none }
.cms-sec .cms-logo  {
    width:  100% }
.why-choose-sec .choose-img-sec  {
    display:  none }
.smart-work-sec .green-line-img  {
    display:  none }
.feature-article-sec  {
    text-align:  center }
.feature-article-sec .box  {
    margin:  3.125em 1.25em 0 1.25em;
    float:  none;
    display:  inline-block }
.smart-work-sec .pad-left  {
    padding-left:  3.125em }
.what-cms-sec .black-box .black-box-img2  {
    display:  none }
.cms-page .what-cms-sec .laptop-img  {
    width:  100% }
.engage-slider-sec .bor-right  {
    padding-bottom:  0;
    padding-top:  0 }
.why-choose-sec h2  {
    margin-bottom:  0 }
.why-choose-sec h3:before  {
    display:  none }
.marketing-process-sec  {
    height:  auto }
.appraoch-sec .left-banner-sec  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    width:  100%;
    background:  0 0 }
.appraoch-sec .detail-sec  {
    padding:  0 1.875em;
    width:  100% }
.appraoch-sec .detail-sec:after,  .appraoch-sec .detail-sec:before  {
    display:  none }
.appraoch-sec .detail-sec .learn-more  {
    font-size:  1.4375em }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.learn-more  {
    border:  1px solid #0ec1b4 !important;
    background:  0 0 !important }
.marketing-process-sec .dot-img  {
    display:  none }
.seo-page .why-choose-sec  {
    margin-top:  0 }
.seo-page .why-choose-sec h3  {
    font-size:  1.875em }
.appraoch-sec .detail-sec .domain  {
    font-size:  1.875em }
.smart-work-sec .down-arrow-img  {
    display:  none }
.specialize-sec .learn-more span  {
    font-size:  1.5625em;
    line-height:  2.1875em }
.specialize-sec .image-detail-sec .icon-sec  {
    display:  none }
.specialize-sec .main-head  {
    display:  none }
.specialize-sec .mar-top  {
    margin-top:  0 }
.specialize-sec .bor-right  {
    padding-bottom:  1.25em }
.specialize-sec  {
    margin-bottom:  0 }
.specialize-sec .services-detail-sec .num  {
    display:  none }
}@media (max-width:767px)  {
    .objective-sec .black-box  {
    margin-left:  0;
    margin-top:  -110px;
    top:  auto;
}
.objective-sec .gray-pizza img  {
    width:  100% }
.objective-sec .dou-img  {
    width:  100%;
    top:  auto;
    position:  relative;
    margin-bottom:  15px;
    margin-top:  15px;
}
.objective-sec .dou-img img  {
    width:  100% }
.objective-sec:before  {
    display:  none }
.objective-sec .simple-line-img  {
    display:  none }
.objective-sec .simple-txt  {
    margin-top:  -12.5em;
    padding:  0 }
.objective-sec .gray-pizza  {
    width:  100% }
.cd-img  {
    width:  100% !important }
.thinking-sec .font-laptop img  {
    width:  100% }
.mood-sec  {
    margin-bottom:  1.25em }
.mood-sec .case-pizza-img  {
    margin-bottom:  0 }
.proud-result-sec .num-sec  {
    display:  none }
.thinking-sec  {
    margin-bottom:  0 }
.thinking-sec .font-laptop  {
    display:  none }
.portfolio-sec  {
    margin-top:  0 }
.proud-result-sec .shap-img  {
    display:  none }
.case-study .inner-banner  {
    background-size:  cover !important }
.case-study .inner-banner .dot  {
    display:  none }
.inner-banner .banner-detail-sec  {
    padding-left:  1.875em;
    width:  100%;
    border:  0 }
.inner-banner .white-arrow  {
    display:  none }
.inner-banner ul  {
    width:  100% !important }
.inner-banner ul li  {
    padding-left:  1.25em }
.inner-banner ul li:before  {
    right:  inherit;
    left:  0 }
.inner-banner .dot  {
    display:  none }
.case-study .project-sec  {
    margin-top:  0 }
.portfolio-sec.dubai-sec  {
    width:  100% }
.portfolio-sec.dubai-sec img  {
    width:  100% }
.multi-mob  {
    margin-bottom:  0 !important }
.cms-sec .cms-logo  {
    width:  100% }
.why-choose-sec .choose-img-sec  {
    display:  none }
.smart-work-sec .green-line-img  {
    display:  none }
.feature-article-sec  {
    text-align:  center }
.feature-article-sec .box  {
    margin:  3.125em 1.25em 0 1.25em;
    float:  none;
    display:  inline-block }
.smart-work-sec .pad-left  {
    padding-left:  3.125em }
.what-cms-sec .black-box .black-box-img2  {
    display:  none }
.cms-page .what-cms-sec .laptop-img  {
    width:  100% }
.engage-slider-sec .bor-right  {
    padding-bottom:  0 }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.inner-banner .banner-detail-sec h2  {
    font-size:  3.125em !important }
.smart-work-sec p  {
    width:  100%;
    padding-left:  0 }
.smart-work-sec p:before  {
    display:  none }
.cms-sec  {
    padding:  1.25em 0 }
.what-cms-sec .black-box .black-box-img1  {
    display:  none }
.what-cms-sec .black-box  {
    padding:  0 1.25em }
.cms-sec h2  {
    font-size:  1.875em }
.what-cms-sec h2  {
    font-size:  1.875em }
.why-choose-sec h2  {
    margin-bottom:  0 }
.why-choose-sec h3  {
    font-size:  1.5625em }
.why-choose-sec h3:before  {
    display:  none }
.engage-slider-sec .services-detail-sec .num  {
    display:  none }
.engage-slider-sec .services-detail-sec .box  {
    padding:  0 }
.cms-page .engage-slider-sec .services-detail-sec .box  {
    padding:  0 1.875em;
    font-size:  1.25em }
.cms-page .engage-slider-sec .services-detail-sec p  {
    padding-left:  0 }
.cms-page .engage-slider-sec .services-detail-sec p:before  {
    display:  none }
.feature-article-sec h3  {
    margin-top:  3.125em }
.feature-article-sec h2  {
    font-size:  2.1875em }
.feature-article-sec .box  {
    margin:  1.875em 0 }
.cms-page .smart-work-sec  {
    margin-top:  -3.125em }
.marketing-process-sec  {
    height:  auto;
    padding-bottom:  3.125em }
.marketing-process-sec .tab-sec  {
    border-right:  0;
    height:  auto }
.marketing-process-sec .tab-sec a  {
    font-size:  1.625em;
    margin-bottom:  0;
    padding:  .625em 0 }
.marketing-process-sec .tab-sec a:before  {
    display:  none }
.marketing-process-sec .tab-sec a.active  {
    font-weight:  800 }
.marketing-process-sec .tab-sec a br  {
    display:  none }
.marketing-process-sec .tab-detail-sec hr  {
    display:  none }
.marketing-process-sec h3  {
    font-size:  1.5625em }
.marketing-process-sec .dot-img  {
    display:  none }
.engage-slider-sec  {
    margin-bottom:  0 }
.appraoch-sec .left-banner-sec  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    width:  100%;
    background:  0 0 }
.appraoch-sec .detail-sec  {
    padding:  0 1.875em;
    width:  100% }
.appraoch-sec .detail-sec:after,  .appraoch-sec .detail-sec:before  {
    display:  none }
.appraoch-sec .detail-sec .learn-more  {
    font-size:  1.25em;
    line-height:  2.1875em }
.appraoch-sec .detail-sec .num-sec .box  {
    margin-right:  3.125em }
.appraoch-sec .tab-sec  {
    padding-left:  0;
    height:  auto }
.appraoch-sec .tab-sec a  {
    width:  9.375em }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.learn-more  {
    border:  1px solid #0ec1b4 !important;
    background:  0 0 !important }
.seo-page .our-work-sec  {
    margin-top:  0 }
.print-design .bottom-service-sec  {
    padding-top:  1.25em }
.smart-work-sec .img-sec  {
    width:  100% }
.specialize-sec .learn-more span  {
    font-size:  1.5625em;
    line-height:  2.1875em }
.specialize-sec .image-detail-sec .icon-sec  {
    display:  none }
.specialize-sec .main-head  {
    display:  none }
.specialize-sec .mar-top  {
    margin-top:  0 }
.specialize-sec .bor-right  {
    padding-bottom:  1.25em }
.specialize-sec  {
    margin-bottom:  0 }
.specialize-sec .services-detail-sec .num  {
    display:  none }
.specialize-sec .services-detail-sec.right  {
    padding:  1.25em }
.specialize-sec .services-detail-sec  {
    padding:  2.5em }
.specialize-sec .services-detail-sec p  {
    padding-left:  0 }
.specialize-sec .services-detail-sec p:before  {
    display:  none }
.specialize-sec .learn-more  {
    margin:  0 0 2.5em 0;
    width:  195px;
    height:  45px }
.specialize-sec .learn-more span  {
    font-size:  1.375em;
    line-height:  1.6875em }
.smart-work-sec .down-arrow-img  {
    display:  none }
.smart-work-sec  {
    margin-top:  0 }
}.fancybox-image,  .fancybox-inner,  .fancybox-nav,  .fancybox-nav span,  .fancybox-outer,  .fancybox-skin,  .fancybox-tmp,  .fancybox-wrap,  .fancybox-wrap iframe,  .fancybox-wrap object  {
    padding:  0;
    margin:  0;
    border:  0;
    outline:  0;
    vertical-align:  top }
.fancybox-wrap  {
    position:  absolute;
    top:  0;
    left:  0;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0);
    z-index:  8020 }
.fancybox-skin  {
    position:  relative;
    color:  #444;
    text-shadow:  none;
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    border-radius:  4px }
.fancybox-opened  {
    z-index:  8030 }
.fancybox-inner,  .fancybox-outer  {
    position:  relative }
.fancybox-inner  {
    overflow:  hidden }
.fancybox-type-iframe .fancybox-inner  {
    -webkit-overflow-scrolling:  touch }
.fancybox-error  {
    color:  #444;
    font:  14px/20px "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    margin:  0;
    padding:  15px;
    white-space:  nowrap }
.fancybox-iframe,  .fancybox-image  {
    display:  block;
    width:  100%;
    height:  100% }
.fancybox-image  {
    max-width:  100%;
    max-height:  100% }
#fancybox-loading  {
    position:  fixed;
    top:  50%;
    left:  50%;
    margin-top:  -22px;
    margin-left:  -22px;
    background-position:  0 -108px;
    opacity:  .8;
    cursor:  pointer;
    z-index:  8060 }
#fancybox-loading div  {
    width:  44px;
    height:  44px }
.fancybox-close  {
    position:  absolute;
    top:  15px;
    right:  15px;
    width:  36px;
    height:  36px;
    cursor:  pointer;
    z-index:  8040;
    background:  #009ce5;
    color:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.fancybox-close:hover:before  {
    color:  #fff }
.fancybox-close:before  {
    font-family:  dp-world-corporate !important;
    content:  "\41";
    background-size:  cover;
    width:  1.125em;
    height:  1.125em;
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0;
    line-height:  20px;
    margin:  auto;
    -webkit-transform:  scale(.8);
    -moz-transform:  scale(.8);
    -ms-transform:  scale(.8);
    -o-transform:  scale(.8);
    transform:  scale(.8) }
.fancybox-nav  {
    position:  absolute;
    bottom:  0;
    cursor:  pointer;
    text-decoration:  none;
    -webkit-tap-highlight-color:  transparent;
    z-index:  8040;
    height:  50px;
    width:  100px;
    line-height:  50px;
    text-align:  center }
.fancybox-prev  {
    left:  -60px;
    top:  45%;
    font-size:  20px;
    width:  auto;
    padding:  2px 10px 0 10px }
.fancybox-prev:before  {
    color:  #fff;
    text-align:  center;
    font-family:  effra_light;
    font-weight:  600;
    position:  relative;
    top:  1px }
.fancybox-next:after  {
    font-family:  SGS !important;
    content:  "\72";
    font-size:  12px;
    color:  #14918a;
    margin-left:  0;
    font-size:  40px }
.fancybox-prev:after  {
    font-family:  SGS !important;
    content:  "\43";
    color:  #14918a;
    font-size:  40px }
.fancybox-next:before  {
    color:  #fff;
    text-align:  center;
    top:  2px;
    right:  -13px;
    position:  relative }
.fancybox-next  {
    right:  -60px;
    top:  45%;
    font-size:  20px;
    width:  auto;
    padding:  2px 10px 0 10px }
.fancybox-nav span  {
    position:  absolute;
    top:  50%;
    width:  36px;
    height:  34px;
    margin-top:  -18px;
    cursor:  pointer;
    z-index:  8040;
    visibility:  hidden }
.fancybox-prev span  {
    left:  10px;
    background-position:  0 -36px }
.fancybox-next span  {
    right:  10px;
    background-position:  0 -72px }
.fancybox-nav:hover span  {
    visibility:  visible }
.fancybox-tmp  {
    position:  absolute;
    top:  -99999px;
    left:  -99999px;
    max-width:  99999px;
    max-height:  99999px;
    overflow:  visible !important }
.fancybox-lock  {
    overflow:  visible !important;
    width:  auto }
.fancybox-lock body  {
    overflow:  hidden !important }
.fancybox-lock-test  {
    overflow-y:  hidden !important }
.fancybox-overlay  {
    position:  absolute;
    top:  0;
    left:  0;
    overflow:  hidden;
    display:  none;
    z-index:  8010;
    background:  rgba(29,  34,  47,  .94) }
.fancybox-overlay-fixed  {
    position:  fixed;
    bottom:  0;
    right:  0 }
.fancybox-lock .fancybox-overlay  {
    overflow:  auto;
    overflow-y:  scroll }
.fancybox-title  {
    visibility:  hidden;
    font:  normal 13px/20px "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    position:  relative;
    text-shadow:  none;
    z-index:  8050 }
.fancybox-opened .fancybox-title  {
    visibility:  visible }
.fancybox-title-float-wrap  {
    position:  absolute;
    bottom:  0;
    right:  50%;
    margin-bottom:  -35px;
    z-index:  8050;
    text-align:  center }
.fancybox-title-float-wrap .child  {
    display:  inline-block;
    margin-right:  -100%;
    padding:  2px 20px;
    background:  0 0;
    background:  rgba(0,  0,  0,  .8);
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    border-radius:  15px;
    text-shadow:  0 1px 2px #222;
    color:  #fff;
    font-weight:  700;
    line-height:  24px;
    white-space:  nowrap }
.fancybox-title-outside-wrap  {
    position:  relative;
    margin-top:  10px;
    color:  #fff }
.fancybox-title-inside-wrap  {
    padding-top:  10px }
.fancybox-title-over-wrap  {
    position:  absolute;
    bottom:  0;
    left:  0;
    color:  #fff;
    padding:  10px;
    background:  #000;
    background:  rgba(0,  0,  0,  .8) }
section.home-faqs-s .panel-default>.panel-heading  {
    color:  #333 !important;
    background-color:  #f5f5f5 !important;
    border-color:  #ddd !important;
    background:  none !important;
}
section.home-faqs-s .panel-default>.panel-heading h4  {
    color:  #333 !important;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),  only screen and (min--moz-device-pixel-ratio:1.5),  only screen and (min-device-pixel-ratio:1.5)  {
    #fancybox-loading,  .fancybox-close,  .fancybox-next span,  .fancybox-prev span  {
    background-size:  44px 152px }
#fancybox-loading div  {
    background-size:  24px 24px }
}@media (min-width:980px) and (max-width:1400px)  {
    .fancybox-close:  before  {
    line-height:  1.25em }
}@media (min-width:1200px)  {
    .iphonex-sec .circle-tab-sec .circle:  hover  {
    background:  #0ec1b4 }
.iphonex-sec .request-btn:hover:before  {
    width:  100% }
.appraoch-sec .tab-sec a:hover  {
    background:  #fff }
.bottom-service-sec a:hover  {
    background:  #c92f27;
    color:  #fff }
.marketing-process-sec .tab-sec a:hover  {
    color:  #39b59d }
.marketing-process-sec .tab-sec a:hover:before  {
    height:  100% }
.specialize-sec .image-detail-sec .link-sec ul li a:hover  {
    color:  #fff;
    background:  #c92f27 }
.our-work-sec .slider-area .thumb-slider .box:hover:before  {
    width:  90%;
    height:  85%;
    opacity:  .8 }
.menu-area ul li a:hover:before  {
    width:  100% }
footer .nav ul li a:hover:before  {
    width:  100% }
.small-link li a:hover  {
    color:  #3dc5bb }
.social-sec a:hover:before  {
    width:  80%;
    height:  80% }
.goal-sec .learn-more:hover,  .specialize-sec .learn-more:hover  {
    color:  #fff }
.learn-more:hover:before  {
    width:  100% }
.project-sec .request-btn:hover:before  {
    width:  100% }
.case-study-sec .nav-sec a:hover  {
    opacity:  1 }
.case-study-sec .nav-sec a:hover span  {
    border:  1px solid #fff }
.case-study-sec .detail-sec .link-btn:hover  {
    color:  #14918a }
.case-study-sec .detail-sec .link-btn:hover:before  {
    width:  100% }
.our-work-sec .tabbing-slider .box:hover:before  {
    width:  100% }
.appraoch-sec .detail-sec .learn-more:hover:before  {
    width:  100% }
.box-tab-sec .box:hover p  {
    opacity:  1 }
.project-sec .request-btn  {
    line-height:  2.5em }
}.container  {
    width:  95.625em }
@media (min-width:768px) and (max-width:991px)  {
    .container  {
    width:  95% !important }
}@media (max-width:767px)  {
    .container  {
    width:  95% !important }
}.who-we-are-sec h1  {
    margin:  0 0 1.25em 0;
    color:  #fff;
    font-weight:  700;
    position:  relative;
    font-size:  40px }
.who-we-are-sec h1 span  {
    position:  relative;
    z-index:  1 }
.who-we-are-sec h1 strong  {
    color:  #0ec1b4 }
.digital-marketing .who-head h3  {
    left:  27%;
    top:  -40px }
.branding-page .learn-more .brand  {
    position:  relative }
.lightBlueBg.padTop100  {
    padding-left:  30px }
.feature-article-sec.change2  {
    margin-bottom:  150px }
.bottom-service-sec.change  {
    padding-top:  0 }
.blogsubscribe input[type=text]  {
    font-size:  16px }
.app-love-sec.change .container  {
    padding-bottom:  0 }
.feature-article-sec.change  {
    margin-bottom:  0 }
.app-love-sec h5  {
    font-size:  200px;
    color:  #dde4f1;
    text-transform:  uppercase;
    font-weight:  600;
    margin:  100px 0 0 0;
    text-align:  center;
    line-height:  145px }
.home_page .box-tab-sec .collapse:nth-child(5)  {
    display:  block }
.specialize-sec .services-detail-sec .num  {
    font-size:  14.375em }
.feature-article-sec  {
    margin-bottom:  180px }
.highlight  {
    transform:  translateY(0) !important;
    background:  #c52527 url(../images/top-down.png) no-repeat right 14px top 21px !important;
    background-size:  8% !important }
.work-library .banner-slider .accordion li  {
    max-width:  100% }
.work-library .banner-slider .list  {
    width:  100% }
.our-work-sec.change  {
    margin-top:  0 }
.accordion .list.two  {
    position:  relative;
    left:  -50px }
.proud-result-sec .shap-img  {
    text-align:  left }
.objective-sec .simple-txt  {
    margin-top:  -100px }
.goal-sec .green-line-img  {
    position:  absolute;
    left:  0;
    top:  8.5em }
.pad-right  {
    padding-right:  17% }
.pad-right-10  {
    padding-right:  10% }
.case-study .inner-banner ul li:nth-child(2):before  {
    display:  none }
.accordion .list.three  {
    position:  relative;
    left:  -81px }
.goal-sec h2  {
    font-size:  31px }
.expert-wrapper  {
    max-width:  1557px;
    margin:  0 auto;
    background:  #f3f7ff;
    padding:  0 144px 0;
    position:  relative }
.web-feature-list .icon-sec img  {
    margin:  0 auto;
    display:  block }
.experts h2  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600 }
.experts h4  {
    font-size:  200px;
    color:  #dde4f1;
    text-transform:  uppercase;
    font-weight:  600;
    margin:  70px 0 0 0;
    text-align:  center;
    line-height:  145px }
.experts .green-line-img  {
    position:  absolute;
    left:  -7.375em;
    top:  -.5em }
.experts h3  {
    color:  #231e2b;
    font-size:  40px;
    font-weight:  700;
    margin-bottom:  60px }
.appraoch-sec .left-banner-sec .small-img  {
    right:  -12.125em }
.experts .width-25,  .work .width-25  {
    width:  20%;
    box-sizing:  border-box;
    display:  inline-flex;
    border:  solid 1px #e7e4eb;
    height:  200px;
    align-items:  center;
    justify-content:  center;
    vertical-align:  top;
    float:  left;
    padding:  0 20px }
.cms-page .what-cms-sec.change .laptop-img  {
    bottom:  .75em;
    z-index:  9;
    margin-bottom:  80px }
.cms-sec h2  {
    margin-bottom:  60px }
.work .width-25:first-child  {
    border-left:  0 }
.work:last-child .width-25:last-child  {
    border-right:  0 }
.work .width-25:nth-child(5)  {
    border-right:  0 }
.work .width-25:nth-child(6)  {
    border-left:  0 }
.marketing-process-sec  {
    position:  relative }
.appraoch-sec .right-detail-sec.circle-line-bg.circle-line  {
    background:  url(../../assets/images/circle-line.png) no-repeat bottom right }
.marketing-process-sec .bal  {
    position:  absolute }
.marketing-process-sec  {
    background:  url(../../assets/images/bulb-bg2.png) no-repeat center;
    background-position:  right bottom }
.why-choose-sec.change  {
    margin-top:  0;
    padding-top:  100px;
    background:  #f8fafd;
    background:  linear-gradient(left,  #f8fafd 50%,  #fff 50%);
    background:  -moz-linear-gradient(left,  #f8fafd 50%,  #fff 50%);
    background:  -webkit-linear-gradient(left,  #f8fafd 50%,  #fff 50%) }
.why-choose-sec.change h2  {
    margin-bottom:  0 }
.engage-slider-sec.change,  .engage-slider-sec.change .bor-right  {
    padding-top:  0 }
.engage-slider-sec.change .dark  {
    background:  #f8fafd }
.bottom-service-sec.my-class  {
    padding:  5.5em 0 0 0 }
.why-choose-sec.change .choose-img-sec  {
    top:  40% }
.our-work-sec.my-class  {
    margin-top:  0 !important }
.pointer,  .pointer2  {
    position:  relative }
.top-zero  {
    margin-top:  0 }
.cms-page .smart-work-sec .down-arrow-img  {
    margin-top:  0 }
.pointer:after  {
    width:  10px;
    height:  91px;
    content:  '';
    background:  url(../images/pointer.png);
    position:  absolute;
    top:  0;
    right:  0;
    left:  0;
    margin:  0 auto }
.pointer2:after  {
    width:  10px;
    height:  176px;
    content:  '';
    background:  url(../images/pointer2.png);
    position:  absolute;
    top:  -70px;
    right:  0;
    left:  0;
    margin:  0 auto }
.project-sec  {
    margin-top:  4.375em }
.qoute-sec  {
    padding-bottom:  7.375em }
.img-resp  {
    max-width:  100%;
    height:  auto;
    display:  block;
    margin:  0 auto;
    text-align:  center }
.half-img  {
    top:  48.5em }
.inner-banner .banner-detail-sec h3  {
    margin-bottom:  30px }
.ipadimg  {
    top:  525px }
.tab-service-sec  {
    margin:  -31.25em auto 0 auto;
    max-width:  1557px }
.web.project-sec  {
    margin-top:  0 }
.our-work-sec  {
    margin-top:  0 }
.project-sec .request-btn  {
    line-height:  52px !important;
    padding:  0 }
.custom-web-sec .request-btn  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    margin:  0 0 0 120px;
    line-height:  52px !important;
    padding:  0 }
.custom-web-sec .request-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.custom-web-sec .request-btn:hover:before  {
    width:  100% }
.custom-web-sec .request-btn span  {
    z-index:  1;
    position:  relative }
.custom-web-sec .request-btn:hover span  {
    color:  #fff }
.custom-web-sec  {
    padding-bottom:  70px }
#a-specializing  {
    margin-top:  45px }
#a-specializing .caption  {
    color:  #0ec1b4;
    font-size:  18px;
    margin-top:  27px;
    line-height:  28px }
#a-specializing .si-col  {
    width:  auto;
    margin-right:  115px }
body.about-us-page .smart-work-sec  {
    padding-bottom:  168px }
#cdte  {
    background:  url(../../assets/images/dubai-man.jpg) no-repeat center top;
    min-height:  992px;
    position:  relative }
#cdte h2  {
    margin:  0;
    padding:  0;
    color:  #fff;
    font-size:  104px;
    font-weight:  700;
    text-shadow:  8px 15px 2px rgba(0,  0,  0,  .34);
    line-height:  100px;
    letter-spacing:  -1px;
    margin-top:  176px }
#cdte .purple-line  {
    width:  316px;
    height:  11px;
    background:  #8503ff;
    position:  absolute;
    right:  0;
    top:  231px;
    border-radius:  5px 0 0 5px }
#cdte p  {
    color:  #fff;
    display:  inline-block;
    float:  right;
    width:  686px;
    margin:  0;
    margin-top:  57px;
    position:  relative;
    box-sizing:  border-box;
    padding-left:  127px;
    line-height:  30px }
#cdte p::before  {
    content:  '';
    background:  #fff;
    height:  1px;
    width:  97px;
    position:  absolute;
    left:  0;
    top:  15px }
.view-btn  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    width:  307px;
    height:  50px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  13em 0 0 9em;
    border:  solid 1px #fff;
    clear:  both }
.view-btn:hover  {
    color:  #000 }
.view-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.view-btn:hover:before  {
    width:  100% }
.view-btn span  {
    z-index:  1;
    position:  relative }
.branding-page .inner-banner  {
    background:  #c92f27 }
.branding-page .inner-banner .banner-detail-sec:before  {
    background:  #1e1a25 }
.half-img2  {
    position:  absolute;
    top:  373px;
    left:  -25px }
.branding-page .app-love-sec .big-img  {
    margin-bottom:  0;
    width:  100% }
#cds .who-head h3  {
    left:  0 }
.branding-page .our-work-sec  {
    margin-top:  0 }
#android-smart-work.container  {
    width:  100%;
    padding-bottom:  64px }
#android-smart-work .air  {
    margin:  0;
    padding:  3em 0 0 1em }
#android-smart-work .pad-left  {
    padding-left:  20em }
.smart-work-sec #android-smart-work p  {
    width:  96%;
    margin-bottom:  2em }
#android-smart-work .c-list  {
    margin-left:  6em }
#android-smart-work .c-list ul li  {
    margin-bottom:  45px;
    line-height:  30px;
    color:  #0ec1b4;
    font-size:  26px }
#android-smart-work .c-list ul li span  {
    color:  #000;
    font-size:  16px }
.nlearn-more  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  19.3125em;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  0 0 0 1.5em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    float:  left }
.nlearn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.nlearn-more span  {
    z-index:  1;
    position:  relative }
.nlearn-more:hover:before  {
    width:  100% }
.aad-page .our-work-sec  {
    clear:  both }
.aad-page .specialize-sec  {
    padding:  3.125em 0;
    margin-bottom:  -12.5em;
    position:  relative;
    clear:  both }
.aad-page .specialize-sec .services-detail-sec  {
    padding:  14em 6.25em }
.aad-page .specialize-sec .services-detail-sec.right  {
    padding:  14em 6.25em }
.aad-page .specialize-sec .image-detail-sec  {
    text-align:  right }
.aad-page .specialize-sec .image-detail-sec.right  {
    text-align:  left }
.aad-page .specialize-sec .image-detail-sec img  {
    width:  auto;
    height:  auto }
.aad-page .specialize-sec .dark  {
    background:  0 0 }
.aad-page .specialize-sec .main-head  {
    width:  28.625em }
.aad-page .specialize-sec .mar-top  {
    margin-top:  15.375em }
.culture-innovation  {
    background:  url(../../assets/images/space-bg.jpg) no-repeat center top;
    min-height:  1180px;
    box-sizing:  border-box;
    margin-top:  0 }
.marketing-process-sec.culture-innovation .tab-sec a  {
    width:  295px;
    height:  294px;
    border:  solid 1px #fff;
    border-radius:  100%;
    position:  absolute;
    left:  0;
    top:  0;
    text-align:  center;
    margin:  0;
    padding:  0;
    box-sizing:  border-box;
    padding-top:  30px }
.marketing-process-sec.culture-innovation .tab-sec  {
    border-right:  none;
    margin-top:  142px;
    height:  auto;
    position:  relative }
.marketing-process-sec.culture-innovation .tab-sec a.active  {
    border-color:  #0ec1b4;
    background:  rgba(255,  255,  255,  .23) }
.marketing-process-sec.culture-innovation .tab-sec a:before  {
    display:  none }
.marketing-process-sec.culture-innovation .tab-sec a:first-child  {
    left:  125px;
    top:  0 }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(2)  {
    left:  0;
    top:  75px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(2) span  {
    float:  left;
    margin:  47px 0 0 17px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(3)  {
    left:  auto;
    top:  75px;
    right:  60px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(3) span  {
    float:  right;
    margin:  47px 17px 0 0 }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(4)  {
    left:  -3px;
    top:  220px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(4) span  {
    float:  left;
    margin:  123px 0 0 27px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(5)  {
    left:  auto;
    top:  220px;
    right:  58px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(5) span  {
    float:  right;
    margin:  128px 25px 0 0 }
.marketing-process-sec.culture-innovation .tab-sec a:last-child  {
    left:  125px;
    top:  294px }
.marketing-process-sec.culture-innovation .tab-sec a:last-child span  {
    margin:  194px 0 0 0;
    display:  block }
.marketing-process-sec.culture-innovation .tb-text span.number  {
    color:  #fff;
    font-size:  24px }
.marketing-process-sec.culture-innovation .tb-text h2  {
    color:  #0ec1b4;
    font-size:  72px }
.marketing-process-sec.culture-innovation .tb-text  {
    float:  right;
    margin-right:  245px }
.marketing-process-sec.culture-innovation .tb-text p  {
    color:  #fff;
    font-size:  24px;
    position:  relative;
    width:  536px;
    max-width:  100%;
    box-sizing:  border-box;
    padding-left:  114px }
.marketing-process-sec.culture-innovation .tb-text p:before  {
    content:  '';
    width:  79px;
    height:  1px;
    background:  #fff;
    position:  absolute;
    left:  0;
    top:  20px }
.aad-page .specialize-sec .bor-right  {
    padding-bottom:  0;
    margin-bottom:  15em }
.project-sec .request-btn  {
    line-height:  inherit }
#our-offices  {
    background:  #fff;
    margin-top:  0;
    padding:  0;
    height:  auto;
    position:  relative }
#our-offices .container  {
    width:  100% }
#our-offices .c--off-address  {
    margin-top:  11em;
    margin-left:  3em;
    float:  left }
#our-offices .c--off-address h3  {
    font-weight:  700;
    font-size:  48px;
    color:  #0ec1b4;
    margin:  0;
    margin-bottom:  1em }
#our-offices .c--off-address h4  {
    font-weight:  700;
    margin:  0;
    margin-bottom:  2em;
    color:  #000 }
#our-offices .c--off-address p  {
    font-weight:  600;
    margin:  0;
    margin-bottom:  3em;
    color:  #000 }
#our-offices .c--con-flag  {
    margin-top:  0;
    margin-bottom:  0;
    text-align:  right;
    float:  left;
    background:  #fff;
    width:  auto;
    margin-left:  436px;
    z-index:  1;
    position:  relative;
    box-sizing:  border-box;
    padding-left:  90px;
    border-left:  solid 1px #36cbc0;
    min-height:  1076px;
    padding-top:  14em }
#our-offices.marketing-process-sec .tab-sec  {
    margin:  0;
    width:  291px;
    border-radius:  100%;
    height:  565px;
    margin:  0 auto;
    position:  absolute;
    left:  560px;
    z-index:  1;
    top:  217px;
    background:  url(../../assets/images/flags-tab-round.png) no-repeat center top }
#our-offices.marketing-process-sec .tab-sec a:before  {
    display:  none }
#our-offices.marketing-process-sec .tab-detail-sec  {
    margin-top:  0 }
#our-offices.marketing-process-sec .tab-sec a  {
    width:  92px;
    height:  92px;
    display:  inline-block;
    left:  0;
    top:  0;
    position:  absolute }
#our-offices.marketing-process-sec .tab-sec a:first-child  {
    left:  47px }
#our-offices.marketing-process-sec .tab-sec a:nth-child(2)  {
    left:  -35px;
    top:  210px }
#our-offices.marketing-process-sec .tab-sec a:nth-child(3)  {
    top:  430px;
    left:  70px }
.contactPage .container  {
    max-width:  1400px }
.contactPage h2.greenTextWhiteBg  {
    color:  #0ec1b4;
    font-weight:  700;
    line-height:  1.5em;
    letter-spacing:  -.09em;
    font-size:  80px;
    margin:  0;
    text-transform:  capitalize;
    position:  relative;
    z-index:  2 }
.contactPage .inner-banner  {
    height:  auto;
    background:  url(../../assets/images/contacthdrBg.jpg) no-repeat center top #1e1a25;
    background-size:  cover }
.contactPage .inner-banner .banner-detail-sec h2  {
    top:  inherit;
    margin-top:  140px;
    line-height:  57px;
    margin-bottom:  0;
    padding-bottom:  20px }
.contactPage .inner-banner .logo-sec  {
    position:  inherit;
    left:  inherit;
    top:  inherit;
    padding:  4.0625em 0 0 4.0625em }
.contactPage .inner-banner .banner-detail-sec  {
    position:  inherit;
    bottom:  inherit;
    left:  inherit;
    width:  auto;
    padding-left:  0;
    height:  auto;
    margin:  86px auto 0 auto;
    max-width:  1360px }
.contactPage .inner-banner .banner-detail-sec:before  {
    display:  none }
.contactPage .smart-work-sec  {
    margin-top:  0 }
.contactPage .contactArea:before  {
    content:  "";
    width:  50%;
    height:  100%;
    display:  block;
    position:  absolute;
    top:  0;
    right:  0;
    background-color:  #fff }
.contactPage .contactArea  {
    padding:  0 0 50px 0;
    position:  relative }
.contactPage .contactArea input[type=email],  .contactPage .contactArea input[type=text],  .contactPage .contactArea select,  .contactPage .contactArea textarea  {
    border:  1px solid #0ec1b4;
    padding:  15px 25px;
    width:  100%;
    margin-bottom:  28px }
.contactPage .contactArea textarea  {
    resize:  none }
.contactPage .contactArea select option:first-child  {
    display:  none }
.contactPage .contactArea .request-btn:focus,  .contactPage .contactArea input[type=email]:focus,  .contactPage .contactArea input[type=text]:focus,  .contactPage .contactArea select:focus,  .contactPage .contactArea textarea:focus  {
    outline:  0 }
.contactPage .contactArea input::-webkit-input-placeholder,  .contactPage .contactArea textarea::-webkit-input-placeholder  {
    color:  #b9b9b9 }
.contactPage .contactArea input::-moz-placeholder,  .contactPage .contactArea textarea::-moz-placeholder  {
    color:  #b9b9b9 }
.contactPage .contactArea input:-ms-input-placeholder,  .contactPage .contactArea textarea:-ms-input-placeholder  {
    color:  #b9b9b9 }
.contactPage .contactArea input:-moz-placeholder,  .contactPage .contactArea textarea:-moz-placeholder  {
    color:  #b9b9b9 }
.contactPage .officeInfo  {
    margin-bottom:  50px;
    position:  relative }
.contactPage .officeInfo p  {
    padding-left:  100px }
.contactPage .contactArea p  {
    font-size:  16px;
    color:  #0ec1b4;
    text-transform:  uppercase;
    font-weight:  600;
    margin-bottom:  50px }
.contactPage .officeInfo:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  12px;
    background:  #000 }
.contactPage .contactArea h3,  h2  {
    color:  #231e2b;
    font-size:  40px;
    font-weight:  700;
    margin-top:  0 }
.contactPage .contactArea h3  {
    color:  #231e2b;
    font-weight:  400;
    margin-bottom:  0 }
.contactPage .contactArea form  {
    margin-top:  50px }
.contactPage .contactArea .lightBlueBg .redText  {
    color:  #c72628 }
.contactPage .contactArea .request-btn  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    border:  none }
.contactPage .contactArea h4  {
    font-size:  20px;
    text-transform:  uppercase;
    font-weight:  700;
    margin:  30px 0 }
.contactPage .contactArea .lightBlueBg p  {
    color:  #000 }
.contactPage .contactArea .padTop100  {
    padding-top:  50px }
.contactPage .map iframe  {
    width:  100%;
    filter:  gray;
    -webkit-filter:  grayscale(99%);
    -webkit-backface-visibility:  hidden }
.contactPage .callToaction  {
    list-style:  none;
    padding:  0;
    margin:  0 }
.contactPage .callToaction li  {
    background-color:  #0ec1b4;
    padding:  15px 40px;
    color:  #fff;
    margin-bottom:  30px;
    text-align:  center }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    color:  #fff;
    font-size:  22px;
    margin-bottom:  0;
    font-weight:  400 }
.contactPage .callToaction .icon  {
    width:  32px;
    height:  32px;
    display:  inline-block;
    vertical-align:  top;
    float:  left }
.contactPage .callToaction p  {
    position:  relative;
    text-transform:  capitalize }
.contactPage .callToaction p:before  {
    background-color:  #fff;
    height:  24px;
    width:  1px;
    display:  block;
    content:  "";
    position:  absolute;
    left:  85px;
    top:  5px }
.contactPage .callToaction .cntIcon01  {
    background:  url(../../assets/images/cntIcon01.png) no-repeat center center }
.contactPage .callToaction .cntIcon02  {
    background:  url(../../assets/images/cntIcon02.png) no-repeat center center }
.contactPage .callToaction .cntIcon03  {
    background:  url(../../assets/images/cntIcon03.png) no-repeat center center }
.contactPage .contactArea:after  {
    content:  "";
    width:  100%;
    max-width:  194px;
    height:  60px;
    position:  absolute;
    left:  0;
    top:  200px;
    background:  url(../../assets/images/greyDotrpt.png) repeat left top;
    display:  block }
.contactPage .inner-banner .dot  {
    max-width:  300px }
.contactPage .our-work-sec  {
    margin-top:  0 }
.blogsubscribe  {
    background:  url(../../assets/images/subscribeBg.jpg) no-repeat center top;
    background-size:  100% }
.blogsubscribe .container  {
    max-width:  1560px }
.blogsubscribe h2  {
    font-size:  20px;
    color:  #fff;
    text-align:  right }
.blogsubscribe input  {
    border:  1px solid #fff;
    padding:  14px 25px 14px 25px;
    background:  0 0;
    vertical-align:  top;
    color:  #fff }
.blogsubscribe input:focus  {
    outline:  0 }
.blogsubscribe input[type=text]  {
    min-width:  410px;
    color:  #fff }
.blogsubscribe .project-sec .request-btn  {
    padding:  16px 30px;
    font-size:  16px;
    width:  auto;
    margin:  0;
    height:  auto;
    display:  inline-block;
    border:  1px solid;
    border-image:  linear-gradient(45deg,  #fff,  #0ec1b4);
    border-image-slice:  1;
    background:  0 0;
    line-height:  18px !important;
    margin-left:  -5px }
.blogsubscribe .project-sec  {
    margin:  5em 0 }
.branding-page .who-head .triangle  {
    top:  110px }
.branding-page .custom-web-sec h2  {
    margin-top:  101px }
.branding-page .engage-slider-sec  {
    padding:  64px 0 0 0;
    margin-bottom:  0 }
.branding-page .engage-slider-sec .services-detail-sec  {
    padding:  0 }
.cd-graphic  {
    float:  left }
.branding-page .engage-slider-sec .services-detail-sec  {
    padding:  0;
    display:  inline-block;
    width:  651px;
    margin-left:  -132px }
.branding-page .engage-slider-sec h3  {
    color:  #0ec1b4;
    font-weight:  700;
    text-transform:  uppercase;
    margin:  0;
    padding:  0;
    font-size:  50px;
    margin-bottom:  56px;
    margin-top:  122px }
.branding-page .engage-slider-sec p  {
    color:  #fff;
    margin:  0;
    padding:  0;
    font-size:  18px;
    box-sizing:  border-box;
    padding-left:  160px }
.branding-page .engage-slider-sec .services-detail-sec p:before  {
    background:  #fff;
    width:  101px;
    height:  1px }
.branding-page .slick-next:before,  .branding-page .slick-prev:before  {
    font-size:  50px;
    opacity:  1 }
.branding-page .slick-prev  {
    left:  -724px;
    top:  467px }
.branding-page .slick-next  {
    top:  0;
    right:  auto;
    left:  59px;
    top:  17px }
#cds  {
    padding-bottom:  5em }
#ecl-co  {
    min-height:  981px;
    background:  url(../../assets/images/red-bg.jpg) no-repeat center top;
    position:  relative }
#ecl-co .red-lines  {
    position:  absolute;
    left:  0;
    top:  0 }
#ecl-co h3  {
    text-transform:  uppercase;
    color:  #fff;
    font-size:  16px;
    text-align:  center;
    margin:  0;
    padding:  0;
    background:  url(../../assets/images/top-hang-icon.png) no-repeat center top;
    padding-top:  82px }
#ecl-co h2  {
    color:  #fff;
    font-size:  48px;
    margin:  0;
    padding:  0;
    margin-top:  60px }
#ecl-co h2 img  {
    float:  left;
    margin-right:  60px;
    margin-bottom:  50px }
#ecl-co p  {
    font-size:  18px;
    color:  #fff;
    line-height:  34px;
    background:  url(../../assets/images/plus-icon.png) no-repeat left top;
    margin:  0;
    margin-left:  10px;
    margin-top:  60px;
    padding-left:  72px;
    margin-right:  601px }
.ecl-co-screen  {
    position:  absolute;
    right:  0;
    bottom:  30px }
#ecl-co .view-btn  {
    margin:  0;
    margin-top:  2em;
    padding-top:  .4em }
.case-study-sec #tab1  {
    background:  url(../../assets/images/chebuono-bg.jpg) no-repeat left top }
.case-study-sec #tab3  {
    background:  url(../../assets/images/pure-logic-group-bg.jpg) no-repeat left top }
.case-study-sec #tab3  {
    background:  #48225a }
.case-study-sec .pure-logic-group-img  {
    position:  absolute !important;
    right:  1.375em !important;
    bottom:  -6.25em !important }
.case-study-sec .taskque-img  {
    position:  absolute !important;
    right:  0 !important;
    bottom:  -6.25em !important }
.case-study-sec .ticket-pay-img  {
    position:  absolute !important;
    right:  -43px !important;
    bottom:  -9.25em !important }
.case-study-sec .dubai-porcelain-img  {
    position:  absolute !important;
    right:  27.375em !important;
    bottom:  -.25em !important }
.special-sec .box-tab-sec h3  {
    margin-left:  0;
    font-weight:  100;
    text-align:  left }
.special-sec .box-tab-sec h3:before  {
    display:  none }
.special-sec .box-tab-sec .icon  {
    border-bottom:  none;
    text-align:  left;
    padding:  0;
    height:  65px }
.special-sec .box-tab-sec  {
    margin-top:  4.5em;
    padding-left:  240px;
    box-sizing:  border-box;
    min-height:  536px }
.special-sec .box-tab-sec p  {
    width:  100%;
    margin:  0;
    padding:  0;
    text-align:  left;
    font-size:  18px;
    color:  #fff;
    opacity:  1 }
.special-sec .box-tab-sec p:before  {
    display:  none }
.special-sec .box-tab-sec span.highlight  {
    float:  left;
    width:  36%;
    font-size:  28px;
    font-weight:  700;
    line-height:  40px;
    background-image:  none !important;
    background-color:  transparent !important }
.special-sec .box-tab-sec span.normalText  {
    float:  right;
    width:  60% }
.special-sec .box-tab-sec span.normalText a  {
    color:  #fff;
    font-weight:  700;
    margin-top:  15px;
    display:  block }
.special-sec .box-tab-sec span.normalText a:hover  {
    text-decoration:  underline !important }
.special-sec .learn-more  {
    margin:  3.75em 0 0 0 }
.dcol  {
    color:  #fff;
    clear:  both;
    margin-top:  50px;
    float:  left;
    width:  100% }
.marketing-col  {
    width:  409px;
    height:  428px;
    background:  #fff;
    position:  absolute;
    right:  20px;
    top:  90px;
    text-align:  left;
    box-sizing:  border-box;
    padding:  40px 30px;
    opacity:  0 }
.marketing-col h4  {
    font-weight:  700;
    font-size:  24px;
    margin:  0;
    padding:  0;
    color:  #1e1a25;
    margin-bottom:  21px }
.marketing-col p  {
    font-size:  16px;
    margin:  0;
    padding:  0;
    color:  #1e1a25;
    line-height:  29px;
    margin-bottom:  20px }
.marketing-col p a:hover  {
    text-decoration:  underline !important }
.cpc:hover .marketing-col  {
    opacity:  1 }
.carousel-inner>.item  {
    height:  882px }
.mobileApp-page .custom-web-sec .carousel-inner>.item  {
    height:  930px;
}
#our-core-services .c-container  {
    max-width:  1557px;
    margin:  0 auto }
#our-core-services  {
    background:  0 0;
    padding:  0;
    margin:  0;
    height:  auto }
#our-core-services .lgray  {
    background:  #f3f7ff }
#our-core-services .space1  {
    padding:  88px 144px 0 144px }
.work-library .banner-slider .amaz-scroll  {
    bottom:  9.5em }
.work-library .banner-slider .list  {
    background-repeat:  no-repeat }
.work-library .banner-slider .banner-dot  {
    right:  4em }
.work-library .banner-slider h2  {
    font-size:  80px;
    letter-spacing:  1px;
    margin:  200px 0 25px 0 }
.work-library .banner-slider h4  {
    font-weight:  400;
    text-transform:  capitalize;
    font-size:  50px }
.work-library .banner-slider .detail  {
    margin-top:  2.9375em }
.work-library .banner-slider .logo-sec:after  {
    content:  "";
    width:  48px;
    height:  2px;
    background-color:  #0ec1b4;
    display:  block;
    margin:  40px auto 0 auto }
.costCalculatorPage .banner-slider .workWithUs,  .work-library .banner-slider .workWithUs  {
    display:  inline-block;
    position:  absolute;
    right:  -30px;
    top:  50px }
.costCalculatorPage .banner-slider .seeCaseStudy a,  .costCalculatorPage .banner-slider .workWithUs a,  .work-library .banner-slider .seeCaseStudy a,  .work-library .banner-slider .workWithUs a  {
    font-size:  14px;
    color:  #fff }
.work-library .paddTop100  {
    padding-top:  100px }
.costCalculatorPage .banner-slider .rotate,  .work-library .banner-slider .rotate  {
    transform:  rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    -moz-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    -o-transform:  rotate(-90deg) }
.costCalculatorPage .banner-slider .workWithUs:before,  .work-library .banner-slider .workWithUs:before  {
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  5px 5px 5px 0;
    border-color:  transparent #fff transparent transparent;
    content:  "";
    display:  inline-block;
    transform:  rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -moz-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    -o-transform:  rotate(90deg);
    margin-right:  15px }
.costCalculatorPage .banner-slider .seeCaseStudy,  .work-library .banner-slider .seeCaseStudy  {
    display:  inline-block;
    position:  absolute;
    right:  25px;
    bottom:  150px;
    text-align:  right }
.work-library .our-work-sec  {
    margin-top:  0 }
.lightBlueText  {
    color:  #0ec1b4 }
.blueBgGradient  {
    color:  #fff;
    background:  -moz-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #00cdff),  color-stop(100%,  #09f));
    background:  -webkit-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  -o-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  -ms-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  linear-gradient(180deg,  #00cdff 0,  #09f 100%) }
.redText  {
    color:  #c72628 }
.blackBg  {
    background-color:  #1e1a25;
    color:  #fff }
.workLibrarySection_1,  .workLibrarySection_2,  .workLibrarySection_4  {
    padding:  50px 0;
    position:  relative }
.workLibrarySection_1 p.redText  {
    font-weight:  16px;
    text-transform:  uppercase }
.workLibrarySection_1 h2  {
    color:  #231e2b;
    font-size:  48px;
    font-weight:  700;
    margin-top:  70px }
.workLibrarySection_1 h2 span  {
    display:  block }
.workLibrarySection_1:after  {
    content:  "";
    width:  100%;
    max-width:  230px;
    height:  162px;
    position:  absolute;
    left:  0;
    top:  150px;
    background:  url(../../assets/images/greyLineRpt.jpg) repeat left top;
    display:  block }
.workLibrarySection_2  {
    padding:  0 }
.workLibrarySection_2 .librabryBg1  {
    background:  url(../../assets/images/fujifilm-thumnb-bg.jpg) no-repeat left top;
    color:  #fff;
    padding-bottom:  156px;
    background-size:  cover;
    padding-left:  30px !important }
.workLibrarySection_2 .librabryBg2  {
    background:  url(../../assets/images/library02.jpg) no-repeat right top;
    color:  #fff;
    padding-bottom:  100px;
    background-size:  cover;
    min-height:  551px;
    padding-left:  30px !important }
.workLibrarySection_2 p  {
    margin:  100px 0 50px 0 }
.workLibrarySection_2 h3  {
    font-size:  66px;
    font-weight:  700 }
.workLibrarySection_2 p.last  {
    margin-top:  50px;
    padding-left:  80px;
    width:  50%;
    position:  relative }
.addIcon  {
    background:  url(../../assets/images/addIcon.png) no-repeat left top;
    width:  44px;
    height:  44px;
    display:  inline-block;
    position:  absolute;
    left:  0;
    top:  0 }
.workLibrarySection_2 .librabryBg1 .libraryViewBtn  {
    margin-left:  0 }
.workLibrarySection_2 .librabryBg2 .libraryViewBtn  {
    margin-top:  30px }
.workLibrarySection_2 .container-fluid,  .workLibrarySection_6 .container-fluid,  .workLibrarySection_7 .container-fluid  {
    padding:  0 }
.workLibrarySection_3  {
    background:  url(../../assets/images/library03.jpg) no-repeat center top;
    color:  #fff;
    background-size:  100%;
    padding:  80px 0 }
.workLibrarySection_4  {
    padding-bottom:  20px;
    padding-top:  70px }
.workLibrarySection_4 .container:before  {
    content:  "";
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  50px 30px 0 30px;
    border-color:  #1e1a25 transparent transparent transparent;
    display:  block;
    position:  absolute;
    top:  107px;
    left:  124px }
.workLibrarySection_4 .description:after  {
    content:  "";
    width:  100%;
    max-width:  100px;
    height:  240px;
    position:  absolute;
    left:  -25%;
    top:  0;
    background:  url(../../assets/images/greenLine.png) repeat left top;
    display:  block }
.workLibrarySection_4 h2  {
    font-size:  48px;
    margin-top:  40px }
.mobileWrap  {
    overflow:  hidden;
    width:  180px;
    height:  321px;
    position:  absolute;
    top:  54px;
    left:  36px }
.workLibrarySection_4 .mobileWrap h4  {
    font-size:  20px;
    position:  relative;
    margin-bottom:  20px }
.workLibrarySection_4 .mobileWrap h4:after  {
    content:  "";
    width:  30%;
    height:  1px;
    background:  #fff;
    display:  block;
    margin-top:  8px }
.workLibrarySection_4 figure img  {
    width:  100%;
    max-width:  345px }
.workLibrarySection_4 figure .mobileWrap:hover>.overlay  {
    left:  0 }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    text-align:  center;
    background:  #bf2527;
    font-size:  12px;
    padding:  10px 15px;
    border:  none;
    margin-top:  30px }
.workLibrarySection_4 figure .overlay  {
    background:  rgba(0,  0,  0,  .8);
    height:  100%;
    width:  100%;
    box-sizing:  border-box;
    padding:  30px 15px 15px 15px;
    color:  #fff;
    font-size:  12px;
    text-align:  left;
    left:  -100%;
    position:  absolute;
    top:  0;
    transition:  all .2s ease-in-out !important;
    -webkit-transition:  all .2s ease-in-out !important;
    -moz-transition:  all .2s ease-in-out !important;
    -o-transition:  all .2s ease-in-out !important }
.workLibrarySection_5  {
    position:  relative;
    padding:  50px 0 70px;
    color:  #fff }
.workLibrarySection_5:after  {
    content:  "";
    background-color:  #1e1a25;
    width:  100%;
    height:  450px;
    position:  absolute;
    left:  0;
    bottom:  0;
    z-index:  1 }
.workLibrarySection_5 .blueBgGradient  {
    padding:  80px 0 }
.workLibrarySection_5 .blueBgGradient p  {
    margin-bottom:  0;
    color:  #fff !important }
.workLibrarySection_5 .blueBgGradient h2  {
    font-size:  67px;
    color:  #fff }
.workLibrarySection_5 .blueBgGradient .libraryViewBtn  {
    text-transform:  uppercase;
    margin-top:  30px }
.workLibrarySection_5 .zindex2  {
    position:  relative;
    z-index:  2 }
.workLibrarySection_5 .zindex2 p  {
    color:  #0ec1b4 }
.workLibrarySection_5 .zindex2 h2  {
    color:  #fff }
.workLibrarySection_5a  {
    padding:  80px 0;
    background-color:  #1e1a25;
    color:  #0ec1b4 }
.workLibrarySection_5a h2  {
    color:  #fff }
.work-library .officeInfo  {
    position:  relative }
.work-library .officeInfo:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  12px;
    background:  #000 }
.work-library .officeInfo p  {
    padding-left:  100px }
.work-library .clientLogo  {
    display:  block;
    margin:  30px auto }
.workLibrarySection_6 .librabryBg4  {
    background:  url(../../assets/images/library04.jpg) no-repeat center center;
    color:  #fff;
    padding:  310px 0;
    background-size:  cover }
.workLibrarySection_6 .librabryBg5  {
    background:  url(../../assets/images/library05.jpg) no-repeat center center;
    color:  #fff;
    padding:  310px 0;
    background-size:  cover }
.workLibrarySection_6 .librabryBg6  {
    background:  url(../../assets/images/library06.jpg) no-repeat center center;
    color:  #fff;
    padding:  310px 0;
    background-size:  cover }
.workLibrarySection_7 .librabryBg7  {
    background:  url(../../assets/images/library07.jpg) no-repeat center center;
    color:  #fff;
    padding:  380px 0 170px 0;
    background-size:  cover }
.workLibrarySection_7 .librabryBg8  {
    background:  url(../../assets/images/library08.jpg) no-repeat center center;
    color:  #fff;
    padding:  380px 0 170px 0;
    background-size:  cover }
.focflex  {
    display:  flex;
    flex-flow:  row wrap;
}
.focpbg  {
    padding:  60px 60px 25px 60px !important;
    background:  url(../../assets/images/focp--bg.jpg) no-repeat center center !important;
    background-size:  cover !important;
    text-align:  left;
    color:  #fff;
    padding:  60px 60px 59px 60px !important;
}
.focpright  {
    float:  right;
    width:  100%;
    padding:  0px 0px 0px 0px;
}
.librabryBgfocp h1  {
    font-size:  66px;
    font-weight:  700;
    text-align:  left;
    text-transform:  uppercase;
}
.librabryBgfocp a.libraryViewBtn  {
}
.focp-view  {
    padding-top:  14%;
}
.workLibrarySection_8  {
    background:  url(../../assets/images/library09.jpg) no-repeat center center;
    color:  #fff;
    background-size:  cover;
    padding:  400px 0 100px 0 }
.libraryViewBtn  {
    border:  1px solid #fff;
    padding:  15px 25px;
    color:  #fff;
    display:  inline-block;
    position:  relative }
.libraryViewBtn:hover span  {
    color:  #000;
    position:  relative;
    z-index:  2 }
.libraryViewBtn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.libraryViewBtn:hover:before  {
    width:  100% }
.work-library .row.no-gutters  {
    margin-right:  0;
    margin-left:  0 }
.work-library .row.no-gutters>[class*=" col-"],  .work-library .row.no-gutters>[class^=col-]  {
    padding-right:  0;
    padding-left:  0 }
#our-core-services.marketing-process-sec .tab-sec  {
    border-right:  none;
    margin-top:  0;
    clear:  both;
    height:  auto;
    padding-bottom:  15em;
    max-width:  882px;
    margin-left:  auto;
    margin-right:  auto }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/wd-screen.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  757px }
    /*hsn*/
    #our-core-services.marketing-process-sec .tab-detail-sec .bots  {
    background:  url(../../assets/images/aaUntitled-2.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  757px }
    /*hsn nd*/
#our-core-services.marketing-process-sec .tab-sec a:before  {
    display:  none }
#our-core-services.marketing-process-sec .tab-detail-sec  {
    margin-top:  0 }
#our-core-services.marketing-process-sec .tab-sec a  {
    color:  #000;
    font-weight:  700;
    font-size:  24px;
    text-align:  center;
    width:  294px;
    height:  107px;
    background-position:  center -113px;
    background-repeat:  no-repeat;
    padding:  0;
    margin:  0;
    display:  inline-block;
    padding-top:  113px;
    box-sizing:  border-box;
    float:  left;
    margin-top:  -112px }
#our-core-services.marketing-process-sec .tab-sec a.active  {
    color:  #0ec1b4 }
#our-core-services.marketing-process-sec .tab-sec a:first-child  {
    background-image:  url(../../assets/images/ecommerce-web-development-icon.png) }
#our-core-services.marketing-process-sec .tab-sec a:first-child.active  {
    background-position:  center 0 }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(2)  {
    background-image:  url(../../assets/images/custom-web-development-icon.png) }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(2).active  {
    background-position:  center 0 }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(3)  {
    background-image:  url(../../assets/images/content-management-system-icon.png) }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(3).active  {
    background-position:  center 0 }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    width:  542px;
    margin:  0 auto;
    padding-top:  80px;
    box-sizing:  border-box }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    color:  #fff;
    font-weight:  700;
    font-size:  24px }
#our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  20px }
#our-core-services.marketing-process-sec .tab-detail-sec p a  {
    font-weight:  700;
    color:  #fff;
    padding:  8px 35px;
    background-color:  #e3181b }
#our-core-services.marketing-process-sec .tab-detail-sec p a:hover  {
    text-decoration:  none }
.img-area img  {
    margin-left:  -23px }
.branding-page .half-img2  {
    top:  555px;
    left:  -25px }
.carousel-control.left,  .carousel-control.right  {
    background:  0 0 }
.carousel-control .glyphicon-chevron-left  {
    margin-left:  -10px;
    background:  url(../../assets/images/all_icons.png) no-repeat -98px -588px;
    width:  48px;
    height:  48px;
    color:  transparent;
    box-shadow:  none;
    text-shadow:  none }
.carousel-control .glyphicon-chevron-right  {
    margin-left:  -10px;
    background:  url(../../assets/images/all_icons.png) no-repeat -30px -588px;
    width:  48px;
    height:  49px;
    color:  transparent;
    box-shadow:  none;
    text-shadow:  none }
.carousel-control.left,  .carousel-control.right  {
    width:  48px;
    height:  48px;
    left:  327px;
    bottom:  60px;
    top:  auto }
.carousel-control.left  {
    margin-left:  -82px }
.costCalculatorPage .banner-slider h3  {
    font-size:  50px;
    color:  #fff }
.costCalculatorPage .banner-slider h2  {
    font-size:  160px }
.costCalculatorPage .our-work-sec.section2  {
    padding:  0 0 50px 0;
    margin:  0;
    position:  relative }
.costCalculatorPage .our-work-sec.section2 .project-dot  {
    margin:  0 auto;
    display:  block }
.costCalculatorPage .our-work-sec.section2 .project-sec  {
    text-align:  left;
    margin:  0 }
.costCalculatorPage .our-work-sec.section2 h4  {
    color:  #0ec1b4;
    text-align:  center;
    margin-top:  -50px;
    margin-bottom:  100px }
.costCalculatorPage .our-work-sec.section2 p  {
    color:  #fff }
.costCalculatorPage .our-work-sec.section2 h2  {
    font-size:  48px;
    margin-bottom:  30px }
.costCalculatorPage .our-work-sec.section2:before  {
    content:  "";
    width:  100%;
    max-width:  120px;
    height:  162px;
    position:  absolute;
    left:  0;
    top:  150px;
    background:  url(../../assets/images/gryDot.png) repeat left top;
    display:  block }
.calculatorSection  {
    background:  -moz-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  -webkit-gradient(radial,  center center,  0,  center center,  100%,  color-stop(0,  #00b457),  color-stop(100%,  #009343));
    background:  -webkit-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  -o-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  -ms-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  radial-gradient(ellipse at center,  #00b457 0,  #009343 100%) }
.calculatorSection .imagesArea  {
    background:  url(../../assets/images/link-bar.png) no-repeat center 150px }
.calculatorSection .imagesArea:after  {
    content:  '';
    display:  block;
    position:  absolute;
    right:  0;
    top:  0;
    width:  256px;
    height:  667px;
    background:  url(../../assets/images/pen-img.png) no-repeat left 60px }
.calculatorSection .imagesArea:before  {
    content:  '';
    display:  block;
    position:  absolute;
    left:  0;
    bottom:  0;
    width:  212px;
    height:  349px;
    background:  url(../../assets/images/cofee-img.png) no-repeat left bottom }
.calculatorSection  {
    padding:  75px 0 0 0;
    color:  #fff;
    text-align:  center;
    position:  relative }
.calculatorSection h3  {
    color:  #fff;
    font-size:  48px }
.calculatorSection p  {
    font-size:  18px }
.calculatorSection p:after  {
    content:  "";
    width:  100px;
    height:  2px;
    background-color:  #fff;
    display:  block;
    margin:  20px auto }
.calculatorSection h2  {
    color:  #fff;
    font-size:  83px }
.calculatorSection h5  {
    color:  #fff;
    font-size:  26px;
    margin-bottom:  50px }
.calculatorForm  {
    max-width:  1000px;
    margin:  0 auto }
.calculatorForm label  {
    color:  #fff;
    text-align:  center;
    display:  block;
    margin-bottom:  15px }
.calculatorForm input,  .calculatorSection .text-center input  {
    border:  1px solid #fff;
    font-size:  14px;
    padding:  15px 25px;
    background-color:  transparent;
    color:  #fff;
    width:  100%;
    margin-bottom:  50px }
.calculatorForm input[type=text]:focus  {
    outline:  0 }
.calculatorForm input::-webkit-input-placeholder,  .calculatorForm textarea::-webkit-input-placeholder,  .calculatorSection .text-center input::-webkit-input-placeholder  {
    color:  #fff }
.calculatorForm input::-moz-placeholder,  .calculatorForm textarea::-moz-placeholder,  .calculatorSection .text-center input::-moz-placeholder  {
    color:  #fff }
.calculatorForm input:-ms-input-placeholder,  .calculatorForm textarea:-ms-input-placeholder,  .calculatorSection .text-center input:-ms-input-placeholder  {
    color:  #fff }
.calculatorForm input:-moz-placeholder,  .calculatorForm textarea:-moz-placeholder,  .calculatorSection .text-center input:-moz-placeholder  {
    color:  #fff }
.calculatorForm  {
    padding:  0 0 50px 0;
    border-bottom:  1px solid #00ff74 }
.calculatorSection h6  {
    font-size:  40px;
    margin:  50px 0 }
.calculatorSection .pagination  {
    width:  100%;
    max-width:  1200px;
    margin:  0 auto 75px auto }
.calculatorSection .pagination .btn  {
    position:  relative;
    border:  1px solid #fff;
    padding:  15px 50px;
    border-radius:  0;
    display:  block;
    font-size:  16px;
    color:  #fff;
    text-transform:  uppercase }
.calculatorSection .pagination .btn:hover  {
    background-color:  #1f1b26 }
.calculatorSection .pagination .icon  {
    width:  7px;
    height:  11px;
    display:  inline-block;
    position:  absolute;
    top:  20px }
.calculatorSection .pagination .icon-arwleft  {
    background:  url(../../assets/images/paginationleftArw.png) no-repeat left center;
    left:  15px }
.calculatorSection .pagination .icon-arwright  {
    background:  url(../../assets/images/paginationrightArw.png) no-repeat left center;
    right:  15px }
.rangeSlider  {
    margin:  200px auto 50px auto;
    max-width:  1000px }
.costCalculatorPage #myProgress  {
    width:  100%;
    background-color:  #00b95b;
    border-radius:  15px;
    position:  relative }
.costCalculatorPage #myBar  {
    width:  1%;
    height:  12px;
    background-color:  #fff;
    border-radius:  15px 0 0 15px;
    position:  relative }
.costCalculatorPage #myProgress .pointerdot  {
    margin-left:  -5px;
    position:  absolute;
    top:  -4px;
    width:  20px;
    height:  20px;
    background-color:  #fff;
    border-radius:  15px;
    display:  inline-block;
    content:  "" }
.costCalculatorPage #myBar span  {
    position:  absolute;
    top:  -30px;
    font-size:  18px;
    min-width:  300px }
.costCalculatorPage .switch  {
    position:  relative;
    display:  inline-block;
    width:  100px;
    height:  34px }
.costCalculatorPage .switch input  {
    display:  none }
.costCalculatorPage .slider  {
    position:  absolute;
    cursor:  pointer;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    background-color:  #fff;
    -webkit-transition:  .4s;
    transition:  .4s }
.costCalculatorPage .slider:before  {
    position:  absolute;
    content:  "";
    height:  26px;
    width:  26px;
    left:  4px;
    bottom:  4px;
    background-color:  #009a47;
    -webkit-transition:  .4s;
    transition:  .4s }
.costCalculatorPage .switch input:checked+.slider  {
    background-color:  #fff }
.costCalculatorPage .switch input:focus+.slider  {
    box-shadow:  0 0 1px #2196f3 }
.costCalculatorPage .switch input:checked+.slider:before  {
    -webkit-transform:  translateX(64px);
    -ms-transform:  translateX(64px);
    transform:  translateX(64px) }
.costCalculatorPage .slider.round  {
    border-radius:  34px }
.costCalculatorPage .slider.round:before  {
    border-radius:  50% }
.costCalculatorPage .iconmark  {
    position:  absolute;
    left:  10px;
    top:  10px }
.costCalculatorPage .iconclosed  {
    position:  absolute;
    right:  10px;
    top:  10px }
.calculatorSection h4  {
    font-weight:  700;
    margin-top:  50px }
.calculatorSection .text-center input  {
    max-width:  300px;
    margin-top:  20px;
    margin-bottom:  20px;
    text-align:  center;
    color:  #fff }
.fancyCheckbox  {
    max-width:  1000px;
    margin:  80px auto }
.fancyCheckbox p  {
    font-size:  14px }
.calculatorSection .textarea p:after,  .fancyCheckbox p:after  {
    display:  none }
.calculatorSection hr  {
    border-color:  #00ff74;
    max-width:  1200px;
    margin:  0 auto }
.fancyCheckbox .item  {
    width:  12%;
    display:  inline-block }
.priceArea  {
    background-color:  #fff;
    border-radius:  11px;
    padding:  15px;
    max-width:  300px;
    margin:  50px auto }
.priceArea h2,  .priceArea p  {
    color:  #009a47 }
.priceArea h2  {
    font-size:  30px;
    font-weight:  700;
    margin:  0 }
.priceArea p,  .priceArea span  {
    font-size:  17px;
    line-height:  18px }
.priceArea p:after  {
    display:  none }
.calculatorSection hr.margintop50  {
    margin-top:  50px }
.calculatorSection .textarea textarea  {
    background-color:  transparent;
    border-radius:  5px;
    border:  1px solid #fff;
    min-width:  320px }
.stepform01,  .stepform02,  .stepform03,  .stepform05  {
    display:  none }
.costCalculatorPage .our-work-sec  {
    margin-top:  0 }
.marketing-sec .let-start-sec span a:hover  {
    border-bottom:  solid 1px #fff !important }
.menu-area ul li a:before  {
    top:  auto;
    bottom:  -8px }
.cms-page.privacy-policy-page .smart-work-sec  {
    padding-bottom:  60px }
.cms-page.terms-conditions-page .smart-work-sec  {
    padding-bottom:  60px }
.cms-page.thank-you-page .smart-work-sec  {
    padding-bottom:  60px }
.branding-page .custom-web-sec  {
    padding-top:  93px }
.branding-page .custom-web-sec .line  {
    top:  8.625em }
.ms-row-1  {
    margin-top:  40px;
    margin-bottom:  0 }
.ms-row-2  {
    margin-bottom:  40px }
.ms-row-1 .cpc,  .ms-row-2 .cpc  {
    margin-bottom:  30px }
.case-study-sec  {
    margin-top:  0 }
.menu-area  {
    position:  fixed;
    background-color:  rgba(0,  0,  0,  .9) }
.menu-area ul li a  {
    color:  #fff;
    text-transform:  capitalize }
.menu-area ul li  {
    margin:  1em 0 }
.menu-icon.cancel  {
    position:  fixed;
    right:  20px;
    top:  38px !important;
}
footer .nav ul li a:before  {
    top:  25px }
.branding-page .custom-web-sec  {
    padding-bottom:  0 }
footer .nav ul li.dropdown a.dropdown-toggle:hover  {
    background-color:  transparent }
footer .nav ul li.dropdown a.dropdown-toggle:focus  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu  {
    padding-top:  14px;
    border-radius:  0;
    border:  0;
    background-color:  #cc191b }
footer .nav ul li.dropdown ul.dropdown-menu li a  {
    color:  #fff;
    padding:  0 14px;
    font-weight:  600;
    font-size:  16px;
    line-height:  20px }
footer .nav ul li.dropdown ul.dropdown-menu li a:hover  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu li a:active  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu li a:visit  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu li a:focus  {
    background-color:  transparent }
.custom_col  {
    width:  100% !important;
    max-width:  700px !important;
    margin:  0 auto !important;
    float:  inherit }
.txt-cover  {
    text-align:  center }
.txt-cover p  {
    color:  #231e2b !important;
    font-weight:  400 !important;
    margin-bottom:  0 !important;
    font-size:  20px !important;
    text-transform:  inherit !important }
.request_btn  {
    display:  flex;
    justify-content:  center }
@-webkit-keyframes fadeInLeft  {
    from  {
    opacity:  0;
    -webkit-transform:  translatex(-10px);
    -moz-transform:  translatex(-10px);
    -o-transform:  translatex(-10px);
    transform:  translatex(-10px) }
to  {
    opacity:  1;
    -webkit-transform:  translatex(0);
    -moz-transform:  translatex(0);
    -o-transform:  translatex(0);
    transform:  translatex(0) }
}@-moz-keyframes fadeInLeft  {
    from  {
    opacity:  0;
    -webkit-transform:  translatex(-10px);
    -moz-transform:  translatex(-10px);
    -o-transform:  translatex(-10px);
    transform:  translatex(-10px) }
to  {
    opacity:  1;
    -webkit-transform:  translatex(0);
    -moz-transform:  translatex(0);
    -o-transform:  translatex(0);
    transform:  translatex(0) }
}@keyframes fadeInLeft  {
    from  {
    opacity:  0;
    -webkit-transform:  translatex(-100px);
    -moz-transform:  translatex(-100px);
    -o-transform:  translatex(-100px);
    transform:  translatex(-100px) }
to  {
    opacity:  1;
    -webkit-transform:  translatex(0);
    -moz-transform:  translatex(0);
    -o-transform:  translatex(0);
    transform:  translatex(0) }
}.in-left  {
    -webkit-animation-name:  fadeInLeft;
    -moz-animation-name:  fadeInLeft;
    -o-animation-name:  fadeInLeft;
    animation-name:  fadeInLeft;
    -webkit-animation-fill-mode:  both;
    -moz-animation-fill-mode:  both;
    -o-animation-fill-mode:  both;
    animation-fill-mode:  both;
    -webkit-animation-duration:  1s;
    -moz-animation-duration:  1s;
    -o-animation-duration:  1s;
    animation-duration:  1s;
    -webkit-animation-delay:  .2s;
    -moz-animation-delay:  .2s;
    -o-animation-duration:  1s;
    animation-delay:  .2s }
.feature-article-sec .box  {
    min-height:  310px;
    padding:  8px;
    background:  #fafbff;
    border:  0 }
.seo-page .our-work-sec.pointer  {
    margin-top:  9em;
    padding:  9.5em 0 0 0 }
.marketing-process-sec .tab-sec a  {
    font-weight:  700;
    transition:  all ease .3s }
.marketing-process-sec .tab-sec a.active,  .marketing-process-sec.culture-innovation .tab-sec a.active  {
    background:  linear-gradient(to right,  #d8b52e 4%,  #21b7b0 50%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent }
.marketing-process-sec .tab-sec a:hover  {
    background:  linear-gradient(to right,  #d8b52e 4%,  #21b7b0 50%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent }
#our-core-services .tab-sec a.active,  #our-core-services .tab-sec a:hover  {
    -webkit-background-clip:  initial !important;
    -webkit-text-fill-color:  initial }
.aad-page .specialize-sec .main-head  {
    text-align:  center }
.our-digital-marketing h3  {
    margin-bottom:  40px }
.amaz-scroll  {
    bottom:  15.5em }
.home_page .marketing-sec .img-sec .hub-logo img  {
    max-width:  100% }
#our-offices  {
    margin:  0 auto;
    max-width:  1600px }
#our-offices .c--con-flag img  {
    max-width:  500px }
.objective-sec.change  {
    padding-bottom:  150px }
.objective-sec.task .simple-line-img  {
    top:  44% }
.objective-sec.wind .simple-line-img  {
    top:  46% }
.objective-sec.pay .simple-line-img  {
    top:  51% }
.objective-sec.change .simple-line-img  {
    position:  absolute;
    left:  0;
    top:  58% }
.objective-sec.dm .simple-line-img  {
    top:  42% }
.objective-sec.hyp .simple-line-img  {
    top:  51% }
.objective-sec.gur .simple-line-img  {
    top:  49% }
.proud-result-sec.che  {
    height:  48.9em }
.proud-result-sec.dm  {
    height:  907px }
.proud-result-sec.wind  {
    height:  624px }
.proud-result-sec.hyp  {
    height:  801px }
.proud-result-sec.doub  {
    height:  885px }
.proud-result-sec.gur  {
    height:  745px }
.proud-result-sec.t-p  {
    height:  895px }
.thinking-sec .laptop .col-sm-6 img  {
    margin:  0 auto }
.proud-result-sec  {
    height:  54.2em }
.mood-sec h3  {
    margin-bottom:  60px }
.mood-sec.hanz  {
    background:  url(../images/hanz-back.jpg) no-repeat }
.mood-sec.hanz h1  {
    top:  initial;
    line-height:  normal;
    z-index:  initial }
.mood-sec.hanz .shape  {
    position:  absolute;
    left:  12%;
    top:  25% }
.mood-sec.hanz .hanz-app ul  {
    list-style-type:  none;
    padding:  0;
    text-align:  center;
    margin:  114px 0 }
.mood-sec.hanz .hanz-app ul li  {
    display:  inline-block;
    vertical-align:  top;
    position:  relative }
.mood-sec.hanz .hanz-app ul li img  {
    border-radius:  10px 10px 0 0 }
.mood-sec.hanz .hanz-app ul li:not(:first-child)  {
    margin-left:  -40px }
.mood-sec.hanz .hanz-app ul li:nth-child(3)  {
    width:  22%;
    z-index:  100 }
.mood-sec.hanz .hanz-app ul li:first-child,  .mood-sec.hanz .hanz-app ul li:last-child  {
    margin-top:  142px;
    width:  20% }
.mood-sec.hanz .hanz-app ul li:nth-child(2),  .mood-sec.hanz .hanz-app ul li:nth-child(4)  {
    margin-top:  75px;
    width:  20%;
    z-index:  99 }
.mood-sec.change h4  {
    font-size:  224px;
    text-align:  center;
    color:  #2c2932;
    text-transform:  uppercase;
    font-weight:  700;
    position:  relative;
    bottom:  -52px }
.portfolio-sec.dubai-sec  {
    overflow:  hidden }
.portfolio-sec.dubai-sec .left-blk  {
    width:  66%;
    float:  left }
.portfolio-sec.dubai-sec .right-blk  {
    width:  33%;
    float:  left }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk .wrap  {
    width:  50%;
    float:  left;
    box-sizing:  border-box;
    padding:  10px }
.portfolio-sec.dubai-sec .right-blk .wrap  {
    width:  100%;
    float:  left;
    box-sizing:  border-box;
    padding:  10px }
.portfolio-sec.dubai-sec .wrap img  {
    margin:  0 !important }
.mood-sec.change  {
    margin-bottom:  0 }
.offer  {
    text-align:  center }
.offer img  {
    display:  inline-block;
    text-align:  center;
    padding:  0 10px }
.portfolio-sec  {
    margin-top:  0 }
.portfolio-sec .block1 img  {
    padding:  0 10px }
.portfolio-sec .block2 img  {
    padding:  0 23px }
.portfolio-sec .container  {
    width:  100% }

.hansz  {
    background:  url(../images/Group171.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
    
.thinkings-secs  {
    background:  url(../images/results123.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.box.advantage-top h4  {
    margin-top:  90px;
}
.box.bottom-img img  {
    margin-top:  100px;
}
.tycoon-sec  {
    background:  url(../images/rectangle19.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.soughas  {
    background:  url(../images/sougha/group40io.png) no-repeat !important;
    margin-bottom:  0;
    padding-bottom:  0 }
.tycoons-medias  {
    background:  url(../images/tycoon-media/media-back.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.bottom-media  {
    background:  url(../images/results123.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.thinking-sec .laptop  {
    margin-top:  70px }
.thinking-sec .laptop .col-sm-3  {
    margin-top:  200px }
.thinking-sec .laptop .col-sm-4  {
    margin-top:  150px }
.thinking-sec .laptop .col-sm-3 img  {
    float:  left }
.thinking-sec .laptop h2  {
    text-align:  left }
.thinking-sec .laptop h3  {
    font-size:  34px;
    font-weight:  700;
    text-align:  left;
    margin-bottom:  20px;
    font-family:  'Open Sans',  sans-serif }
.thinking-sec .laptop h4  {
    font-size:  20px;
    font-weight:  600;
    text-align:  left;
    font-family:  'Open Sans',  sans-serif;
    margin-bottom:  20px }
.thinking-sec .laptop p  {
    font-size:  16px;
    text-align:  left;
    color:  #000;
    font-family:  'Open Sans',  sans-serif }
.thinking-sec .laptop h2:before  {
    display:  none }
.margin-15  {
    margin-bottom:  15px }
.pad-left-0  {
    padding-left:  0 }
.chebono-case  {
    margin:  80px auto 0 auto;
    max-width:  1200px }
.mood-sec  {
    background:  url(../images/black.jpg) no-repeat;
    margin-bottom:  30px }
.mood-sec h1  {
    font-size:  224px;
    text-align:  center;
    color:  #f7f7f7;
    text-transform:  uppercase;
    font-weight:  700;
    margin-top:  0;
    line-height:  100px;
    position:  relative;
    z-index:  -99;
    top:  -15px }
.chebono-case .gal-wrap  {
    position:  relative }
.chebono-case .shape  {
    position:  absolute;
    left:  0;
    bottom:  0 }
.chebono-case .col-sm-6:nth-child(3)  {
    margin-top:  -50px }
.branding-page .inner-banner .banner-detail-sec:before  {
    bottom:  -1px }
.web-feature-list .icon-sec:before  {
    left:  -5.4125em }
.margin100TB  {
    margin-top:  100px;
    margin-bottom:  100px }
.digital-marketing .services-img-sec  {
    margin-bottom:  100px }
.portfolio-sec .block1,  .portfolio-sec .block2  {
    text-align:  center }
.mood-sec,  .mood-sec.hanz,  .thinking-sec  {
    background-position:  center top }
.banner-slider .portfolio-list  {
    background-size:  cover !important;
    position:  relative }
.portfolio-list::before  {
    content:  '';
    position:  absolute;
    height:  100vh;
    background-color:  #000;
    width:  100%;
    opacity:  .6 }
.banner-slider .portfolio-list p  {
    font-size:  20px;
    letter-spacing:  1px;
    color:  #fff;
    font-weight:  700 }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  160px }
.banner-slider .portfolio-list h4  {
    margin-top:  60px }
.portfolio-who-we-are-sec  {
    padding:  0 }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  6.5em }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  48px }
.portfolio-who-we-are-sec h2:before  {
    content:  "";
    width:  0;
    height:  0;
    background:  0 0;
    position:  absolute;
    left:  0;
    top:  0 }
.portfolio-who-we-are-sec .mini-heading-port  {
    text-align:  center;
    margin-bottom:  50px }
.portfolio-who-we-are-sec .mini-heading-port img  {
    margin:  0 auto }
.portfolio-who-we-are-sec .mini-heading-port h5  {
    font-size:  16px;
    color:  #0ec1b4;
    position:  absolute;
    left:  0;
    right:  0;
    top:  38px;
    font-weight:  500 }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  8.5em }
.portfolio-work-heading  {
    padding:  50px 0 }
.portfolio-work-heading h2  {
    font-size:  80px;
    font-weight:  700 }
.portfolio-work-heading p  {
    font-size:  18px;
    color:  #fff }
.work-sec-portfolio  {
    background-color:  #1e1a25 }
.work-sec-portfolio .column  {
    float:  left;
    display:  none }
.work-sec-portfolio .show  {
    display:  block }
.work-sec-portfolio .nav-tabs  {
    border-bottom:  1px solid #8f8d92;
    text-align:  center;
    margin-bottom:  30px }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  16px;
    text-transform:  uppercase;
    outline:  0;
    padding:  15px 22px }
.work-sec-portfolio .nav-tabs li  {
    float:  none;
    display:  inline-block }
.work-sec-portfolio .nav-tabs li button.btn.active  {
    border:  1px solid #8f8d92;
    border-radius:  0;
    border-bottom-color:  #1e1a25 }
.work-sec-portfolio .main  {
    margin-top:  20px }
.no-padding  {
    padding:  0 }
#background_overlay  {
    z-index:  99999999999 !important }
#background_overlay .flex-div-in .closebtn  {
    text-align:  center !important;
    background-color:  #c52627;
    color:  #fff;
    cursor:  pointer;
    padding:  8px 15px;
    display:  inline;
    margin:  0 auto;
    border-radius:  40px;
    font-size:  20px;
    margin-top:  20px !important }
#background_overlay .flex-div-in  {
    text-align:  center;
    display:  flex;
    align-items:  center;
    width:  100%;
    height:  100%;
    justify-content:  center }
.con-ac-ar  {
    width:  1000px;
    height:  600px;
    position:  relative;
    margin-bottom:  16px !important }
@media screen and (max-width:649px) and (min-width:351px)  {
    .activePopUpImg  {
    width:  95%;
    height:  400px }
}.case-study .objective-sec h3  {
    font-weight:  700 }
.case-study .proud-result-sec .num-sec span  {
    background:  linear-gradient(to right,  #f9b416 20%,  #21b7b0 70%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent;
    font-weight:  700 }
.case-study .inner-banner .banner-detail-sec ul li:last-child  {
    margin-right:  0 }
.case-study .proud-result-sec  {
    height:  auto;
    background-repeat:  no-repeat;
    background-position:  center 3em }
.case-study .proud-result-sec .box  {
    margin-top:  0 }
.digital-marketing .services-img-sec .marketing-col a  {
    position:  relative;
    background-color:  #e3181b;
    padding:  8px 35px;
    color:  #fff }
.digital-marketing .services-img-sec .marketing-col a:hover  {
    text-decoration:  none !important }
.digital-marketing .box-tab-sec .box:hover .normal,  .digital-marketing .box-tab-sec .icon .hover,  .hido .box-tab-sec .box:hover .normal,  .hido .box-tab-sec .icon .hover  {
    display:  none }
.digital-marketing .box-tab-sec .box:hover .hover,  .hido .box-tab-sec .box:hover .hover  {
    display:  inline-block }
.branding-page .who-head h3  {
    right:  18px;
    left:  inherit;
    top:  -30px }
.digital-marketing .custom-web-sec .line  {
    top:  12.625em !important }
.branding-page #cds.custom-web-sec h2  {
    margin-top:  101px }
.branding-design-page #cds.custom-web-sec h2  {
    margin-top:  41px }
.branding-page .custom-web-sec h2  {
    margin-top:  0;
    margin-left:  100px }
.branding-page .who-head .triangle  {
    top:  5px }
.branding-design-page #cds.custom-web-sec .who-head .triangle  {
    top:  41px }
.branding-page .custom-web-sec .line  {
    top:  6em }
.branding-page .who-head .triangle  {
    right:  -110px }
.branding-page .web-feature-list .icon-sec:before  {
    top:  0 }
.branding-page .learn-more  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em 0 6.25em 0 }
.branding-page .learn-more span  {
    position:  relative;
    z-index:  9 }
.branding-page .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.branding-page .learn-more:hover:before  {
    width:  100% }
.branding-page .engage-slider-sec h3:after  {
    display:  inline-block;
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  15px 10px 0 10px;
    border-color:  #c72628 transparent transparent transparent;
    content:  "";
    margin:  0 0 0 10px }
.branding-page .slick-slide .learn-more  {
    margin-left:  160px;
    margin-top:  30px }
.ppc-page .our-work-sec  {
    margin-top:  0 }
.ppc-page .engage-slider-sec  {
    margin-bottom:  0 }
.home_page .special-sec .box-tab-sec  {
    min-height:  inherit }
.home_page .box-tab-sec .collapse:nth-child(5)  {
    display:  none }
.home_page .special-sec .box-tab-sec h3.active  {
    background:  linear-gradient(to right,  #d8b52e 4%,  #21b7b0 50%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent }
.showMobile  {
    display:  none }
#mobileSlider .item  {
    min-height:  250px }
#mobileSlider .item:nth-child(1)  {
    background-color:  #51ece1 }
#mobileSlider .item:nth-child(2)  {
    background-color:  #fdc546 }
#mobileSlider .item:nth-child(3)  {
    background-color:  #e5474a }
.banner-slider #mobileSlider h4  {
    font-size:  1.2em }
.banner-slider #mobileSlider h2  {
    margin-bottom:  10px }
.banner-slider #mobileSlider .carousel-indicators  {
    bottom:  0;
    z-index:  3 }
#mobileSlider .carousel-caption  {
    text-shadow:  none;
    bottom:  40px }
.banner-slider #mobileSlider .logo-sec  {
    margin-bottom:  0;
    position:  absolute;
    z-index:  2;
    left:  0;
    right:  0;
    margin:  0 auto;
    top:  20px;
    text-align:  center }
.banner-slider #mobileSlider .logo-sec:after  {
    content:  "";
    width:  40px;
    height:  2px;
    background-color:  #f9b416;
    display:  block;
    margin:  20px auto 0 auto }
.home_page .marketing-sec .let-start-sec span a:hover  {
    text-decoration:  none;
    border:  none !important }
.home_page .marketing-sec .let-start-sec  {
    border:  1px solid #716a7b;
    padding:  15px 60px;
    margin-top:  0;
    border-top:  none }
.home_page .marketing-sec .let-start-sec:before  {
    left:  35px }
.home_page .marketing-sec .let-start-sec:after  {
    right:  35px }
.home_page .marketing-sec:before  {
    display:  none }
.home_page .marketing-sec>h3  {
    padding-bottom:  30px;
    margin-bottom:  0;
    position:  relative }
.home_page .marketing-sec>h3 span  {
    position:  relative;
    z-index:  2 }
.home_page .marketing-sec>h3:before  {
    content:  "";
    width:  28%;
    height:  100px;
    border:  1px solid #716a7b;
    border-bottom:  none;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    top:  0;
    z-index:  1 }
.home_page .marketing-sec:after  {
    z-index:  2 }
.home_page .marketing-sec  {
    height:  auto }
.home_page .marketing-sec .img-sec  {
    margin-top:  0;
    z-index:  1;
    margin-bottom:  80px }
.accordion .list.three,  .accordion .list.two  {
    left:  0 }
.banner-slider .accordion li  {
    width:  100% }
.banner-slider .list  {
    width:  100% !important }
.home_page .special-sec .box-tab-sec .icon.active .hover,  .home_page .special-sec .box-tab-sec .linkHover:hover .hover  {
    display:  block }
.home_page .special-sec .box-tab-sec .icon .hover,  .home_page .special-sec .box-tab-sec .icon.active .normal,  .home_page .special-sec .box-tab-sec .linkHover:hover .normal  {
    display:  none }
.home_page .marketing-sec .red-box  {
    z-index:  4 }
.redContactSection  {
    padding:  80px 0;
    font-family:  Montserrat,  sans-serif;
    background:  #cc191b;
    background:  -moz-radial-gradient(center,  ellipse cover,  #cc191b 0,  #a81213 81%,  #a81213 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #cc191b 0,  #a81213 81%,  #a81213 100%);
    background:  radial-gradient(ellipse at center,  #cc191b 0,  #a81213 81%,  #a81213 100%) }
.redContactSection h6  {
    font-size:  16px;
    color:  #f9b416;
    text-transform:  uppercase }
.redContactSection h2  {
    font-size:  48px;
    font-weight:  700;
    color:  #fff;
    margin:  35px 0;
    position:  relative }
.redContactSection input,  .redContactSection select,  .redContactSection textarea  {
    width:  100%;
    resize:  none;
    border:  none;
    padding:  15px;
    margin-bottom:  25px;
    font-family:  Montserrat,  sans-serif }
.redContactSection input:focus,  .redContactSection select:focus,  .redContactSection textarea:focus  {
    outline:  0 }
.redContactSection input[type=submit]  {
    background-color:  #1d8c84;
    color:  #fff;
    font-size:  22px;
    font-weight:  700;
    line-height:  22px }
.redContactSection select  {
    padding:  17px 15px 16px 15px }
.page-marketing-solutions .d-flex-center .redContactSection select  {
    padding:  15px 10px }
.redContactSection select option:first-child  {
    display:  none }
.redContactSection h2:before  {
    content:  "";
    width:  100%;
    max-width:  380px;
    height:  60px;
    position:  absolute;
    left:  15px;
    top:  0;
    background:  url(../../assets/images/whiteDotrpt.png) repeat left top;
    display:  block }
.inner-banner .banner-detail-sec h1  {
    font-size:  5em;
    color:  #fff;
    font-weight:  800;
    line-height:  .9375em;
    letter-spacing:  -.0625em;
    position:  relative;
    z-index:  2;
    top:  .5625em }
.inner-banner .banner-detail-sec h1 span  {
    color:  #0ec1b4 }
.services-img-sec h2  {
    font-size:  2.875em;
    font-weight:  700;
    line-height:  1.25em }
.smart-work-sec h1  {
    font-weight:  800;
    font-size:  2.8125em;
    margin-top:  0 }
.mobileApp-page .inner-banner .banner-detail-sec h1,  .seo-page .inner-banner .banner-detail-sec h1  {
    font-size:  4em;
    top:  .9625em }
.mad-page .inner-banner .banner-detail-sec h1  {
    font-size:  3.6em;
}
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    font-size:  3.5em;
    top:  1.2em }
.cro-page .inner-banner .banner-detail-sec h1  {
    font-size:  1.5em;
    font-weight:  600;
    text-transform:  uppercase;
    position:  relative;
    letter-spacing:  .125em }
.cro-page .inner-banner .banner-detail-sec h2  {
    top:  .9625em }
.cro-page .inner-banner .banner-detail-sec h1:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  #f9b416;
    position:  absolute;
    bottom:  -1.25em;
    left:  0 }
.has-transition  {
    -webkit-transition:  all .4s 0s;
    -moz-transition:  all .4s 0s;
    -ms-transition:  all .4s 0s;
    -o-transition:  all .4s 0s;
    transition:  all .4s 0s }
#header-desktop  {
    position:  relative;
    z-index:  999;
    width:  100%;
    transform-style:  preserve-3d;
    -webkit-transform-style:  preserve-3d;
    transition:  transform .4s linear;
    -webkit-transition:  transform .4s linear }
#header-desktop.is-flipped  {
    height:  100vh }
.header-nav  {
    width:  100%;
    position:  relative }
#header-desktop .header-panel  {
    display:  none }
#header-desktop.is-flipped .header-panel  {
    width:  100%;
    position:  relative;
    height:  100vh;
    background-color:  rgba(0,  0,  0,  .9);
    position:  absolute;
    top:  -23%;
    display:  block }
.header-panel-submenu  {
    width:  100%;
    overflow:  hidden;
    height:  0 }
.header-panel-submenu.is-open  {
    height:  100% }
.header-panel-title  {
    margin:  0;
    line-height:  120px }
.header-panel-close  {
    cursor:  pointer;
    z-index:  9999;
    display:  none }
#header-desktop.is-flipped .header-panel-close  {
    display:  inline-block }
#header-desktop.is-flipped .header-panel-body  {
    background-color:  pink;
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    padding:  30px 10px }
#header-desktop.secondSubMenu .header-panel  {
    top:  -36% }
.home_page .who-we-are-sec h2  {
    margin:  0 0 10px 0 }
.home_page .who-we-are-sec h1,  .home_page .who-we-are-sec h2  {
    display:  inline }
.branding-page .custom-web-sec h1,  .branding-strategy-page .custom-web-sec h1,  .mobileApp-page .custom-web-sec h1  {
    margin:  0 0 1.25em 0;
    color:  #fff;
    font-weight:  700;
    position:  relative;
    font-size:  40px }
#serverMangement .carousel-caption  {
    left:  0;
    right:  0;
    bottom:  inherit;
    top:  0;
    position:  relative }
.what-cms-sec #serverMangement h2  {
    margin-bottom:  .575em;
    margin-top:  60px }
.what-cms-sec #serverMangement p,  .what-cms-sec #serverMangement ul  {
    text-align:  left }
.serverMangement-page ul  {
    margin-bottom:  0 }
.what-cms-sec #serverMangement p  {
    padding:  0 }
.serverMangement-page .what-cms-sec .black-box  {
    margin:  0 }
#serverMangement .carousel-inner>.item  {
    height:  auto;
    min-height:  inherit }
.serverMangement-page .marketing-process-sec p,  .serverMangement-page ul  {
    color:  #fff }
.serverMangement-page .what-cms-sec li  {
    line-height:  1.5625em }
.serverMangement-page .marketing-process-sec li  {
    line-height:  1.5625em;
    font-weight:  700;
    font-size:  1.2em }
.serverMangement-page .marketing-process-sec .tab-sec  {
    height:  auto }
.serverMangement-page.cms-page .what-cms-sec .laptop-img  {
    margin:  3em 0 1em 0 }
.serverMangement-page .engage-slider-sec.change  {
    margin-bottom:  0 }
.engage-slider-sec .bor-right  {
    padding-bottom:  7em }
.serverMangement-page #serverMangement .carousel-indicators  {
    bottom:  inherit;
    top:  30px }
.serverMangement-page .marketing-process-sec .tab-sec a  {
    font-size:  1.525em;
    margin-bottom:  3em }
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(1)  {
    padding-top:  0 }
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(3)  {
    padding-bottom:  0;
    margin-bottom:  0 }
.serverMangement-page .marketing-process-sec h3  {
    font-size:  1.5em;
    color:  #f3e529 }
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  100px }
ul.submenu li a  {
    font-size:  3.375em }
.iphonex-sec .detail .learn-btn  {
    color:  #fff;
    background-color:  #e3181b;
    padding:  8px 35px }
.mobileApp-page .web-feature-list .detail.last  {
    margin-bottom:  0 }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    bottom:  23px;
}
.mobileApp-page .custom-web-sec .web-feature-list .request-btn  {
    display:  inline-block }
.testimonials_page .specialize-sec  {
    margin-bottom:  0 }
.testimonials_page .specialize-sec .bor-right  {
    padding-bottom:  4.625em }
.testimonials_page .specialize-sec .services-detail-sec.right  {
    min-height:  500px }
.testimonials_page .specialize-sec .main-head  {
    width:  14.625em;
    text-align:  center;
    top:  6.3125em }
.thumbSlider .slick-dots li  {
    width:  auto;
    height:  auto;
    margin:  0 }
.thumbSlider .slick-dots li.slick-active  {
    background-color:  #c72628 }
.thumbSlider .slick-dots  {
    bottom:  inherit;
    top:  -80px;
    z-index:  999;
    right:  45% }
.thumbSlider .pagerThumbitem  {
    padding:  12px;
    display:  block;
    border:  1px solid #c72628;
    font-weight:  700;
    color:  #fff }
.thumbSlider .slick-dots li:nth-child(2)  {
    margin:  0 10px }
.home_page .box-tab-sec .box  {
    cursor:  default }
.ddosForm  {
    margin-top:  60px }
.ddosForm .formtoparea  {
    background-color:  #c52527;
    padding:  25px;
    position:  relative;
    z-index:  9 }
.ddosForm .formtoparea h2,  .ddosForm .formtoparea p  {
    color:  #fff }
.ddosForm .formtoparea h2  {
    font-size:  26px }
.ddosForm .formtoparea p:before  {
    display:  none }
.ddosForm .formtoparea p  {
    padding:  0;
    width:  100%;
    margin:  0;
    letter-spacing:  -.7px;
    line-height:  24px }
.ddosForm .formbottomarea  {
    background:  #362f43;
    background:  -moz-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  -webkit-gradient(left top,  left bottom,  color-stop(0,  #362f43),  color-stop(100%,  #211d29));
    background:  -webkit-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  -o-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  -ms-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  linear-gradient(to bottom,  #362f43 0,  #211d29 100%);
    padding:  40px 25px;
    position:  relative }
.ddosForm .formbottomarea input  {
    background-color:  #fff;
    border:  none;
    width:  100%;
    padding:  12px;
    margin-bottom:  20px;
    font-size:  15px }
.ddosForm .formbottomarea input[type=submit]  {
    background-color:  #c52527;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    font-size:  18px }
.ddosForm .formtoparea:after  {
    content:  "";
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  20px 20px 0 20px;
    border-color:  #c52527 transparent transparent transparent;
    position:  absolute;
    left:  25px;
    bottom:  -18px;
    display:  block }
.ddosForm .formbottomarea:after  {
    content:  "";
    width:  60px;
    height:  55px;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    bottom:  0;
    display:  block;
    background:  url(../../assets/images/whiteDotrpt.png) repeat left top }
.getprotectLink span  {
    z-index:  1;
    position:  relative;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.getprotectLink:hover:before  {
    width:  100% }
.getprotectLink:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.getprotectLink:hover span  {
    color:  #fff }
.getprotectLink  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    border:  1px solid #14918a;
    display:  inline-block;
    text-align:  center;
    position:  relative;
    padding:  15px;
    margin:  20px 0 0 0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    margin-left:  15% }
.ddos_page .smart-work-sec  {
    margin-top:  0 }
.cro-page .engage-slider-sec,  .ddos_page .specialize-sec  {
    margin-bottom:  0 }
.ddos_page .btn-red  {
    background:  #cc191b;
    color:  #fff;
    border-radius:  0;
    position:  fixed;
    right:  1%;
    top:  45%;
    z-index:  9;
    font-weight:  700 }
.ddos_page #ddosModalForm .modal-content  {
    background:  0 0;
    box-shadow:  none;
    border:  none }
.ddos_page #ddosModalForm .formtoparea  {
    text-align:  center;
    background-color:  transparent;
    padding:  0 }
.ddos_page #ddosModalForm .formtoparea h2  {
    font-size:  28px }
#ddosModalForm .ddosForm .formbottomarea:after,  .ddos_page #ddosModalForm .formtoparea:after  {
    display:  none }
.ddos_page #ddosModalForm .formbottomarea  {
    background:  0 0 }
.ddos_page #ddosModalForm label  {
    color:  #fff;
    font-weight:  400;
    font-size:  14px }
.ddos_page #ddosModalForm textarea  {
    width:  100%;
    resize:  none;
    padding:  6px 12px;
    font-size:  15px;
    border:  none }
.ddos_page #ddosModalForm .modal-header  {
    border:  none }
.ddos_page #ddosModalForm button.close  {
    color:  #fff;
    border:  1px solid #14918a;
    font-size:  36px;
    font-weight:  400;
    padding:  5px 10px;
    opacity:  1 }
.ddos_page .modal-backdrop.in  {
    opacity:  .9 }
.ddos_page #ddosModalForm p  {
    color:  #fff }
.ddos_page #ddosModalForm .ddosForm  {
    margin-top:  0 }
.ddos_page #ddosModalForm .radio-inline input[type=radio]  {
    margin-left:  5px;
    padding:  0;
    left:  0;
    top:  3px;
    width:  auto }
.ddos_page .whiteText  {
    color:  #fff;
    margin:  0;
    padding:  0;
    padding-left:  15px }
.ddos_page #ddosModalForm .formbottomarea input  {
    padding:  6px 12px;
    margin-bottom:  6px }
.ddos_page #ddosModalForm .formbottomarea  {
    padding:  0 }
#ddosModalForm .ddosForm .formbottomarea input[type=submit]  {
    display:  inline-block;
    margin-top:  15px;
    width:  auto;
    padding:  10px 30px }
.ddos_page #ddosModalForm .modal-body  {
    padding:  0 }
.ddos_page .modal.in .modal-dialog  {
    background-color:  #000;
    border:  1px solid #14918a;
    margin-top:  10px }
.ddos_page #ddosModalForm .modal-header  {
    padding:  10px 15px }
.ddos_page .specialize-sec .bor-right  {
    padding-bottom:  1em }
.print-design .bottom-service-sec  {
    padding:  3em 0 0 0 }
::-webkit-scrollbar  {
    width:  10px }
#scroll_2  {
    position:  fixed;
    bottom:  20%;
    right:  -20px;
    z-index:  9999;
    border:  none;
    outline:  0;
    background-color:  #1d8c84;
    color:  #fff;
    cursor:  pointer;
    padding:  8px 15px;
    border-radius:  80px;
    font-size:  18px;
    -webkit-transform:  rotate(-90deg);
    -moz-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    -o-transform:  rotate(-90deg);
    display:  none }
#scroll_2:hover  {
    background-color:  #f9b416 }
footer a,  footer strong  {
    color:  #fff }
footer h3 a  {
    color:  #14918a }
.copyrightIconSize  {
    font-size:  1.4em;
    vertical-align:  top }
.new-digital-marketing-page .inner-banner .banner-detail-sec:before  {
    display:  none }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  80px }
.new-digital-marketing-page .inner-banner .banner-detail-sec h3  {
    margin-bottom:  0 }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    height:  auto }
.new-digital-marketing-page .inner-banner  {
    height:  27em }
.new-digital-marketing-page .inner-banner .dot  {
    z-index:  2;
    bottom:  -22% }
.d-flex-center  {
    display:  flex;
    align-items:  center;
    position:  relative;
    z-index:  2 }
.new-digital-marketing-page .digitalExperienceSection  {
    background:  url(../images/digital-marketing-banner.jpg) no-repeat top center;
    position:  relative;
    padding-top:  10%;
    padding-bottom:  3%;
    z-index:  0 }
.new-digital-marketing-page .digitalExperienceSection .container  {
    max-width:  1412px;
    width:  100% }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-weight:  400;
    color:  #fff;
    margin-bottom:  0;
    display:  inline-block;
    padding:  1.5%;
    font-size:  55px;
    margin-left:  6%;
    text-shadow:  1px 3px 5px rgba(0,  0,  0,  .5) }
.textGreenBg  {
    background-color:  rgba(29,  140,  132,  .5) }
.textBlackBg  {
    background-color:  rgba(0,  0,  0,  .5) }
.new-digital-marketing-page .digitalExperienceSection .redContactSection  {
    background:  rgba(201,  47,  39,  .78);
    padding:  20px 30px;
    background-blend-mode:  multiply }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input[type=submit]  {
    margin-bottom:  0;
    width:  auto;
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input,  .page-marketing-solutions .digitalExperienceSection .redContactSection select  {
    margin-bottom:  15px;
    padding:  10px 15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection .g-recaptcha,  .new-digital-marketing-page .digitalExperienceSection .redContactSection textarea  {
    margin-bottom:  15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    font-weight:  700;
    font-size:  25px;
    margin-top:  0;
    margin-bottom:  35px;
    margin-left:  0 }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2:before  {
    display:  none }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h6  {
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px;
    margin-top:  0 }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  200px;
    color:  #dde4f1;
    text-transform:  uppercase;
    font-weight:  600;
    text-align:  center;
    line-height:  145px;
    position:  relative;
    bottom:  -25px;
    z-index:  -1 }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    background-color:  #f9b416;
    color:  #fff;
    position:  absolute;
    bottom:  22%;
    right:  12.5%;
    width:  44%;
    text-align:  left;
    padding-left:  3%;
    padding-top:  1%;
    padding-bottom:  1% }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    margin-bottom:  0;
    font-size:  24px;
    font-weight:  700 }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    background-color:  #1d8c84;
    color:  #fff;
    position:  absolute;
    bottom:  0;
    right:  12.5% }
.new-digital-marketing-page .result-metter-sec .greenStrip>a  {
    padding:  15px }
.new-digital-marketing-page .result-metter-sec .yellowStrip.two  {
    right:  2.8%;
    width:  75% }
.new-digital-marketing-page .result-metter-sec .greenStrip.two  {
    right:  2.8% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.three  {
    right:  19.2%;
    width:  82%;
    bottom:  30% }
.new-digital-marketing-page .result-metter-sec .greenStrip.three  {
    right:  19.2%;
    bottom:  7% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.four  {
    right:  14.2%;
    width:  75%;
    bottom:  38% }
.new-digital-marketing-page .result-metter-sec .greenStrip.four  {
    right:  14.2%;
    bottom:  15% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.five  {
    right:  3%;
    width:  75%;
    bottom:  23% }
.new-digital-marketing-page .result-metter-sec .greenStrip.five  {
    right:  3%;
    bottom:  0 }
.new-digital-marketing-page .result-metter-sec .yellowStrip.six  {
    right:  auto;
    left:  2%;
    width:  44%;
    bottom:  23% }
.new-digital-marketing-page .result-metter-sec .greenStrip.six  {
    right:  6%;
    bottom:  5.5% }
.new-digital-marketing-page .result-metter-sec .whiteStrip  {
    background-color:  #fff;
    color:  #000;
    text-align:  left;
    padding:  15px;
    display:  inline-block }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    margin-bottom:  0;
    font-size:  48px;
    font-weight:  700 }
.new-digital-marketing-page .result-metter-sec .whiteStrip>i  {
    float:  right;
    font-size:  48px;
    font-weight:  700;
    margin-right:  10% }
.new-digital-marketing-page .result-metter-sec .margin100TB  {
    margin-top:  50px;
    margin-bottom:  50px }
.new-digital-marketing-page .marketing-col  {
    right:  0;
    bottom:  50px;
    top:  inherit;
    opacity:  1 }
.new-digital-marketing-page .digitalServicesWorkBg  {
    background:  url(../images/digital-service-work-us.png) no-repeat top center;
    padding:  100px 20px }
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  37%;
    height:  120px;
    position:  absolute;
    right:  0;
    top:  0;
    background-color:  #c92f27;
    content:  "" }
footer .dmca-badge-parent  {
}
footer .dmca-badge-parent>a  {
    display:  inline-block }
.branding-strategy-page .web-feature-list  {
    border:  none;
    margin-left:  0;
    padding-left:  0 }
.branding-strategy-page .brandStrategy-img02  {
    padding-top:  150px }
.branding-strategy-page .custom-web-sec .col-md-4  {
    padding-left:  0 }
.branding-strategy-page .web-feature-list .detail  {
    padding-left:  0;
    width:  100%;
    float:  none }
.branding-strategy-page .web-feature-list .box  {
    float:  none }
.branding-strategy-page .custom-web-sec .request-btn  {
    margin-left:  0;
    margin-top:  150px }
.branding-strategy-page .why-choose-sec  {
    margin-top:  0 }
.branding-strategy-page .engage-slider-sec  {
    margin-bottom:  0 }
.branding-strategy-page .engage-slider-sec .services-detail-sec  {
    padding-top:  50px;
    padding-bottom:  50px }
.branding-strategy-page .engage-slider-sec .services-detail-sec p  {
    padding-left:  50px }
.branding-strategy-page .engage-slider-sec .services-detail-sec p:before  {
    display:  none }
.branding-strategy-page .cms-slider .box li,  .branding-strategy-page .cms-slider .box ul  {
    padding:  0;
    list-style:  none;
    position:  relative }
.branding-strategy-page .cms-slider .box li span  {
    color:  #0ec1b4;
    font-weight:  700;
    position:  absolute;
    left:  15px }
.branding-strategy-page .brandGuidelines  {
    background:  url(../images/brand-strategy-img04.jpg) no-repeat top center }
.branding-strategy-page .col-md-6  {
    padding:  0 0;
    color:  #fff }
.branding-strategy-page .greyBg.col-md-6  {
    padding:  100px 0 }
.branding-strategy-page .greyBg h2  {
    color:  #fff;
    font-size:  48px;
    padding-left:  10% }
.branding-strategy-page .greyBg h4  {
    position:  relative;
    left:  -100px;
    color:  #fff;
    text-transform:  uppercase;
    font-size:  16px }
.branding-strategy-page .greyBg h3  {
    padding-left:  10% }
fon .branding-strategy-page .greyBg p  {
    padding-left:  10% }
.branding-strategy-page .greyBg a  {
    margin-left:  10%;
    margin-top:  50px;
    display:  inline-block;
    padding:  10px 25px;
    color:  #fff;
    font-size:  16px;
    border:  1px solid #fff }
.branding-page .custom-web-sec p  {
    color:  #fff }
.corporatePage .who-head .triangle  {
    right:  0 }
.corporatePage .engage-slider-sec h3  {
    font-size:  40px;
    margin-top:  50px;
    text-transform:  capitalize }
.about-us-page .smart-work-sec p:before,  .branding-page .engage-slider-sec .slick-dots,  .corporatePage .engage-slider-sec .slick-dots  {
    display:  none }
.corporatePage .engage-slider-sec .services-detail-sec p  {
    margin-bottom:  15px }
.corporatePage #cds  {
    padding-bottom:  0 }
body.corporatePage #ecl-co h3  {
    position:  relative;
    background:  none;
}
body.corporatePage #ecl-co h3:before  {
    background:  url('../../assets/images/all_icons.png') no-repeat -675px -10px;
    width:  11px;
    height:  69px;
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    margin:  auto;
}
body.corporatePage #ecl-co p  {
    position:  relative;
    background:  none;
}
body.corporatePage #ecl-co p:before  {
    background:  url('../../assets/images/all_icons.png') no-repeat -166px -588px;
    width:  44px;
    height:  44px;
    content:  "";
    position:  absolute;
    left:  0;
    top:  0;
}
body.corporatePage .web-feature-list .icon-sec.target-img1  {
    background:  url('../../assets/images/all_icons.png') no-repeat -150px -390px;
}
body.corporatePage .web-feature-list .icon-sec.target-img2  {
    background:  url('../../assets/images/all_icons.png') no-repeat -254px -391px;
}
body.about-us-page .smart-work-sec p  {
    width:  100%;
    padding:  0 }
body.about-us-page #cdte ul  {
    padding-left:  130px;
    padding-top:  20px }
.ecommerce-page .what-cms-sec li,  body.about-us-page #cdte h4,  body.about-us-page #cdte li  {
    color:  #fff }
body.about-us-page #cdte p  {
    margin-top:  30px;
    float:  none;
    width:  100% }
body.about-us-page #cdte h2  {
    margin-top:  50px }
body.about-us-page #cdte .view-btn  {
    margin:  0;
    margin-left:  126px;
    margin-top:  50px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  55px }
body.about-us-page .marketing-process-sec .tab-sec a  {
    font-size:  .9em }
.cro-page .appraoch-sec .detail-sec .num-sec .box  {
    margin-right:  1em;
    width:  22% }
.cms-page .engage-slider-sec  {
    margin-bottom:  0 }
.ecommerce-page .what-cms-sec ul  {
    max-width:  300px;
    margin:  0 auto;
    padding:  0 }
.ecommerce-page .what-cms-sec li  {
    margin-bottom:  10px;
    text-align:  left }
.logo-design-page .marketing-process-sec h2  {
    font-size:  2.5em }
.logo-design-page .marketing-process-sec .tab-sec a  {
    margin-bottom:  0.5em }
.logo-design-page .smart-work-sec p  {
    width:  90% }
.logo-design-page .appraoch-sec .detail-sec p,  .print-design .appraoch-sec .detail-sec p,  .seo-page .appraoch-sec .detail-sec p  {
    font-size:  1.2em }
.logo-design-page .appraoch-sec .detail-sec .big-head,  .print-design .appraoch-sec .detail-sec .big-head  {
    margin-top:  1em }
.print-design .box-tab-sec  {
    width:  67%;
    margin:  0 auto }
.home_page .goal-sec p  {
    width:  98% }
.home_page .goal-sec .collapse.dcol.collapse-float-none  {
    float:  none }
.home_page .goal-sec .object-sec .learn-more  {
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    margin-left:  0 }
.home_page .banner-slider .list.first  {
    background:  url(../../assets/images/hmBnr01.jpg) no-repeat }
.home_page .banner-slider .list.two  {
    background:  url(../../assets/images/hmBnr02.jpg) no-repeat }
.home_page .banner-slider .list.three  {
    background:  url(../../assets/images/hmBnr03.jpg) no-repeat }
.home_page .banner-slider h2  {
    font-size:  5em }
.home_page .special-sec .box-tab-sec  {
    padding-left:  0 }
.home_page .box-tab-sec .box  {
    width:  100%;
    margin-bottom:  70px;
}
.home_page .box-tab-sec h3  {
    font-size:  20px;
    line-height:  25px }
.home_page .logo-sec:after  {
    content:  "";
    width:  48px;
    height:  2px;
    background-color:  #f9b416;
    display:  block;
    margin:  40px auto 0 auto }
.home_page .marketing-sec:after  {
    display:  none }
.home_page .marketing-sec>h3:after  {
    content:  "";
    width:  4.875em;
    height:  5px;
    position:  absolute;
    left:  0;
    right:  0;
    top:  -.125em;
    margin:  0 auto;
    background:  #f9b416;
    z-index:  2 }
.ctaBtn  {
    background-color:  #c72628;
    padding:  10px 25px;
    color:  #fff;
    text-transform:  uppercase;
    font-size:  17px;
    display:  inline-block;
    margin-top:  50px }
.home_page .special-sec .learn-more  {
    background-image:  none;
    border:  1px solid transparent;
    width:  auto;
    height:  auto;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416);
    border-image-slice:  1;
    line-height:  18px }
.sticky-top-contact-bar  {
    position:  fixed;
    top:  0;
    width:  100%;
    left:  0;
    right:  0;
    text-align:  right;
    background-color:  #fff;
    z-index:  999999999999;
    padding-top:  10px;
    padding-bottom:  10px;
    box-shadow:  1px 2px 2px rgba(0,  0,  0,  .5) }
.sticky-top-contact-bar>ul  {
    max-width:  1880px;
    width:  38%;
    margin:  0 auto }
.sticky-top-contact-bar>ul>li  {
    margin-right:  15px }
.sticky-top-contact-bar>ul>li>a  {
    color:  #131313;
    font-size:  15px;
    font-weight:  700 }
.sticky-top-contact-bar>ul>li>img  {
    margin-right:  10px }
.menu-icon  {
    z-index:  2222222222 }
.menu-area.active  {
    z-index:  11 }
.menu-icon.cancel  {
    z-index:  11 }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  335px;
    overflow:  hidden;
    margin-bottom:  30px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    line-height:  1;
    top:  44px }
.about-us-page .smart-work-sec .green-line-img,  .android-app-page .smart-work-sec .green-line-img  {
    width:  13% }
.about-us-page .smart-work-sec #a-specializing .img-wrapper  {
    height:  90px;
    display:  flex;
    align-items:  center }
.about-us-page .smart-work-sec #a-specializing .caption>p  {
    color:  #0ec1b4 }
.about-us-page .about-us-large-red-section  {
    padding-left:  7% }
.about-us-page #cdte .purple-line  {
    top:  15% }
.about-us-page #cdte p  {
    line-height:  27px }
.about-us-page .marketing-process-sec .dot-img  {
    width:  100% }
.about-us-page .smart-work-sec #a-specializing .caption  {
    font-weight:  700 }
.about-us-page .smart-work-sec #a-specializing .caption>p  {
    font-weight:  400;
    margin-top:  0 }
.android-app-page .inner-banner .banner-detail-sec h2  {
    line-height:  1.1;
    top:  30px }
.appraoch-sec .detail-sec .learn-more,  .custom-gredient-button,  .logo-design-page .smart-work-sec .learn-more  {
    background-image:  none;
    border:  1px solid transparent;
    width:  auto;
    height:  auto;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416);
    border-image-slice:  1;
    line-height:  18px;
    padding:  15px 25px;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    position:  relative;
    margin-top:  50px;
    display:  inline-block }
.appraoch-sec .detail-sec .learn-more:before,  .custom-gredient-button:before,  .logo-design-page .smart-work-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.appraoch-sec .detail-sec .learn-more:hover:before,  .custom-gredient-button:hover:before,  .logo-design-page .smart-work-sec .learn-more:hover:before  {
    width:  100% }
.appraoch-sec .detail-sec .learn-more span,  .custom-gredient-button span,  .logo-design-page .smart-work-sec .learn-more span  {
    z-index:  1;
    position:  relative;
    color:  #000;
    font-weight:  700 }
.appraoch-sec .detail-sec .learn-more:hover span,  .custom-gredient-button:hover span,  .logo-design-page .smart-work-sec .learn-more:hover span  {
    width:  100% }
.android-app-page .appraoch-sec .detail-sec .big-head  {
    float:  none }
.home_page .banner-slider .list.four  {
    background:  url(../../assets/images/hmBnr04.jpg) no-repeat }
#mobileSlider .item img  {
    min-height:  250px }
.custom-gredient-button span.white-text,  .white-text  {
    color:  #fff }
body.about-us-page #cdte li  {
    width:  42%;
    display:  inline-block }
body.about-us-page #cdte li:before  {
    vertical-align:  top;
    margin-top:  6px;
    content:  "";
    display:  inline-block;
    width:  8px;
    height:  8px;
    background-color:  #fff;
    border-radius:  5px;
    margin-right:  10px }
.android-app-page .specialize-sec .main-head  {
    position:  relative;
    top:  inherit;
    margin-top:  50px;
    margin-bottom:  20px }
.android-app-page .specialize-sec .mar-top  {
    margin-top:  5em }
.aad-page .specialize-sec .services-detail-sec.right,  .android-app-page .specialize-sec .services-detail-sec  {
    padding:  3em 6.25em }
.android-app-page .specialize-sec  {
    margin-bottom:  0 }
.print-design .workLibrarySection_5 .zindex2 h2  {
    margin-top:  40px }
.print-design .workLibrarySection_5:after  {
    height:  80% }
.careersPage .contactArea p  {
    font-weight:  400;
    color:  #000;
    text-transform:  none;
    margin-bottom:  10px }
.careersPage .contactArea h4  {
    margin:  50px 0 20px 0;
    color:  #0ec1b4 }
.careersPage .contactArea:before  {
    display:  none }
.careersPage .inner-banner  {
    background:  url(../../assets/images/careerhdrBg.jpg) no-repeat center top transparent;
    background-size:  100% }
.careersPage .inner-banner .banner-detail-sec h2  {
    margin-top:  270px }
.ecommerce-page .smart-work-sec p  {
    width:  100% }
.ecommerce-page .smart-work-sec p:before  {
    display:  none }
.ecommerce-page .smart-work-sec p.first:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000;
    display:  block }
body  {
    padding:  42px 1.25em 1.25em 1.25em }
.home_page .marketing-sec .red-box  {
    margin-top:  0 }
.pack-design .appraoch-sec .detail-sec:after  {
    bottom:  6px }
.g-recaptcha>div  {
    width:  100% }
.mobileApp-page .custom-gredient-button  {
    margin-top:  0 }
.mobileApp-page .why-choose-sec  {
    margin-top:  5em }
.mobileApp-page .engage-slider-sec  {
    margin-bottom:  0;
    padding:  2em 0 }
.mobileApp-page .engage-slider-sec .bor-right  {
    padding-bottom:  2em }
.home_page .imgHm01  {
    margin:  0 0 20px 36px }
.aad-page .specialize-sec .mar-top  {
    margin-top:  5em }
.aad-page .specialize-sec .services-detail-sec  {
    padding:  3em 6em }
.aad-page .specialize-sec .main-head  {
    top:  50px;
    position:  relative }
.aad-page .our-work-sec .box-tab-sec h3  {
    text-transform:  uppercase }
.seo-page .smart-work-sec p  {
    width:  100% }
.branding-page .web-feature-list .detail.last  {
    margin-bottom:  2em }
.our-work-sec .project-sec .project-dot  {
    padding-bottom:  5px }
.mobileApp-page .project-sec .project-dot  {
    display:  block;
    margin-left:  auto;
    margin-right:  auto;
    width:  55px;
    height:  107px;
    background:  url('../../assets/images/all_icons.png') no-repeat -609px -40px;
}
.about-us-page #our-offices.marketing-process-sec .tab-sec  {
    top:  90px }
.new-digital-marketing-page .digitalExperienceSection h2.textGreenBg  {
    width:  94% }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  30px;
    line-height:  1.1 }
.web-development .inner-banner .dot  {
    z-index:  0;
    width:  25% }
.web-development .inner-banner .banner-detail-sec  {
    z-index:  1 }
.web-development .custom-web-sec .line  {
    width:  23% }
.corporatePage .project-sec p  {
    color:  #fff;
    padding-top:  20px }
.what-cms-sec .black-box h4  {
    color:  #fff }
.menu-icon  {
    position:  fixed;
    top:  44px;
    right:  15px }
.menu-icon.cancel  {
    z-index:  2222222222 }
.goal-sec h5  {
    color:  #231e2b;
    font-weight:  800;
    margin:  1em 0;
    position:  relative;
    z-index:  2;
    font-size:  31px }
.logo-design-page .smart-work-sec h3  {
    font-weight:  800;
    font-size:  2.8125em;
    color:  #231e2b }
.print-design .workLibrarySection_5 .zindex2 h3  {
    font-size:  40px;
    font-weight:  700 }
.print-design .workLibrarySection_5 .dcol  {
    margin-top:  0 }
.terms-conditions-page h4  {
    padding-left:  0;
    font-size:  22px;
    margin-top:  20px }
.terms-conditions-page h4:before  {
    display:  none }
.terms-conditions-page p.t-para:before  {
    display:  none !important }
.terms-conditions-page p.t-para  {
    width:  100%;
    font-size:  16px;
    padding-left:  0;
    line-height:  28px;
    margin-bottom:  15px;
    margin-top:  15px }
.terms-conditions-page h2.t-h2  {
    margin-top:  60px;
    font-size:  35px }
.margin-top-20  {
    margin-top:  20px !important }
.terms-conditions-page ul.t-ul  {
    padding-left:  16px }
.terms-conditions-page ul.t-ul li  {
    margin-bottom:  15px;
    line-height:  28px;
    font-size:  16px }
.terms-conditions-page h2.first  {
    margin-top:  60px }
.mobile-app-video  {
    background-color:  #1e1a25;
    text-align:  center;
    padding-top:  100px }
.mobile-app-video>a  {
    display:  inline-block;
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    line-height:  52px !important;
    padding:  0;
    margin:  0 auto;
    margin-top:  80px;
    position:  relative }
.mobile-app-video>a>span  {
    position:  relative;
    z-index:  0 }
.mobile-app-video>a:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.mobile-app-video>a:hover:before  {
    width:  100% }
.kcal .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/kcal/portfolio-inner-banner.png) no-repeat top center;
}
.kcal.mobile-portfolio-page .section-one  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/section-one-bg.png) }
.kcal .prototype-content:before  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/prototype-icon.png);
}
.kcal.mobile-portfolio-page .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/section-two-bg.jpg);
}
.kcal .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/section-three-bg.png);
}
.kcal .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/full-image.png);
}
.sougha .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/sougha/banner.png) no-repeat top center;
}
.sougha.mobile-portfolio-page .section-one  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/section-one-bg.png) }
.sougha .prototype-content:before  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/prototype-icon.png);
}
.sougha.mobile-portfolio-page .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/section-two-bg.jpg);
}
.sougha .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/section-three-bg.png);
}
.sougha .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/full-image.png);
}
.sougha .section-repeat-head-number  {
    color:  #503516;
    border-bottom:  1px solid #503516;
}
.sougha .section-repeat-head-text  {
    color:  #503516;
}
.sougha .prototype-content h2  {
    color:  #503516;
}
.prototype-content p  {
    color:  #503516;
}
.abu-moosa .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/abu-moosa/portfolio-inner-banner.png) no-repeat top center;
}
.abu-moosa .section-two  {
    background:  url(../../assets/images/portfolio-inner/abu-moosa/explore-bg.png) no-repeat top center;
}
.abu-moosa .section-three  {
    background:  url(../../assets/images/portfolio-inner/abu-moosa/section-three-bg.png) no-repeat top center;
    padding-top:  159px;
}
.abu-moosa .inner-portfolio-page ul.has-portfolio li>img  {
    box-shadow:  none !important;
}
.abu-moosa .image-benefits  {
    box-shadow:  none !important;
}
.abu-moosa .image-benefits  {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    margin:  0 auto;
    width:  77%;
    float:  none;
}
.abu-moosa .explore-large-screen  {
    width:  20%;
}
.abu-moosa .explore-tablet  {
    float:  none;
    width:  59%;
}
.abu-moosa .explore-mobile  {
    width:  25%;
    bottom:  20%;
    right:  0;
}
.one-heart .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/one-heart/portfolio-inner-banner.png) no-repeat top center;
}
.one-heart .section-two  {
    background:  url(../../assets/images/portfolio-inner/one-heart/explore-bg.png) no-repeat top center;
}
.one-heart .section-three  {
    background:  url(../../assets/images/portfolio-inner/one-heart/section-three-bg.png) no-repeat top center;
    padding-top:  159px;
}
.one-heart .inner-portfolio-page ul.has-portfolio li>img  {
    box-shadow:  none !important;
}
.one-heart .image-benefits  {
    box-shadow:  none !important;
}
.one-heart .image-benefits  {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    margin:  0 auto;
    width:  77%;
    float:  none;
}
.one-heart .explore-tablet  {
    width:  auto;
}
.case-mob-S .col-lg-3  {
    width:  20%;
}
.utmsu-banner  {
    background:  url(../../assets/images/utmsu/sssss.png) no-repeat !important;
}
.ducktindo  {
    background:  url(../../assets/images/ducktindo/Mob.jpg) no-repeat !important;
}
.tycoon-media  {
    background:  url(../../assets/images/tycoon-media/Blue-Banner.jpg) no-repeat !important;
}
.rinse-car-wash  {
    background:  url(../../assets/images/rinse-car-wash/Dosra-naam.jpg) no-repeat !important;
}
.umex  {
    background:  url(../../assets/images/umex/Rectangle-7.jpg) no-repeat !important;
}
.tycoon  {
    background:  url(../../assets/images/tycoon/group37.png) no-repeat !important;
}
.sell-now  {
    background:  url(../../assets/images/sell-now/group35.png) no-repeat !important;
}
.munasabah  {
    background:  url(../../assets/images/munasabah/tesra-naam.jpg) no-repeat !important;
}
.kcal-banner  {
    background:  url(../../assets/images/kcal/cs-bg.png) no-repeat !important;
}
.kcal-page .proud-result-sec.che  {
    display:  block;
}
.kcal-page .mood-sec  {
    background-image:  linear-gradient(to bottom,  #164533 74%,  transparent 35%);
    margin-bottom:  140px;
}
.kcal-page .mood-sec h1  {
    top:  139px;
}
.kcal-page .chebono-case .shape  {
    bottom:  -26%;
}
.kcal-page .thinking-sec  {
    margin-top:  98px;
}
.case-study.kcal-page .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em;
}
.kcal-page .mood-sec h2  {
    font-size:  2.6em;
}
.kcal-page .proud-result-sec .box .inner-portfolio-page  {
    overflow-x:  hidden }
.inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/launch-pad/portfolio-inner-banner.jpg) no-repeat top center;
    padding-top:  150px;
    padding-bottom:  170px;
    text-align:  center;
    position:  relative }
.portfolio-inner-logo  {
    margin:  0 auto;
    float:  none }
.inner-portfolio-page .inner-portfolio-banner>.logo-sec  {
    position:  absolute;
    top:  10%;
    left:  5% }
.inner-portfolio-category  {
    font-family:  HelveticaNeue-Bold;
    font-weight:  700;
    font-size:  22px;
    color:  #dfa424;
    text-transform:  uppercase;
    margin-top:  50px;
    padding-bottom:  30px;
    position:  relative }
.inner-portfolio-category:after  {
    content:  "";
    position:  absolute;
    width:  48px;
    height:  2px;
    background-color:  #dfa424;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto }
.inner-portfolio-page .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #1e1a25 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #1e1a25 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #1e1a25 75%,  #fff 25%);
    padding-top:  100px;
    padding-bottom:  0 }
.inner-portfolio-page ul.has-portfolio  {
    width:  51%;
    margin:  0 auto;
    padding-left:  0 }
.inner-portfolio-page ul.has-portfolio li  {
    display:  block;
    width:  100% }
.inner-portfolio-page ul.has-portfolio li>img  {
    width:  100%;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.inner-portfolio-page .section-one ul.has-portfolio  {
    position:  relative;
    top:  -200px }
.position-relative  {
    position:  relative }
.position-absolute  {
    position:  absolute }
.launch-home-tablet  {
    left:  75%;
    bottom:  75%;
    width:  57% !important;
    box-shadow:  none !important }
.launch-home-mobile  {
    left:  -15%;
    bottom:  15%;
    width:  29% !important;
    box-shadow:  none !important }
.section-two  {
    background:  url(../../assets/images/portfolio-inner/launch-pad/explore-bg.jpg) no-repeat top center;
    padding-top:  90px;
    padding-bottom:  90px;
    text-align:  center;
    color:  #fff }
.inner-portfolio-head-two  {
    font-family:  HelveticaNeue-Bold;
    font-weight:  700;
    color:  #fff;
    font-size:  62px }
.inner-portfolio-head-two>small  {
    color:  #fff;
    position:  relative }
.inner-portfolio-head-two>small:after  {
    content:  "";
    display:  inline-block;
    width:  10px;
    height:  10px;
    background-color:  #fff;
    border-radius:  100% }
.inner-portfolio-p  {
    font-family:  MyriadPro-Regular;
    text-align:  center;
    color:  #fff;
    font-size:  20px;
    line-height:  30px;
    max-width:  1180px;
    width:  100%;
    margin:  95px auto }
.btn-transparent,  .btn-transparent:focus,  .btn-transparent:hover  {
    font-family:  HelveticaNeue-Bold;
    font-weight:  100;
    font-size:  18px;
    color:  #fff;
    border:  1px solid rgba(255,  255,  255,  .5);
    display:  inline-block;
    background-image:  none;
    background-color:  transparent;
    border-radius:  0;
    padding:  15px 45px;
    line-height:  1;
    position:  relative }
.section-two .btn-transparent:before  {
    content:  "";
    position:  absolute;
    top:  0;
    left:  0;
    width:  20px;
    height:  20px;
    border-left:  2px solid #fff;
    border-top:  2px solid #fff }
.section-two .btn-transparent:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    right:  0;
    width:  20px;
    height:  20px;
    border-bottom:  2px solid #fff;
    border-right:  2px solid #fff }
.section-three  {
    background-color:  #c9a554;
    padding-top:  240px;
    padding-bottom:  0 }
.section-three ul.has-portfolio  {
    width:  80% }
.section-three ul.has-portfolio>li>img  {
    box-shadow:  none }
.section-four  {
    background-color:  #eee;
    padding-top:  0;
    padding-bottom:  400px }
.section-four ul.has-portfolio  {
    width:  80% }
.inner-portfolio-head-black  {
    font-family:  HelveticaNeue-Bold;
    font-weight:  700;
    font-size:  56px;
    color:  #000;
    line-height:  70px }
.section-four>.container  {
    max-width:  1150px;
    width:  100%;
    margin:  0 auto;
    padding-left:  15px;
    padding-right:  15px;
    margin-top:  180px }
.section-four .inner-portfolio-p  {
    font-family:  HelveticaNeue-Light;
    font-size:  20px;
    color:  #3c3f46;
    text-align:  left;
    margin-top:  0;
    margin-bottom:  0;
    padding-left:  80px;
    position:  relative }
.section-four .inner-portfolio-p:before  {
    content:  "";
    position:  absolute;
    right:  calc(100% - 50px);
    top:  15px;
    width:  50px;
    height:  1px;
    background-color:  #3c3f46 }
.section-five  {
    background-color:  #fff;
    padding-top:  0;
    padding-bottom:  0 }
.section-five ul.has-portfolio  {
    width:  80% }
.launch-pad .section-five  {
    background-color:  transparent }
.section-five ul.has-portfolio>li>img  {
    box-shadow:  none }
.flex-space-between  {
    display:  flex;
    justify-content:  space-around;
    margin-top:  120px;
    margin-bottom:  120px;
    align-items:  flex-start }
.explore-mobile  {
    display:  inline-block;
    width:  15% }
.explore-tablet  {
    display:  inline-block }
.section-five li.position-relative>img  {
    width:  auto !important;
    margin:  auto }
.section-five li.position-relative>.position-absolute  {
    top:  0;
    bottom:  0;
    margin:  auto;
    left:  0;
    right:  0;
    padding-top:  15% }
.section-five li.position-relative>.position-absolute>img  {
    display:  inline-block }
.explore-mobile  {
    float:  right;
    position:  absolute;
    bottom:  20%;
    right:  17% }
.explore-tablet  {
    float:  right;
    width:  21% }
.explore-large-screen  {
    width:  58% }
.launch-iphone-screen  {
    width:  25.5% }
.image-benefits  {
    float:  left;
    width:  95%;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.image-support  {
    float:  right;
    width:  85%;
    position:  relative;
    top:  -100px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.image-partners  {
    float:  none;
    margin:  0 auto;
    width:  90%;
    position:  relative;
    top:  -200px;
    z-index:  1;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.launch-pad .section-five ul.has-portfolio  {
    position:  relative;
    top:  -150px }
.section-six  {
    background-color:  #1e1a25;
    padding-top:  150px;
    padding-bottom:  150px }
.flex-space-around  {
    display:  flex;
    justify-content:  space-around;
    align-items:  center }
.section-six .btn-transparent  {
    border-color:  #d02c2f }
.footer-view-screen  {
    width:  60%;
    margin:  0 auto }
.reps-and-sets .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/reps-and-sets/banner.jpg) }
.reps-and-sets .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/reps-and-sets/section-two-three-bg.jpg);
    padding-bottom:  0;
    padding-top:  200px }
.reps-and-sets .section-three  {
    background-image:  none;
    background-color:  transparent;
    text-align:  center;
    padding-top:  340px }
.reps-and-sets .section-three>h2  {
    margin-bottom:  90px }
.reps-and-sets .image-main-footer  {
    float:  none;
    margin:  0 auto;
    width:  90%;
    position:  relative;
    z-index:  1;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.chebonu .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/chebonu/banner.jpg);
    padding-top:  120px;
    padding-bottom:  150px }
.no-box-shadow  {
    box-shadow:  none !important }
.chebonu .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/chebonu/section-two-three-bg.jpg);
    padding-bottom:  0;
    padding-top:  0 }
.chebonu .section-two-inner  {
    background-color:  rgba(24,  25,  35,  .7);
    padding-top:  100px;
    padding-bottom:  100px }
.chebonu .section-three  {
    background-color:  rgba(228,  2,  46,  .7) }
.chebonu .section-two-inner>.inner-portfolio-p  {
    margin:  60px auto }
.chebonu .section-three  {
    padding-top:  140px }
.chebonu .section-three>img  {
    margin:  0 auto;
    width:  84% }
.chebonu .section-three>h2  {
    margin-bottom:  100px }
.chebonu .section-four  {
    padding-bottom:  200px }
.chebonu .section-four ul.has-portfolio  {
    width:  84% }
.chebonu .section-five ul.has-portfolio  {
    position:  static;
    margin-bottom:  150px }
.full-image  {
    width:  100% }
.chebonu-slider-image-content  {
    position:  relative }
.image-slider-chebonu  {
    float:  none;
    width:  65%;
    position:  relative;
    top:  -100px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto;
    margin-top:  -100px }
.content-slider-chebonu  {
    float:  none;
    width:  44%;
    position:  absolute;
    top:  100px;
    right:  70px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.home-page-mobile  {
    left:  -15%;
    bottom:  50%;
    width:  29% !important;
    box-shadow:  none !important }
.puerto-rico .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/puerto-rico/banner.jpg) }
.puerto-rico .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/puerto-rico/section-two-bg.jpg);
    padding-bottom:  100px }
.section-two-column-half  {
    width:  50%;
    display:  inline-block }
.section-two-column-half.right  {
    float:  right }
.section-two-column-half.right img  {
    position:  relative;
    top:  35px;
    z-index:  1 }
.section-two-column-half.left img  {
    position:  relative;
    top:  -90px;
    z-index:  1 }
.puerto-rico .section-three  {
    text-align:  center;
    padding-top:  130px;
    background-color:  #b2191e }
.puerto-rico .section-three h2  {
    margin-bottom:  60px }
.puerto-rico .section-two .inner-portfolio-p  {
    margin:  60px auto }
.puerto-rico .section-four ul.has-portfolio  {
    width:  84%;
    background-color:  #fff;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    padding-top:  180px;
    padding-bottom:  180px;
    position:  relative }
.puerto-rico .section-four ul.has-portfolio .left img  {
    margin:  0 auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    position:  relative;
    z-index:  1;
    width:  77% !important }
.puerto-rico .section-four ul.has-portfolio .right img  {
    border-radius:  12%;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    position:  relative;
    z-index:  1;
    width:  53% !important }
.puerto-rico-car  {
    position:  absolute;
    box-shadow:  none !important;
    width:  55% !important;
    right:  -100px;
    z-index:  0;
    top:  0;
    bottom:  0;
    margin:  auto }
.puerto-rico .section-four  {
    padding-bottom:  200px }
.content-slider-puerto-rico  {
    float:  none;
    width:  44%;
    position:  absolute;
    bottom:  -100px;
    right:  0;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.image-slider-puerto-rico  {
    float:  none;
    width:  65%;
    position:  relative;
    top:  -100px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.full-image-four  {
    margin-top:  100px }
.puerto-rico .explore-mobile  {
    border-radius:  12% }
.kdi .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/kdi/banner.jpg) }
.kdi .section-two  {
    background-color:  #e50d12;
    background-image:  url(../../assets/images/portfolio-inner/kdi/red-bg-image.png);
    background-position:  left center }
.kdi .section-two .inner-portfolio-p  {
    max-width:  1100px }
.kdi .section-three  {
    padding-top:  0;
    background-color:  transparent }
.kdi .section-four  {
    padding-bottom:  200px }
.some-key-facts-kdi  {
    float:  none;
    width:  44%;
    position:  absolute;
    bottom:  -10%;
    right:  10%;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.kdi .full-image.last  {
    margin-top:  200px }
.becon .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/becon/banner.jpg);
    padding-top:  125px;
    padding-bottom:  145px }
.becon .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/becon/section-two-bg.jpg) }
.becon .section-two .inner-portfolio-p  {
    margin:  60px auto }
.becon .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.becon .section-four  {
    padding-bottom:  200px }
.becon .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.becon .our-gallery-becon  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.becon .full-image.last  {
    margin-top:  30px }
.al-hawra .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/al-hawra/banner.jpg);
    padding-top:  100px;
    padding-bottom:  130px }
.al-hawra .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #0d2151 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #0d2151 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #0d2151 75%,  #fff 25%) }
.al-hawra .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/al-hawra/section-two-bg.jpg) }
.al-hawra .section-two .inner-portfolio-p  {
    margin:  60px auto }
.al-hawra .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.al-hawra .section-four  {
    padding-bottom:  200px }
.al-hawra .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.al-hawra .half-image-al-hawra  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.al-hawra .last  {
    margin-top:  50px }
.gscs .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/gscs/banner.jpg) }
.gscs .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #546588 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #546588 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #546588 75%,  #fff 25%) }
.gscs .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/gscs/section-two-bg.jpg) }
.gscs .section-two .inner-portfolio-p  {
    margin:  60px auto }
.gscs .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.gscs .section-four  {
    padding-bottom:  200px }
.gscs .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.gscs .half-image-al-hawra  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.gscs .last  {
    margin-top:  50px }
.gscs .launch-home-tablet  {
    bottom:  90% }
.almas .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/almas/banner.jpg);
    padding-top:  125px;
    padding-bottom:  140px }
.almas .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #272637 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #272637 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #272637 75%,  #fff 25%) }
.almas .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/almas/section-two-bg.jpg) }
.almas .section-two .inner-portfolio-p  {
    margin:  60px auto }
.almas .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.almas .section-four  {
    padding-bottom:  200px }
.almas .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.almas .half-image-al-hawra  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.almas .last  {
    margin-top:  50px }
.new-portfolio-image:hover  {
    opacity:  .8 }
.section-two>.btn-transparent  {
    display:  none !important }
.section-two>.inner-portfolio-p  {
    margin-bottom:  0 !important }
.section-two-inner>.btn-transparent  {
    display:  none !important }
.section-two-inner>.inner-portfolio-p  {
    margin-bottom:  0 !important }
.reps-and-sets .section-four  {
    padding-bottom:  200px }
.reps-and-sets .section-five ul.has-portfolio  {
    margin-bottom:  100px }
.puerto-rico .section-five ul.has-portfolio  {
    margin-bottom:  100px }
@font-face  {
    font-family:  HelveticaNeue-Bold;
    src:  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.eot?#iefix) format('embedded-opentype'),  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.woff) format('woff'),  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.ttf) format('truetype'),  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.svg#HelveticaNeue-Bold) format('svg');
    font-weight:  400;
    font-style:  normal }
@font-face  {
    font-family:  HelveticaNeue-Light;
    src:  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.eot?#iefix) format('embedded-opentype'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.otf) format('opentype'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.woff) format('woff'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.ttf) format('truetype'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.svg#HelveticaNeue-Light) format('svg');
    font-weight:  400;
    font-style:  normal }
@font-face  {
    font-family:  MyriadPro-Regular;
    src:  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix) format('embedded-opentype'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.otf) format('opentype'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.woff) format('woff'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.ttf) format('truetype'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular) format('svg');
    font-weight:  400;
    font-style:  normal }
.page-portfolio .content>a  {
    display:  inline-block }
.mobile-portfolio-page .inner-portfolio-banner  {
    padding-top:  0;
    padding-bottom:  0;
    height:  100vh;
    background-size:  cover;
    background-position:  center }
.mobile-portfolio-page .inner-portfolio-category  {
    padding-bottom:  0;
    padding-top:  30px }
.mobile-portfolio-page .inner-portfolio-category:after  {
    bottom:  auto;
    top:  0 }
.flex-center  {
    display:  flex;
    align-items:  center;
    width:  100%;
    height:  100%;
    text-align:  center }
.flex-center>div  {
    width:  100% }
.section-repeat-head  {
    width:  100%;
    color:  #fff;
    font-size:  16px;
    font-weight:  700 }
.section-repeat-head-number  {
    width:  100%;
    max-width:  230px;
    color:  #fff;
    text-align:  right;
    border-bottom:  1px solid #fff;
    width:  100%;
    line-height:  1;
    letter-spacing:  4px;
    margin-bottom:  15px }
.section-repeat-head-text  {
    color:  #fff;
    text-align:  left;
    width:  100%;
    line-height:  1;
    letter-spacing:  5px;
    text-transform:  uppercase;
    font-family:  HelveticaNeue-Bold }
.flex-column-around  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    width:  100%;
    padding-left:  77px;
    margin-top:  130px;
    margin-bottom:  165px }
.circle-relative  {
    position:  relative }
.white-circle  {
    position:  absolute;
    top:  0;
    right:  0;
    bottom:  0;
    left:  0;
    margin:  auto }
.icon-top  {
    position:  absolute;
    left:  0;
    right:  0;
    margin:  auto;
    bottom:  calc(100% - 60px) }
.icon-bottom  {
    position:  absolute;
    left:  0;
    right:  0;
    margin:  auto;
    top:  calc(100% - 60px) }
.icon-right  {
    position:  absolute;
    top:  0;
    bottom:  0;
    margin:  auto;
    left:  calc(100% - 60px) }
.icon-left  {
    position:  absolute;
    top:  0;
    bottom:  0;
    margin:  auto;
    right:  calc(100% - 60px) }
.flex-column-around.row-one  {
    margin-bottom:  40px;
    margin-top:  80px }
.flex-column-around.row-two  {
    margin-top:  0;
    margin-bottom:  65px;
    flex-direction:  row;
    justify-content:  flex-end }
.mobile-portfolio-page .section-one  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-image:  url(../../assets/images/portfolio-inner/al-waha/section-one-bg.jpg);
    position:  relative;
    overflow:  hidden;
    background-repeat:  no-repeat }
.mobile-portfolio-page .section-one .container  {
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(1)  {
    width:  20% }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(2)  {
    width:  40% }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(3)  {
    width:  27% }
.mobile-portfolio-page .section-two  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-image:  url(../../assets/images/portfolio-inner/al-waha/section-two-bg.jpg);
    background-repeat:  no-repeat }
.mobile-portfolio-page .section-two .container  {
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .section-two .flex-column-around  {
    padding-left:  0 }
.mobile-portfolio-page .section-three  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-repeat:  no-repeat;
    background-color:  #fff }
.mobile-portfolio-page .section-three .container  {
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .section-three .flex-column-around  {
    padding-left:  0 }
.mobile-portfolio-page .section-four  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-repeat:  no-repeat;
    background-color:  #fff;
    background-position:  top center;
    background-size:  cover }
.mobile-portfolio-page .section-four .container  {
    max-width:  1700px;
    width:  100% !important;
    margin-top:  0 }
.mobile-portfolio-page .section-four .flex-column-around  {
    padding-left:  0 }
.prototype-content  {
    width:  33%;
    text-align:  left;
    margin-left:  50px;
    padding-left:  100px;
    position:  relative }
.prototype-content h2  {
    font-size:  26px;
    font-family:  HelveticaNeue-Bold;
    color:  #3b5578;
    font-weight:  700;
    text-transform:  uppercase;
    margin-bottom:  40px }
.prototype-content p  {
    font-size:  18px;
    font-family:  MyriadPro-Regular;
    color:  #3b5578;
    padding-right:  25% }
.prototype-content:before  {
    content:  "";
    position:  absolute;
    background-image:  url(../../assets/images/portfolio-inner/al-waha/prototype-icon.png);
    width:  66px;
    height:  66px;
    top:  0;
    left:  0 }
.prototype-images  {
    width:  64%;
    display:  flex;
    justify-content:  space-between }
.flex-column-around.design-section  {
    max-width:  1350px;
    width:  100%;
    margin:  0 auto;
    margin-top:  150px;
    margin-bottom:  80px }
.prototype-images>div>img  {
    width:  100% }
.mobile-portfolio-page .section-four .flex-column-around  {
    padding-left:  0;
    margin-top:  80px;
    margin-bottom:  70px }
.fake-sec  {
    width:  100%;
    height:  120vh }
.for-ripple-effect  {
    position:  absolute;
    width:  100%;
    height:  100%;
    right:  20px;
    z-index:  0;
    top:  5px }
.ripple  {
    position:  absolute;
    width:  100%;
    height:  100% }
.ripple>span  {
    position:  absolute;
    top:  0;
    left:  0;
    width:  0;
    height:  0;
    margin:  auto;
    border-radius:  50%;
    animation:  animate 10s linear infinite;
    background-color:  #27395c;
    bottom:  0;
    right:  0;
    opacity:  .25 }
.ripple>span:nth-child(1)  {
    animation-delay:  0s }
.ripple>span:nth-child(2)  {
    animation-delay:  5s }
.ripple>span:nth-child(3)  {
    animation-delay:  10s }
@keyframes animate  {
    0%  {
    width:  0;
    height:  0;
    opacity:  0 }
20%  {
    width:  400px;
    height:  400px;
    opacity:  0 }
40%  {
    width:  600px;
    height:  600px;
    opacity:  0 }
60%  {
    width:  800px;
    height:  800px;
    opacity:  .25 }
80%  {
    width:  1000px;
    height:  1000px }
100%  {
    width:  1200px;
    height:  1200px;
    opacity:  0 }
}.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    position:  fixed;
    width:  calc(100% - 40px);
    height:  100vh;
    top:  0;
    overflow:  hidden }
.skrollr-footer  {
    z-index:  0 }
.mobile-portfolio-page .section-four  {
    z-index:  2 }
.fake-sec  {
    z-index:  3 }
.mobile-portfolio-page .section-three  {
    z-index:  4 }
.mobile-portfolio-page .section-two  {
    z-index:  5 }
.mobile-portfolio-page .section-one  {
    z-index:  6 }
.mobile-portfolio-page .inner-portfolio-banner  {
    z-index:  7 }
.mobile-portfolio-page .section-one .container  {
    position:  relative }
.ripple-relative  {
    position:  relative;
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .right-choice-height  {
    min-height:  612px;
    display:  flex;
    flex-direction:  column;
    background-color:  #1e1a25 }
.mobile-portfolio-page .footer-height  {
    min-height:  1355px;
    display:  flex;
    flex-direction:  column;
    background-color:  #a91213;
    justify-content:  center;
    background:  linear-gradient(to bottom,  #a91213 50%,  #0e0e0e 50%) }
.mobile-portfolio-page .mobile-app-store-button  {
    margin-top:  5%;
    width:  30% }
.mobile-portfolio-page .mobile-app-store-button>p  {
    font-size:  22px;
    font-family:  MyriadPro-Regular;
    color:  #fff }
.mobile-portfolio-page .mobile-app-store-button>a  {
    display:  inline-block }
.al-waha .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/al-waha/banner.jpg) }
.al-waha .section-one .section-repeat-head-number,  .al-waha .section-one .section-repeat-head-text,  .al-waha .section-two .section-repeat-head-number,  .al-waha .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.al-waha .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/al-waha/section-three-bg.jpg) }
.al-waha .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/al-waha/full-image.jpg) }
.gangster-strength .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/gangster-strength/banner.jpg) }
.gangster-strength .section-one .section-repeat-head-number,  .gangster-strength .section-one .section-repeat-head-text,  .gangster-strength .section-two .section-repeat-head-number,  .gangster-strength .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.gangster-strength .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/gangster-strength/section-three-bg.jpg) }
.gangster-strength .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/gangster-strength/full-image.jpg) }
.hanz-free .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/hanz-free/banner.jpg) }
.hanz-free .section-one  {
    background-image:  none;
    background-color:  #121625 }
.hanz-free .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/hanz-free/section-two-bg.jpg) }
.hanz-free .section-one .section-repeat-head-number,  .hanz-free .section-one .section-repeat-head-text,  .hanz-free .section-two .section-repeat-head-number,  .hanz-free .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.hanz-free .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/hanz-free/section-three-bg.jpg) }
.hanz-free .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/hanz-free/full-image.jpg) }
.marry-us .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/marry-us/banner.jpg) }
.marry-us .section-one  {
    background-image:  url(../../assets/images/portfolio-inner/marry-us/section-one-bg.jpg);
    background-color:  #121625 }
.marry-us .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/marry-us/section-two-bg.jpg) }
.marry-us .section-one .section-repeat-head-number,  .marry-us .section-one .section-repeat-head-text,  .marry-us .section-two .section-repeat-head-number,  .marry-us .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.marry-us .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/marry-us/section-three-bg.jpg) }
.marry-us .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/marry-us/full-image.jpg) }
.taskque .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/taskque/banner.jpg) }
.taskque .section-one  {
    background-image:  url(../../assets/images/portfolio-inner/taskque/section-one-bg.jpg);
    background-color:  #121625 }
.taskque.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(1)  {
    width:  14% }
.taskque.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(3)  {
    width:  20% }
.taskque .section-one .section-repeat-head-number,  .taskque .section-one .section-repeat-head-text,  .taskque .section-two .section-repeat-head-number,  .taskque .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.taskque .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/taskque/section-three-bg.jpg) }
.taskque .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/taskque/full-image.jpg) }
.moboil .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/moboil/banner.jpg) }
.moboil .section-one .section-repeat-head-number,  .moboil .section-one .section-repeat-head-text,  .moboil .section-two .section-repeat-head-number,  .moboil .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.moboil .section-two  {
    background-image:  none;
    background-color:  #cad7e2 }
.moboil .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/moboil/section-three-bg.jpg) }
.moboil .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/moboil/full-image.jpg) }
.moboil .section-one .flex-column-around>div:nth-child(1)>img,  .moboil .section-one .flex-column-around>div:nth-child(3)>img  {
    display:  none }
.ar-kit .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/banner.jpg) }
.ar-kit .section-one .section-repeat-head-number,  .ar-kit .section-one .section-repeat-head-text,  .ar-kit .section-two .section-repeat-head-number,  .ar-kit .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.ar-kit .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/section-two-bg.jpg) }
.ar-kit .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/section-three-bg.jpg) }
.ar-kit .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/full-image.jpg) }
.ar-kit .section-one .flex-column-around>div:nth-child(1)>img,  .moboil .section-one .flex-column-around>div:nth-child(3)>img  {
    display:  none }
.ar-kit .mobile-app-store-button>p  {
    color:  #000 }
.ar-kit .section-repeat-head  {
    color:  #000 }
.ar-kit .section-repeat-head-number  {
    color:  #000;
    border-bottom:  1px solid #000 }
.ar-kit .section-repeat-head-text  {
    color:  #000 }
.inner-banner .banner-detail-sec h1.h1printdesign  {
    font-size:  1.5em;
    font-weight:  600;
    text-transform:  uppercase;
    color:  #fff;
    letter-spacing:  .125em;
    position:  relative;
    margin-bottom:  35px }
.inner-banner .banner-detail-sec h1.h1printdesign:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  #f9b416;
    position:  absolute;
    bottom:  -1.25em;
    left:  0 }
.redBtn  {
    text-transform:  uppercase;
    background-color:  #c72628;
    color:  #fff;
    font-size:  18px;
    font-weight:  700;
    padding:  15px 30px;
    display:  inline-block;
    margin-top:  50px }
.web-development.web-design-abudhabi .inner-banner  {
    background:  url(../../assets/images/bg-abudhabi.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-abudhabi .inner-banner>.dot  {
    display:  none }
.web-development.web-design-abudhabi .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-abudhabi .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-abudhabi .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-abudhabi .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-abudhabi .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-abudhabi .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-abudhabi .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  1250px }
.web-development.web-design-abudhabi .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-abudhabi .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-bahrain .inner-banner  {
    background:  url(../../assets/images/bg-bahrain.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-bahrain .inner-banner>.dot  {
    display:  none }
.web-development.web-design-bahrain .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-bahrain .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-bahrain .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-bahrain .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-bahrain .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-bahrain .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-bahrain .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  1275px }
.web-development.web-design-bahrain .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-bahrain .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-ksa .inner-banner  {
    background:  url(../../assets/images/bg-ksa.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-ksa .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-ksa .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-ksa .inner-banner>.dot  {
    display:  none }
.web-development.web-design-ksa .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-ksa .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-ksa .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-ksa .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-ksa .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-ksa .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-ksa .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  1275px }
.web-development.web-design-ksa .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-ksa .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-oman .inner-banner  {
    background:  url(../../assets/images/bg-oman.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-oman .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-oman .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-oman .inner-banner>.dot  {
    display:  none }
.web-development.web-design-oman .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-oman .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-oman .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-oman .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-oman .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-oman .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-oman .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-oman .carousel-inner  {
    min-height:  1190px }
.web-development.web-design-oman .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-oman .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-qatar .inner-banner  {
    background:  url(../../assets/images/bg-qatar.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-qatar .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-qatar .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-qatar .inner-banner>.dot  {
    display:  none }
.web-development.web-design-qatar .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-qatar .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-qatar .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-qatar .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-qatar .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-qatar .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-qatar .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  1250px }
.web-development.web-design-qatar .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-qatar .tab-service-sec  {
    background:  0 0 }
.video-animation-page .inner-banner  {
    height:  50em !important }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  url(../../assets/images/video-animation/baner-animation.png) no-repeat center bottom;
    height:  50em }
.video-animation-page .inner-banner video,  .video-animation-page.video-animation-page .inner-banner  {
    width:  100%;
    height:  auto }
.video-animation-page .banner-detail-sec  {
    bottom:  270px;
    padding-left:  10em }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    top:  30px;
    line-height:  1.1;
    font-size:  80px;
    font-weight:  600 !important }
.video-animation-page .inner-banner .banner-detail-sec:before  {
    background:  0 0 }
.video-animation-page .inner-banner .banner-detail-sec h2 span.redish-shadow  {
    text-shadow:  11px 3px 11px #870424;
    color:  #fff }
.video-animation-page .inner-banner .banner-detail-sec h2 span.purple-shadow  {
    color:  #fff;
    text-shadow:  11px 3px 11px #56047e }
.video-animation-page .inner-banner .banner-detail-sec h2 span.blue-shadow  {
    text-shadow:  11px 3px 11px #0a04c5;
    color:  #fff }
img.cartoon-img  {
    position:  absolute;
    left:  -170px;
    top:  785px;
    max-width:  630px }
img.tr-top  {
    position:  absolute;
    top:  0;
    right:  0 }
img.tr-bottom  {
    position:  absolute;
    bottom:  0;
    right:  0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    border-right:  none;
    margin-top:  0;
    clear:  both;
    height:  auto;
    padding-bottom:  15em;
    max-width:  1100px;
    margin-left:  auto;
    margin-right:  auto }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    color:  #000;
    font-weight:  700;
    font-size:  24px;
    text-align:  center;
    width:  270px;
    height:  107px;
    background-position:  center -113px;
    background-repeat:  no-repeat;
    padding:  0;
    margin:  0;
    display:  inline-block;
    padding-top:  113px;
    box-sizing:  border-box;
    float:  left;
    margin-top:  -112px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4):after  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4)  {
    background-image:  url(../../assets/images/content-management-system-icon.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4).active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .box  {
    padding:  38px !important }
.modal,  .modal-open  {
    padding-right:  0 !important }
.modal  {
    background-color:  rgba(0,  0,  0,  .8) }
.modal-content  {
    height:  100%;
    border-radius:  0;
    color:  #fff;
    overflow:  auto;
    background-color:  transparent;
    display:  flex;
    align-items:  center;
    text-align:  center }
.modal-dialog  {
    width:  100%;
    height:  100%;
    padding:  0;
    margin:  0 }
.modal-body  {
    height:  auto;
    text-align:  center;
    width:  100%;
    max-width:  1315px;
    margin:  auto }
.close  {
    color:  #fff !important;
    opacity:  1;
    position:  absolute;
    left:  calc(100% - 15px);
    bottom:  calc(100% - 15px);
    cursor:  pointer !important;
    z-index:  1 }
.close span  {
    display:  block }
.close span  {
    display:  block }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:first-child  {
    background-image:  url(../../assets/images/video-animation/1-EXPLAINER.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:first-child.active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(2)  {
    background-image:  url(../../assets/images/video-animation/2product.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(2).active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(3)  {
    background-image:  url(../../assets/images/video-animation/3-whiteboard.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(3).active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4)  {
    background-image:  url(../../assets/images/video-animation/4-motion.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4).active  {
    background-position:  center 0 }
img.thumbnail-play-img  {
    max-width:  40px;
    display:  inline-block;
    position:  absolute;
    top:  44%;
    bottom:  44%;
    left:  44%;
    right:  44% }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/video-animation/lcd-pic.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  757px;
    position:  relative }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec::before  {
    content:  "";
    position:  absolute;
    width:  100%;
    height:  75%;
    top:  135px;
    left:  auto;
    right:  0;
    border:  1px dashed #0ec1b4;
    z-index:  0;
    margin:  0 auto }
#our-core-services.marketing-process-sec .tab-sec a:before  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:after  {
    content:  "";
    position:  absolute;
    width:  15px;
    height:  15px;
    border-radius:  100%;
    background-color:  #0ec1b4;
    top:  45%;
    left:  100%;
    margin:  auto }
.video-animation-page .menu-icon  {
    position:  fixed;
    right:  20px;
    top:  43px !important }
.sticky-consultation-form  {
    height:  calc(100% - 40px);
    position:  fixed;
    z-index:  9999;
    top:  20px;
    bottom:  20px;
    right:  -50%;
    overflow-x:  hidden;
    transition:  .5s;
    background:  url(../images/consultaion-main-form-bg.jpg) no-repeat top center/100% 100%;
    color:  #fff;
    width:  50%;
    padding:  70px 100px }
.sticky-consultation-form.open  {
    right:  0 }
.banner-slider .sticky-consultation-form h2.form-main-head-2,  .sticky-consultation-form .form-main-head-2  {
    font-size:  42px;
    color:  #fff;
    text-transform:  uppercase;
    margin-bottom:  0;
    margin-top:  0;
    letter-spacing:  1px }
.sticky-consultation-form p  {
    margin-top:  45px;
    margin-bottom:  45px }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  20px;
    color:  #1a1a1a }
.redContactSection input,  .redContactSection textarea,  .sticky-consultation-form input,  .sticky-consultation-form textarea  {
    width:  100%;
    resize:  none;
    border:  none;
    padding:  15px;
    margin-bottom:  25px;
    font-family:  Montserrat,  sans-serif;
    border-radius:  0 }
.sticky-consultation-form input[type=submit]  {
    background-color:  #c52527;
    color:  #fff;
    text-transform:  uppercase;
    margin-bottom:  0;
    font-weight:  700 }
body  {
    padding-top:  0;
    margin-top:  20px;
    transition:  all ease-in-out .25s;
    -webkit-transition:  all ease-in-out .25s;
    position:  relative;
    left:  0 }
.body-margin-right  {
    left:  -50% }
.body-margin-right #scroll_2  {
    right:  50%;
    z-index:  3 }
.sticky-consultation-form .closebtn  {
    position:  absolute;
    top:  15px;
    right:  50px;
    color:  #fff;
    font-size:  50px;
    z-index:  99 }
.menu-icon.body-margin-right  {
    right:  51%;
    left:  auto }
.client-sticky-button  {
    position:  fixed;
    z-index:  3;
    right:  -102px;
    transition:  .5s;
    transform:  rotate(-90deg);
    bottom:  50%;
    box-shadow:  1px -6px 11px 1px rgba(0,  0,  0,  .3) }
.client-sticky-button>button,  .client-sticky-button>button:active,  .client-sticky-button>button:focus,  .client-sticky-button>button:hover  {
    padding-left:  30px;
    padding-right:  30px;
    color:  #fff;
    background-color:  #f9b416;
    background:  linear-gradient(90deg,  #f9b416,  #17c0ae);
    border-color:  #d50614;
    border-radius:  0;
    padding-top:  13px;
    padding-bottom:  12px;
    font-weight:  700;
    border:  0;
    letter-spacing:  2px }
.triangle-up  {
    width:  0;
    height:  0;
    border-left:  5px solid transparent;
    border-right:  5px solid transparent;
    border-bottom:  10px solid #fff;
    position:  relative;
    margin-top:  5px }
.triangle-up:after  {
    content:  "";
    position:  absolute;
    width:  0;
    height:  0;
    border-left:  3px solid transparent;
    border-right:  3px solid transparent;
    border-bottom:  5px solid #f2b41b;
    left:  -3px;
    top:  3px }
.button-right-arrow  {
    font-size:  24px;
    display:  inline-block;
    line-height:  18px;
    vertical-align:  top }
.inq-form  {
    max-width:  350px;
    width:  100%;
    background:  #c52527 url(../images/top-arrow.png) no-repeat right 14px top 21px;
    position:  fixed;
    left:  20px;
    bottom:  -6px;
    z-index:  4;
    box-sizing:  border-box;
    padding:  10px 17px 25px 17px;
    transform:  translateY(60%);
    background-size:  8%;
    transition:  1s;
    cursor:  pointer }
.inq-form h2  {
    color:  #fff;
    font-weight:  700;
    text-transform:  uppercase;
    font-size:  21px;
    font-family:  Roboto,  sans-serif;
    margin-bottom:  10px;
    margin-top:  8px }
.inq-form p  {
    color:  #fff;
    margin-bottom:  8px;
    font-family:  Roboto,  sans-serif }
.inq-form input[type=text]  {
    border:  0;
    width:  68%;
    padding:  10px 15px;
    box-sizing:  border-box;
    font-size:  14px;
    color:  #000 }
.inq-form input[type=submit]  {
    background:  #fff;
    border:  0;
    text-transform:  uppercase;
    font-weight:  700;
    padding:  10px 10px;
    font-size:  13px;
    width:  30%;
    cursor:  pointer }
.mobile-slider-section>.container  {
    width:  100% !important;
    max-width:  1680px !important }
.mobile-slider-section .mobile-slider-inner-container  {
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    padding-top:  100px;
    padding-bottom:  100px;
    padding-left:  70px;
    padding-right:  70px }
.mobile-slider-section .mobile-slider-inner-container>div  {
    padding-left:  4%;
    padding-right:  4% }
.mobile-slider-left-text  {
    width:  40% }
.mobile-slider-right-image  {
    width:  60%;
    text-align:  right }
.mobile-slider-inner-container  {
    background-repeat:  no-repeat;
    background-size:  cover;
    background-size:  center center }
.slider-small-head-one  {
    font-size:  18px;
    color:  #fff;
    text-transform:  uppercase;
    font-family:  Montserrat,  sans-serif;
    margin-bottom:  0;
    display:  none }
.slider-small-head-two  {
    font-size:  20px;
    color:  #fff;
    text-transform:  uppercase;
    letter-spacing:  3px;
    font-family:  Montserrat,  sans-serif;
    margin-bottom:  0;
    display:  none }
.mob-head-fixe  {
    font-size:  20px;
    color:  #fff;
    text-transform:  uppercase;
    letter-spacing:  3px;
    font-family:  Montserrat,  sans-serif;
    margin-bottom:  0;
    top:  80px;
    z-index:  1;
    left:  125px;
    position:  absolute }
.mob-head-fixe:after  {
    content:  "";
    position:  absolute;
    top:  calc(100% + 10px);
    background-color:  #fff;
    width:  30px;
    height:  1px;
    left:  0 }
.mob-slider-logo  {
    margin-bottom:  20px;
    margin-top:  20px;
    display:  none }
.mob-slider-head  {
    font-size:  60px;
    color:  #fff;
    font-family:  Montserrat,  sans-serif }
.mob-slider-text  {
    font-size:  18px;
    color:  #fff;
    font-family:  Montserrat,  sans-serif }
.mob-slider-button  {
    font-size:  16px;
    text-transform:  uppercase;
    color:  #fff;
    font-weight:  700;
    font-family:  Montserrat,  sans-serif;
    background-color:  transparent;
    padding:  10px 20px;
    display:  inline-flex;
    border:  2px solid #fff }
.why-choose-sec h2  {
    margin-bottom:  15px }
.mob-slider-image-large  {
    width:  100%;
    max-width:  750px }
.fade-controls  {
    width:  calc(100% - 40px);
    z-index:  4;
    position:  absolute;
    right:  20px;
    left:  20px;
    margin:  auto;
    bottom:  calc(50% - 40px) }
.fade-controls>.carousel-control.left,  .fade-controls>.carousel-control.right  {
    color:  #b1b3c4;
    width:  auto;
    opacity:  1;
    width:  40px;
    height:  40px }
.fade-controls>.carousel-control  {
    margin-left:  0;
    left:  0;
    right:  auto }
.fade-controls>.carousel-control.right  {
    right:  0;
    left:  auto }
.fade-controls span  {
    color:  #fff }
.fade-controls span:hover  {
    color:  #fff }
.testimonials .carousel-inner>.item  {
    padding-left:  3%;
    padding-top:  5% }
.carousel-fade .carousel-inner .item  {
    opacity:  0;
    -webkit-transition-property:  opacity;
    -moz-transition-property:  opacity;
    -o-transition-property:  opacity;
    transition-property:  opacity }
.carousel-fade .carousel-inner .item.active  {
    opacity:  1;
    -webkit-opacity:  1;
    -moz-opacity:  1;
    -o-opacity:  1 }
.glyphicon-menu-left:before  {
    content:  "" }
.glyphicon-menu-right:before  {
    content:  "" }
.glyphicon-menu-left  {
    top:  0 !important }
.glyphicon-menu-right  {
    top:  0 !important }
.item.no-gutter  {
    height:  100% }
.glyphicon-menu-left,  .glyphicon-menu-right  {
    background-image:  none !important;
    border:  2px solid #fff;
    width:  40px !important;
    height:  40px !important;
    color:  #fff !important }
@media all and (transform-3d),  (-webkit-transform-3d)  {
    .carousel-fade .carousel-inner>.item.active.right,  .carousel-fade .carousel-inner>.item.next  {
    opacity:  0;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
.carousel-fade .carousel-inner>.item.active.left,  .carousel-fade .carousel-inner>.item.prev  {
    opacity:  0;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
.carousel-fade .carousel-inner>.item.active,  .carousel-fade .carousel-inner>.item.next.left,  .carousel-fade .carousel-inner>.item.prev.right  {
    opacity:  1;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
}.mob-item-ar-decorate  {
    background-image:  url(../images/mobile-slider/slider-ar-decorate-bg.jpg) }
.mob-item-gs  {
    background-image:  url(../images/mobile-slider/slider-gs-bg.jpg) }
.mob-item-hfree  {
    background-image:  url(../images/mobile-slider/slider-hfree-bg.jpg) }
.mob-item-marry-us  {
    background-image:  url(../images/mobile-slider/slider-marry-us-bg.jpg) }
.mob-item-moboil  {
    background-image:  url(../images/mobile-slider/slider-moboil-bg.jpg) }
.mob-item-taskque  {
    background-image:  url(../images/mobile-slider/slider-taskque-bg.jpg) }
.detail-library-page .our-work-sec  {
    display:  none }
.detail-library-page #redContactSection  {
    display:  none }
.detail-library-page .inner-banner  {
    background-size:  cover;
    height:  26.375em !important;
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%) !important }
.detail-library-page .form-div-media  {
    margin-top:  10px }
.detail-library-page .form-div-media h2  {
    margin:  10px 0;
    color:  #eb0d0d;
    font-size:  22px;
    font-weight:  600 }
.detail-library-page .form-div-media hr  {
    border-top:  1px solid #c5c5c5 }
.detail-library-page .libraries-detail-sec  {
    margin:  70px 0 90px 0 }
.detail-library-page .libraries-detail-sec img  {
    float:  right }
.detail-library-page .libraries-detail-sec .detail-content h2  {
    color:  #333;
    font-size:  36px;
    margin-top:  0 }
.detail-library-page .libraries-detail-sec .detail-content h3  {
    color:  #333;
    font-size:  20px;
    font-weight:  600;
    line-height:  24px }
.detail-library-page .libraries-detail-sec .detail-content p  {
    color:  #333 }
.detail-library-page .libraries-detail-sec .detail-content hr  {
    border-top:  1px solid #333 }
.detail-library-page .form-div-media .uper-div  {
    margin-bottom:  16px }
.detail-library-page .form-div-media input  {
    border:  1px solid #bdbdbd;
    height:  40px }
.detail-library-page .form-div-media button.btn.btn-default  {
    outline:  0;
    background-color:  #1d8c84;
    color:  #fff;
    border-color:  #1d8c84;
    display:  block;
    width:  100%;
    height:  40px }
.media-librabry-page .inner-banner  {
    height:  40.375em !important;
    background:  url(../../assets/images/Media-Library.jpg) no-repeat center top #1e1a25 !important;
    background-size:  cover !important }
.media-librabry-page .libraries-list  {
    margin:  60px 0 }
.media-librabry-page .libraries-list .heading  {
    text-align:  center }
.media-librabry-page .libraries-list .heading h2  {
    color:  #1a1a1a;
    font-size:  40px;
    font-weight:  600;
    margin-bottom:  36px }
.media-librabry-page .libraries-list .li-box  {
    text-align:  center;
    margin-top:  28px;
    margin-bottom:  16px }
.media-librabry-page .libraries-list .li-box a:hover  {
    text-decoration:  none }
.media-librabry-page .libraries-list .li-box a:focus  {
    text-decoration:  none;
    outline:  0 }
.media-librabry-page .libraries-list .li-box a h3  {
    color:  #1a1a1a;
    font-size:  23px;
    font-weight:  600;
    line-height:  28px;
    margin-bottom:  6px }
.media-librabry-page .libraries-list .li-box a p  {
    color:  #1d8c84;
    font-size:  20px;
    font-weight:  500 }
.media-librabry-page .inner-banner .banner-detail-sec h2  {
    top:  inherit;
    margin-top:  66px;
    line-height:  57px;
    margin-bottom:  0;
    padding-bottom:  20px;
    text-align:  center;
    margin-top:  2.5em !important }
.media-librabry-page .redContactSection  {
    display:  none !important }
@media screen and (max-height:900px)  {
    .sticky-consultation-form  {
    padding:  15px 100px }
.sticky-consultation-form p  {
    margin-top:  25px;
    margin-bottom:  25px }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  12px }
}.gt-slide  {
    background:  url(../../assets/images/gitext-bg.jpg) !important }
.gt-slide .detail  {
    max-width:  590px;
    height:  auto;
    margin-left:  5%;
    text-align:  left;
    margin-top:  0 }
.gt-slide-li  {
    display:  flex;
    align-items:  center }
.gt-slide-li .logo-sec  {
    text-align:  center;
    top:  60px }
.gtex-logo  {
    width:  100% }
.gtex-green-strip  {
    background-color:  #247e7a;
    color:  #fff;
    font-size:  35px;
    font-weight:  300;
    padding:  10px 20px;
    text-transform:  uppercase;
    line-height:  1;
    margin-top:  30px;
    margin-bottom:  30px }
.gtex-green-strip>span  {
    font-weight:  900 }
.gtex-yellow  {
    font-size:  30px;
    color:  #ffc43f;
    font-weight:  700;
    text-transform:  uppercase;
    line-height:  1;
    margin-bottom:  15 }
.gtex-add  {
    font-size:  24px;
    color:  #fff;
    font-weight:  300;
    line-height:  1.25;
    margin-bottom:  25px }
.gtex-add>span  {
    font-size:  20px }
.gtex-btn  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    padding:  10px;
    width:  320px;
    height:  65px;
    font-size:  27px;
    font-weight:  600;
    margin-top:  0;
    margin-bottom:  0 }
.gt-slide .amaz-scroll  {
    bottom:  0 !important }
.banner-slider  {
    height:  100vh }
.banner-slider .accordion  {
    height:  100vh }
.gitex-inquiry-form .container  {
    width:  100% !important;
    max-width:  1560px !important }
.gitex-inquiry-form  {
    background:  #0e1647 url(https://www.branex.ae/assets/images/gitex/gi-inner-bg.jpg) no-repeat;
    margin:  0;
    padding:  0 }
.gtex-logo-area  {
    padding-top:  50px;
    padding-bottom:  30px;
    border-bottom:  1px solid rgba(255,  255,  255,  .5) }
.gi-form-section  {
    padding-top:  120px;
    padding-bottom:  120px }
.gi-form-section>.container  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between }
.gi-form-section hr  {
    width:  50px;
    margin-left:  0 }
.p-white  {
    font-size:  27px;
    color:  #fff;
    line-height:  1.852;
    text-align:  left }
.p-yellow  {
    font-size:  25px;
    color:  #ffc43f;
    font-weight:  700;
    line-height:  1.2;
    text-align:  left }
.p-white-2  {
    font-size:  22px;
    color:  #fff;
    line-height:  1.852;
    text-align:  left;
    font-weight:  300;
    max-width:  75% }
.gi-form-left  {
    width:  45% }
.gi-form-right  {
    width:  55%;
    border-left:  1px solid rgba(255,  255,  255,  .5);
    padding-left:  7% }
.gi-form-center  {
    width:  1px;
    border-left:  1px solid rgba(255,  255,  255,  .5);
    margin-left:  5%;
    margin-right:  5% }
.gi-inner-logo  {
    margin-bottom:  45px }
.p-bold  {
    font-size:  36px;
    color:  #fff;
    font-weight:  700;
    line-height:  1.667;
    text-align:  left }
.p-light  {
    font-size:  20px;
    color:  #fff;
    line-height:  1.8;
    text-align:  left }
.gtex-form  {
    width:  100% }
.gtex-form>input  {
    border-radius:  5px;
    background-color:  #f6f6f6;
    height:  71px;
    z-index:  44;
    display:  flex;
    align-items:  center;
    margin-bottom:  20px;
    padding-left:  30px;
    font-size:  19px;
    font-weight:  400;
    color:  #333 }
.gtex-btn  {
    border-radius:  5px !important;
    background-color:  #c52527 !important;
    height:  62px !important;
    font-size:  20px;
    font-weight:  700;
    text-transform:  uppercase;
    color:  #fff !important }
.gitex-inquiry-form::-webkit-input-placeholder  {
    font-size:  19px;
    font-weight:  400;
    color:  #333;
    text-transform:  capitalize }
.gitex-inquiry-form:-ms-input-placeholder  {
    font-size:  19px;
    font-weight:  400;
    color:  #333;
    text-transform:  capitalize }
.gitex-inquiry-form::placeholder  {
    font-size:  19px;
    font-weight:  400;
    color:  #333;
    text-transform:  capitalize }
.terms-p  {
    font-size:  19px;
    color:  #fff;
    font-weight:  100;
    margin-bottom:  25px }
.isuzu-caseStudy .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.isuzu-caseStudy .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  #1d1a25 35%);
    padding-bottom:  100px }
.isuzu-caseStudy .thinking-sec p  {
    width:  100% }
.isuzu-banner  {
    background:  url(../../assets/images/isuzu/cs-bg.jpg) no-repeat !important }
.isuzu-caseStudy .objective-sec .simple-txt  {
    margin-top:  0 }
.isuzu-caseStudy .objective-sec .black-box  {
    margin-top:  -12.5em;
    top:  0 }
.isuzu-caseStudy .objective-sec p  {
    font-size:  1.25em }
.isuzu-caseStudy .proud-result-sec p  {
    text-align:  left }
.cs-bg-front-img  {
    position:  absolute;
    bottom:  10%;
    right:  3%;
    width:  49% }
.isuzu-caseStudy .thinking-sec h2  {
    font-size:  2em;
    padding-top:  .5em }
.isuzu-caseStudy .dou-img img  {
    width:  90% }
.isuzu-caseStudy .objective-sec .gray-pizza  {
    width:  75% }
.isuzu-caseStudy .objective-sec .gray-pizza img  {
    width:  100% }
.isuzu-caseStudy .portfolio-sec.dubai-sec .right-blk  {
    width:  50% }
.isuzu-caseStudy .portfolio-sec.dubai-sec .left-blk  {
    width:  50%;
    display:  flex;
    flex-flow:  row wrap }
.isuzu-caseStudy .portfolio-sec.dubai-sec .left-blk>.wrap  {
    width:  100% }
.isuzu-caseStudy .objective-sec.change  {
    padding-bottom:  0 }
.isuzu-caseStudy .simple-bo-txt  {
    padding-bottom:  150px }
.isuzu-caseStudy .portfolio-sec.dubai-sec  {
    padding-bottom:  100px }
.work-lib-banner  {
    width:  100%;
    height:  100vh;
    padding:  50px 30px;
    background:  url(../../assets/images/work-lib-poster.jpg) no-repeat center center/cover;
    position:  relative;
    margin-top:  48px }
.work-lib-banner .container  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    height:  100%;
    text-align:  center;
    position:  relative;
    z-index:  2 }
.work-lib-h  {
    font-weight:  700;
    color:  #242b34;
    font-size:  40px }
.work-lib-btn-play  {
    display:  block;
    margin:  40px auto;
    border:  2px solid #c52527;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  93px;
    height:  93px }
.work-lib-btn-play:after  {
    content:  "";
    position:  absolute;
    z-index:  -1;
    left:  44px;
    top:  44px;
    display:  block;
    width:  100px;
    height:  100px;
    background:  #ba1f24;
    border-radius:  50%;
    animation:  pulse-border 1.5s ease-out infinite }
.work-lib-btn-play:before  {
    position:  absolute;
    top:  0;
    left:  15%;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  0;
    height:  0;
    content:  "";
    border-top:  23px solid transparent;
    border-bottom:  23px solid transparent;
    border-left:  30px solid #e4e4e4 }
.work-lib-p  {
    color:  #747474;
    font-size:  18px;
    line-height:  1.1;
    font-weight:  900;
    text-transform:  uppercase;
    letter-spacing:  7px;
    margin:  30px 0 0 }
.work-lib-video-area  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  0;
    left:  0;
    width:  100%;
    height:  100%;
    display:  none }
.work-lib-video  {
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    width:  100%;
    height:  100%;
    object-fit:  cover }
.work-lib-video-control  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  5%;
    margin:  auto 0;
    width:  47px;
    height:  106px;
    z-index:  0 }
.play-pasue-btn  {
    display:  block;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px;
    display:  none }
.play-pasue-btn:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    border-top:  12px solid transparent;
    border-bottom:  12px solid transparent;
    border-left:  17px solid #e4e4e4;
    left:  15%;
    width:  0;
    height:  0 }
.play-pasue-btn-2  {
    display:  block;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px }
.play-pasue-btn-2:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    width:  14px;
    height:  18px;
    border-left:  4px solid #fff;
    border-right:  4px solid #fff }
.sound-btn  {
    display:  block;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px }
.sound-btn:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    width:  24px;
    height:  24px;
    background-size:  24px 24px;
    background:  url(../../assets/images/sound-on.png) no-repeat center center }
.sound-btn-2  {
    display:  none;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px }
.sound-btn-2:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    width:  26px;
    height:  29px;
    background-size:  26px 29px;
    background:  url(../../assets/images/sound-off.png) no-repeat center center }
@keyframes pulse-border  {
    0%  {
    transform:  translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity:  1 }
100%  {
    transform:  translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity:  0 }
}.isuzu-wl-bg  {
    background-image:  url(../../assets/images/isuzu-small-thumb.jpg) !important;
    padding-bottom:  25px !important;
    background-size:  cover !important;
    display:  flex;
    align-items:  flex-start;
    justify-content:  center;
    flex-direction:  column }
.che-wl-bg  {
    background-image:  url(../../assets/images/library01.jpg) !important;
    padding-bottom:  25px !important;
    background-size:  cover }
.cus-flex  {
    display:  flex;
    justify-content:  space-around;
    flex-flow:  row wrap }
.che-small-thumb  {
    width:  250px;
    margin-left:  0 !important }
.che-wl-bg p  {
    margin:  50px 0 50px 0 !important }
.isuzu-small-thumb  {
    margin-left:  0 !important;
    max-width:  250px }
.isuzu-wl-bg .libraryViewBtn  {
    margin-left:  0 !important;
    border-color:  #000;
    color:  #000;
    margin-top:  10%;
    border-width:  2px }
.cli-page-banner  {
    width:  100%;
    height:  100vh;
    padding:  50px 30px;
    background:  url(../../assets/images/cli-page-poster.jpg) no-repeat center center/cover;
    position:  relative;
    margin-top:  48px }
.cli-page-banner .container  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    height:  100%;
    text-align:  center;
    position:  relative;
    z-index:  2 }
.cli-page-h  {
    font-weight:  700;
    color:  #242b34;
    font-size:  40px }
.cli-page-btn-play  {
    display:  block;
    margin:  40px auto;
    border:  2px solid #c52527;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  93px;
    height:  93px }
.cli-page-btn-play:after  {
    content:  "";
    position:  absolute;
    z-index:  -1;
    left:  44px;
    top:  44px;
    display:  block;
    width:  100px;
    height:  100px;
    background:  #ba1f24;
    border-radius:  50%;
    animation:  pulse-border 1.5s ease-out infinite }
.cli-page-btn-play:before  {
    position:  absolute;
    top:  0;
    left:  15%;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  0;
    height:  0;
    content:  "";
    border-top:  23px solid transparent;
    border-bottom:  23px solid transparent;
    border-left:  30px solid #e4e4e4 }
.cli-page-p  {
    font-size:  40px;
    line-height:  1.1;
    font-weight:  400;
    text-transform:  uppercase;
    letter-spacing:  2px;
    margin:  0;
    background:  #f4b31b;
    color:  #000;
    display:  inline-flex;
    padding:  4px }
.cli-page-video-area  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  0;
    left:  0;
    width:  100%;
    height:  100%;
    display:  none }
.cli-page-video  {
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    width:  100%;
    height:  100%;
    object-fit:  cover }
.cli-page-video-control  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  5%;
    margin:  auto 0;
    width:  47px;
    height:  106px;
    z-index:  0 }
.hookd-page .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.hookd-page .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  transparent 35%) }
.hookd-page .thinking-sec p  {
    text-align:  left }
.hookd-banner  {
    background:  url(../../assets/images/hookd/cs-bg.jpg) no-repeat !important }
.hookd-page .objective-sec .simple-txt  {
    margin-top:  0 }
.hookd-page .objective-sec p  {
    font-size:  1.25em }
.hookd-page .proud-result-sec p  {
    text-align:  left }
.cs-hkd-banner-mobile  {
    position:  absolute;
    bottom:  0;
    right:  0;
    width:  50% }
.hookd-page .thinking-sec h2  {
    font-size:  2em }
.hookd-page .mood-sec  {
    background-image:  linear-gradient(to bottom,  #000 65%,  transparent 35%) }
.hookd-page .mood-sec h1  {
    margin-top:  100px;
    line-height:  1 }
.hookd-page .chebono-case .shape  {
    left:  47px;
    bottom:  -190px }
.hookd-page .portfolio-sec  {
    margin-top:  90px }
.app-work-container  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    width:  100%;
    flex-flow:  row wrap }
.workLibrarySection_4 h2  {
    text-align:  center;
    position:  relative }
.work-library .officeInfo  {
    text-align:  center;
    padding-top:  40px;
    margin-top:  40px;
    margin-bottom:  65px;
    padding-left:  0 }
.work-library .officeInfo:before  {
    left:  0;
    right:  0;
    top:  0;
    margin:  auto }
.workLibrarySection_4 .container:before  {
    display:  none }
.workLibrarySection_4 h2:before  {
    content:  "";
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  50px 30px 0 30px;
    border-color:  #1e1a25 transparent transparent transparent;
    display:  block;
    position:  absolute;
    top:  0;
    left:  0 }
.work-library .mobileWrap  {
    width:  74%;
    height:  75%;
    top:  12%;
    left:  14% }
.h-pge-cli  {
    background-color:  #fff;
    padding-top:  60px;
    padding-bottom:  40px }
.h-pge-cli .container  {
    width:  89% }
.h-pge-cli-h  {
    position:  relative;
    color:  #030303;
    padding-bottom:  25px;
    margin-bottom:  0;
    text-align:  center;
    font-size:  2.5em;
    font-weight:  bold;
    display:  block;
}
.h-pge-cli-h:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
    background-color:  #f9b416;
    width:  100%;
    max-width:  100px;
    height:  2px }
.h-pge-cli-container  {
    width:  100% }
.h-pge-cli-container>.slick-list  {
    display:  flex !important;
    align-items:  center;
    justify-content:  space-between;
    width:  calc(100% - 100px);
    margin:  auto }
.h-pge-cli-container>.slick-list>div  {
    display:  flex !important;
    align-items:  center;
    justify-content:  space-between;
    width:  100% }
.h-pge-cli-item  {
    display:  flex !important;
    align-items:  center;
    justify-content:  space-between;
    background-color:  #fff;
    padding:  25px;
    height:  150px;
    margin:  10px;
    text-align:  center }
.h-pge-cli-item img  {
    margin:  auto;
    width:  auto;
    max-width:  100% }
.h-pge-cli .slick-next:before  {
    display:  none }
.h-pge-cli .slick-prev:before  {
    display:  none }
.h-pge-cli .slick-prev  {
    left:  0;
    top:  25px;
    bottom:  0;
    margin:  auto;
    width:  46px;
    height:  44px }
.h-pge-cli .slick-next  {
    right:  0;
    left:  auto;
    top:  25px;
    bottom:  0;
    margin:  auto;
    width:  46px;
    height:  44px }
.portfolio-video-section  {
    padding-top:  100px;
    background-color:  #1e1a25 }
.p-sec-h  {
    color:  #fff;
    text-align:  center;
    font-size:  45px;
    text-transform:  capitalize;
    margin-bottom:  50px;
    padding-bottom:  50px;
    position:  relative;
    font-weight:  400 }
.p-sec-h:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    width:  60%;
    height:  1px;
    background-color:  #0ec1b4;
    left:  0;
    right:  0;
    margin:  auto }
.p-sec-video  {
    width:  95%;
    margin:  auto;
    display:  flex }
.portfolio-video-section .container  {
    display:  flex;
    align-items:  flex-end;
    justify-content:  space-between;
    flex-flow:  row wrap }
.p-video-left-sec  {
    width:  70%;
    padding:  0 2% }
.p-video-right-sec  {
    width:  30%;
    background:  rgba(201,  47,  39,  .78);
    padding:  20px 30px !important;
    background-blend-mode:  multiply }
.p-video-right-sec input[type=submit]  {
    margin-bottom:  0;
    width:  auto;
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px }
.p-video-right-sec input  {
    margin-bottom:  15px;
    padding:  10px 15px }
.p-video-right-sec .g-recaptcha,  .p-video-right-sec textarea  {
    margin-bottom:  15px }
.p-video-right-sec h2  {
    font-weight:  700;
    font-size:  25px;
    margin-top:  0;
    margin-bottom:  35px;
    margin-left:  0 }
.p-video-right-sec h2:before  {
    display:  none }
.p-video-right-sec h6  {
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px;
    margin-top:  0 }
.inner-banner .dot  {
    width:  23% }
.p-video-container  {
    position:  relative }
.btn-play-container  {
    position:  absolute;
    z-index:  1;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
    width:  150px;
    height:  150px }
.video-contentss .vd-div  {
    display:  flex;
    justify-content:  space-between }
.video-contentss .vd-div>div  {
    width:  50% }
.video-contentss .vd-div .contnt-vd  {
    display:  flex;
    align-items:  center;
    padding-right:  5% }
.video-contentss .vd-div .video-pure-div  {
    position:  relative }
.video-contentss .vd-div .video-pure-div img  {
    width:  100% }
.video-contentss .vd-div .video-pure-div video  {
    position:  absolute;
    background:  #000;
    width:  calc(81% - 12px);
    left:  -10px;
    right:  0;
    top:  0;
    bottom:  0;
    margin:  auto;
    height:  calc(75%) }
.puerto-rico-page .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.puerto-rico-page .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  transparent 35%) }
.puerto-rico-page .thinking-sec p  {
    text-align:  left;
    width:  85% }
.puerto-rico-banner  {
    background:  url(../../assets/images/puerto-rico/cs-pr-bg.jpg) no-repeat !important }
.puerto-rico-page .objective-sec .simple-txt  {
    margin-top:  0 }
.puerto-rico-page .objective-sec p  {
    font-size:  1.25em }
.puerto-rico-page .proud-result-sec p  {
    text-align:  left }
.cs-pr-car  {
    position:  absolute;
    bottom:  0;
    right:  0;
    width:  50% }
.cs-pr-boat  {
    position:  absolute;
    bottom:  0;
    left:  4%;
    width:  7% }
.cs-pr-plan  {
    position:  absolute;
    top:  7%;
    right:  25%;
    width:  26% }
.puerto-rico-page .thinking-sec h2  {
    font-size:  2em;
    text-align:  left;
    padding-top:  .5em }
.puerto-rico-page .thinking-sec h2:before  {
    top:  0;
    right:  auto }
.puerto-rico-page .video-contentss .vd-div>div  {
    width:  42% }
.puerto-rico-page .video-contentss .vd-div .contnt-vd  {
    padding-right:  0;
    padding-left:  6% }
.puerto-rico-page .contnt-vd  {
    width:  50% !important }
.puerto-rico-page .dou-img img  {
    width:  90% }
.case-study .inner-banner .dot  {
    width:  auto }
#tab1.cs-isuzu-bg  {
    background:  #cd2222;
    background:  -moz-radial-gradient(center,  ellipse cover,  #cd2222 0,  #dc2e2e 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #cd2222 0,  #dc2e2e 100%);
    background:  radial-gradient(ellipse at center,  #cd2222 0,  #dc2e2e 100%) }
.case-study-sec #tab2  {
    background:  #038466 !important }
.case-study-sec .nav-sec  {
    top:  35px }
#tab5.cs-pr-bg  {
    background:  #0d1d37;
    background:  -moz-radial-gradient(center,  ellipse cover,  #0d1d37 0,  #162f59 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #0d1d37 0,  #162f59 100%);
    background:  radial-gradient(ellipse at center,  #0d1d37 0,  #162f59 100%) }
#tab5.cs-pr-bg  {
    background:  url(../../assets/images/focfulll.jpg) no-repeat center top;
}
#tab5.cs-pr-bg h2  {
    font-size:  5em;
    line-height:  1em;
    margin-top:  4rem;
}
#tab5.cs-pr-bg .detail-sec  {
    width:  70em;
}
.case-study-sec #tab5 p  {
    padding:  0 0 0 6%;
    width:  65%;
    max-width:  700px;
    margin-top:  4rem;
}
.case-study-sec #tab5 .detail-sec .link-btn  {
    margin:  2.5em 0 0 6%;
}
.case-study-sec #tab3 .dubai-porcelain-img  {
    right:  15em !important;
    bottom:  1em !important;
}
.case-study-sec #tab3  {
    background:  url(../../assets/images/bluebg.jpg) no-repeat left top;
}
.case-study-sec .tomato-img  {
    left:  -7% !important;
    bottom:  0 !important;
    width:  23% }
.case-study-sec .tomato-img img  {
    width:  100% }
.case-study-sec .pizza-img  {
    right:  5% !important;
    bottom:  0 !important;
    width:  46% }
.case-study-sec .pizza-img img  {
    width:  100% }
.case-study-sec .plus-icon  {
    left:  0 }
.case-study-sec p  {
    padding:  0 0 0 12% }
.case-study-sec .pr-ig-2  {
    left:  4% !important;
    bottom:  0 !important;
    width:  9.5% }
.case-study-sec .pr-ig-2 img  {
    width:  100% }
.case-study-sec .pr-ig-1  {
    right:  -18% !important;
    bottom:  0 !important;
    width:  66% }
.case-study-sec .detail-sec .link-btn  {
    margin:  2.5em 0 0 12% }
.case-study-sec .fujifilm-ig-2  {
    left:  0 !important;
    bottom:  0 !important;
    width:  9.5% }
.case-study-sec .fujifilm-ig-2 img  {
    width:  100% }
.case-study-sec .fujifilm-ig-1  {
    right:  -18% !important;
    bottom:  0 !important;
    width:  55% }
.case-study-sec .fujifilm-ig-1 img  {
    width:  100% }
.video-animation-portfolio-page .custom-web-sec  {
    padding-top:  75px;
    padding-bottom:  75px }
.g-h-small  {
    color:  #0ec1b4;
    font-size:  18px }
.video-animation-portfolio-page .expert-wrapper  {
    padding-top:  75px }
.video-animation-portfolio-page .experts .green-line-img  {
    top:  0 }
.video-animation-portfolio-page img.thumbnail-play-img  {
    max-width:  100px }
.request-call-form  {
    width:  90%;
    max-width:  500px;
    margin:  auto;
    background-color:  #fff;
    padding:  30px }
.request-call-form>input  {
    width:  100%;
    border:  1px solid grey;
    border-radius:  0;
    padding:  15px;
    margin-bottom:  20px }
.req-form-h  {
    text-transform:  uppercase;
    font-size:  22px;
    margin-top:  0;
    font-weight:  600 }
.btn-req  {
    background-color:  #0ec1b4;
    text-transform:  uppercase;
    color:  #fff;
    border-color:  #0ec1b4 !important;
    font-size:  16px }
.video-animation-portfolio-page .expert-wrapper .img-promotion-box  {
    margin-bottom:  50px }
.video-animation-portfolio-page img.thumbnail-play-img  {
    display:  inline-block;
    position:  absolute;
    top:  0;
    bottom:  50px;
    left:  0;
    right:  0;
    margin:  auto }
.fujifilm-caseStudy .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.fujifilm-caseStudy .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  #1d1a25 35%);
    padding-bottom:  100px }
.fujifilm-caseStudy .thinking-sec p  {
    width:  100% }
.fujifilm-banner  {
    background:  url(../../assets/images/fujifilm/cs-bg.jpg) no-repeat !important }
.fujifilm-caseStudy .objective-sec .simple-txt  {
    margin-top:  0 }
.fujifilm-caseStudy .objective-sec p  {
    font-size:  1.25em }
.fujifilm-caseStudy .proud-result-sec p  {
    text-align:  left }
.cs-bg-front-img  {
    position:  absolute;
    bottom:  10%;
    right:  0;
    width:  57% }
.fujifilm-caseStudy .thinking-sec h2  {
    font-size:  2em;
    padding-top:  .5em }
.fujifilm-caseStudy .dou-img img  {
    width:  90% }
.fujifilm-caseStudy .objective-sec .gray-pizza  {
    width:  60% }
.fujifilm-caseStudy .objective-sec .gray-pizza img  {
    width:  100% }
.fujifilm-caseStudy .portfolio-sec.dubai-sec .right-blk  {
    width:  50% }
.fujifilm-caseStudy .portfolio-sec.dubai-sec .left-blk  {
    width:  50%;
    display:  flex;
    flex-flow:  row wrap }
.fujifilm-caseStudy .portfolio-sec.dubai-sec .left-blk>.wrap  {
    width:  100% }
.fujifilm-caseStudy .objective-sec.change  {
    padding-bottom:  0 }
.fujifilm-caseStudy .simple-bo-txt  {
    padding-bottom:  150px }
.fujifilm-caseStudy .portfolio-sec.dubai-sec  {
    padding-bottom:  100px }
.fujifilm-caseStudy .objective-sec .black-box  {
    margin-top:  -12.5em;
    top:  0 }
body.focp-caseStudy  {
}
section.inner-banner.focp-banner  {
    background:  url(../../assets/images/focp/case-study-bg.jpg) no-repeat center center / cover;
}
section.inner-banner.focp-bannerr  {
    background:  url(../../assets/images/focp/Case-study-Optimus-BG.jpg) no-repeat center center / cover;
}
section.inner-banner.focp-bannerrs  {
    background:  url(../../assets/images/optimus/assadas11.jpg) no-repeat center center / cover;
}
body.focp-caseStudy .focp-banner .banner-detail-sec  {
    width:  74.125em;
}
body.focp-caseStudy .cs-bg-front-img  {
    position:  absolute;
    bottom:  6%;
    width:  52%;
}
body.focp-caseStudy .inner-banner .dot  {
    filter:  brightness(100);
    -webkit-filter:  brightness(100);
}
body.focp-caseStudy .objective-sec .black-box h2  {
    font-size:  2.5em;
}
body.focp-caseStudy .objective-sec .black-box p  {
    font-size:  1.12em;
}
body.focp-caseStudy .gray-pizza img  {
    filter:  grayscale(1);
    -webkit-filter:  grayscale(1);
}
body.focp-caseStudy .objective-sec.change  {
    padding-bottom:  0;
}
body.focp-caseStudy .mood-sec h2  {
    padding:  0 1em;
}
body.focp-caseStudy .simple-bo-txt .box h4  {
    font-size:  1.4em;
}
body.focp-caseStudy .simple-bo-txt ul  {
    margin-top:  30px;
    padding-left:  20px;
}
body.focp-caseStudy .simple-bo-txt ul li  {
    font-weight:  bold;
    color:  #129e95;
    margin-bottom:  20px;
    font-size:  1.125em;
}
body.focp-caseStudy .proud-result-sec  {
    margin-top:  12em;
    background:  rgb(221,  185,  49);
    background:  linear-gradient(90deg,  rgba(221,  185,  49,  1) 0%,  rgba(43,  191,  160,  1) 100%);
}
body.focp-caseStudy .proud-result-sec h2  {
    text-transform:  uppercase;
    font-size:  1.5em;
    position:  relative;
    padding-bottom:  40px;
    padding-top:  30px;
}
body.focp-caseStudy .proud-result-sec h2:after  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  40px;
    height:  1px;
    background:  #1cbbb4;
}
body.focp-caseStudy .proud-result-sec .box  {
    padding:  80px 94px;
    margin-top:  -60px;
}
body.focp-caseStudy .proud-result-sec .box p  {
    color:  #1e1a25;
    font-weight:  500;
}
body.focp-caseStudy .results_section  {
    text-align:  center;
    font-size:  1.125em;
    color:  #fff;
    padding:  80px 0 20px;
}
body.focp-caseStudy .results_section .head_sec h2  {
    color:  #0ec1b4;
    position:  relative;
    font-size:  1.34em;
    text-transform:  uppercase;
    padding:  40px 0 15px;
}
body.focp-caseStudy .results_section .head_sec h2:before  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    margin:  auto;
    width:  50px;
    height:  1px;
    background:  #0ec1b4;
}
body.focp-caseStudy .head_sec p  {
    padding:  0 14em;
}
body.focp-caseStudy .res_precent  {
    font-weight:  bold;
    font-size:  4em;
    margin-top:  10px;
}
body.focp-caseStudy .res_price  {
    font-weight:  bold;
    font-size:  1.7em;
}
body.focp-caseStudy .mt  {
    margin-top:  7em;
}
body.focp-caseStudy .results_section .mt p  {
    line-height:  1.4;
    padding-left:  1em;
    padding-right:  1em;
}
body.focp-caseStudy .results_section .img-responsive  {
    position:  relative;
    bottom:  -50px;
}
body.focp-caseStudy .results_section1  {
    background:  url(../../assets/images/focp/results_section1_bg.jpg) no-repeat center center / cover;
}
body.focp-caseStudy .results_section2  {
    background:  url(../../assets/images/focp/results_section2_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
body.focp-caseStudy .results_section3  {
    background:  url(../../assets/images/focp/results_section3_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
body.focp-caseStudy .results_section3 .mt p  {
}
body.focp-caseStudy .results_section3 .mt p span  {
    font-weight:  bold;
    font-size:  1.7em;
    display:  block;
}
body.focp-caseStudy .results_section3 .mt p small  {
    display:  block;
}
body.focp-caseStudy .results_section3 .mt p b  {
}
body.focp-caseStudy .results_section3 .img-responsive  {
    max-width:  none;
    left:  -130px;
    bottom:  -90px;
}
body.focp-caseStudy .qoute-sec  {
    background:  none;
}
.bayswater-caseStudy .proud-result-sec  {
    background:  url(../../assets/images/bayswater/multi-color-bg.jpg) no-repeat !important;
    height:  auto;
    margin-top:  14.375em;
}
section.inner-banner.focp-banner  {
    background:  url(../../assets/images/bayswater/case-study-bg.jpg) no-repeat center center / cover;
}
.bayswater-caseStudy .focp-banner .banner-detail-sec  {
    width:  74.125em;
}
.bayswater-caseStudy .cs-bg-front-img  {
    position:  absolute;
    bottom:  6%;
    width:  52%;
}
.bayswater-caseStudy .inner-banner .dot  {
    filter:  brightness(100);
    -webkit-filter:  brightness(100);
}
.bayswater-caseStudy .objective-sec .black-box h2  {
    font-size:  2.5em;
}
.bayswater-caseStudy .objective-sec .black-box p  {
    font-size:  1.12em;
}
.bayswater-caseStudy .gray-pizza img  {
    filter:  grayscale(1);
    -webkit-filter:  grayscale(1);
}
.bayswater-caseStudy .objective-sec.change  {
    padding-bottom:  0;
}
.bayswater-caseStudy .mood-sec h2  {
    padding:  0 1em;
}
.bayswater-caseStudy .simple-bo-txt .box h4  {
    font-size:  1.4em;
}
.bayswater-caseStudy .simple-bo-txt ul  {
    margin-top:  30px;
    padding-left:  20px;
}
.bayswater-caseStudy .simple-bo-txt ul li  {
    font-weight:  bold;
    color:  #129e95;
    margin-bottom:  20px;
    font-size:  1.125em;
}
.bayswater-caseStudy .proud-result-sec  {
    margin-top:  12em;
    background:  rgb(221,  185,  49);
    background:  linear-gradient(90deg,  rgba(221,  185,  49,  1) 0%,  rgba(43,  191,  160,  1) 100%);
}
.bayswater-caseStudy .proud-result-sec h2  {
    text-transform:  uppercase;
    font-size:  1.5em;
    position:  relative;
    padding-bottom:  40px;
    padding-top:  30px;
}
.bayswater-caseStudy .proud-result-sec h2:after  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  40px;
    height:  1px;
    background:  #1cbbb4;
}
.bayswater-caseStudy .proud-result-sec .box  {
    padding:  80px 94px;
    margin-top:  -60px;
}
.bayswater-caseStudy .proud-result-sec .box p  {
    color:  #1e1a25;
    font-weight:  500;
}
.bayswater-caseStudy .results_section  {
    text-align:  left;
    font-size:  1.125em;
    color:  #fff;
    padding:  80px 0 20px;
}
.bayswater-caseStudy .results_section .head_sec h2  {
    color:  #0ec1b4;
    position:  relative;
    font-size:  1.34em;
    text-transform:  uppercase;
    padding:  40px 0 15px;
}
.bayswater-caseStudy .head_sec p  {
    padding:  0 42em 0em 0em;
}
.bayswater-caseStudy .res_precent  {
    font-weight:  bold;
    font-size:  4em;
    margin-top:  10px;
    padding-left:  0.3em;
}
.bayswater-caseStudy .res_price  {
    font-weight:  bold;
    font-size:  1.7em;
}
.bayswater-caseStudy .mt  {
    margin-top:  7em;
}
.bayswater-caseStudy .results_section .mt p  {
    line-height:  1.4;
    padding-left:  1em;
    padding-right:  1em;
}
.bayswater-caseStudy .results_section .mt.met p:before  {
    content:  "";
    position:  absolute;
    left:  0;
    top:  10px;
    margin:  0 auto;
    background:  #f9b416;
    height:  1px;
    width:  1.875em;
}
.bayswater-caseStudy .mt.met  {
    margin-top:  7em;
    padding-left:  4em;
}
.bayswater-caseStudy .results_section4 .mt.met  {
    margin-top:  13em;
    padding-left:  4em;
}
.mtcenter img.img-responsive  {
    left:  170px !important;
}
.bayswater-caseStudy .results_section .img-responsive  {
    position:  relative;
    bottom:  -60px;
}
.sec4img img  {
    position:  relative;
    left:  60px;
}
.bayswater-caseStudy .results_section1  {
    background:  url(../../assets/images/bayswater/results_section1_bg.jpg) no-repeat center center / cover;
}
.bayswater-caseStudy .results_section2  {
    background:  url(../../assets/images/bayswater/results_section2_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
.bayswater-caseStudy .results_section3  {
    background:  url(../../assets/images/bayswater/results_section3_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
.bayswater-caseStudy .results_section4  {
    background:  url(../../assets/images/bayswater/results_section4_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
.bayswater-caseStudy .results_section.results_section4 .img-responsive  {
    bottom:  -119px;
}
.bayswater-caseStudy .results_section3 .mt p  {
}
.bayswater-caseStudy .results_section3 .mt p span  {
    font-weight:  bold;
    font-size:  1.7em;
    display:  block;
}
.bayswater-caseStudy .results_section3 .mt p small  {
    display:  block;
}
.bayswater-caseStudy .results_section3 .mt p b  {
}
.bayswater-caseStudy .results_section3 .img-responsive  {
    max-width:  none;
    left:  -130px;
    bottom:  -60px;
}
.bayswater-caseStudy .qoute-sec  {
    background:  none;
}
.h-pg-video-section  {
    background-color:  #1e1a25;
    padding-bottom:  80px }
.h-pg-video-h  {
    color:  #fff;
    position:  relative;
    text-align:  center;
    font-size:  48px;
    font-weight:  400;
    padding-bottom:  30px }
.h-pg-video-h:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
    width:  100px;
    height:  1px;
    background-color:  #f9b416 }
.h-pg-video-area  {
    margin-top:  100px;
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    flex-flow:  row wrap }
.h-pg-video-area>div  {
    width:  100%;
    position:  relative }
.video-area-inner-a>video  {
    width:  100%;
}
.h-v-arr:before  {
    display:  none;
}
.h-v-arr  {
    font-size:  25px;
    color:  #fff;
}
.h-v-arr:hover  {
    color:  #fff;
}
.h-page-btn-play  {
    width:  100%;
    cursor:  pointer }
.two-badges  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    max-width:  345px;
}
.bg-fp_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -111px -103px;
    z-index:  999;
    position:  relative;
}
.bg-in_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -306px -10px;
    z-index:  999;
    position:  relative;
}
.bg-plus_icon  {
    width:  44px;
    height:  44px;
    background:  url(../images/css_sprites.png) -218px -237px;
    z-index:  999;
    position:  relative;
    display:  block;
}
@media screen and (max-height:800px)  {
    .flex-column-around.design-section  {
    margin-top:  10px !important }
.mobile-portfolio-page .section-four  {
    background-position-y:  center }
.flex-column-around  {
    margin-top:  36px }
.for-ripple-effect  {
    top:  -50px }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(2)  {
    width:  30% }
.icon-top  {
    bottom:  calc(100% - 40px);
    width:  80px }
.icon-right  {
    left:  calc(100% - 40px);
    width:  80px }
.icon-bottom  {
    top:  calc(100% - 40px);
    width:  80px }
.icon-left  {
    right:  calc(100% - 40px);
    width:  80px }
.mobile-portfolio-page .right-choice-height  {
    min-height:  490px }
.sticky-consultation-form  {
    padding:  15px 100px }
.sticky-consultation-form p  {
    margin-top:  15px;
    margin-bottom:  15px }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  8px }
}@media screen and (max-height:760px)  {
    .sticky-consultation-form p  {
    margin-top:  8px;
    margin-bottom:  8px;
    font-size:  12px;
    letter-spacing:  1px }
.sticky-consultation-form .form-main-head-2  {
    font-size:  30px }
}@media screen and (max-height:700px)  {
    .mobile-portfolio-page .section-one .flex-column-around>div:  nth-child(2)  {
    width:  25% }
.white-circle  {
    width:  40% }
.icon-top  {
    bottom:  calc(100% - 35px);
    width:  70px }
.icon-right  {
    left:  calc(100% - 35px);
    width:  70px }
.icon-bottom  {
    top:  calc(100% - 35px);
    width:  70px }
.icon-left  {
    right:  calc(100% - 35px);
    width:  70px }
.mobile-portfolio-page .right-choice-height  {
    min-height:  auto }
.mobile-portfolio-page .footer-height  {
    min-height:  1220px }
.prototype-images  {
    width:  50% }
.prototype-content  {
    width:  46% }
.flex-column-around.design-section  {
    width:  65% }
}@media screen and (max-height:680px)  {
    .sticky-consultation-form  {
    padding:  15px 100px }
.sticky-consultation-form p  {
    margin-top:  8px;
    margin-bottom:  8px }
.redContactSection input,  .redContactSection textarea,  .sticky-consultation-form input,  .sticky-consultation-form textarea  {
    padding:  8px 15px }
}@media screen and (max-height:600px)  {
    .mobile-portfolio-page .redContactSection  {
    padding-bottom:  80px !important }
.prototype-images  {
    width:  37% }
.prototype-content  {
    width:  62% }
.flex-column-around.design-section  {
    width:  50% }
}@media screen and (max-width:2560px)  {
    .video-animation-page .inner-banner  {
    height:  75em !important }
img.cartoon-img  {
    position:  absolute;
    left:  -495px;
    top:  785px;
    max-width:  630px }
}@media screen and (max-width:1920px)  {
    .video-animation-page .inner-banner  {
    height:  50em !important }
img.cartoon-img  {
    position:  absolute;
    left:  -170px;
    top:  785px;
    max-width:  630px }
}.contactPage p.error-msg-phone,  .contactPage p.error-msg-email,  .contactPage p.error-msg-name,  .contactPage p.error-msg-textarea  {
    margin-bottom:  0 !important;
    transform:  translateY(-20px);
    color:  #f00 !important;
    font-size:  12px !important;
}
.redContactSection p.error-msg-email,  .redContactSection p.error-msg-phone,  .redContactSection p.error-msg-name,  .redContactSection p.error-msg-textarea  {
    margin-bottom:  0;
    margin-top:  -20px;
    font-size:  13px;
    text-align:  left;
    color:  #fff;
    transform:  translateY(-6px);
}
.sticky-consultation-form p.error-msg-email,  .sticky-consultation-form p.error-msg-phone,  .sticky-consultation-form p.error-msg-name,  .sticky-consultation-form p.error-msg-textarea  {
    color:  #f00;
    font-size:  13px;
    margin-top:  0;
    margin-bottom:  0;
    transform:  translateY(-12px);
}
#formheaderbanner p.error-msg-email,  #formheaderbanner p.error-msg-phone,  #formheaderbanner p.error-msg-name,  #formheaderbanner p.error-msg-textarea  {
    margin-bottom:  0;
    margin-top:  -20px;
    font-size:  13px;
    text-align:  left;
    color:  #fff;
    transform:  translateY(-6px);
}
.digitalExperienceSection p.error-msg-phone,  .digitalExperienceSection p.error-msg-email,  .digitalExperienceSection p.error-msg-name,  .digitalExperienceSection p.error-msg-textarea  {
    margin-top:  -10px;
}
.portfolio-video-section p.error-msg-phone,  .portfolio-video-section p.error-msg-email,  .portfolio-video-section p.error-msg-name,  .portfolio-video-section p.error-msg-textarea  {
    margin-top:  -10px;
}
.grecaptcha-badge  {
    bottom:  15% !important;
    z-index:  9;
}
.serverMangement-page ul  {
    margin-bottom:  0;
}
.what-cms-sec #serverMangement p  {
    padding:  0;
}
.serverMangement-page .what-cms-sec .black-box  {
    margin:  0;
}
#serverMangement .carousel-inner>.item  {
    height:  auto;
    min-height:  inherit;
}
.serverMangement-page .marketing-process-sec p,  .serverMangement-page ul  {
    color:  #fff;
}
.serverMangement-page .what-cms-sec li  {
    line-height:  1.5625em;
}
.serverMangement-page .marketing-process-sec li  {
    line-height:  1.5625em;
    font-weight:  700;
    font-size:  1.2em;
}
.serverMangement-page .marketing-process-sec .tab-sec  {
    height:  auto;
}
.serverMangement-page.cms-page .what-cms-sec .laptop-img  {
    margin:  3em 0 1em 0;
}
.serverMangement-page .engage-slider-sec.change  {
    margin-bottom:  0;
    padding-bottom:  0;
}
.engage-slider-sec .bor-right  {
    padding-bottom:  7em;
}
.serverMangement-page #serverMangement .carousel-indicators  {
    bottom:  inherit;
    top:  30px;
}
.serverMangement-page .marketing-process-sec .tab-sec a  {
    font-size:  1.525em;
    margin-bottom:  3em;
}
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(1)  {
    padding-top:  0;
}
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(3)  {
    padding-bottom:  0;
    margin-bottom:  0;
}
.serverMangement-page .marketing-process-sec h3  {
    font-size:  1.5em;
    color:  #f3e529;
}
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  100px;
    height:  auto !important;
}
.before-not:before  {
    display:  none;
}
.serverMangement-page .marketing-process-sec  {
    margin-top:  0;
}
.serverMangement-page .engage-slider-sec .mar-top  {
    margin-top:  2.375em;
}
.serverMangement-page .engage-slider-sec .services-detail-sec .box  {
    padding:  7.5em 6.25em 7.5em 18.4375em;
}
.packages-sec-a  {
    background-color:  #fff;
    padding:  5em 0;
}
.packages-sec-a>.container  {
    max-width:  1920px;
    width:  100% !important;
    margin:  auto;
}
.packages-arae-a  {
    display:  flex;
    justify-content:  space-between;
}
.packages-left  {
    width:  25%;
}
.packages-right  {
    width:  75%;
    display:  flex;
    justify-content:  space-between;
}
.packages-ul  {
    width:  100%;
    display:  flex;
    flex-direction:  column;
    padding-left:  0;
    border-left:  1px solid #e8e7ed;
}
.packages-ul>li  {
    width:  100%;
    height:  55px;
    display:  flex;
    align-items:  center;
    padding:  1em;
    font-size:  18px;
    font-weight:  600;
    color:  #000000;
    border-top:  1px solid #e8e7ed;
}
.packages-ul>li.p-header  {
    height:  135px;
    background-color:  #f6f5f8;
    color:  #fff;
    display:  flex;
    flex-direction:  column;
    font-size:  24px;
    padding:  0.5em;
}
.packages-ul>li.p-header>p  {
    margin-bottom:  0;
}
.packages-ul>li.p-discount  {
    color:  #fff;
    background-color:  #1d8c84;
    font-size:  24px;
    line-height:  1;
}
.packages-ul>li.p-original  {
    background-color:  #f6f5f8;
}
.packages-right .packages-ul>li  {
    text-align:  center;
    justify-content:  center;
    align-items:  center;
}
.packages-right .packages-ul>li.p-original  {
    text-decoration:  line-through;
}
.packages-right .packages-ul:last-child  {
    border-right:  1px solid #e8e7ed;
}
.p-profesional>.p-header  {
    background:  #09329a;
    background:  -moz-linear-gradient(-45deg,  #09329a 0%,  #22b5bc 100%);
    background:  -webkit-linear-gradient(-45deg,  #09329a 0%,  #22b5bc 100%);
    background:  linear-gradient(135deg,  #09329a 0%,  #22b5bc 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#09329a',  endColorstr='#22b5bc',  GradientType=1);
}
.p-premium>.p-header  {
    background:  #fd1863;
    background:  -moz-linear-gradient(-45deg,  #fd1863 0%,  #ff6e41 100%);
    background:  -webkit-linear-gradient(-45deg,  #fd1863 0%,  #ff6e41 100%);
    background:  linear-gradient(135deg,  #fd1863 0%,  #ff6e41 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd1863',  endColorstr='#ff6e41',  GradientType=1);
}
.p-enterprise>.p-header  {
    background:  #3d1399;
    background:  -moz-linear-gradient(-45deg,  #3d1399 0%,  #cd579c 100%);
    background:  -webkit-linear-gradient(-45deg,  #3d1399 0%,  #cd579c 100%);
    background:  linear-gradient(135deg,  #3d1399 0%,  #cd579c 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1399',  endColorstr='#cd579c',  GradientType=1);
}
.p-organiztion>.p-header  {
    background:  #1d8c84;
    background:  -moz-linear-gradient(-45deg,  #3d1399 0%,  #cd579c 100%);
    background:  -webkit-linear-gradient(-45deg,  #1d8c84 0%,  #8BC34A 100%);
    background:  linear-gradient(135deg,  #1d8c84 0%,  #8BC34A 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1399',  endColorstr='#cd579c',  GradientType=1);
}
.p-profesional>li.p-discount  {
    background-color:  #09369b;
}
.p-premium>li.p-discount  {
    background-color:  #d20f42;
}
.p-enterprise>li.p-discount  {
    background-color:  #6a07a2;
}
.packages-right .packages-ul>li.p-original  {
    background-color:  transparent;
}
.packages-ul i.fas.fa-check-square  {
    color:  #00a651;
    font-size:  20px;
}
.packages-ul i.fas.fa-times-circle  {
    color:  #f44437;
    font-size:  20px;
}
.p-button  {
    padding:  0 !important;
}
.p-button .btn-yellow  {
    display:  flex;
    width:  100%;
    height:  100%;
    align-items:  center;
    justify-content:  center;
    color:  #000;
    background-color:  #fdb71c;
    text-transform:  uppercase;
    border-radius:  0;
    font-weight:  bold;
}
.mob-p-slect  {
    display:  none;
}
.packges-tab-arae-a  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
.nav-pils-a  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    margin-bottom:  2em !important;
    padding-left:  0;
}
.nav-pils-a>li  {
    padding:  0;
    display:  flex;
}
.nav-pils-a>li>a  {
    padding:  1em 2em;
    color:  #000;
    background-color:  #f2f2f2;
    font-size:  20px;
    font-weight:  600;
}
.nav-pils-a>li.active>a  {
    background-color:  #b01515;
    color:  #fff;
}
.p-windows  {
    display:  none;
}
.p-two-col-a  {
    width:  48%;
    display:  inline-flex;
}
.p-one-col-a  {
    width:  96%;
    display:  flex;
    margin:  auto;
}
.p-form  {
    background-color:  #fff;
}
.p-form input,  .p-form select,  .p-form textarea  {
    width:  100%;
    color:  #000;
    border:  0;
    padding:  1em;
    background-color:  white;
    margin-bottom:  1em;
    height:  auto;
    border-radius:  0;
}
.p-form  {
    background-color:  #b32727;
    padding:  3em 3em;
}
.p-form .modal-body  {
    position:  relative;
}
.p-close  {
    position:  absolute;
    top:  30px;
    right:  30px;
    left:  auto;
    bottom:  auto;
    margin:  0;
}
.btn-order-p  {
    width:  50%;
    margin:  auto;
    text-transform:  uppercase;
    font-size:  18px;
    font-weight:  bold;
}
.packages-bottom  {
    display:  flex;
    margin-top:  2em;
}
.packages-bottom-ul  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    padding-left:  0;
    list-style:  none;
    margin:  auto;
}
.packages-bottom-ul>li:nth-child(2)  {
    margin-left:  1em;
    margin-right:  1em;
}
.packages-bottom-ul>li  {
    font-size:  18px;
    font-weight:  400;
    color:  #1e1a25;
}
.packages-bottom-ul>li>i  {
    margin-right:  0.25em;
    color:  #00a651;
}
.serverMangement-page .what-cms-sec  {
    margin-top:  0;
}
.serverMangement-page div#detail2  {
    margin-bottom:  0em;
    padding:  7.6em 0 6.6em 0;
}
.serverMangement-page .tab-detail-sec>div  {
    transition:  1s;
}
.serverMangement-page .tab-detail-sec>div:not(.active)  {
    opacity:  0;
}
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a#tab-cor  {
    background-image:  url(../../assets/images/video-animation/icon-presentation.png);
}
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a#tab-edi  {
    background-image:  url(../../assets/images/video-animation/icon-videoediting.png);
}
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a#tab-adv  {
    background-image:  url(../../assets/images/video-animation/icon-ad-videos.png);
}
li.add-ons-a  {
    flex-wrap:  wrap;
    height:  auto;
    min-height:  55px;
    font-size:  15px !important;
}
li.add-ons-a>a  {
    flex:  1;
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
li.add-ons-a>a>i  {
    margin-left:  10px;
}
ul.expandable-addon  {
    width:  100%;
    padding:  0;
    margin:  0;
    text-align:  left;
    padding-left:  10px;
    display:  none;
}
.expanded  {
    display:  block !important;
}
li.freebies-box  {
    min-height:  185px !important;
}
ul.expandable-addon>li  {
    font-size:  0.79em !important;
    margin-bottom:  0.5em;
}
@media screen and (max-width:1919px)  {
    .portfolio-sec .block1 img:  nth-child(1),  .portfolio-sec .block1 img:nth-child(2)  {
    width:  40% }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  12% }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  16% }
.portfolio-sec .block2 img:nth-child(2)  {
    width:  43% }
.portfolio-sec .block2 img:last-child  {
    width:  20% }
.case-study .offer img:nth-child(2),  .case-study .offer img:nth-child(3)  {
    max-width:  25% }
.case-study .offer img:nth-child(4)  {
    max-width:  21% }
.case-study .offer img:nth-child(1)  {
    max-width:  22% }
}@media screen and (max-width:1680px)  {
    .case-study-sec .detail-sec  {
    margin-left:  0.125em;
}
.sticky-top-contact-bar>ul  {
    width:  40% !important;
}
.banner-slider .list  {
    width:  104.5em }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  10.375em }
.new-digital-marketing-page .inner-banner .dot  {
    width:  25% }
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  35% }
.prototype-images>div>img  {
    width:  90% }
.flex-column-around.design-section  {
    width:  100%;
    margin-top:  200px }
.design-section>div>img  {
    width:  90% }
}@media screen and (max-width:1600px)  {
    .case-study-sec .detail-sec  {
    margin-left:  0.125em;
}
.head-logo  {
    padding:  7px 13px;
    width:  13%;
}
.head-logo img  {
    width:  29%;
}
.sticky-top-contact-bar>ul  {
    width:  41% !important%;
}
.web-design-process-box  {
}
.mobileApp-page .custom-web-sec .carousel-inner>.item  {
    height:  786px;
}
#a-specializing .si-col  {
    margin-right:  30px }
body.about-us-page .smart-work-sec  {
    padding-bottom:  50px }
#a-specializing .caption  {
    font-size:  14px;
    margin-top:  0;
    line-height:  20px }
#cdte h2  {
    font-size:  70px;
    line-height:  80px }
#cdte p  {
    width:  570px }
#cdte .view-btn  {
    margin:  17em 0 0 10em }
.marketing-process-sec.culture-innovation .tb-text  {
    margin-right:  0 }
.marketing-process-sec.culture-innovation .tab-sec  {
    width:  608px }
#our-offices .c--con-flag  {
    margin-left:  325px }
#our-offices.marketing-process-sec .tab-sec  {
    left:  440px }
#our-offices.marketing-process-sec .tab-sec  {
    top:  100px;
    left:  415px }
#our-offices .c--con-flag img  {
    width:  100% }
#our-offices .c--con-flag  {
    margin-left:  300px }
.our-work-sec .container  {
    width:  96.625em }
.aad-page .specialize-sec .image-detail-sec img  {
    width:  100% }
.appraoch-sec .detail-sec .learn-more  {
    width:  24.313em }
.proud-result-sec  {
    background-size:  100% 100%;
    height:  auto }
.special-sec .box-tab-sec  {
    padding-left:  198px }
.box-tab-sec .box  {
    width:  15em }
.branding-page .cd-graphic,  .branding-page .engage-slider-sec .services-detail-sec  {
    width:  50% }
.branding-page .cd-graphic img  {
    width:  100% }
.branding-page .slick-prev  {
    bottom:  -12px;
    left:  -78%;
    top:  inherit }
.branding-page .half-img2  {
    top:  433px }
.branding-page #ecl-co p  {
    width:  40% }
.branding-page .engage-slider-sec h3  {
    margin-top:  50px;
    margin-bottom:  30px }
.appraoch-sec .tab-sec a  {
    width:  15em }
.box-tab-sec .box  {
    width:  16% }
.iphonex-sec img  {
    width:  65% }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(2)  {
    width:  550px }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  225px }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  155px }
.portfolio-sec .block2 img:last-child  {
    width:  275px }
.mood-sec h1  {
    font-size:  180px }
.mood-sec.change h4  {
    font-size:  150px }
.hanzfree-caseStudy .mood-sec.hanz  {
    position:  relative }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -240px;
    top:  inherit;
    position:  absolute;
    left:  0;
    right:  0 }
.case-study .mood-sec.hanz .mobileScreens ul li:first-child,  .case-study .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  19.8% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .case-study .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  22.1% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  23.9% }
.hanzfree-caseStudy .simple-bo-txt  {
    margin-top:  200px }
.case-study .mood-sec.hanz .mobileScreens  {
    max-width:  1000px;
    margin:  0 auto }
.case-study .mood-sec.hanz .mobileScreens ul  {
    margin-bottom:  -47px }
.ticket-caseStudy .simple-bo-txt  {
    margin-top:  150px }
.home_page .box-tab-sec .box  {
    width:  100% }
.home_page .special-sec .learn-more  {
    padding-top:  15px }
.home_page .special-sec .box-tab-sec h3  {
    font-size:  1em }
.home_page .marketing-sec  {
    height:  auto }
.accordion .list.three,  .accordion .list.two  {
    left:  0 !important }
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    top:  1.7em }
.testimonials_page .specialize-sec .services-detail-sec.right  {
    min-height:  inherit }
.thumbSlider .slick-dots  {
    right:  25% }
.ddos_page #ddosModalForm .radio-inline input[type=radio]  {
    top:  0 }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  70px }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    right:  1.8% }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    right:  1.8% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.four  {
    right:  4% }
.new-digital-marketing-page .result-metter-sec .greenStrip.four  {
    right:  4% }
.print-design .box-tab-sec .box  {
    width:  24% }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  270px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  25px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  15px }
.careersPage .inner-banner .banner-detail-sec h2  {
    margin-top:  170px }
.redContactSection h2:before  {
    max-width:  150px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  13px }
.experts h4  {
    font-size:  160px;
    line-height:  120px }
.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    width:  calc(100% - 32px) }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  1050px }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  1050px }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  1050px }
.web-development.web-design-oman .carousel-inner  {
    min-height:  990px }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  1050px }
.video-animation-page .banner-detail-sec  {
    bottom:  180px;
    padding-left:  10em }
.sticky-consultation-form .form-main-head-2  {
    font-size:  35px }
.p-sec-h  {
    font-size:  35px }
.p-video-right-sec h2  {
    font-size:  22px;
    margin-bottom:  15px }
.p-video-right-sec  {
    padding:  20px 20px !important }
.p-sec-video  {
    width:  97% }
.p-video-right-sec input,  .p-video-right-sec textarea  {
    margin-bottom:  10px;
    padding:  8px 15px }
.h-pg-video-h  {
    font-size:  35px }
body.focp-caseStudy .results_section3 .img-responsive  {
    max-width:  130%;
    left:  -70px;
    bottom:  -60px;
}
body.focp-caseStudy .simple-bo-txt .box img  {
    max-width:  60%;
}
.focpbg .workLibrarySection_2 h3  {
    font-size:  55px;
}
.branding-design-page .carousel-inner>.item  {
    height:  732px;
}
@media screen and (max-width:1536px)  {
    .focpcts img  {
    width:  100%;
    max-width:  70%;
}
.client-sticky-button  {
    position:  fixed;
    z-index:  3;
    right:  -105px }
img.cartoon-img  {
    position:  absolute;
    left:  -130px;
    top:  635px;
    max-width:  580px }
.close  {
    bottom:  calc(100% - 35px) }
}@media screen and (max-width:1530px)  {
    .focpcts img  {
    width:  100%;
    max-width:  70%;
}
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  33.5% }
}@media screen and (max-width:1400px)  {
    .focpcts img  {
    width:  100%;
    max-width:  70%;
}
.web-design-process-box  {
}
.website-design-process  {
    font-size:  1.2em;
}
.mobileApp-page .custom-web-sec .carousel-inner>.item  {
    height:  705px;
}
.banner-slider .list  {
    width:  119.5em }
.marketingImg-home  {
    width:  100% }
.contactPage .inner-banner .banner-detail-sec  {
    margin-left:  4% }
.contactPage .callToaction p:before  {
    left:  55px }
.contactPage h2.greenTextWhiteBg  {
    font-size:  60px }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    font-size:  18px }
.branding-page .half-img2  {
    top:  285px }
.marketing-col  {
    height:  auto;
    padding:  20px 30px }
.seo-page .inner-banner .banner-detail-sec h1  {
    top:  .5625em }
.seo-page.cro-page .inner-banner .banner-detail-sec h1  {
    top:  0;
    margin-top:  0 }
.ddosForm .formbottomarea input[type=submit]  {
    font-size:  14px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  45px }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  73px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    font-size:  20px;
    margin-bottom:  20px }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  120px;
    line-height:  1 }
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  34.3% }
.new-digital-marketing-page .result-metter-sec .greenStrip.three  {
    right:  3.2% }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  14px }
.about-us-page .smart-work-sec .green-line-img  {
    display:  block }
.about-us-page #cdte p  {
    font-size:  15px }
.about-us-page #cdte li  {
    font-size:  15px }
.about-us-page #cdte .view-btn  {
    font-size:  15px;
    height:  auto;
    padding:  5px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  5px }
.android-app-page .smart-work-sec .green-line-img  {
    display:  block }
.home_page .img-sec iframe  {
    width:  98% }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  5px }
.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    width:  calc(100% - 28px) }
.mobile-portfolio-page .redContactSection  {
    padding-bottom:  160px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-abudhabi .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  900px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-bahrain .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  900px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-ksa .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  900px }
.web-development.web-design-oman .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-oman .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-oman .carousel-inner  {
    min-height:  820px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-qatar .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  900px }
.focpbg .workLibrarySection_2 h3  {
    font-size:  40px;
}
.pack-design .inner-banner .banner-detail-sec h2  {
    top:  .3625em;
}
}
@media screen and (max-width:1366px)  {
    .center-imgs img  {
    height:  500px;
}
.sticky-top-contact-bar>ul {
    width: 50% !important;
}
.head-logo img  {
    width:  33%;
}
body.sticky-top-contact-bar>ul  {
    width:  54% !important;
}
body.seo-page .inner-banner .banner-detail-sec h1  {
    top:  1.3em;
}
body.seo-page .box-item ul li  {
    list-style-image:  url(../images/bullets.png);
    padding-left:  18px;
    padding-top:  10px;
    padding-bottom:  10px;
    font-size:  16px;
    color:  #fff;
    font-weight:  bold;
}
section.marketing-process-sec .num  {
    font-size:  9.944em;
    position:  absolute;
    left:  -43px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -50px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.box-item ul li  {
    list-style-image:  url('../images/bullets.png');
    padding-left:  18px;
    padding-top:  10px;
    padding-bottom:  10px;
    font-size:  16px;
    color:  #fff;
    font-weight:  bold;
}
#scroll_2  {
    position:  fixed;
    bottom:  12%;
    right:  -41px }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    font-size:  60px }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec::before  {
    width:  85%;
    left:  50px;
    right:  50px }
.sticky-consultation-form p  {
    margin-top:  30px;
    margin-bottom:  30px }
.sticky-consultation-form  {
    padding:  100px 60px }
.contactPage .contactArea:after  {
    display:  none }
.blogsubscribe h2  {
    font-size:  17px }
.digital-marketing .who-head h3  {
    left:  46%;
    top:  -30px }
.digital-marketing .custom-web-sec .line  {
    top:  12.5em }
.home_page .special-sec .learn-more  {
    padding-top:  10px }
.smart-work-sec .img-sec  {
    width:  initial }
.specialize-sec .image-detail-sec.right .icon-sec  {
    left:  -6.375em }
.specialize-sec .image-detail-sec:nth-child(2) .icon-sec  {
    top:  24.625em;
    right:  -6.375em }
.specialize-sec .image-detail-sec:nth-child(4) .icon-sec  {
    top:  26.625em;
    right:  -6.375em }
.workLibrarySection_4 .container:before  {
    left:  20px }
.work-library .banner-slider h4  {
    font-size:  36px }
.work-library .banner-slider h2  {
    margin:  92px 0 25px 0 }
.mobileWrap  {
    overflow:  hidden;
    width:  136px;
    height:  241px;
    position:  absolute;
    top:  40px;
    left:  31px }
.workLibrarySection_4 .mobileWrap h4  {
    font-size:  12px }
.workLibrarySection_4 .mobileWrap figcaption  {
    font-size:  10px }
.workLibrarySection_2 .librabryBg1,  .workLibrarySection_2 .librabryBg2,  .workLibrarySection_3  {
    background-size:  cover }
.workLibrarySection_2 .librabryBg2  {
    min-height:  526px }
.workLibrarySection_4 figure .overlay  {
    padding:  10px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    font-size:  9px }
.workLibrarySection_6 .librabryBg4,  .workLibrarySection_6 .librabryBg5,  .workLibrarySection_6 .librabryBg6,  .workLibrarySection_7 .librabryBg7,  .workLibrarySection_7 .librabryBg8,  .workLibrarySection_8  {
    background-size:  cover;
    background-position:  center top }
.mobileWrap  {
    overflow:  hidden;
    width:  136px;
    height:  241px;
    position:  absolute;
    top:  40px;
    left:  31px }
.objective-sec.change  {
    padding-bottom:  100px }
.objective-sec.change .simple-line-img  {
    position:  absolute;
    left:  0;
    top:  56% }
.mood-sec.change h4  {
    bottom:  -42px }
.offer img  {
    max-height:  366px }
.mood-sec.hanz  {
    background:  url(../images/hanz-back2.jpg) no-repeat }
.mood-sec.hanz .hanz-app ul li:first-child,  .mood-sec.hanz .hanz-app ul li:last-child  {
    margin-top:  111px }
.thinking-sec.dm .laptop .col-sm-3,  .thinking-sec.gur .laptop .col-sm-3,  .thinking-sec.hanz .laptop .col-sm-3,  .thinking-sec.hyp .laptop .col-sm-3,  .thinking-sec.pay .laptop .col-sm-3,  .thinking-sec.wind .laptop .col-sm-3  {
    margin-top:  280px }
.mood-sec.hanz .hanz-app ul  {
    margin-bottom:  60px }
.smart-work-sec .green-line-img  {
    width:  120px;
    display:  block }
.portfolio-sec .block1,  .portfolio-sec .block2  {
    text-align:  center }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(2)  {
    width:  500px }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  155px }
.portfolio-sec .block2 img:last-child  {
    width:  250px }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  200px }
.thinking-sec .laptop h3  {
    font-size:  26px;
    margin:  0 }
.thinking-sec .laptop .col-sm-3,  .thinking-sec .laptop .col-sm-4  {
    margin-top:  220px }
.thinking-sec .laptop p  {
    font-size:  12px }
.thinking-sec .laptop h4  {
    font-size:  15px;
    margin-bottom:  0 }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  170px }
.smart-work-sec .pad-left  {
    padding-left:  13.5em }
.case-study .inner-banner .dot  {
    display:  block;
    width:  150px }
.objective-sec .simple-line-img  {
    width:  120px;
    display:  block;
    top:  39% }
.goal-sec .green-line-img  {
    width:  150px }
.marketing-sec:before  {
    height:  65.875em }
.goal-sec .object-sec .img-sec img  {
    left:  -8.3em }
.goal-sec .object-sec .learn-more  {
    width:  309px }
.special-sec h3  {
    margin-left:  7.0625em }
.special-sec .box-tab-sec  {
    padding-left:  80px }
.experts .green-line-img  {
    display:  none }
.expert-wrapper  {
    padding:  0 20px 0 20px }
.app-love-sec h5,  .experts h4  {
    font-size:  120px;
    line-height:  90px }
.appraoch-sec .left-banner-sec .small-img  {
    width:  450px }
.project-sec h4  {
    margin:  20px 0 0 }
.why-choose-sec .choose-img-sec  {
    display:  block;
    width:  300px }
#our-core-services .space1  {
    padding:  50px 0 0 0 }
.custom-web-sec h2  {
    font-size:  28px;
    margin:  0 0 1.25em 100px }
.who-head .triangle  {
    right:  -9.375em;
    top:  5px }
.carousel-inner>.item  {
    height:  auto;
    min-height:  620px }
.inner-banner .banner-detail-sec h3  {
    margin-bottom:  10px }
.carousel-control.left,  .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.half-img  {
    top:  51.4em;
    width:  250px }
.ipadimg  {
    top:  264px }
.custom-web-sec .request-btn  {
    margin:  0 0 0 73px }
.culture-innovation .ci-right-col  {
    margin-left:  0 !important;
    float:  right;
    margin-top:  90px;
    width:  560px }
#our-offices .c--off-address  {
    margin-left:  0 }
#our-offices .c--con-flag  {
    margin-left:  0;
    float:  right;
    width:  48%;
    min-height:  830px }
.appraoch-sec .detail-sec .learn-more  {
    width:  28.313em }
#android-smart-work .pad-left  {
    padding-left:  14em }
.our-work-sec .container  {
    width:  95% !important }
.box-tab-sec .box  {
    width:  18.5em }
.feature-article-sec .box  {
    float:  none;
    display:  inline-block;
    vertical-align:  top;
    text-align:  left;
    margin:  3.125em 3.125em -100px 3.125em;
    min-height:  316px }
.feature-article-sec .box:first-of-type  {
    margin-left:  0 }
.special-sec .box-tab-sec  {
    padding-left:  0 }
.branding-page .carousel-inner>.item  {
    min-height:  850px }
.branding-page #ecl-co h2  {
    font-size:  36px }
.branding-page #ecl-co p  {
    width:  36% }
.branding-page .slick-prev  {
    bottom:  12px;
    top:  inherit }
.box-tab-sec .box  {
    width:  16%;
    margin:  0 }
.offer img  {
    max-height:  350px }
.dubai-caseStudy .mood-sec.change h4  {
    bottom:  0 }
.case-study .mood-sec.hanz .mobileScreens ul li:first-child,  .case-study .mood-sec.hanz .mobileScreens ul li:last-child  {
    margin-top:  142px }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  90px }
.portfolio-who-we-are-sec .mini-heading-port h5  {
    left:  0;
    right:  0 }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  36px }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  12.5em;
    width:  20% }
.portfolio-who-we-are-sec  {
    padding:  0;
    background-color:  #1e1a25 }
.portfolio-work-heading  {
    padding:  38px 0 }
.own-class  {
    margin-top:  0;
    padding:  14px 0 }
.who-head .triangle  {
    right:  0;
    max-width:  30px }
.custom-web-sec h2  {
    margin:  0 0 1.25em 0 }
.short-heading  {
    font-size:  inherit !important;
}
.branding-page .custom-web-sec .line,  .digital-marketing .custom-web-sec .line  {
    max-width:  332px;
    top:  8.5em }
.digital-marketing .custom-web-sec img.triangle  {
    max-width:  32px }
.branding-page .who-head h3  {
    text-align:  right }
.branding-page .slick-next  {
    left:  70px;
    top:  8px }
.branding-page .slick-prev  {
    bottom:  0 }
.banner-slider .list  {
    width:  117em }
.home_page .who-we-are-sec h1,  .home_page .who-we-are-sec h2  {
    font-size:  32px }
.mobileApp-page .custom-web-sec h1  {
    font-size:  28px }
.blogsubscribe input[type=text]  {
    min-width:  270px }
.ddos_page .inner-banner .banner-detail-sec h2  {
    top:  .5625em }
.new-digital-marketing-page .inner-banner .dot  {
    width:  22% }
.new-digital-marketing-page .inner-banner  {
    height:  30.575em }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  240px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  35px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  25px }
.android-app-page #android-smart-work .c-list ul li  {
    margin-bottom:  10px;
    line-height:  22px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  25px }
.blogsubscribe .project-sec .request-btn  {
    padding:  12px 20px }
.mobile-app-video>iframe  {
    width:  876px;
    height:  500px }
.inner-portfolio-head-black  {
    font-size:  50px;
    line-height:  60px }
.section-two-column-half.left img  {
    top:  -35px }
.section-two-column-half.right img  {
    top:  25px }
.puerto-rico-car  {
    right:  -30px }
.icon-top  {
    bottom:  calc(100% - 40px);
    width:  80px }
.icon-bottom  {
    top:  calc(100% - 40px);
    width:  80px }
.icon-left  {
    right:  calc(100% - 40px);
    width:  80px }
.icon-right  {
    left:  calc(100% - 40px);
    width:  80px }
.mobile-portfolio-page .section-one .flex-column-around  {
    padding-left:  0 }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.packages-ul>li.p-header  {
    font-size:  18px;
}
.packages-ul>li.p-discount  {
    font-size:  20px;
}
.engage-slider-sec .carousel-control.left  {
    left:  0;
}
.branding-design-page .carousel-inner>.item  {
    min-height:  622px;
    height:  auto;
}
.branding-design-page .carousel-control.left,  .branding-design-page .carousel-control.right  {
    left:  240px !important;
    bottom:  35px !important;
}
.pack-design .inner-banner .banner-detail-sec h2  {
    top:  .6925em;
}
}
@media screen and (max-width:1280px)  {
.sticky-top-contact-bar>ul {width: 51% !important;}
    .web-feature-list .icon-sec.target-img  {
    width:  65px;
}
.sticky-top-contact-bar>ul  {
    width:  49% ;
}
.case-study-sec .focpcts#tab5 p  {
    padding:  0 0 0 10%;
    max-width:  80%;
}
.mobileWrap  {
    overflow:  hidden;
    width:  125px;
    height:  224px;
    position:  absolute;
    top:  37px;
    left:  30px }
.workLibrarySection_4 .mobileWrap h4  {
    margin-bottom:  10px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    font-size:  8px;
    margin-top:  4px }
#cdte h2  {
    font-size:  50px;
    line-height:  60px;
    text-shadow:  5px 8px 2px rgba(0,  0,  0,  .34) }
#cdte p  {
    width:  490px }
#cdte .view-btn  {
    margin:  20em 0 0 11.5em;
    line-height:  2.5em }
.branding-page .engage-slider-sec h3  {
    margin-top:  50px;
    font-size:  30px;
    margin-bottom:  10px }
.branding-page .ecl-co-screen  {
    text-align:  right }
.branding-page .ecl-co-screen img  {
    width:  70% }
.appraoch-sec .tab-sec  {
    padding-left:  0 }
.appraoch-sec .left-banner-sec .head  {
    right:  0 }
.box-tab-sec .box:hover p  {
    opacity:  1 }
.half-img  {
    top:  54.2em }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  150px }
.offer img  {
    max-height:  320px }
.fenyaal-caseStudy .mood-sec.change h4,  .isuzu-caseStudy .mood-sec.change h4,  .logic-caseStudy .mood-sec.change h4  {
    bottom:  -26px }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -180px;
    top:  inherit;
    position:  absolute;
    left:  0;
    right:  0 }
.case-study .mood-sec.hanz .mobileScreens ul li:first-child,  .case-study .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  19.3% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .case-study .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  20.2% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  23.9% }
.hanzfree-caseStudy .simple-bo-txt  {
    margin-top:  200px }
.case-study .mood-sec.hanz .mobileScreens  {
    max-width:  800px;
    margin:  0 auto }
.case-study .mood-sec.hanz .mobileScreens ul  {
    margin-bottom:  -47px }
.case-study .mood-sec.hanz .mobileScreens ul li:first-child,  .case-study .mood-sec.hanz .mobileScreens ul li:last-child  {
    margin-top:  111px }
.taskque-caseStudy .simple-bo-txt  {
    margin-top:  70px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  42px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  30px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  20px }
.about-us-page .about-us-large-red-section  {
    padding-left:  0 }
body.about-us-page #cdte li  {
    width:  49% }
.mobileApp-page .engage-slider-sec .services-detail-sec  {
    padding:  6em }
.about-us-page .culture-innovation .col-md-7  {
    padding-left:  120px }
.about-us-page .marketing-process-sec .tab-detail-sec  {
    float:  left }
.home_page .img-sec iframe  {
    width:  66%;
    height:  500px }
.packages-ul>li  {
    font-size:  16px;
}
}
@media screen and (max-width:1199px)  {
    .engage-slider-sec .bor-right  {
    padding-top:  2.375em;
    padding-bottom:  8.625em }
.special-sec .learn-more  {
    width:  inherit;
    height:  inherit;
    padding:  10px }
.banner-slider .list  {
    width:  116em }
.banner-slider h2  {
    font-size:  8em }
.box-tab-sec .icon img  {
    max-width:  50px }
.box-tab-sec .box  {
    margin-right:  .5% }
.who-we-are-sec h1,  .who-we-are-sec h2  {
    font-size:  30px }
.special-sec .box-tab-sec span.highlight  {
    font-size:  20px;
    line-height:  28px }
.special-sec .box-tab-sec span.normalText  {
    font-size:  16px;
    line-height:  24px }
.case-study-sec h2  {
    font-size:  5.5em }
.contactPage .contactArea h2,  .contactPage .contactArea h3  {
    font-size:  30px }
.contactPage .contactArea .padTop100  {
    padding-top:  50px }
.contactPage .contactArea .request-btn  {
    font-size:  1.5em }
.contactPage .callToaction li  {
    padding:  15px 20px }
.about-us-page .marketing-process-sec.culture-innovation .tb-text  {
    text-align:  right }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  50px }
.marketing-process-sec.culture-innovation .tb-text p:before  {
    display:  none }
.about-us-page .marketing-process-sec.culture-innovation .tab-sec  {
    margin-top:  50px }
.marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  18px;
    padding-left:  216px }
.branding-page .half-img2  {
    top:  237px }
.ecommerce-page .engage-slider-sec  {
    margin-bottom:  0 }
.cms-page .engage-slider-sec  {
    margin-bottom:  0 }
.appraoch-sec .right-detail-sec  {
    background:  url(../../assets/images/twitter-bg.png) no-repeat bottom right }
.appraoch-sec .tab-sec a  {
    width:  14em }
.cro-page .appraoch-sec  {
    margin-bottom:  10em }
.marketing-col  {
    width:  300px;
    height:  auto;
    background:  #fff;
    left:  0;
    right:  inherit;
    top:  90px;
    padding:  10px;
    box-shadow:  0 5px 5px rgba(0,  0,  0,  .1);
    z-index:  9 }
.marketing-col h4  {
    font-size:  18px;
    margin-bottom:  10px }
.marketing-col p  {
    font-size:  14px;
    line-height:  18px;
    margin-bottom:  10px;
    font-weight:  400 }
.half-img  {
    top:  59.7em }
.web-feature-list .detail  {
    width:  34.5em }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2)  {
    width:  40% }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  12% }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  16% }
.portfolio-sec .block2 img:nth-child(2)  {
    width:  43% }
.portfolio-sec .block2 img:last-child  {
    width:  20% }
.thinking-sec .laptop  {
    margin-top:  120px }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  100px }
.offer img  {
    width:  23% }
.case-study .offer img:nth-child(4)  {
    max-width:  19.5% }
.case-study .offer img:nth-child(1)  {
    max-width:  20.5% }
.home_page .special-sec .learn-more  {
    width:  100%;
    margin-top:  10px;
    margin-bottom:  20px;
    padding:  5px }
.home_page .box-tab-sec .box  {
    width:  100% }
.home_page .box-tab-sec h3  {
    margin-top:  10px }
.home_page .amaz-scroll  {
    bottom:  28.5em }
.redContactSection input[type=submit]  {
    font-size:  15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input[type=submit]  {
    font-size:  15px }
.new-digital-marketing-page .inner-banner .dot  {
    width:  18% }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  60px }
.new-digital-marketing-page .inner-banner .dot  {
    bottom:  5% }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  38px }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    right:  2.5% }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    right:  2.5% }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    font-size:  20px }
.new-digital-marketing-page .digitalExperienceSection:before  {
    display:  none }
.new-digital-marketing-page .digitalServicesWorkBg  {
    padding:  50px 20px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  30px }
.about-us-page #cdte p  {
    font-size:  14px;
    line-height:  23px;
    margin-top:  20px }
.about-us-page #cdte ul li  {
    font-size:  14px }
.about-us-page #our-offices.marketing-process-sec .tab-sec  {
    left:  0;
    right:  0 }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  20px }
.appraoch-sec .detail-sec .learn-more,  .custom-gredient-button,  .logo-design-page .smart-work-sec .learn-more  {
    padding:  8px 25px }
.learn-more  {
    border:  1px solid #14918a !important;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    -moz-border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    -webkit-border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    border-image-slice:  1 !important;
    -moz-border-image-slice:  1 !important;
    -webkit-border-image-slice:  1 !important }
.redContactSection h2:before  {
    display:  none }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  35px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  20px }
.about-us-page .culture-innovation .col-md-7  {
    padding-left:  0 }
.home_page .img-sec iframe  {
    height:  345px }
.redBtn  {
    font-size:  16px }
.g-recaptcha,  .g-recaptcha iframe,  .g-recaptcha>div  {
    width:  100% !important;
    max-width:  303px }
.web-development.web-design-abudhabi .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  800px }
.web-development.web-design-bahrain .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  835px }
.web-development.web-design-ksa .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  865px }
.web-development.web-design-oman .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-oman .carousel-inner  {
    min-height:  800px }
.web-development.web-design-qatar .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  820px }
body.focp-caseStudy .objective-sec .black-box h2  {
    font-size:  2em;
}
body.focp-caseStudy .results_section  {
    padding:  30px 0 20px;
}
body.focp-caseStudy .results_section1 .img-responsive  {
    bottom:  -100px;
}
body.focp-caseStudy .results_section2 .img-responsive  {
    bottom:  -50px;
}
body.focp-caseStudy .results_section3 .img-responsive  {
    left:  -40px;
    bottom:  -100px;
}
}
@media (max-width:1199px) and (min-width:992px)  {
    .appraoch-sec .detail-sec  {
    padding-left:  14.625em }
.appraoch-sec .left-banner-sec,  .branding-page .custom-web-sec .line,  .web-feature-list .icon-sec  {
    display:  block }
.custom-web-sec .line  {
    display:  block }
.learn-more  {
    border:  1px solid transparent !important;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    border-image-slice:  1 !important }
}@media screen and (max-width:768px)  {
}
@media screen and (max-width:1024px)  {
    .case-study-sec .focpcts#tab5 p  {
    padding:  0px 0 0 10%;
    max-width:  66%;
}
#scroll_2  {
    display:  none !important }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  0 0;
    height:  48em !important }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    max-width:  fit-content }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    width:  216px }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    font-size:  46px }
.video-animation-page .banner-detail-sec  {
    bottom:  150px;
    padding-left:  10em }
.our-digital-marketing .dot-img  {
    display:  none }
.ipadimg  {
    left:  13px }
.custom-web-sec .line  {
    display:  none }
.mobileWrap  {
    overflow:  hidden;
    width:  95px;
    height:  168px;
    position:  absolute;
    top:  28px;
    left:  26px }
.workLibrarySection_4 .container:before  {
    display:  none }
.workLibrarySection_4 .mobileWrap figcaption  {
    display:  none }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    padding:  5px;
    font-size:  6px }
.smart-work-sec .green-line-img  {
    display:  none }
#cdte .purple-line  {
    top:  30px }
#cdte h2  {
    margin-top:  55px }
#cdte p  {
    width:  430px }
#cdte .view-btn  {
    margin:  22em 0 0 12.5em }
.marketing-process-sec.culture-innovation  {
    min-height:  auto }
.marketing-process-sec.culture-innovation .tab-sec a  {
    border-radius:  0;
    height:  auto;
    position:  static;
    padding:  0;
    text-align:  left;
    margin-bottom:  15px;
    padding:  10px 15px;
    font-size:  14px;
    width:  49%;
    display:  inline-block }
.marketing-process-sec.culture-innovation .tab-sec a span  {
    float:  none !important;
    margin:  0 !important }
.marketing-process-sec.culture-innovation .tab-sec a span br  {
    display:  none }
.marketing-process-sec.culture-innovation .tab-sec  {
    width:  100%;
    margin-top:  40px }
.marketing-process-sec.culture-innovation .tb-text  {
    float:  none }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  50px }
.marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  18px;
    width:  100% }
.culture-innovation .ci-right-col  {
    width:  58%;
    margin-top:  40px }
.marketing-process-sec.culture-innovation .tab-detail-sec  {
    margin-top:  0 }
#our-offices .c--off-address h3  {
    font-size:  34px }
#our-offices.marketing-process-sec .tab-sec  {
    left:  276px;
    background-size:  70% }
#our-offices.marketing-process-sec .tab-sec a:first-child  {
    left:  77px;
    top:  0 }
#our-offices.marketing-process-sec .tab-sec a:nth-child(2)  {
    left:  5px;
    top:  142px }
#our-offices.marketing-process-sec .tab-sec a:nth-child(3)  {
    top:  287px;
    left:  77px }
#our-offices .c--con-flag  {
    min-height:  658px }
#android-smart-work .pad-left  {
    padding-left:  0 }
#android-smart-work.container  {
    width:  100% !important }
.nlearn-more  {
    width:  31.313em }
.contactPage .inner-banner .banner-detail-sec h3  {
    margin-left:  2em }
.contactPage .inner-banner .banner-detail-sec h2  {
    margin-left:  .5em;
    margin-top:  34px;
    padding-bottom:  20px }
.work-library .banner-slider h2  {
    font-size:  50px;
    margin-top:  0 }
.work-library .banner-slider h4  {
    font-size:  30px }
.workLibrarySection_1 h2  {
    font-size:  35px;
    margin-top:  30px }
.workLibrarySection_2 p  {
    margin:  30px 0 15px 0 }
.workLibrarySection_2 h3  {
    font-size:  45px }
.focpbg .workLibrarySection_2 h3  {
    font-size:  28px;
}
.workLibrarySection_2 p.last  {
    margin-top:  15px;
    padding-left:  0 }
.workLibrarySection_2 .librabryBg1 .libraryViewBtn  {
    margin-left:  0 }
.workLibrarySection_2 .librabryBg2  {
    padding-bottom:  0;
    background-size:  cover;
    min-height:  328px }
.workLibrarySection_4 h2  {
    font-size:  34px }
.workLibrarySection_5 .blueBgGradient h2  {
    font-size:  44px;
    margin-top:  6px }
.workLibrarySection_6 .librabryBg4  {
    padding:  159px 0 }
.workLibrarySection_6 .librabryBg5  {
    padding:  159px 0 }
.workLibrarySection_6 .librabryBg6  {
    padding:  159px 0 }
.workLibrarySection_7 .librabryBg7  {
    padding:  240px 0 36px 0 }
.workLibrarySection_7 .librabryBg8  {
    padding:  240px 0 36px 0 }
.workLibrarySection_8  {
    padding:  210px 0 66px 0 }
.about-us-page .marketing-process-sec.culture-innovation .tb-text  {
    text-align:  left }
.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    padding-left:  0 }
.app-love-sec img  {
    width:  100% }
.branding-page .half-img2  {
    width:  100%;
    left:  10px }
.branding-page .engage-slider-sec p  {
    padding-left:  120px;
    font-size:  15px }
.branding-page .engage-slider-sec .services-detail-sec  {
    margin-left:  -80px }
.branding-page .engage-slider-sec h3  {
    margin-top:  30px }
.branding-page .slick-next  {
    top:  0 }
.branding-page .slick-prev  {
    bottom:  -20px;
    left:  -81% }
.branding-page #ecl-co h2  {
    font-size:  24px }
.branding-page #ecl-co h2 br  {
    display:  none }
.branding-page #ecl-co p  {
    width:  100% }
.branding-page .ecl-co-screen  {
    position:  relative;
    bottom:  inherit }
.branding-page .ecl-co-screen img  {
    width:  90%;
    margin-top:  15px }
.branding-page #ecl-co  {
    padding-bottom:  100px;
    background-size:  cover }
.branding-page .carousel-control.left,  .carousel-control.right  {
    left:  150px;
    bottom:  -50px }
.cro-page .why-choose-sec  {
    margin-top:  25em }
.cro-page .our-work-sec  {
    margin-top:  0 }
.iphonex-sec img  {
    width:  65% }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.iphonex-sec .request-btn  {
    padding:  21px 0 }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  12px;
    text-transform:  uppercase;
    outline:  0;
    padding:  12px 12px }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  30px }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  15.5em;
    width:  20% }
.portfolio-work-heading h2  {
    font-size:  68px;
    font-weight:  700 }
.thumbSlider .slick-dots li:nth-child(2)  {
    margin:  0 5px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  36px }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    font-size:  28px }
.android-app-page .smart-work-sec .green-line-img  {
    display:  none }
body.about-us-page #cdte li:before  {
    margin-right:  8px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  32px }
.web-development .custom-web-sec .line  {
    display:  block }
.launch-pad .section-three  {
    padding-top:  150px }
.carousel-control.left,  .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.web-development.web-design-abudhabi .custom-web-sec .line  {
    display:  block }
.web-development.web-design-bahrain .custom-web-sec .line  {
    display:  block }
.web-development.web-design-ksa .custom-web-sec .line  {
    display:  block }
.web-development.web-design-oman .custom-web-sec .line  {
    display:  block }
.web-development.web-design-qatar .custom-web-sec .line  {
    display:  block }
.engage-slider-sec .carousel-control.left  {
    left:  0;
}
.engage-slider-sec .carousel-control.right  {
    left:  auto;
}
}
@media screen and (max-width:991px)  {
    .marketing-process-sec.culture-innovation  {
    padding-bottom:  50px }
.culture-innovation .ci-right-col  {
    width:  100%;
    margin-top:  15px }
.nlearn-more  {
    width:  24.313em;
    font-size:  13px }
#android-smart-work .air  {
    padding-left:  8em }
.appraoch-sec .detail-sec .big-head  {
    margin-top:  0 }
footer  {
    text-align:  left;
    padding-top:  30px !important }
.social-sec a  {
    margin-right:  3px }
footer h2  {
    display:  inline-block }
footer h2  {
    font-size:  2em;
    margin-bottom:  2em }
.ppc-management .marketing-process-sec .tab-sec a  {
    margin-bottom:  1em }
.ppc-management .ppc-management .marketing-process-sec  {
    height:  auto;
    padding-bottom:  5em }
.ppc-management .ppc-management .ppc-management .marketing-process-sec .tab-sec  {
    height:  auto }
.ppc-management .ppc-management .ppc-management .ppc-management .appraoch-sec .left-banner-sec  {
    display:  inline-block }
.ppc-management .appraoch-sec .right-detail-sec  {
    width:  70%;
    padding-left:  14.625em }
.home_page .banner-slider .list  {
    width:  100% }
.home_page .who-head .triangle  {
    left:  -23px;
    right:  inherit;
    max-width:  20px;
    top:  17px }
.home_page .case-study-sec .tab-content .list img  {
    max-width:  90%;
    opacity:  .5 }
.home_page .case-study-sec .list,  .home_page .who-we-are-sec .marketing-sec  {
    height:  auto }
.home_page .case-study-sec .list,  .home_page .who-we-are-sec  {
    padding:  50px 0 }
.contactPage .contactArea h4,  .contactPage .contactArea p  {
    font-size:  14px }
.contactPage .callToaction p:before  {
    left:  45px }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    font-size:  15px }
.branding-page .engage-slider-sec p  {
    padding-left:  80px;
    font-size:  14px }
.branding-page .engage-slider-sec .services-detail-sec p:before  {
    width:  50px }
.branding-page .engage-slider-sec h3  {
    font-size:  24px }
.branding-page .slick-prev  {
    bottom:  18px }
footer .small-link  {
    text-align:  right }
.cms-page .engage-slider-sec .services-detail-sec .box,  .ecommerce-page .engage-slider-sec .services-detail-sec .box  {
    padding:  10em 5em }
.cms-page .feature-article-sec .box,  .ecommerce-page .feature-article-sec .box  {
    margin:  0 0 -100px 0 }
.cms-page .feature-article-sec .box p,  .ecommerce-page .feature-article-sec .box p  {
    font-size:  1em }
.feature-article-sec .multi-line  {
    display:  none }
.cms-page .engage-slider-sec .arrow-sec  {
    bottom:  -25px }
.appraoch-sec .left-banner-sec  {
    display:  block }
.appraoch-sec .left-banner-sec .small-img,  .appraoch-sec .left-banner-sec img  {
    width:  100% }
.appraoch-sec .left-banner-sec .small-img  {
    right:  -1em }
.appraoch-sec .right-detail-sec  {
    width:  70% }
.nlearn-more  {
    width:  100%;
    margin:  0 auto;
    max-width:  300px;
    background-image:  none;
    padding-top:  10px;
    line-height:  18px;
    height:  auto }
#android-smart-work .pad-left  {
    padding-left:  15px }
.appraoch-sec .right-detail-sec  {
    height:  auto }
#android-smart-work .c-list ul li  {
    margin-bottom:  20px;
    line-height:  20px }
.digital-marketing .learn-more  {
    height:  auto }
.iphonex-sec  {
    width:  50.125em;
    height:  60.75em }
.iphonex-sec .circle-tab-sec,  .iphonex-sec:before  {
    width:  50em;
    height:  50em }
.iphonex-sec .detail  {
    left:  13.5em;
    top:  18.375em }
.thinking-sec .laptop h3  {
    font-size:  20px }
.thinking-sec .laptop  {
    margin-top:  150px }
.offer img  {
    width:  40%;
    max-height:  inherit }
.case-study .mood-sec.hanz .mobileScreens  {
    position:  relative }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -180px;
    top:  inherit;
    position:  absolute }
.case-study .mood-sec.hanz .mobileScreens ul li:first-child,  .case-study .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  20.5% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .case-study .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  22.2% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  28% }
.hanzfree-caseStudy .simple-bo-txt,  .taskque-caseStudy .simple-bo-txt  {
    margin-top:  200px }
.case-study .mood-sec.hanz .mobileScreens  {
    max-width:  600px;
    margin:  0 auto }
.case-study .mood-sec.hanz .mobileScreens ul  {
    margin-bottom:  -47px }
.thinking-sec.dm .laptop .col-sm-3,  .thinking-sec.gur .laptop .col-sm-3,  .thinking-sec.hanz .laptop .col-sm-3,  .thinking-sec.hyp .laptop .col-sm-3,  .thinking-sec.pay .laptop .col-sm-3,  .thinking-sec.wind .laptop .col-sm-3  {
    margin-top:  230px }
.thinking-sec .laptop .col-sm-3,  .thinking-sec .laptop .col-sm-4  {
    margin-top:  240px }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  18% }
.portfolio-sec .block2 img:nth-child(2)  {
    width:  41% }
.portfolio-sec .block2 img:last-child  {
    width:  21% }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  13% }
.chebono-case .col-sm-6:nth-child(3)  {
    margin-top:  -35px }
.digital-marketing .who-head h3  {
    right:  0;
    text-align:  right }
.branding-page .custom-web-sec h2  {
    margin-left:  0 }
.branding-page .who-head .triangle  {
    right:  -20px }
.branding-page .custom-web-sec .line  {
    display:  block;
    max-width:  222px }
.branding-page #cds.custom-web-sec h2  {
    margin-top:  20px }
.branding-page #cds.custom-web-sec .who-head .triangle  {
    top:  20px }
.branding-page .slick-slide .learn-more  {
    margin-left:  80px;
    margin-top:  10px;
    height:  auto }
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    margin-top:  18px;
    top:  0.9em;
}
.testimonials_page .specialize-sec .services-detail-sec h2  {
    font-size:  2em }
.testimonials_page .specialize-sec .services-detail-sec  {
    padding:  2em }
.thumbSlider .slick-dots li:nth-child(2)  {
    margin:  0 0 }
.thumbSlider .pagerThumbitem  {
    padding:  6px }
.thumbSlider .slick-dots  {
    top:  -60px;
    right:  30% }
.ddosForm .formbottomarea input[type=submit]  {
    font-size:  14px }
.ppc-page .engage-slider-sec .mar-top  {
    margin-top:  2em }
.d-flex-center  {
    display:  block }
.new-digital-marketing-page .digitalExperienceSection .redContactSection  {
    margin-top:  5% }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  7.375em }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    font-size:  16px }
.new-digital-marketing-page .result-metter-sec .yellowStrip.six  {
    left:  3% }
.new-digital-marketing-page .result-metter-sec .greenStrip.six  {
    right:  3% }
.new-digital-marketing-page .result-metter-sec .greenStrip.three  {
    right:  5.2% }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    font-size:  25px }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  80px }
footer .dmca-badge-parent  {
    margin-top:  40px }
.branding-strategy-page .engage-slider-sec .services-detail-sec  {
    padding-left:  0 }
.branding-strategy-page .greyBg.col-md-6  {
    padding:  10px 0 20px 0;
    min-height:  inherit }
.branding-strategy-page .greyBg a  {
    margin-top:  20px;
    font-size:  14px }
.branding-strategy-page .greyBg h2  {
    font-size:  35px }
.branding-strategy-page .custom-web-sec h1  {
    font-size:  35px }
.branding-strategy-page .brandGuidelines .col-md-6 .img-responsive  {
    min-height:  542px }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  auto }
.page-portfolio .work-sec-portfolio .column .content>img  {
    margin:  0 auto }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  23px }
.about-us-page #cdte p::before  {
    width:  50px }
.about-us-page #cdte p  {
    padding-left:  60px }
body.about-us-page #cdte ul  {
    padding-left:  78px }
body.about-us-page #cdte .view-btn  {
    display:  inline-block;
    width:  auto;
    padding:  5px 21px;
    margin-left:  66px }
.about-us-page .about-us-large-red-section  {
    padding-left:  0 }
.about-us-page #our-offices.marketing-process-sec .tab-sec img  {
    width:  75% }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  15px }
.android-app-page #android-smart-work .c-list ul li,  .android-app-page #android-smart-work .c-list ul li span  {
    font-size:  12px;
    line-height:  12px }
body.about-us-page #cdte li  {
    width:  100%;
    display:  block }
.mobileApp-page .engage-slider-sec .services-detail-sec  {
    padding:  5em 3em }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  13px }
.web-development .custom-web-sec .ipadimg  {
    display:  none }
.web-development .custom-web-sec .web-feature-list  {
    margin-left:  0 }
.web-development .custom-web-sec .web-feature-list .icon-sec:before  {
    left:  -85px }
.home_page .special-sec .box-tab-sec h3  {
    font-size:  2em }
#our-core-services.marketing-process-sec .tab-sec a  {
    width:  33% }
.app-love-sec h5,  .experts h4  {
    font-size:  100px }
.blogsubscribe .project-sec .request-btn  {
    padding:  11px 20px;
    margin-left:  -3px }
.web-development .custom-web-sec .web-feature-list .icon-sec:before  {
    display:  none }
.web-development .custom-web-sec .web-feature-list  {
    border:  none }
.web-development .web-feature-list .icon-sec img  {
    width:  100% }
.mobile-app-video>iframe  {
    width:  740px;
    height:  415px }
.inner-portfolio-head-two  {
    font-size:  45px }
.inner-portfolio-p  {
    margin:  50px auto }
.section-three  {
    padding-top:  120px }
.work-sec-portfolio .column  {
    float:  none;
    margin:  0 auto !important;
    text-align:  center !important }
.thumb_gallery  {
    margin:  0 auto;
    margin-bottom:  30px }
.image-partners  {
    top:  -150px }
.new-portfolio-image  {
    margin:  0 auto }
.icon-top  {
    bottom:  calc(100% - 20px);
    width:  40px }
.icon-bottom  {
    top:  calc(100% - 20px);
    width:  40px }
.icon-left  {
    right:  calc(100% - 20px);
    width:  40px }
.icon-right  {
    left:  calc(100% - 20px);
    width:  40px }
.white-circle  {
    width:  50% }
.section-repeat-head-number  {
    max-width:  130px }
.prototype-content:before  {
    display:  none }
.prototype-content  {
    padding-left:  0;
    width:  50% }
.prototype-content h2  {
    margin-bottom:  10px }
.prototype-images  {
    width:  50% }
.flex-column-around.row-one  {
    margin-top:  40px }
.flex-column-around.row-two  {
    margin-bottom:  0 }
.prototype-content h2  {
    font-size:  22px }
.prototype-content p  {
    font-size:  16px }
.mobile-portfolio-page .footer-height  {
    min-height:  1390px }
.redBtn  {
    padding:  10px 20px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-abudhabi .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-abudhabi .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-abudhabi .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-abudhabi .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-abudhabi .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-abudhabi .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-abudhabi .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-bahrain .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-bahrain .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-bahrain .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-bahrain .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  auto }
.web-development.web-design-bahrain .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-bahrain .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-bahrain .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-bahrain .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-bahrain .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-ksa .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-ksa .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-ksa .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-ksa .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  auto }
.web-development.web-design-ksa .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-ksa .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-ksa .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-ksa .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-ksa .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-oman .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-oman .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-oman .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-oman .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-oman .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-oman .carousel-inner  {
    min-height:  auto }
.web-development.web-design-oman .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-oman .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-oman .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-oman .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-oman .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-qatar .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-qatar .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-qatar .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-qatar .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  auto }
.web-development.web-design-qatar .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-qatar .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-qatar .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-qatar .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-qatar .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.banner-slider .sticky-consultation-form h2.form-main-head-2,  .sticky-consultation-form .form-main-head-2  {
    font-size:  25px }
.mobile-slider-section .mobile-slider-inner-container  {
    padding-top:  50px;
    padding-bottom:  50px }
.mob-slider-head  {
    font-size:  40px }
.mobile-slider-left-text  {
    width:  50% }
.mobile-slider-right-image  {
    width:  50% }
.isuzu-wl-bg  {
    padding-top:  50px;
    padding-bottom:  50px !important }
.h-pg-video-area>div  {
    width:  100% }
.video-area-one  {
    margin-bottom:  50px }
.p-video-left-sec  {
    width:  100% }
.p-video-right-sec  {
    width:  100%;
    max-width:  400px;
    margin:  auto;
    margin-top:  5% }
.video-area-one  {
    margin-bottom:  50px }
.h-pg-video-area>div  {
    width:  100% }
.focp-view  {
    padding-top:  4%;
}
.packages-ul>li.p-discount  {
    font-size:  16px !important;
}
.packages-ul>li  {
    height:  50px;
    font-size:  14px !important;
}
.packages-ul>li.p-header  {
    font-size:  14px !important;
}
.nav-pils-a>li>a  {
    padding:  0.5em 1em !important;
    font-size:  16px;
}
}
@media screen and (max-width:829px)  {
    #a-specializing .si-col  {
    margin-right:  0;
    width:  25%;
    text-align:  center }
#a-specializing .si-col img  {
    max-width:  100%;
    height:  60px }
#a-specializing .caption  {
    font-size:  12px }
body.focp-caseStudy .inner-banner h4  {
    font-size:  4em;
}
body.focp-caseStudy .cs-bg-front-img  {
    width:  43%;
}
body.focp-caseStudy .results_section1 .img-responsive  {
    bottom:  -120px;
}
body.focp-caseStudy .res_precent  {
    font-size:  2em;
    margin-top:  10px;
}
body.focp-caseStudy .res_price,  body.focp-caseStudy .results_section3 .mt p span  {
    font-size:  1.2em;
}
body.focp-caseStudy .results_section1 .img-responsive  {
    bottom:  -100px;
}
body.focp-caseStudy .results_section3 .img-responsive  {
    left:  -34px;
    bottom:  -80px;
}
}
@media screen and (max-width:768px)  {
    .update-header-s .bg-sticky_red_mobile_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_phone_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_message_icon  {
    display:  none !important;
}
.sticky-top-contact-bar>ul  {
    width:  80% !important ;
}
.head-logo  {
    width:  20%;
}
#tab5.cs-pr-bg h2  {
    margin-top:  2rem;
    margin-bottom:  1em;
}
.case-study-sec .focpcts#tab5 p  {
    max-width:  100%;
    margin-top:  1rem;
}
#tab5.cs-pr-bg .detail-sec  {
    width:  100%;
}
#tab5.cs-pr-bg h2  {
    font-size:  2.5em;
}
.menu-area ul  {
    padding:  10.875em 0 0 0;
    margin:  0;
    text-align:  center }
.menu-icon.cancel  {
    position:  fixed;
    right:  8px;
    top:  46px }
.video-animation-page .menu-area ul  {
    padding:  18.875em 0 0 0 }
#header-desktop.is-flipped .header-panel-close  {
    display:  inline-block;
    margin-top:  140px }
video#myVideoss  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-size:  contain }
iframe#popup-video  {
    width:  700px }
.close  {
    left:  calc(100% - 40px) }
img.cartoon-img  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    width:  175px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    color:  #000;
    font-weight:  700;
    font-size:  18px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    max-width:  fit-content;
    width:  auto !important }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  20px;
    text-align:  center;
    width:  auto;
    margin:  0 auto }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  32px;
    text-align:  center }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  url(../../assets/images/video-animation/baner-animation.png) no-repeat center center;
    height:  42em !important;
    background-size:  cover }
.video-animation-page .banner-detail-sec  {
    bottom:  60px;
    padding-left:  10em }
.app-love-sec h5  {
    font-size:  70px;
    line-height:  58px;
    margin:  120px 0 0 0 }
.cms-page.privacy-policy-page ul li  {
    font-size:  13px;
    line-height:  24px;
    margin-bottom:  10px }
.experts h4  {
    font-size:  100px }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  18px;
    text-align:  center }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    padding-top:  50px }
#our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  12px;
    text-align:  center;
    width:  400px;
    margin:  0 auto }
#our-core-services.marketing-process-sec .tab-sec a  {
    font-size:  12px;
    width:  255px }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/wd-screen2.png) no-repeat center top;
    background-size:  contain;
    height:  465px }
.custom-web-sec .line,  .ipadimg  {
    display:  none }
.feature-article-sec  {
    margin-bottom:  150px }
.appraoch-sec .right-detail-sec.circle-line-bg  {
    background:  0 0 !important }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.marketing-process-sec  {
    padding-bottom:  40px }
.appraoch-sec .right-detail-sec  {
    margin-bottom:  50px }
.workLibrarySection_4 .col-sm-2  {
    padding:  0 5px }
.mobileWrap  {
    width:  85px;
    height:  152px;
    top:  25px;
    left:  15px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    padding:  4px }
.smart-work-sec .green-line-img,  .why-choose-sec.change .choose-img-sec  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    background:  0 0 }
.bottom-service-sec.my-class  {
    padding:  0 }
.appraoch-sec .detail-sec  {
    height:  auto }
.box-tab-sec .box  {
    width:  11.5em }
.rpr  {
    float:  none !important }
#our-offices.marketing-process-sec .tab-sec  {
    left:  215px }
.work-library .banner-slider h2  {
    font-size:  40px }
.work-library .banner-slider h4  {
    font-size:  20px }
.workLibrarySection_1,  .workLibrarySection_2,  .workLibrarySection_4  {
    padding:  50px 0 0 0 }
.workLibrarySection_2 p  {
    margin-top:  0;
    padding-top:  30px }
.workLibrarySection_6 .librabryBg4  {
    padding:  114px 0 }
.workLibrarySection_6 .librabryBg5  {
    padding:  114px 0 }
.workLibrarySection_6 .librabryBg6  {
    padding:  114px 0 }
.workLibrarySection_8  {
    padding:  150px 0 46px 0 }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  26px;
    padding-top:  170px }
.workLibrarySection_4 .container:before  {
    display:  none }
.workLibrarySection_1,  .workLibrarySection_2,  .workLibrarySection_4  {
    padding:  30px 0 0 0 }
.workLibrarySection_7 .librabryBg8  {
    padding:  144px 0 52px 0 }
.portfolio-work-heading  {
    padding:  28px 0 }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  65px }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  13px }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  12px;
    text-transform:  uppercase;
    outline:  0;
    padding:  12px 15px }
.activePopUpImg  {
    width:  100%;
    height:  auto }
}@media screen and (max-width:767px)  {
    .inq-form  {
    max-width:  334px;
    width:  100%;
    background:  #c52527 url(../images/top-arrow.png) no-repeat center 14px top 21px;
    position:  fixed;
    left:  20px;
    bottom:  -6px;
    z-index:  4;
    box-sizing:  border-box;
    padding:  10px 17px 25px 17px;
    transform:  translateY(60%);
    background-size:  8%;
    transition:  1s;
    cursor:  pointer }
.video-animation-page .menu-area ul  {
    padding:  4.875em 0 0 0 }
.video-animation-page .inner-banner .banner-detail-sec h2 span.redish-shadow  {
    display:  inline-block !important }
.video-animation-page .inner-banner .banner-detail-sec h2 span.purple-shadow  {
    display:  inline-block !important }
.video-animation-page .inner-banner .banner-detail-sec h2 span.blue-shadow  {
    display:  inline-block !important }
.video-animation-page .banner-detail-sec  {
    bottom:  0;
    padding-left:  3em;
    top:  66px;
    height:  auto }
.video-animation-page .inner-banner .banner-detail-sec h1.h1printdesign  {
    margin-top:  0;
    font-size:  12px !important;
    margin-bottom:  0 }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    top:  2px;
    line-height:  1;
    margin-top:  18px }
.video-animation-page .inner-banner .banner-detail-sec h1.h1printdesign:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  #f9b416;
    position:  absolute;
    bottom:  -9px;
    left:  0 }
.video-animation-page .logo-sec  {
    position:  absolute;
    left:  4.0625em;
    top:  3.0625em }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  url(../../assets/images/video-animation/baner-animation.png) no-repeat center center;
    height:  20em !important;
    background-size:  cover }
img.tr-top  {
    max-width:  200px }
img.tr-bottom  {
    max-width:  200px }
.video-animation-page .custom-web-sec  {
    padding:  30px 0 60px 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    margin-top:  0;
    width:  100%;
    float:  none;
    display:  block;
    margin-bottom:  0;
    background-image:  none !important;
    padding:  0;
    height:  38px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:after  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    max-width:  fit-content;
    width:  auto !important;
    padding-bottom:  6em }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec::before  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/video-animation/lcd-pic.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  324px;
    position:  relative;
    background-size:  contain }
.expert-wrapper .img-promotion-box img  {
    margin-bottom:  22px }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  277px }
iframe#popup-video  {
    width:  320px;
    height:  300px }
.close  {
    left:  calc(100% - 36px) }
img.cartoon-img  {
    display:  none }
video#myVideoss  {
    display:  none }
.video-animation-page #our-core-services .space1  {
    padding:  10px 0 0 0 }
.video-animation-page #our-core-services .mobile-own-slider-show  {
    padding-bottom:  36px }
.video-animation-page #our-core-services .mobile-own-slider-show .item  {
    min-height:  fit-content }
.video-animation-page #our-core-services .mobile-own-slider-show .item .iner-box  {
    padding:  0 40px 30px 40px }
.video-animation-page #our-core-services .mobile-own-slider-show .item .iner-box h1  {
    font-size:  2em;
    font-weight:  700;
    text-align:  center }
.video-animation-page #our-core-services .mobile-own-slider-show .item .iner-box p  {
    font-size:  14px;
    text-align:  center }
.video-animation-page #our-core-services .mobile-own-slider-show ol.carousel-indicators  {
    display:  none }
.video-animation-page #our-core-services .mobile-own-slider-show .carousel-control.left  {
    left:  30%;
    bottom:  0;
    margin-left:  0 }
.video-animation-page #our-core-services .mobile-own-slider-show .carousel-control.right  {
    left:  auto;
    bottom:  0;
    right:  25% }
.blogsubscribe input[type=text]  {
    width:  80%;
    min-width:  auto;
    margin-bottom:  20px }
.blogsubscribe .hidden-sm,  .redContactSection h2:before  {
    display:  none }
.project-sec h2  {
    text-align:  center;
    margin-bottom:  20px }
.blogsubscribe  {
    background-size:  cover }
.contactPage .contactArea:before  {
    background-color:  #fff }
.app-love-sec h5  {
    font-size:  40px;
    line-height:  40px;
    margin:  60px 0 0 0 }
.box-tab-sec p  {
    font-size:  14px }
.web-feature-list .icon-sec:before  {
    display:  none }
.web-feature-list .icon-sec img  {
    width:  100% }
.web-feature-list .detail  {
    width:  27.5em }
.custom-web-sec .request-btn  {
    margin:  0 }
.custom-web-sec h2  {
    font-size:  26px;
    margin:  0 0 20px 0 }
.experts h4  {
    font-size:  41px;
    line-height:  normal }
#our-core-services.marketing-process-sec .tab-sec  {
    padding-bottom:  40px }
.experts h3  {
    font-size:  24px }
.tab-service-sec p  {
    width:  100%;
    font-size:  14px }
.web-feature-list  {
    border-left:  0;
    margin-left:  0;
    padding-left:  0 }
.custom-web-sec  {
    padding:  0 0 60px 0 }
.work.my-work .width-25  {
    height:  175px }
#our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  58% }
#our-core-services.marketing-process-sec .tab-sec a  {
    font-size:  12px;
    width:  30%;
    vertical-align:  top;
    float:  none }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  435px }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    padding-top:  20px }
#our-core-services.marketing-process-sec .tab-sec  {
    width:  95%;
    text-align:  center }
.feature-article-sec .box p  {
    font-size:  12px !important }
.feature-article-sec  {
    margin-bottom:  0;
    padding-bottom:  40px }
.work-library .banner-slider .accordion  {
    height:  auto;
    min-height:  300px }
.work-library .banner-slider h2,  .workLibrarySection_4 h2,  .workLibrarySection_5 .blueBgGradient h2  {
    font-size:  24px;
    margin-bottom:  10px }
.work-library .banner-slider h4  {
    font-size:  16px }
#blogHeaderBg  {
    display:  none }
.banner-slider .accordion .list,  .work-library .banner-slider,  .work-library .banner-slider .detail  {
    height:  auto;
    min-height:  300px }
.work-library .banner-slider .logo-sec:after  {
    margin-top:  20px }
.workLibrarySection_5 .blueBgGradient  {
    padding:  30px 0 }
.work-library .officeInfo p  {
    padding-left:  50px }
.workLibrarySection_4 .col-sm-2  {
    margin:  10px 0 }
.mobileWrap  {
    height:  74%;
    top:  84px;
    left:  28.2%;
    width:  100%;
    max-width:  286px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    padding:  15px;
    width:  80%;
    display:  block;
    margin:  0 auto;
    text-align:  center;
    font-size:  12px }
.workLibrarySection_4 .mobileWrap h4:after  {
    left:  0;
    right:  0;
    margin:  0 auto }
.workLibrarySection_4 .mobileWrap h4  {
    margin-bottom:  40px;
    text-align:  center;
    font-size:  30px;
    margin-top:  54% }
.specialize-sec .bor-right  {
    padding-top:  0 }
.our-digital-marketing h3  {
    margin-bottom:  20px }
.img-responsive  {
    margin:  0 auto }
.right-detail-sec  {
    margin-bottom:  40px }
.marketing-process-sec  {
    background-position:  center }
.why-choose-sec.change  {
    background:  #f8fafd !important }
.cms-page .engage-slider-sec  {
    background:  #f8fafd }
.why-choose-sec.change  {
    padding-top:  50px }
.smart-work-sec .pad-left  {
    padding-left:  0 }
.bottom-service-sec a  {
    border:  1px solid #e1e1e1 !important }
.box-tab-sec .icon-sec  {
    text-align:  center }
.box-tab-sec .box  {
    float:  none;
    width:  75%;
    margin:  10px auto }
.box-tab-sec p  {
    display:  block !important;
    opacity:  1 }
#cdte  {
    background:  #fb001f;
    min-height:  auto !important;
    padding-bottom:  30px }
#cdte p  {
    width:  auto }
#cdte .view-btn  {
    margin:  14em 0 0 11em;
    font-size:  1.3em }
#cdte h2  {
    margin-top:  70px;
    margin-left:  20px;
    font-size:  4em;
    line-height:  45px }
#our-offices.marketing-process-sec .tab-sec  {
    background:  0 0;
    position:  static;
    height:  auto;
    width:  100%;
    text-align:  center }
#our-offices.marketing-process-sec .tab-sec a  {
    position:  static;
    margin:  25px 10px }
#android-smart-work .air  {
    padding-left:  0 }
.contactPage .inner-banner .banner-detail-sec h2  {
    margin-top:  0;
    padding-bottom:  0;
    line-height:  22px }
.contactPage .contactArea h2  {
    text-align:  center }
.contactPage .inner-banner .banner-detail-sec h3  {
    margin-bottom:  25px }
.contactPage .inner-banner .banner-detail-sec  {
    margin:  0 auto 0 auto }
.contactPage .contactArea h3  {
    font-size:  22px }
.contactPage .contactArea h2  {
    font-size:  30px }
.contactPage .contactArea .padTop100  {
    padding-top:  30px }
.branding-page .custom-web-sec h2  {
    margin-top:  30px;
    font-size:  2.8125em }
.digital-marketing .custom-web-sec  {
    padding:  20px 0 }
.digital-marketing .custom-web-sec h2  {
    font-size:  24px }
.marketing-col  {
    opacity:  1;
    position:  static }
footer  {
    padding-top:  1.125em !important }
.footer-logo  {
    max-width:  100px;
    margin:  0 auto;
    display:  block }
footer .nav  {
    margin-top:  1.75em;
    text-align:  center }
.blog-page .social-sec a img,  footer .social-sec a img  {
    max-width:  45px }
footer .social-sec a  {
    display:  inline-block;
    float:  none }
footer .social-sec  {
    text-align:  center;
    margin-top:  1em;
    margin-bottom:  10px }
footer h2  {
    font-size:  1em;
    text-align:  center }
footer .pull-right  {
    float:  none !important;
    text-align:  center }
footer h3  {
    margin-top:  0 }
footer .bottom-sec  {
    margin-top:  1em }
footer .bottom-sec p,  footer .small-link  {
    text-align:  center }
footer .small-link ul  {
    padding:  0 }
footer .small-link li  {
    display:  inline-block;
    margin-left:  0 }
footer a,  footer p  {
    font-size:  1em }
footer h2:before  {
    margin:  0 auto;
    right:  0 }
footer h2  {
    display:  none }
.ppc-management .inner-banner .banner-detail-sec h2  {
    top:  inherit;
    margin-top:  53px }
.ppc-management .appraoch-sec .tab-sec  {
    margin-top:  0 }
.ppc-management .appraoch-sec .left-banner-sec  {
    display:  block;
    width:  30% }
.ppc-management .appraoch-sec .right-detail-sec  {
    padding-left:  0;
    height:  auto;
    width:  70%;
    background:  url(../../assets/images/twitter-bg.png) no-repeat bottom right }
.ppc-management .appraoch-sec .left-banner-sec .small-img  {
    bottom:  -22%;
    left:  10%;
    max-width:  120px }
.ppc-management .appraoch-sec .left-banner-sec .head  {
    top:  4.75em;
    font-size:  12px }
.ppc-management .appraoch-sec .detail-sec .learn-more  {
    width:  100% }
.ppc-management .appraoch-sec .detail-sec  {
    padding:  0 0 0 45px;
    height:  auto }
.ppc-management .appraoch-sec .detail-sec .learn-more  {
    height:  44px }
.ppc-management .marketing-process-sec  {
    padding-top:  30px;
    padding-bottom:  30px }
.ppc-management .marketing-process-sec h2  {
    font-size:  2.5em }
.ppc-management .marketing-process-sec h3  {
    margin-top:  0 }
.ppc-management .marketing-process-sec .tab-sec  {
    margin-top:  0 }
.ppc-management .marketing-process-sec .tab-sec a  {
    padding:  5px 0;
    font-size:  1.225em }
.ppc-management .marketing-process-sec .tab-sec a.active  {
    font-weight:  400 }
.ppc-management .marketing-process-sec .tab-detail-sec  {
    margin-top:  0;
    padding-bottom:  30px }
.ppc-management .why-choose-sec  {
    margin-top:  3em }
.our-work-sec  {
    padding-top:  20px }
.our-work-sec .project-sec .request-btn  {
    line-height:  37px !important }
.project-sec h2  {
    font-size:  2em }
.project-sec .project-dot  {
    margin-top:  2.375em }
.ppc-management .engage-slider-sec .mar-top  {
    margin-top:  1em }
.case-study .inner-banner h4  {
    font-size:  3em;
    margin-top:  40px }
.case-study .inner-banner ul li  {
    display:  block }
.case-study .inner-banner ul li:last-child:before  {
    display:  block }
.case-study .objective-sec .black-box  {
    padding:  2.125em;
    width:  100% }
.case-study .qoute-img  {
    max-width:  50px }
.case-study .proud-result-sec  {
    height:  auto;
    background-size:  100% 100% !important }
.case-study .proud-result-sec .num-sec,  .case-study .proud-result-sec .shap-img  {
    display:  block }
.case-study .proud-result-sec .num-sec  {
    margin-top:  0 }
.case-study .proud-result-sec .num-sec strong  {
    font-size:  3.25em }
.case-study .proud-result-sec .box  {
    padding:  50px 10px 0 10px }
.case-study .proud-result-sec .shap-img  {
    margin-top:  2em }
.case-study .proud-result-sec .shap-img img  {
    max-width:  200px }
.case-study .proud-result-sec h2  {
    font-size:  1.875em;
    margin-bottom:  1em }
.case-study .bottom-service-sec a  {
    border:  none;
    font-size:  1em }
.case-study .bottom-service-sec a:hover  {
    background:  #c92f27;
    color:  #fff }
.case-study .qoute-sec  {
    margin-top:  4.375em }
.case-study .thinking-sec  {
    padding:  3.25em 0 }
.case-study .simple-bo-txt .box  {
    padding:  0 }
.case-study .thinking-sec .font-laptop  {
    display:  block;
    margin-bottom:  -160px }
.case-study .portfolio-sec  {
    margin-top:  130px }
.menu-area ul li a  {
    font-size:  2.375em }
.banner-slider .accordion .list  {
    width:  100% }
.banner-slider .logo-sec img  {
    max-width:  120px }
.banner-slider h4  {
    font-size:  2em }
.banner-slider h2  {
    font-size:  4em }
.home_page .case-study-sec h2  {
    font-size:  2.5em !important;
}
.home_page .who-we-are-sec  {
    padding:  30px 0 20px 0 }
.home_page .who-we-are-sec h1  {
    font-size:  18px }
.home_page .special-sec .box-tab-sec  {
    min-height:  inherit }
.home_page .special-sec .box-tab-sec .box  {
    width:  24%;
    margin-bottom:  20px }
.home_page .special-sec h3  {
    margin-left:  0 }
.home_page .special-sec .dcol  {
    display:  none !important }
.contactPage .contactArea:after,  .contactPage .officeInfo:before,  .home_page .green-line-img,  .home_page .special-sec .learn-more  {
    display:  none }
.home_page .special-sec .box-tab-sec .icon,  .home_page .special-sec .box-tab-sec h3  {
    text-align:  center }
.home_page .special-sec .box-tab-sec h3  {
    margin-top:  15px }
.home_page .goal-sec .pad-right  {
    padding-right:  0 }
.home_page .goal-sec h2,  .home_page .our-work-sec h2  {
    font-size:  18px }
.home_page .goal-sec .object-sec .learn-more  {
    width:  100% }
.home_page .case-study-sec .detail-sec .link-btn  {
    padding:  .725em 0;
    font-size:  1.2375em }
.home_page .case-study-sec .detail-sec  {
    margin-top:  24.875em;
}
.home_page .marketing-sec  {
    margin-top:  0 }
.contactPage .contactArea  {
    text-align:  center }
.contactPage .contactArea .padTop100 .img-responsive,  .contactPage .contactArea .request-btn  {
    margin:  0 auto }
.contactPage .officeInfo p  {
    padding:  0 }
.contactPage .contactArea form  {
    margin-top:  30px }
.contactPage .contactArea p  {
    margin-bottom:  10px }
.contactPage .container  {
    width:  100% !important }
.contactPage .contactArea .padTop100  {
    padding-left:  0;
    padding-right:  0 }
.contactPage .callToaction li,  .contactPage .contactArea input[type=email],  .contactPage .contactArea input[type=text],  .contactPage .contactArea textarea  {
    margin-bottom:  10px }
.contactPage .callToaction .icon  {
    margin-top:  -5px }
.contactPage .contactArea  {
    padding-bottom:  30px }
.contactPage .callToaction li  {
    padding:  15px 10px }
.contactPage .map iframe  {
    height:  auto;
    min-height:  300px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  13px }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  30px }
.marketing-process-sec.culture-innovation .tab-sec a  {
    font-size:  10px }
#cdte h2 br,  #ecl-co .red-lines,  #ecl-co h2 br,  .branding-page .custom-web-sec .line,  .branding-page .engage-slider-sec .services-detail-sec p:before,  .branding-page .half-img2,  .cd-graphic,  .ecl-co-screen  {
    display:  none }
#cdte h2  {
    font-size:  3em;
    line-height:  35px }
#cdte p  {
    margin-top:  20px;
    line-height:  18px;
    font-size:  14px;
    float:  none }
#cdte .view-btn  {
    margin-top:  30px }
#our-offices .c--off-address  {
    margin-top:  2em }
#our-offices .c--off-address h3  {
    font-size:  24px }
#our-offices .c--con-flag  {
    padding-left:  20px;
    padding-top:  5em;
    min-height:  inherit;
    padding-bottom:  20px;
    background-color:  transparent }
#our-offices .c--off-address p  {
    margin-bottom:  1em }
.flag-office-address  {
    position:  relative }
#our-offices .c--off-address  {
    position:  relative;
    z-index:  3;
    margin-top:  0;
    margin-left:  20px }
#our-offices .c--con-flag  {
    position:  absolute;
    z-index:  1;
    opacity:  .2;
    border:  none }
#our-offices .c--con-flag img  {
    width:  74% }
.about-us-page .marketing-process-sec.culture-innovation  {
    padding:  30px 0 }
.branding-page .engage-slider-sec .services-detail-sec  {
    margin-left:  0;
    width:  100% }
.branding-page .engage-slider-sec h3  {
    font-size:  24px;
    margin-bottom:  30px;
    margin-top:  30px }
.branding-page .engage-slider-sec p  {
    padding-left:  0;
    font-size:  14px }
.branding-page #ecl-co p  {
    margin:  0;
    line-height:  24px;
    font-size:  14px }
.branding-page #ecl-co h2  {
    font-size:  18px;
    margin-top:  30px;
    margin-bottom:  30px }
.branding-page #ecl-co  {
    min-height:  inherit;
    padding-bottom:  80px }
.branding-page .carousel-control.left,  .carousel-control.right  {
    left:  170px;
    bottom:  -55px }
.branding-page #ecl-co .view-btn  {
    width:  100%;
    padding-top:  13px;
    max-width:  300px;
    margin:  20px auto }
.branding-page .slick-prev  {
    left:  0;
    top:  -15px;
    z-index:  9 }
.branding-page .slick-next  {
    top:  -15px;
    right:  30px;
    left:  inherit }
.branding-page .web-feature-list,  .digital-marketing .web-feature-list  {
    border:  none;
    margin-left:  0 }
.branding-page .custom-web-sec h2  {
    margin:  0 }
.branding-page .web-feature-list .icon-sec,  .digital-marketing .web-feature-list .icon-sec  {
    width:  10em;
    height:  10em }
.branding-page .web-feature-list .detail,  .digital-marketing .web-feature-list .detail  {
    width:  74% }
.branding-page .custom-web-sec  {
    padding-top:  10px }
.inner-banner .banner-detail-sec h2  {
    margin-top:  50px;
    font-size:  2.5em !important }
.branding-page .inner-banner .banner-detail-sec:before  {
    bottom:  -1px }
.branding-page .custom-web-sec h2  {
    font-size:  2em }
.branding-page .carousel-inner>.item  {
    min-height:  inherit }
.branding-page #ecl-co p  {
    padding-left:  0;
    background-image:  none }
.ecommerce-page .engage-slider-sec  {
    padding:  1em 0 }
.ecommerce-page .engage-slider-sec .services-detail-sec .box  {
    padding:  2em }
.work .width-25  {
    width:  49%;
    height:  130px }
.work .width-25 img  {
    max-width:  100px }
.work .width-25:first-child  {
    border-left:  solid 1px #e7e4eb }
.work .width-25:nth-child(5),  .work:last-child .width-25:last-child  {
    border-right:  solid 1px #e7e4eb }
.engage-slider-sec .bor-right,  .specialize-sec .bor-right  {
    border:  none }
.appraoch-sec .left-banner-sec,  .box-tab-sec p,  .ecommerce-page .feature-article-sec .multi-line,  .ecommerce-page .why-choose-sec .choose-img-sec,  .smart-work-sec .green-line-img  {
    display:  none }
.cms-page .feature-article-sec .box,  .ecommerce-page .feature-article-sec .box  {
    min-height:  inherit;
    margin:  0;
    display:  block;
    margin:  10px auto }
.cms-page .feature-article-sec .box p,  .ecommerce-page .feature-article-sec .box p  {
    font-size:  1em }
.ecommerce-page .bottom-service-sec  {
    padding:  2em 0 0 0 }
.ecommerce-page .why-choose-sec h2  {
    font-size:  2em }
.ecommerce-page .what-cms-sec .laptop-img  {
    bottom:  0 }
.cms-page .engage-slider-sec.change .dark  {
    padding:  2em 0 }
.cms-page .what-cms-sec.change .laptop-img  {
    bottom:  -4.25em }
.cms-page .engage-slider-sec .services-detail-sec .box  {
    padding:  1em 1em 0 1em }
.inner-banner .banner-detail-sec h3  {
    font-size:  1em }
.appraoch-sec .detail-sec .learn-more  {
    width:  100%;
    padding-top:  14px;
    background-color:  #fff !important;
    height:  auto }
.appraoch-sec .detail-sec .num-sec .box  {
    margin-right:  0;
    width:  30%;
    margin-bottom:  20px }
.appraoch-sec .tab-sec a  {
    width:  24% }
.inner-banner .logo-sec img  {
    max-width:  120px }
.appraoch-sec .right-detail-sec,  .our-digital-marketing .dot-img  {
    width:  100% }
.cms-page .bottom-service-sec  {
    padding:  0 }
.inner-banner .banner-detail-sec h2 span  {
    display:  block }
.aad-page .specialize-sec .services-detail-sec,  .aad-page .specialize-sec .services-detail-sec.right  {
    padding:  20px }
.aad-page .specialize-sec,  .aad-page .specialize-sec .bor-right  {
    margin-bottom:  0 }
#android-smart-work .c-list ul li  {
    margin-bottom:  20px;
    line-height:  18px;
    font-size:  18px }
.appraoch-sec .detail-sec  {
    height:  auto }
.our-digital-marketing h5,  .services-img-sec p,  .specialize-sec .services-detail-sec h2  {
    font-size:  2em }
.specialize-sec .services-detail-sec p  {
    font-size:  1.5em }
.marketing-col  {
    width:  100%;
    box-shadow:  none }
.digital-marketing .custom-web-sec h2  {
    font-size:  18px;
    margin:  0 }
.margin100TB  {
    margin-top:  20px;
    margin-bottom:  20px }
.marketing-col p  {
    font-size:  14px }
.digital-marketing .services-img-sec  {
    margin-bottom:  20px }
.digital-marketing .our-digital-marketing h3  {
    min-height:  28px;
    margin-bottom:  0 }
.iphonex-sec img.iphonx-img,  .iphonex-sec:before  {
    display:  none }
.iphonex-sec .circle-tab-sec  {
    width:  50%;
    right:  0;
    margin:  0 auto }
.iphonex-sec .detail  {
    padding:  10px }
.iphonex-sec .circle-tab-sec  {
    height:  68.125em }
.mobileApp-page section.app-love-sec p  {
    padding:  0 5.75em }
.mobileApp-page section.app-love-sec .iphonex-sec p  {
    padding:  0 }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.mobileApp-page .carousel-inner>.item  {
    min-height:  inherit }
.mobileApp-page .custom-web-sec  {
    padding-bottom:  50px }
.mobileApp-page .app-love-sec .container  {
    padding-bottom:  50px }
.mobileApp-page .iphonex-sec  {
    width:  100% }
.mobileApp-page .web-feature-list  {
    margin-left:  5px }
.mobileApp-page .iphonex-sec .detail  {
    margin:  0 auto;
    left:  0;
    right:  0;
    top:  24.375em }
.carousel-control .glyphicon-chevron-left,  .carousel-control .glyphicon-chevron-right  {
    background-size:  70% 70% }
.carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next  {
    right:  70% }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  35px }
.portfolio-sec .block1 img,  .portfolio-sec .block2 img  {
    max-width:  300px;
    display:  block;
    margin:  20px auto;
    max-height:  400px }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  inherit }
.case-study .portfolio-sec,  .chebono-case,  .thinking-sec .laptop,  .thinking-sec .laptop .col-sm-3,  .thinking-sec .laptop .col-sm-4,  .thinking-sec.dm .laptop .col-sm-3,  .thinking-sec.gur .laptop .col-sm-3,  .thinking-sec.hanz .laptop .col-sm-3,  .thinking-sec.hyp .laptop .col-sm-3,  .thinking-sec.pay .laptop .col-sm-3,  .thinking-sec.wind .laptop .col-sm-3  {
    margin-top:  30px }
.thinking-sec .laptop .col-sm-6 img  {
    max-width:  250px }
.thinking-sec .laptop .col-sm-3 img  {
    float:  none;
    margin:  20px auto }
.thinking-sec .laptop h2,  .thinking-sec .laptop h3,  .thinking-sec .laptop h4,  .thinking-sec .laptop p  {
    text-align:  center }
.mood-sec h2,  .objective-sec .black-box h2  {
    font-size:  2.1em }
.mood-sec  {
    margin-bottom:  0 }
.chebono-case,  .mood-sec h3  {
    margin-bottom:  30px }
.chebono-case .shape  {
    bottom:  -40px }
.chebono-case .gal-wrap img  {
    width:  100%;
    margin-bottom:  15px }
.case-study .inner-banner ul li:before,  .case-study .inner-banner ul li:last-child:before  {
    display:  none }
.case-study .inner-banner ul li:after  {
    content:  "";
    width:  .4375em;
    height:  .4375em;
    background:  #fff;
    position:  absolute;
    left:  0;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    border-radius:  50%;
    display:  block }
.offer img  {
    width:  100%;
    max-height:  350px;
    max-width:  250px;
    display:  block;
    margin:  10px auto }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk  {
    width:  100% }
.portfolio-sec.dubai-sec .left-blk .wrap  {
    width:  50% }
.portfolio-sec.dubai-sec .right-blk  {
    width:  36% }
.portfolio-sec.dubai-sec .last-blk  {
    width:  64%;
    float:  left }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk .wrap  {
    padding:  9px }
.dubai-caseStudy .objective-sec.change,  .fenyaal-caseStudy .objective-sec.change,  .isuzu-caseStudy .objective-sec.change,  .logic-caseStudy .objective-sec.change  {
    padding-bottom:  30px }
.fenyaal-caseStudy .mood-sec.change h4,  .isuzu-caseStudy .mood-sec.change h4,  .logic-caseStudy .mood-sec.change h4  {
    bottom:  0 }
.chebono-case .pad-left-0 img  {
    margin-bottom:  0 }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -80px }
.case-study .mood-sec.hanz .mobileScreens ul  {
    margin:  30px 0 -32px 0 }
.case-study .mood-sec.hanz .mobileScreens ul li:first-child,  .case-study .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  25% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .case-study .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  31% }
.case-study .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  46% }
.hanzfree-caseStudy .simple-bo-txt  {
    margin-top:  100px }
.taskque-caseStudy .simple-bo-txt,  .ticket-caseStudy .simple-bo-txt  {
    margin-top:  50px }
.case-study .mood-sec.hanz .mobileScreens .shape  {
    left:  0;
    top:  10px;
    max-width:  120px;
    right:  0;
    margin:  0 auto }
.hanzfree-caseStudy .proud-result-sec  {
    margin-top:  10em }
.case-study .mood-sec.hanz .mobileScreens ul li:not(:first-child)  {
    margin-left:  -17% }
.case-study .mood-sec.hanz .mobileScreens  {
    max-width:  255px }
.case-study .mood-sec h1  {
    line-height:  50px }
.offer img  {
    min-width:  250px }
.chebono-case .gal-wrap .shape  {
    max-width:  100px }
.case-study .proud-result-sec .shap-img  {
    text-align:  center }
.inner-banner .logo-sec  {
    left:  2em }
.branding-page .who-head h3,  .digital-marketing .who-head h3  {
    text-align:  left;
    right:  0;
    top:  0;
    left:  inherit }
.branding-page .learn-more  {
    height:  auto;
    margin:  10px 0 }
.branding-page #cds.custom-web-sec h2  {
    margin-top:  0 }
.branding-page #cds.custom-web-sec  {
    padding-top:  30px;
    padding-bottom:  30px }
.branding-page .slick-slide .learn-more  {
    margin-left:  0 }
.home_page .case-study-sec .tomato-img  {
    display:  block }
.showDesktop  {
    display:  none }
.home_page .banner-slider  {
    height:  auto }
.showMobile  {
    display:  block }
.home_page .marketing-sec .let-start-sec  {
    padding:  10px 20px }
.home_page .marketing-sec .let-start-sec:before  {
    left:  10px }
.home_page .marketing-sec .let-start-sec:after  {
    right:  10px }
.home_page .marketing-sec>h3:before  {
    width:  50% }
.home_page .special-sec .box-tab-sec .icon.active .hover  {
    margin:  0 auto }
.home_page .pad-right-10  {
    padding-right:  15px }
.home_page .special-sec .dcol  {
    display:  block !important;
    margin-top:  10px;
    margin-bottom:  30px }
.home_page .special-sec .box-tab-sec span.highlight,  .home_page .special-sec .box-tab-sec span.normalText  {
    float:  none;
    display:  block;
    width:  100%;
    font-size:  14px;
    line-height:  18px }
.home_page .special-sec .box-tab-sec .icon  {
    height:  auto }
.home_page .special-sec .box-tab-sec p  {
    text-align:  center }
.home_page .special-sec .box-tab-sec span.normalText  {
    font-size:  12px }
.home_page .special-sec .box-tab-sec .box  {
    width:  100%;
    margin-bottom:  0 }
.home_page .special-sec .box-tab-sec h3  {
    font-size:  16px }
.redContactSection  {
    padding:  30px 0 }
.redContactSection h2  {
    font-size:  28px }
.redContactSection input[type=submit]  {
    font-size:  14px;
    font-weight:  700 }
.inner-banner .banner-detail-sec h1  {
    margin-top:  50px;
    font-size:  2.5em !important }
.inner-banner .banner-detail-sec h1 span  {
    display:  block }
.services-img-sec h2  {
    font-size:  2em }
.smart-work-sec h1  {
    font-size:  2em }
.seo-page.cro-page .inner-banner .banner-detail-sec h1  {
    font-size:  1.3em !important }
.seo-page.cro-page .inner-banner .banner-detail-sec h2  {
    margin-top:  60px }
.home_page .who-we-are-sec h2  {
    font-size:  18px }
#header-desktop.is-flipped .header-panel  {
    top:  -110px;
    padding-top:  50px }
#header-desktop.secondSubMenu .header-panel  {
    top:  -142px;
    padding-top:  50px }
.mobileApp-page .custom-web-sec h1  {
    font-size:  18px }
.serverMangement-page .marketing-process-sec h2,  .serverMangement-page .smart-work-sec h2,  .serverMangement-page .why-choose-sec h2  {
    font-size:  2.1em }
.serverMangement-page .what-cms-sec  {
    margin-top:  20px }
.cms-page.serverMangement-page .what-cms-sec.change .laptop-img  {
    bottom:  inherit;
    max-width:  300px }
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  30px }
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    margin-top:  52px;
    font-size:  1.7em !important }
.thumbSlider .slick-dots  {
    right:  0;
    top:  -30px }
.thumbSlider .pagerThumbitem  {
    padding:  8px 3px;
    font-size:  7px }
.mobileApp-page .custom-web-sec .web-feature-list .request-btn  {
    margin-top:  0;
    margin-bottom:  30px }
.mobileApp-page .iphonex-sec .detail  {
    margin-bottom:  30px }
.about-us-page #cdte .purple-line  {
    display:  none }
.about-us-page #cdte h2  {
    margin-top:  30px }
.ddosForm .formtoparea h2  {
    font-size:  18px }
.ddosForm .formtoparea p  {
    letter-spacing:  .5px;
    line-height:  18px }
.ddosForm .formtoparea  {
    padding:  15px 25px }
.ddosForm  {
    margin-top:  20px }
.getprotectLink  {
    margin-left:  0 }
.ddos_page #ddosModalForm p span  {
    display:  block }
.ddos_page #ddosModalForm .formtoparea h2  {
    font-size:  18px }
.ddos_page #ddosModalForm label.radio-inline:nth-child(4)  {
    margin-left:  0 }
.ddos_page #ddosModalForm .radio-inline input[type=radio]  {
    top:  -3px }
#scroll_2  {
    padding:  8px 8px;
    font-size:  12px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection  {
    padding:  15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    margin-bottom:  20px;
    font-size:  25px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  32px }
.new-digital-marketing-page .inner-banner  {
    height:  23em;
    z-index:  3 }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  34px;
    z-index:  2 }
.new-digital-marketing-page .result-metter-sec .marketing-col  {
    display:  none }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    position:  static;
    width:  100%;
    padding-top:  3%;
    padding-bottom:  3% }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    position:  static;
    width:  100% }
.new-digital-marketing-page .result-metter-sec .greenStrip>a  {
    display:  block;
    width:  100% }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    font-size:  16px }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p>br  {
    display:  none }
.digital-marketing .result-metter-sec .yellowStrip.five,  .digital-marketing .result-metter-sec .yellowStrip.four,  .digital-marketing .result-metter-sec .yellowStrip.six,  .digital-marketing .result-metter-sec .yellowStrip.three,  .digital-marketing .result-metter-sec .yellowStrip.two,  .new-digital-marketing-page .result-metter-sec .yellowStrip.one  {
    width:  100% }
.new-digital-marketing-page .result-metter-sec .whiteStrip  {
    position:  static;
    width:  100%;
    padding-top:  3%;
    padding-bottom:  3%;
    background-color:  #000;
    color:  #fff }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    display:  inline-block }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p>br  {
    display:  none }
.new-digital-marketing-page .result-metter-sec .whiteStrip>i  {
    font-size:  22px;
    display:  inline-block;
    float:  left }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  50px;
    bottom:  -16px }
.new-digital-marketing-page .result-metter-sec .cpc  {
    width:  100%;
    margin-bottom:  5% }
.new-digital-marketing-page .result-metter-sec .margin100TB  {
    margin-top:  0;
    margin-bottom:  0 }
footer .dmca-badge-parent  {
    margin-top:  3%;
    margin-bottom:  3%;
    text-align:  center }
.branding-strategy-page .custom-web-sec .col-md-6,  .branding-strategy-page .greyBg h2,  .branding-strategy-page .greyBg h3,  .branding-strategy-page .greyBg p  {
    padding:  0 15px }
.branding-strategy-page .greyBg h4,  .branding-strategy-page .who-head h3  {
    left:  15px }
.branding-strategy-page .custom-web-sec .request-btn  {
    margin-top:  60px;
    margin-bottom:  50px }
.branding-strategy-page .custom-web-sec h1,  .branding-strategy-page .greyBg h2  {
    font-size:  30px }
.branding-strategy-page .engage-slider-sec .services-detail-sec  {
    padding:  0 20px 0 20px }
.branding-strategy-page .engage-slider-sec,  .branding-strategy-page .engage-slider-sec .bor-right  {
    padding-bottom:  0 }
.branding-strategy-page .why-choose-sec.change  {
    padding:  0 }
.branding-strategy-page .greyBg a  {
    margin-left:  15px;
    margin-top:  20px }
.branding-strategy-page .greyBg.col-md-6  {
    padding:  30px 0 }
.branding-strategy-page .brandGuidelines  {
    background-position:  right top }
.print-design .box-tab-sec  {
    width:  100% }
.print-design .box-tab-sec .box  {
    width:  85% }
.home_page .banner-slider h2  {
    font-size:  2em }
.sticky-top-contact-bar  {
    text-align:  center }
.sticky-top-contact-bar>ul  {
    width:  100% }
.sticky-top-contact-bar>ul>li,  .sticky-top-contact-bar>ul>li>img  {
    margin-right:  0 }
.sticky-top-contact-bar>ul>li>a  {
    font-size:  12px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  10px }
.about-us-page .smart-work-sec .green-line-img  {
    display:  none }
.about-us-page .smart-work-sec #a-specializing .row>div  {
    margin-bottom:  2% }
.about-us-page .smart-work-sec #a-specializing .img-wrapper>img  {
    margin:  0 auto;
    width:  75%;
    height:  auto }
.about-us-page .smart-work-sec #a-specializing .img-wrapper  {
    width:  12%;
    float:  left;
    display:  inline-block;
    text-align:  center }
.about-us-page .smart-work-sec #a-specializing .caption  {
    width:  84%;
    float:  left;
    margin-left:  2% }
.about-us-page .smart-work-sec #a-specializing .caption>br  {
    display:  none }
.about-us-page #our-offices .c--con-flag  {
    width:  100% }
.about-us-page #our-offices .c--con-flag>img  {
    width:  45%;
    margin-top:  -40px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  5px }
.about-us-page .smart-work-sec #a-specializing .img-wrapper  {
    height:  auto;
    margin-bottom:  15px }
body.about-us-page #cdte p,  body.about-us-page #cdte ul  {
    padding-left:  0 }
body.about-us-page #cdte ul  {
    margin-bottom:  20px }
body.about-us-page #cdte .view-btn  {
    margin-left:  0 }
#our-offices.marketing-process-sec .tab-sec a  {
    margin-left:  5px;
    margin-right:  5px }
.android-app-page .smart-work-sec,  .cms-page .smart-work-sec,  .logo-design-page .smart-work-sec,  .print-design .smart-work-sec,  body.about-us-page .smart-work-sec  {
    margin-top:  0 }
.print-design .workLibrarySection_5 .zindex2 h2  {
    font-size:  24px;
    margin-top:  20px }
.print-design .workLibrarySection_5 .blueBgGradient  {
    padding:  30px 0 }
.custom-gredient-button,  .print-design .workLibrarySection_5 .blueBgGradient .libraryViewBtn  {
    margin-top:  10px }
.contactPage.careersPage .contactArea  {
    text-align:  left }
.careersPage .contactArea h2  {
    font-size:  26px;
    margin-bottom:  20px }
.careersPage .contactArea h4  {
    margin-top:  30px }
.home_page .imgHm01  {
    margin:  0 0 10px 0 }
.home_page .img-sec iframe  {
    height:  auto }
.careersPage .inner-banner  {
    background-size:  cover;
    min-height:  170px }
.new-digital-marketing-page .digitalExperienceSection h2.textGreenBg  {
    width:  auto }
.new-digital-marketing-page .digitalExperienceSection h2  {
    margin-left:  0;
    font-size:  28px }
.android-app-page .appraoch-sec .right-detail-sec,  .logoDesignPortfolio .thumb_gallery  {
    margin-bottom:  15px }
.logo-design-page .engage-slider-sec .bor-right  {
    padding-bottom:  0 }
.logo-design-page .smart-work-sec .learn-more  {
    margin-top:  10px }
.logo-design-page .smart-work-sec h2,  .print-design .smart-work-sec h2  {
    margin:  15px 0 }
.ctaBtn  {
    padding:  10px;
    font-size:  15px;
    margin-top:  20px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  2px;
    line-height:  1.2 }
.mobileApp-page .choose-img-sec,  .web-development .custom-web-sec .line  {
    display:  none }
.android-app-page .specialize-sec .services-detail-sec,  .android-app-page .specialize-sec .services-detail-sec.right  {
    padding:  0 }
.android-app-page .box-tab-sec .box,  .mobileApp-page .box-tab-sec .box,  .new-digital-marketing-page .box-tab-sec .box,  .web-development .box-tab-sec .box  {
    width:  100% }
.mobileApp-page .app-love-sec h4  {
    font-size:  16px;
    font-weight:  700 }
.custom-web-sec .request-btn  {
    border:  1px solid #14918a;
    width:  auto;
    height:  auto;
    padding:  10px;
    line-height:  18px !important;
    background:  0 0 }
.mobileApp-page .engage-slider-sec .services-detail-sec  {
    padding:  2em }
.contactPage.careersPage .contactArea ol,  .contactPage.careersPage .contactArea ul  {
    padding-left:  10px }
.web-development .custom-web-sec h2,  .web-development .experts h3  {
    font-size:  16px }
.web-development #our-core-services.marketing-process-sec .tab-detail-sec p a  {
    padding:  4px 15px }
.about-us-page .marketing-process-sec.culture-innovation .tb-text h2,  .corporatePage .custom-web-sec h1  {
    font-size:  24px }
.corporatePage .engage-slider-sec  {
    padding-top:  0 }
.corporatePage .carousel-control.left,  .corporatePage .carousel-control.right  {
    left:  90px }
.feature-article-sec.change2  {
    margin-bottom:  20px }
.branding-page .custom-web-sec .request-btn  {
    margin-bottom:  20px }
#our-offices.marketing-process-sec .tab-detail-sec  {
    width:  100%;
    padding:  0 15px }
.about-us-page .culture-innovation .col-md-7,  body.about-us-page .smart-work-sec .pad-left  {
    padding-left:  15px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  14px }
.blogsubscribe input  {
    width:  100%;
    margin-bottom:  15px;
    padding:  15px }
.blogsubscribe .project-sec .request-btn  {
    margin-left:  0;
    font-size:  14px }
.web-development .web-feature-list .detail  {
    width:  82% }
.web-development .web-feature-list .icon-sec img  {
    max-width:  40px }
.digital-marketing .web-feature-list .icon-sec img  {
    max-width:  50px }
.portfolio-work-heading h2  {
    font-size:  28px }
.page-portfolio .banner-slider .amaz-scroll,  .work-library .banner-slider .amaz-scroll  {
    display:  none }
.digital-marketing .who-head h3  {
    font-size:  1.5em }
.seo-page .why-choose-sec  {
    margin-top:  2em }
.seo-page .engage-slider-sec .bor-right  {
    padding-bottom:  1em }
.seo-page .engage-slider-sec .mar-top  {
    margin-top:  1em }
.ppc-page .engage-slider-sec .arrow-sec  {
    bottom:  0;
    float:  left;
    margin:  0 0 0 10px }
.home_page .special-sec .box-tab-sec span.normalText a  {
    color:  #14918a }
.home_page .who-we-are-sec p  {
    width:  100%;
    padding-top:  15px }
.home_page .who-we-are-sec p:before  {
    top:  20px }
.home_page .who-head h3  {
    margin-bottom:  1.8em }
.menu-icon  {
    right:  10px;
    top:  42px }
.goal-sec h5  {
    font-size:  20px }
.print-design .workLibrarySection_5 .zindex2 h3  {
    font-size:  20px }
.home_page .img-sec iframe  {
    width:  100%;
    height:  274px }
.mobile-app-video  {
    padding-top:  40px;
    padding-bottom:  40PX }
.mobile-app-video>iframe  {
    width:  450px;
    height:  250px }
.inner-portfolio-head-two  {
    font-size:  30px }
.inner-portfolio-p  {
    font-size:  18px;
    line-height:  25px }
.section-two  {
    padding-top:  50px }
.section-three  {
    padding-top:  50px }
.inner-portfolio-head-black  {
    font-size:  30px;
    line-height:  35px;
    text-align:  center }
.section-four .inner-portfolio-p:before  {
    display:  none }
.section-four .inner-portfolio-p  {
    font-size:  18px;
    text-align:  center;
    padding-left:  0 }
.section-four>.container  {
    margin-top:  50px }
.section-four  {
    padding-bottom:  100px }
.section-five ul.has-portfolio  {
    top:  -50px }
.image-support  {
    top:  -50px }
.image-partners  {
    top:  -50px }
.section-six  {
    padding-top:  50px;
    padding-bottom:  50px }
.flex-space-around  {
    display:  block;
    text-align:  center }
.footer-view-screen  {
    width:  75% }
.section-six .btn-transparent  {
    margin:  20px auto }
.flex-space-between  {
    display:  block;
    margin-top:  50px;
    margin-bottom:  50px }
.launch-iphone-screen  {
    width:  60%;
    margin-bottom:  30px !important }
.inner-portfolio-page ul.has-portfolio  {
    width:  90%;
    box-shadow:  none }
.inner-portfolio-banner  {
    padding-bottom:  100px }
.inner-portfolio-page .section-one ul.has-portfolio  {
    top:  -50px }
.position-absolute  {
    position:  static;
    margin:  20px auto !important }
.inner-portfolio-page .section-one  {
    padding-top:  0;
    background:  -moz-linear-gradient(bottom,  #1e1a25 90%,  #fff 10%);
    background:  -webkit-linear-gradient(bottom,  #1e1a25 90%,  #fff 10%);
    background:  linear-gradient(to bottom,  #1e1a25 90%,  #fff 10%) }
.launch-home-tablet  {
    width:  80% !important;
    margin:  30px auto !important }
.section-five li.position-relative>.position-absolute>img  {
    display:  block }
.explore-large-screen  {
    width:  100% }
.explore-mobile  {
    float:  none;
    position:  static;
    width:  50% }
.explore-tablet  {
    float:  none;
    width:  60%;
    margin:  30px auto !important }
.section-five li.position-relative>img  {
    display:  none }
.section-five li.position-relative>.position-absolute  {
    background-color:  #273542;
    padding:  30px }
.image-benefits  {
    float:  none }
.image-support  {
    float:  none;
    width:  95%;
    position:  static;
    margin:  30px auto !important }
.image-partners  {
    float:  none;
    width:  95%;
    position:  static }
.inner-portfolio-page .carousel-indicators  {
    bottom:  0 }
.inner-portfolio-page .carousel-indicators .active  {
    background-color:  #a81213;
    border-color:  #a81213 !important;
    margin:  1px }
.inner-portfolio-page .carousel-indicators li  {
    background-color:  #111;
    border-color:  #111;
    display:  inline-block !important;
    width:  15px !important;
    height:  15px;
    border-radius:  100% }
.inner-portfolio-page .carousel  {
    margin:  30px auto }
.inner-portfolio-page .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.image-support  {
    width:  100% }
.reps-and-sets .image-main-footer  {
    width:  100% }
.reps-and-sets .section-two  {
    background-color:  #101229 !important;
    padding-left:  0;
    padding-right:  0;
    background-image:  none }
.reps-and-sets .section-three  {
    padding-top:  50px;
    background-color:  #af1d28 !important;
    margin-top:  50px }
.reps-and-sets .section-three>h2  {
    margin-bottom:  30px }
.chebonu .section-three  {
    padding-top:  50px }
.chebonu .section-two-inner  {
    padding-top:  50px;
    padding-bottom:  50px }
.chebonu .section-three>h2  {
    margin-bottom:  30px }
.chebonu .section-four  {
    padding-bottom:  50px }
.image-slider-chebonu  {
    top:  -30px }
.content-slider-chebonu  {
    top:  0;
    right:  30px }
.puerto-rico .section-three  {
    padding-top:  50px;
    padding-bottom:  50px }
.section-two-column-half  {
    width:  100%;
    display:  block }
.section-two-column-half.right  {
    float:  none }
.section-two-column-half.right img  {
    position:  static }
.puerto-rico-car  {
    display:  none }
.puerto-rico .section-four ul.has-portfolio  {
    padding-top:  50px;
    padding-bottom:  50px }
.puerto-rico .section-four ul.has-portfolio .left img  {
    margin-bottom:  50px }
.puerto-rico .section-four  {
    padding-bottom:  50px }
.puerto-rico .section-four ul.has-portfolio  {
    background-color:  transparent;
    box-shadow:  none }
.section-five ul.has-portfolio  {
    margin-bottom:  50px }
.image-slider-puerto-rico  {
    position:  static;
    margin-top:  50px }
.content-slider-puerto-rico  {
    position:  relative;
    bottom:  auto;
    top:  -50px }
.puerto-rico .section-two  {
    padding-bottom:  50px }
.kdi .section-two  {
    padding-bottom:  50px }
.kdi .section-four  {
    padding-bottom:  50px }
.image-slider-puerto-rico  {
    width:  100% }
.some-key-facts-kdi  {
    position:  static;
    width:  100% }
.kdi .full-image.last  {
    margin-top:  50px }
.inner-portfolio-page .inner-portfolio-banner>.logo-sec  {
    position:  absolute;
    top:  2%;
    left:  2% }
.becon .our-gallery-becon  {
    width:  100%;
    margin:  50px auto }
.al-hawra .section-four  {
    padding-bottom:  50px }
.al-hawra .half-image-al-hawra  {
    width:  100%;
    margin:  50px auto }
.gscs .section-two  {
    padding-bottom:  50px }
.gscs .section-four  {
    padding-bottom:  50px }
.gscs .section-five ul.has-portfolio  {
    margin-bottom:  50px !important }
.gscs .half-image-al-hawra  {
    margin:  50px auto }
.almas .section-four  {
    padding-bottom:  50px }
.almas .half-image-al-hawra  {
    margin:  50px auto }
.almas .section-two  {
    padding-bottom:  50px }
.almas .section-four  {
    padding-bottom:  50px }
.almas .section-five li.position-relative>.position-absolute  {
    background-color:  #8fd3e0 }
.footer-view-screen:first-child  {
    margin-bottom:  30px }
.section-repeat-head  {
    text-align:  center }
.section-repeat-head-number  {
    text-align:  center;
    margin:  0 auto;
    margin-bottom:  10px;
    padding-bottom:  10px }
.section-repeat-head-text  {
    text-align:  center }
.mobile-portfolio-page .section-one  {
    padding-top:  50px;
    padding-bottom:  50px }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(1),  .mobile-portfolio-page .section-one .flex-column-around>div:nth-child(3)  {
    display:  none }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(2)  {
    width:  75%;
    text-align:  center;
    margin:  auto }
.white-circle  {
    margin:  auto }
.icon-left  {
    margin:  auto }
.icon-right  {
    margin:  auto }
.transparent-circle  {
    width:  100% }
.flex-column-around  {
    margin-top:  50px;
    margin-bottom:  30px;
    padding-left:  0 }
.mobile-portfolio-page .section-one  {
    background:  #1e1a25 }
.icon-top  {
    bottom:  calc(100% - 30px);
    width:  60px }
.icon-bottom  {
    top:  calc(100% - 30px);
    width:  60px }
.icon-left  {
    right:  calc(100% - 30px);
    width:  60px }
.icon-right  {
    left:  calc(100% - 30px);
    width:  60px }
.mobile-portfolio-page .section-two  {
    padding-top:  50px;
    padding-bottom:  50px;
    background-color:  #cedbe4;
    background-image:  none }
.mobile-portfolio-page .section-two .flex-column-around  {
    display:  block;
    text-align:  center }
.prototype-images  {
    width:  100% }
.prototype-content  {
    width:  100%;
    text-align:  center;
    margin-top:  40px }
.prototype-content h2>br  {
    display:  none }
.flex-column-around.design-section  {
    margin-top:  40px }
.mobile-portfolio-page .section-four  {
    position:  static;
    width:  100%;
    height:  auto;
    padding-top:  50px;
    padding-bottom:  50px;
    background-color:  #2d1d76;
    background-image:  none;
    padding-left:  15px;
    padding-right:  15px }
.section-repeat-head-number  {
    max-width:  200px }
.mobile-portfolio-page .section-four .flex-column-around  {
    padding-left:  0;
    margin-top:  40px;
    margin-bottom:  0 }
.mobile-portfolio-page .carousel-indicators  {
    bottom:  -50px;
    z-index:  1 }
.mobile-portfolio-page .section-three .carousel-inner>.item>img  {
    width:  75% }
.fake-sec  {
    display:  none }
.for-ripple-effect  {
    display:  none }
.mobile-portfolio-page .section-three  {
    padding-top:  50px;
    padding-bottom:  50px;
    background:  linear-gradient(to bottom,  #39557c 75%,  #fff 25%) }
.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    position:  static;
    width:  100%;
    height:  auto }
.mobile-portfolio-page .inner-portfolio-banner  {
    height:  100vh }
.mobile-portfolio-page.inner-portfolio-page .inner-portfolio-banner>.logo-sec  {
    top:  6%;
    left:  5% }
.al-waha .section-three  {
    background:  linear-gradient(to bottom,  #39557c 75%,  #fff 25%) }
.al-waha .section-four  {
    background-color:  #2d1d76 }
.gangster-strength .section-three  {
    background:  linear-gradient(to bottom,  #06092a 75%,  #fff 25%) }
.gangster-strength .section-four  {
    background-color:  #ab1020 }
.hanz-free .section-three  {
    background:  linear-gradient(to bottom,  #623afc 75%,  #fff 25%) }
.hanz-free .section-four  {
    background-color:  #3f8f23 }
.marry-us .section-one  {
    background-color:  #060b2e }
.marry-us .section-two  {
    background-color:  #ebdce2 }
.marry-us .section-three  {
    background:  linear-gradient(to bottom,  #930234 75%,  #fff 25%) }
.marry-us .section-four  {
    background-color:  #f04470 }
.taskque .section-one  {
    background-color:  #050a34 }
.taskque .section-three  {
    background:  linear-gradient(to bottom,  #0f4c75 75%,  #fff 25%) }
.taskque .section-four  {
    background-color:  #dc611b }
.mobile-portfolio-page.moboil .portfolio-inner-logo  {
    width:  auto }
.moboil .section-one  {
    background-color:  #0d0c25 }
.moboil .section-three  {
    background:  linear-gradient(to bottom,  #0c0e33 75%,  #fff 25%) }
.moboil .section-four  {
    background-color:  #1b1e5e }
.mobile-portfolio-page.ar-kit .portfolio-inner-logo  {
    width:  auto }
.ar-kit .section-one  {
    background-color:  #070b29 }
.ar-kit .section-two  {
    background-color:  #c9d6e1 }
.ar-kit .section-three  {
    background:  linear-gradient(to bottom,  #272936 75%,  #fff 25%) }
.ar-kit .section-four  {
    background-color:  #ebcc03 }
.mobile-portfolio-page .right-choice-height  {
    min-height:  100%;
    display:  block }
.mobile-portfolio-page .footer-height  {
    min-height:  100%;
    display:  block }
.mobile-portfolio-page .redContactSection  {
    padding-bottom:  30px;
    padding-top:  30px }
.mobile-portfolio-page .mobile-app-store-button  {
    text-align:  center;
    width:  100% }
.inner-banner .banner-detail-sec h1.h1printdesign  {
    margin-top:  0;
    font-size:  16px !important }
.redBtn  {
    font-size:  14px }
.redContactSection .g-recaptcha  {
    margin-bottom:  25px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-abudhabi .custom-web-sec .line  {
    display:  none }
.web-development.web-design-abudhabi .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-abudhabi .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-abudhabi .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-abudhabi .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-abudhabi .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-abudhabi .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-bahrain .custom-web-sec .line  {
    display:  none }
.web-development.web-design-bahrain .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-bahrain .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-bahrain .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  auto }
.web-development.web-design-bahrain .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-bahrain .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-bahrain .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-bahrain .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-bahrain .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-ksa .custom-web-sec .line  {
    display:  none }
.web-development.web-design-ksa .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-ksa .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-ksa .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  auto }
.web-development.web-design-ksa .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-ksa .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-ksa .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-ksa .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-ksa .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-oman .custom-web-sec .line  {
    display:  none }
.web-development.web-design-oman .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-oman .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-oman .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-oman .carousel-inner  {
    min-height:  auto }
.web-development.web-design-oman .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-oman .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-oman .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-oman .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-oman .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-qatar .custom-web-sec .line  {
    display:  none }
.web-development.web-design-qatar .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-qatar .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-qatar .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  auto }
.web-development.web-design-qatar .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-qatar .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-qatar .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-qatar .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-qatar .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.sticky-consultation-form  {
    width:  100%;
    right:  -100%;
    padding:  50px 30px;
    height:  100%;
    top:  0 }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  15px }
.sticky-consultation-form input[type=submit]  {
    padding:  10px }
.mobile-slider-section .mobile-slider-inner-container  {
    flex-flow:  row wrap }
.mobile-slider-left-text  {
    width:  100% }
.mobile-slider-right-image  {
    width:  100%;
    margin-top:  30px }
.fade-controls>.carousel-control.left  {
    bottom:  0 !important }
.fade-controls>.carousel-control.right  {
    bottom:  0 !important }
.fade-controls>.carousel-control.left,  .fade-controls>.carousel-control.right  {
    font-size:  30px }
.fade-controls  {
    bottom:  auto;
    top:  60px }
.fade-controls>.carousel-control.left  {
    left:  calc(100% - 86px) !important }
.detail-lib-bg  {
    display:  flex;
    flex-direction:  column;
    justify-content:  space-between }
.detail-lib-h  {
    padding-bottom:  25px;
    padding-left:  30px;
    width:  100% !important }
.lib-det-f-img  {
    display:  flex }
.lib-det-f-img img  {
    float:  left;
    margin-left:  0 }
.detail-library-page .form-div-media input  {
    margin-bottom:  20px }
.gitex-inquiry-form  {
    background:  #0e1647 url(https://www.branex.ae/assets/images/gitex/gitex-mobile.jpg) no-repeat }
.gi-form-section>.container  {
    flex-direction:  column-reverse }
.gi-form-right  {
    width:  100%;
    border-left:  0;
    padding-left:  0 }
.gi-form-left  {
    width:  100%;
    margin-top:  40px }
.gi-form-section  {
    padding-top:  40px;
    padding-bottom:  40px }
.gitex-inquiry-form .container  {
    max-width:  90% !important }
.gtex-logo-area  {
    padding-top:  20px;
    padding-bottom:  20px }
.gtex-logo-area img  {
    max-width:  110px }
.p-bold  {
    font-size:  22px;
    line-height:  1.5;
    margin-bottom:  18px }
.p-light  {
    font-size:  15px;
    line-height:  1.5;
    margin-bottom:  20px }
.gtex-form>input  {
    height:  47px;
    margin-bottom:  14px;
    padding-left:  25px;
    font-size:  13px;
    font-weight:  600 }
.gtex-btn  {
    height:  47px !important;
    font-size:  15px !important;
    font-weight:  700 !important;
    width:  100%;
    padding-left:  15px !important;
    text-align:  center;
    justify-content:  center;
    margin-bottom:  0 !important;
    letter-spacing:  .5px;
    font-weight:  400 }
.gi-inner-logo  {
    margin-bottom:  0 }
.gi-form-section hr  {
    margin-top:  30px;
    margin-bottom:  25px }
.p-white-2  {
    font-size:  15px;
    line-height:  1.5;
    max-width:  100%;
    margin-bottom:  0 }
.gitex-inquiry-form::-webkit-input-placeholder  {
    font-size:  15px;
    font-weight:  600 }
.gitex-inquiry-form:-ms-input-placeholder  {
    font-size:  15px;
    font-weight:  600 }
.gitex-inquiry-form::placeholder  {
    font-size:  15px;
    font-weight:  600 }
.gtex-logo  {
    max-width:  200px;
    min-height:  100% !important }
.gtex-add>br  {
    display:  none }
.home_page .carousel-inner>.item  {
    height:  540px }
.gt-slide  {
    background-image:  none !important;
    background-color:  #712033 !important }
.gtex-btn  {
    margin:  auto;
    font-size:  20px }
.gtex-green-strip  {
    font-size:  18px;
    padding:  10px 10px }
.gtex-yellow  {
    font-size:  20px }
.banner-slider #mobileSlider .logo-sec  {
    top:  40px }
.home_page .banner-slider h2  {
    font-size:  35px }
.banner-slider #mobileSlider h4  {
    font-size:  22px }
#mobileSlider .item:not(:first-child) .carousel-caption  {
    text-shadow:  none;
    bottom:  0;
    top:  0;
    display:  flex;
    align-items:  center;
    flex-flow:  row wrap;
    justify-content:  center;
    flex-direction:  column }
#mobileSlider .carousel-caption  {
    left:  15px !important;
    right:  15px !important }
#mobileSlider .item img  {
    min-height:  250px;
    object-fit:  cover;
    height:  100% }
.portfolio-video-section  {
    padding-top:  50px;
    padding-bottom:  50px }
.p-sec-h>br  {
    display:  none }
.p-sec-h  {
    margin-bottom:  25px;
    padding-bottom:  25px }
.p-sec-video  {
    width:  100% }
.p-sec-h  {
    font-size:  25px }
.h-pge-cli-item  {
    padding:  15px;
    height:  150px;
    margin:  0 }
.h-pge-cli  {
    padding-top:  50px }
.h-pg-video-h  {
    font-size:  30px }
.h-pg-video-section  {
    padding-bottom:  50px }
body.focp-caseStudy .mt  {
    margin-top:  1em;
}
body.focp-caseStudy .results_section .img-responsive  {
    position:  static;
    margin:  15px auto;
    max-width:  50%;
}
body.focp-caseStudy .res_precent  {
    font-size:  1.2em;
}
body.focp-caseStudy .res_price,  body.focp-caseStudy .results_section3 .mt p span  {
    font-size:  1em;
}
body.focp-caseStudy .head_sec p  {
    padding:  0;
}
body.focp-caseStudy .proud-result-sec .box  {
    padding:  80px 15px;
}
body.focp-caseStudy .focp-banner .banner-detail-sec  {
    width:  100%;
    max-width:  220px !important;
}
body.focp-caseStudy .inner-banner h4  {
    font-size:  3em;
}
.focflex  {
    display:  block;
}
.librabryBg8.focpbg  {
    text-align:  center;
    padding:  0px 25px 25px 25px !important;
}
.focpright  {
    float:  none;
    width:  300px;
    padding:  30px 0px 0px 0px;
}
.focpbg .workLibrarySection_2 h3  {
    font-size:  22px;
}
.contactPage p.error-msg-phone,  .contactPage p.error-msg-email,  .contactPage p.error-msg-name,  .contactPage p.error-msg-textarea  {
    transform:  translateY(-6px);
    text-align:  left;
}
.redContactSection p.error-msg-email,  .redContactSection p.error-msg-phone,  .redContactSection p.error-msg-name,  .redContactSection p.error-msg-textarea  {
    margin-top:  -9px;
}
.serverMangement-page .marketing-process-sec h2,  .serverMangement-page .smart-work-sec h2,  .serverMangement-page .why-choose-sec h2  {
    font-size:  2.1em;
}
.serverMangement-page .what-cms-sec  {
    margin-top:  20px;
}
.cms-page.serverMangement-page .what-cms-sec.change .laptop-img  {
    bottom:  inherit;
    max-width:  300px;
}
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  30px;
}
.packages-left  {
    width:  50%;
}
.packages-right  {
    width:  50%;
}
.packages-right>.packages-ul:not(.p-profesional)  {
    display:  none;
}
.packages-ul>li.p-header  {
    display:  none;
}
.packages-sec-a>.container  {
    padding:  0 !important;
}
.mob-p-slect  {
    display:  block;
}
.mob-p-slect>select  {
    width:  100%;
    padding:  0.5em;
    font-size:  18px;
    background:  #d42e31;
    color:  #fff;
    border:  0;
}
.p-two-col-a  {
    width:  100%;
    display:  flex;
}
.p-one-col-a  {
    width:  100%;
    display:  flex;
}
.btn-order-p  {
    width:  100%;
}
.packages-bottom-ul  {
    flex-direction:  column;
    text-align:  center;
}
.packages-bottom-ul>li:nth-child(2)  {
    margin-left:  0;
    margin-right:  0;
}
.packages-bottom-ul>li  {
    font-size:  14px;
}
.serverMangement-page .tab-detail-sec>div:not(.active)  {
    display:  none;
}
.serverMangement-page div#detail2  {
    padding:  0;
}
}
@media screen and (max-width:667px)  {
    .mobileWrap  {
    left:  26.1% }
}@media screen and (max-width:640px)  {
    .mobileWrap  {
    left:  25% }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  405px }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    max-width:  542px;
    width:  initial }
}@media screen and (max-width:600px)  {
    .mobileApp-page section.app-love-sec p  {
    padding:  0 15px }
.iphonex-sec .request-btn  {
    margin:  0;
    background-image:  none;
    border:  1px solid #22c6ba;
    width:  100% }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    left:  63px;
    bottom:  -20px }
.iphonex-sec .circle-tab-sec  {
    width:  100%;
    margin-bottom:  60px }
.iphonex-sec .circle-tab-sec,  .iphonex-sec .circle-tab-sec .circle .title,  .iphonex-sec .detail  {
    position:  relative;
    left:  inherit;
    right:  inherit;
    top:  inherit;
    width:  100%;
    height:  auto }
.iphonex-sec  {
    height:  auto;
    margin-top:  30px }
.iphonex-sec .circle-tab-sec .circle,  .iphonex-sec .circle-tab-sec .circle.four,  .iphonex-sec .circle-tab-sec .circle.one,  .iphonex-sec .circle-tab-sec .circle.three,  .iphonex-sec .circle-tab-sec .circle.two  {
    position:  relative;
    left:  inherit;
    top:  inherit;
    right:  inherit;
    bottom:  inherit }
.iphonex-sec .circle-tab-sec .circle.four .title,  .iphonex-sec .circle-tab-sec .circle.three .title  {
    right:  inherit }
.iphonex-sec .circle-tab-sec a  {
    display:  inline-block;
    width:  24%;
    vertical-align:  top }
.iphonex-sec .circle-tab-sec .circle .title  {
    font-size:  9px;
    margin-top:  15px }
.iphonex-sec .circle-tab-sec .circle  {
    margin:  0 auto }
.iphonex-sec .circle-tab-sec .circle img  {
    width:  100% }
.mobileApp-page .iphonex-sec .detail  {
    top:  inherit }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  28px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    font-size:  22px }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  5.375em }
}@media screen and (max-width:480px)  {
    .mobileWrap  {
    left:  16% }
#a-specializing .si-col  {
    width:  50%;
    margin-bottom:  50px }
#our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  none }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  12px }
body.about-us-page .smart-work-sec  {
    padding-bottom:  0 }
.marketing-process-sec.culture-innovation .tb-text p  {
    padding-left:  0;
    padding-top:  40px }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  30px }
#our-offices .c--off-address  {
    margin-left:  0;
    width:  100% }
#our-offices .c--con-flag  {
    float:  left;
    width:  100%;
    padding:  0;
    border:  none;
    margin:  50px 0 0 0 }
#our-offices .c--con-flag  {
    min-height:  auto }
footer .col-md-6.pull-right  {
    float:  none !important }
footer .bottom-sec .col-md-5.pull-right  {
    width:  100% }
.home_page .special-sec .box-tab-sec .box  {
    width:  48%;
    margin-bottom:  20px }
.marketing-process-sec.culture-innovation .tab-sec a  {
    font-size:  11px;
    padding:  5px 10px;
    display:  block;
    width:  100%;
    margin-bottom:  5px }
.about-us-page .marketing-process-sec.culture-innovation .tab-sec  {
    margin-top:  0 }
.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    padding-top:  0 }
.branding-page .web-feature-list .icon-sec:before,  .digital-marketing .web-feature-list .icon-sec:before  {
    display:  none }
.branding-page .web-feature-list,  .branding-page .web-feature-list .detail,  .digital-marketing .web-feature-list,  .digital-marketing .web-feature-list .detail  {
    padding-left:  0 }
.branding-page .web-feature-list .detail,  .digital-marketing .web-feature-list .detail  {
    width:  100% }
.branding-page .web-feature-list .detail.last,  .digital-marketing .web-feature-list .detail.last  {
    margin-bottom:  20px }
.web-feature-list hr  {
    margin-top:  0 }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk .wrap  {
    padding:  6px }
.redContactSection h2  {
    font-size:  18px;
    margin:  15px 0 }
.redContactSection input,  .redContactSection textarea  {
    margin-bottom:  15px }
.redContactSection input[type=submit]  {
    line-height:  14px }
.seo-page .inner-banner .banner-detail-sec h1  {
    top:  .8625em;
    font-size:  2em !important }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  22px }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  4.375em }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  35px;
    bottom:  -10px }
.new-digital-marketing-page .result-metter-sec .cpc  {
    width:  100%;
    margin-bottom:  5% }
.sticky-top-contact-bar>ul>li>a  {
    font-size:  9px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input[type=submit]  {
    font-size:  12px;
    padding:  2% 4% }
.mobile-app-video>iframe  {
    width:  280px;
    height:  160px }
.mobile-app-video>a  {
    background-image:  none;
    border:  1px solid #f9b416;
    width:  18.75em }
.inner-portfolio-head-two  {
    font-size:  20px }
.inner-portfolio-p  {
    margin:  25px auto }
.btn-transparent,  .btn-transparent:focus,  .btn-transparent:hover  {
    padding:  15px 20px }
.reps-and-sets .portfolio-inner-logo  {
    width:  50% }
.mobile-portfolio-page .portfolio-inner-logo  {
    width:  50% }
.mobile-portfolio-page.moboil .portfolio-inner-logo  {
    width:  auto }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.sticky-consultation-form .form-main-head-2  {
    font-size:  20px }
.sticky-consultation-form  {
    padding:  15px }
.slider-small-head-two  {
    letter-spacing:  1px }
.mob-slider-head  {
    font-size:  35px }
.mobile-slider-section .mobile-slider-inner-container  {
    padding-left:  10px;
    padding-right:  10px }
.slider-small-head-two  {
    letter-spacing:  1px }
.mob-slider-head  {
    font-size:  35px }
.mobile-slider-section .mobile-slider-inner-container  {
    padding-left:  10px;
    padding-right:  10px }
.gtex-btn  {
    width:  180px;
    height:  40px }
.gitex-inquiry-form .gtex-btn  {
    width:  100%;
    height:  47px }
.nav-pils-a  {
    flex-direction:  column;
}
.nav-pils-a>li  {
    width:  100%;
}
.nav-pils-a>li>a  {
    width:  100%;
    align-items:  center;
    justify-content:  center;
    display:  flex;
}
}
@media screen and (max-width:460px)  {
    #cdte .pull-right  {
    float:  none !important }
#cdte h2  {
    margin-left:  0 }
#cdte p  {
    margin-top:  25px;
    padding-left:  0;
    max-width:  100% !important;
    padding-top:  25px;
    max-width:  100%;
    box-sizing:  border-box }
#cdte p::before  {
    top:  0 }
#cdte .view-btn  {
    margin-left:  0;
    width:  100% }
#cdte .purple-line  {
    width:  100% }
.contactPage .officeInfo p  {
    padding-left:  0;
    padding-top:  30px }
.contactPage .contactArea .lightBlueBg p  {
    font-size:  14px }
.contactPage .contactArea h2  {
    font-size:  20px }
.contactPage .contactArea .request-btn  {
    width:  100%;
    background-image:  none;
    background-color:  #0ec1b4;
    color:  #fff }
.contactPage .contactArea .request-btn  {
    background-size:  contain;
    line-height:  1em !important;
    height:  40px;
    font-size:  14px }
.contactPage .callToaction p::before  {
    display:  none }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    font-size:  14px }
.contactPage .contactArea form  {
    margin-top:  40px }
}@media screen and (max-width:414px)  {
    .mobileWrap  {
    left:  10%;
    max-width:  275px;
    top:  81px;
    height:  74% }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(3)  {
    background-image:  url(../../assets/images/content-management-system-icon2.png) }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(2)  {
    background-image:  url(../../assets/images/custom-web-development-icon2.png) }
#our-core-services.marketing-process-sec .tab-sec a:first-child  {
    background-image:  url(../../assets/images/ecommerce-web-development-icon2.png) }
#our-core-services.marketing-process-sec .tab-sec a  {
    height:  60px;
    padding-top:  62px;
    background-position:  center -61px }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  295px }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  10px }
#android-smart-work .c-list  {
    margin-left:  0 }
.aad-page .specialize-sec .bor-right  {
    border-right:  none }
.workLibrarySection_1 h2  {
    font-size:  24px;
    margin-top:  0;
    line-height:  26px }
.workLibrarySection_1 p.redText  {
    font-size:  16px;
    text-transform:  uppercase }
.workLibrarySection_2 h3  {
    font-size:  30px;
    margin-top:  0 }
.workLibrarySection_2 p.last  {
    margin-top:  0;
    padding-top:  0 }
.workLibrarySection_2 .librabryBg1  {
    padding-bottom:  27px }
.workLibrarySection_5 .blueBgGradient h2  {
    font-size:  28px }
.work-library .paddTop100  {
    font-size:  24px;
    padding-top:  40px }
.workLibrarySection_7 .librabryBg8  {
    padding:  119px 0 26px 0 }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  86px;
    padding-top:  249px }
.workLibrarySection_8  {
    padding:  75px 0 7px 0 }
.work-library .our-work-sec  {
    padding:  0 }
.workLibrarySection_4 h2  {
    margin-top:  0 }
}@media screen and (max-width:375px)  {
    #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  275px }
.mobileWrap  {
    height:  74%;
    top:  71px;
    left:  10%;
    width:  100%;
    max-width:  245px }
#our-offices.marketing-process-sec .tab-sec img  {
    height:  70px }
#our-offices.marketing-process-sec .tab-sec a  {
    width:  auto;
    margin-bottom:  0 }
.workLibrarySection_2 h3  {
    font-size:  20px }
.workLibrarySection_2 .librabryBg1  {
    background-size:  100% 100% }
.workLibrarySection_3  {
    padding:  30px 0 }
.work-library .clientLogo  {
    display:  none }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  48px }
.workLibrarySection_7 .librabryBg8  {
    padding:  119px 0 8px 0 }
.workLibrarySection_8  {
    padding:  62px 0 7px 0 }
.portfolio-work-heading h2  {
    font-size:  44px;
    font-weight:  700 }
.portfolio-work-heading p  {
    font-size:  14px;
    color:  #fff }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  12px;
    text-transform:  uppercase;
    outline:  0;
    padding:  10px 10px }
.container_img  {
    position:  relative;
    max-width:  1000px;
    max-height:  600px;
    margin:  12% auto;
    animation-name:  zoom_image;
    animation-duration:  .4s }
.branding-page .web-feature-list .icon-sec,  .digital-marketing .web-feature-list .icon-sec  {
    float:  none }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  18px }
}@media screen and (max-width:360px)  {
    #our-offices.marketing-process-sec .tab-sec a  {
    margin:  10px 1px }
}@media screen and (max-width:320px)  {
    .web-feature-list .detail  {
    float:  none;
    padding-left:  7.5em }
.custom-web-sec .request-btn  {
    font-size:  1.3125em;
    margin:  1.875em auto 0 auto;
    width:  18.75em;
    padding:  0 0;
    background:  0 0;
    border:  1px solid #f9b416;
    line-height:  52px !important }
.mobileWrap  {
    height:  74%;
    top:  59px;
    left:  11%;
    width:  100%;
    max-width:  200px }
.workLibrarySection_5a h2  {
    font-size:  25px }
.workLibrarySection_7 .librabryBg8  {
    padding:  83px 0 17px 0 }
.workLibrarySection_8  {
    padding:  92px 0 17px 0;
    background-size:  cover }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  47px;
    padding-top:  197px }
.workLibrarySection_6 .librabryBg4  {
    padding:  276px 0 5px 0 }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  40px;
    margin-top:  12px }
}.two-badges  {
    clear:  both;
    margin-top:  20px;
    display:  block;
    width:  100% }
footer .dmca-badge-parent  {
    float:  left;
    margin-top:  0 }
.google-partner  {
    float:  left;
    margin-top:  5px;
    margin-left:  30px }
@media (max-width:1019px)  {
    .google-partner  {
    margin-left:  15px }
}.bg-fp_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -111px -103px;
    z-index:  999;
    position:  relative;
}
.bg-in_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -306px -10px;
    z-index:  999;
    position:  relative;
}
.bg-plus_icon  {
    width:  44px;
    height:  44px;
    background:  url(../images/css_sprites.png) -218px -237px;
    z-index:  999;
    position:  relative;
    display:  block;
}
.bg-project_dot  {
    width:  55px;
    height:  107px;
    background:  url(../images/css_sprites.png) -10px -110px;
    z-index:  999;
    position:  relative;
    margin:  0 auto;
    transform:  translateY(-8px);
}
body.home_page .box .icon>div  {
    width:  70px;
    height:  79px;
    background-image:  url(../images/all_icons.png);
    background-repeat:  no-repeat;
}
.bg-s1  {
    background-position:  -736px -293px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s1  {
    background-position:  -736px -202px;
}
.bg-s2  {
    background-position:  -736px -112px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s2  {
    background-position:  -736px -21px;
}
.bg-s3  {
    background-position:  -836px -109px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s3  {
    background-position:  -836px -10px;
}
.bg-s4  {
    background-position:  -736px -393px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s4  {
    background-position:  -736px -484px;
}
.bg-s5  {
    background-position:  -736px -567px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s5  {
    background-position:  -20px -667px;
}
.bg-s6  {
    background-position:  -361px -666px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s6  {
    background-position:  -290px -666px;
}
.bg-s7  {
    background-position:  -111px -667px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s7  {
    background-position:  -201px -667px;
}
.bg-sticky_red_message_icon  {
    width:  19px;
    height:  22px;
    background:  url(../images/css_sprites.png) -204px -182px;
    z-index:  999;
    position:  relative;
}
.bg-sticky_red_mobile_icon  {
    width:  12px;
    height:  19px;
    background:  url(../images/css_sprites.png) -111px -183px;
    z-index:  999;
    position:  relative;
}
.bg-sticky_red_phone_icon  {
    width:  18px;
    height:  17px;
    background:  url(../images/css_sprites.png) -243px -182px;
    z-index:  999;
    position:  relative;
}
.home_page .special-sec .box-tab-sec .linkHover:hover .bg-s4Hover  {
    background:  url(../images/css_sprites.png) -10px -237px;
    display:  block;
    position:  absolute;
    top:  0;
    z-index:  999;
}
.sticky-top-contact-bar>ul  {
    display:  flex;
    justify-content:  flex-end;
}
.sticky-top-contact-bar>ul>li  {
    display:  flex;
    align-items:  center;
}
.sticky-top-contact-bar>ul>li>a  {
    margin-left:  10px;
}
.home_page .special-sec .box-tab-sec .linkHover:hover .hover  {
    position:  absolute;
    top:  0;
    z-index:  999;
}
}
@media(min-width:1440px)  {
    #counter  {
    margin-left:  -88px !important;
}
}
.cta_seo  {
    background:  url(../images/cta.png);
    background-repeat:  no-repeat;
    background-size:  cover;
    padding:  5rem;
    margin-top:  15px;
}
.contactPage .contactArea h3,  h2  {
    color:  #231e2b;
    font-size:  2.5em;
    font-weight:  bold;
    margin-top:  0;
}
.cta_seo input:nth-child(1)  {
    border:  1px solid #0000002b !important;
}
.tab-heading-smaill  {
    font-size:  24px !important;
    font-weight:  400 !important;
}
.tab-sec_cust a  {
    padding:  15px 0;
    width:  100%;
    font-size:  1em;
    text-transform:  uppercase;
    display:  block;
    color:  #95909f;
}
.tab-sec_cust a.active  {
    border-bottom:  1px solid;
    color:  #0ec1b4;
}
.tab-sec_cust a span  {
    margin-right:  30px }
.box-item  {
    margin-left:  5rem;
    text-align:  left !important;
    padding-left:  3.125rem;
}
.marketing-process-sec .num  {
    font-size:  12.944em;
    position:  absolute;
    left:  -0.75em;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -70px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.box-item::-webkit-scrollbar  {
    width:  3px;
}
.box-item::-webkit-scrollbar-track  {
    background:  #ffffff;
    width:  3px;
}
.box-item::-webkit-scrollbar-thumb  {
    background:  #d8b62c;
    transform:  rotate(0deg) }
.box-item::-webkit-scrollbar-thumb:hover  {
    background:  #555;
}
.business_comp .box-item  {
    margin-left:  0;
    padding-right:  60px;
    padding-left:  0;
    max-height:  100vh !important;
}
.business_comp .box-item .num  {
    margin-left:  0;
    font-size:  10.609rem;
    position:  absolute;
    left:  31rem !important;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.business_comp .left .box-item  {
    margin-left:  0;
    padding-right:  0;
    direction:  ltr;
    padding-left:  0;
}
.business_comp .left .num  {
    margin-left:  0;
    font-size:  10.60875em;
    position:  absolute;
    left:  -0.9em !important;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.business_comp .num  {
    margin-left:  0;
    font-size:  10.60875em;
    position:  absolute;
    right:  -0.5em;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.box-item h4  {
    background:  rgb(249,  180,  22);
    background:  linear-gradient(90deg,  rgba(249,  180,  22,  1) 0%,  rgba(26,  184,  183,  1) 100%,  rgba(0,  212,  255,  1) 100%);
    -webkit-background-clip:  text;
    -webkit-text-fill-color:  transparent;
    font-size:  2.5em !important;
    font-weight:  bold;
}
.box-item ul li  {
    list-style-image:  url('../images/bullets.png');
    padding-left:  18px;
    padding-top:  15px;
    padding-bottom:  15px;
    font-size:  16px;
    color:  #fff;
    font-weight:  bold;
}
.box-item ul  {
    direction:  ltr;
    padding-left:  27px;
}
.process h3  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600;
}
.marketing-process-sec  {
    background:  url(../../assets/images/tab-bg.png) no-repeat;
    background-size:  cover;
}
.process  {
    margin-top:  98px;
    padding-top:  50px;
    background:  #f3f7ff;
    background:  linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -moz-linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -webkit-linear-gradient(left,  #f3f7ff 55%,  #fff 50%);
    padding-bottom:  70px;
}
.smm-process  {
    margin-top:  100px;
    padding-top:  50px;
    padding-bottom:  60px;
    background:  #f3f7ff;
    background:  linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -moz-linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -webkit-linear-gradient(left,  #f3f7ff 55%,  #fff 50%);
}
.smm-process .rightimg  {
    margin-top:  -9.45rem;
    height:  55vh;
}
.smm-process .rightimg img:nth-child(1)  {
    height:  130%;
    width:  100%;
    margin-left:  -6px;
}
.smm-process .rightimg img:nth-child(2)  {
    bottom:  -300px;
}
.process h3:before  {
    content:  "";
    background:  #7f7f7f;
    width:  8.3125em;
    height:  1px;
    position:  absolute;
    left:  -11.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
}
.rightimg  {
    margin-left:  0;
    margin-top:  -9.35rem;
    width:  50%;
    position:  absolute;
    right:  0;
}
.process .second-right-img  {
    position:  absolute;
    bottom:  -140px;
    z-index:  1;
}
.business_comp h4  {
    position:  relative;
    font-size:  16px;
    color:  #0ec1b4;
    font-weight:  bold;
}
.business_comp h4:before  {
    content:  "";
    background:  #212121;
    width:  4.688em;
    height:  1px;
    position:  absolute;
    right:  120px;
    top:  0;
    bottom:  0;
    margin:  auto 0;
}
.business_comp p  {
    font-size:  1.185em;
    color:  #1e1a25;
    direction:  ltr;
}
#accordion .panel  {
    border-radius:  0;
    border:  0;
    margin-top:  0px;
}
#accordion a  {
    display:  block;
    padding:  10px 15px;
    border-bottom:  none;
    text-decoration:  none;
    padding:  20px;
    background:  #f5f5f5;
    border:  none !important;
    font-weight:  600;
    box-shadow:  0px 6px 7px 0px #ededed;
}
#accordion .panel-heading a.collapsed:hover,  #accordion .panel-heading a.collapsed:focus  {
    background-color:  ##f5f5f5;
    color:  #231e2b;
    transition:  all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,  #accordion .panel-heading a.collapsed:focus::before  {
    color:  #b3b3b3;
}
#accordion .panel-heading  {
    padding:  0;
    border-radius:  0px;
    text-align:  center;
    border:  none;
}
#accordion .panel-heading a:not(.collapsed)  {
    color:  #231e2b;
    background-color:  #f5f5f5;
    transition:  all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before  {
    color:  #444;
    transform:  rotate(-135deg);
    transition:  all 0.2s ease-in;
}
.faqs .panel-collapse  {
    background:  #f5f5f5 }
.faqs h2  {
    font-size:  2.25em;
    font-weight:  bold;
    line-height:  2em;
}
.faqs p  {
    font-size:  1.5em;
    width:  85%;
    margin:  0 auto;
    margin-bottom:  2em;
}
.faqs h4  {
    font-size:  16px;
    text-align:  left;
}
.faqs .panel-collapse p  {
    font-size:  14px;
    padding:  0 !important;
    margin:  10px;
    line-height:  1.8;
}
.border-left  {
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    width:  10.3px;
    height:  23px;
    z-index:  -1;
}
section.faqs  {
    position:  relative;
}
section.faqs:after  {
    background:  #fff;
    position:  absolute;
    content:  '';
    width:  100%;
    height:  9%;
    bottom:  0;
}
.border-left:after  {
    position:  absolute;
    content:  '';
    width:  100%;
    height:  100%;
    z-index:  22;
    bottom:  0;
}
section.faqs [data-toggle="collapse"].collapsed:after  {
    transform:  rotate(90deg);
}
section.faqs [data-toggle="collapse"]:after  {
    display:  inline-block;
    display:  inline-block;
    font:  normal normal normal 14px/1 FontAwesome;
    font-size:  inherit;
    text-rendering:  auto;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale;
    content:  "\f054";
    transform:  rotate(90deg);
    transition:  all linear 0.25s;
    float:  right;
    display:  none;
}
#accordion .panel-heading .accordion-toggle  {
    color:  red !important;
}
#accordion .panel-heading .accordion-toggle.collapsed  {
    color:  #000 !important;
}
#accordion .panel-heading .accordion-toggle::before  {
    font-family:  'FontAwesome';
    content:  '\f00d';
    float:  left;
    color:  red;
    font-weight:  lighter;
    transform:  rotate(0deg);
    transition:  all 0.2s ease-in;
    float:  right;
    padding:  2px 4px;
    border:  1px solid red;
    border-radius:  50px;
    height:  25px;
    width:  25px;
    text-align:  center;
    margin-top:  0;
    margin-left:  1px;
}
#accordion .panel-heading .accordion-toggle.collapsed::before  {
    color:  #b3b3b3;
    transform:  rotate(0deg);
    transition:  all 0.2s ease-in;
    border-color:  #b3b3b3;
    content:  '\f078';
    padding:  2px 4px;
    height:  25px;
    width:  25px;
}
@media(max-width: 768px)  {
    .cta_seo  {
    padding:  2em 0 }
.smm-process .rightimg img:nth-child(1)  {
    position:  relative !important;
    margin-top:  0 !important;
    top:  0 !important;
    width:  100%;
}
.smm-process .rightimg img:nth-child(2)  {
    bottom:  -90px;
}
.cta_seo .input-group input  {
    margin-bottom:  10px;
}
.cta_seo .input-group button  {
    font-size:  1em !important;
}
.rightimg  {
    z-index:  0;
    position:  relative;
    margin-top:  0;
    width:  100%;
    margin:  0 !important;
}
.process .second-right-img  {
    position:  relative;
    margin:  0;
    bottom:  -50px;
}
.business_comp h4  {
    font-size:  1.9em }
.business_comp p  {
    font-size:  2em;
}
.marketing-process-sec div.num  {
    left:  -17px !important;
    font-size:  7.944em !important;
    margin-top:  0px !important;
}
section.business_comp div.left .num  {
    left:  0 !important;
    font-size:  10.60875em;
}
.business_comp img  {
    width:  50em;
    margin:  10px auto;
    left:  0;
    right:  0;
    position:  relative;
    float:  none;
    display:  none;
}
.business_comp .num  {
    margin-left:  0;
    font-size:  10.60875em;
    position:  absolute;
    left:  20px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.business_comp p  {
    margin-bottom:  2em;
}
}
@media(max-width: 1024px)  {
    .marketing-process-sec div.num  {
    font-size:  9.944em;
    position:  absolute;
    left:  -57px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -50px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.head-logo  {
    width:  18%;
}
body.sticky-top-contact-bar.update-header-s>ul  {
    width:  62% !important ;
}
.business_comp .left .num  {
    left:  -64px !important;
}
}
@media(max-width: 1440px)  {
    .marketing-process-sec .num  {
    font-size:  9.944em;
    position:  absolute;
    left:  -95px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -50px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.sticky-top-contact-bar>ul  {
    /*width:  44% !important;*/
    width: 47% !important;
}
}
.cust-frm div  {
    margin:  0;
    padding:  0;
}
.smm-banner  {
    background-image:  url('../../assets/images/smm-banner.png');
}
.cta_seo .input-group input  {
    height:  50px;
    border-radius:  0;
    border:  none;
}
.cta_seo .input-group button  {
    font-size:  1em !important;
}
.cta_seo .input-group input::placeholder  {
    font-size:  1em !important;
}
.cta_seo .input-group button  {
    height:  50px;
    text-transform:  uppercase;
    background-color:  #c72628;
    color:  #fff;
    width:  100%;
}
.cta_seo .form-control  {
    display:  block;
    width:  100%;
    height:  36px;
    padding:  6px 12px;
    font-size:  16px;
    line-height:  1.42857;
    color:  #555;
    background-color:  #fff;
    background-image:  none;
    border:  1px solid #ccc;
    border-radius:  4px;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  0.075);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  0.075);
    -webkit-transition:  border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
    -o-transition:  border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
    transition:  border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
}
.logo-design-page .why-choose-sec.change  {
    padding-top:  30px;
}
.logo-design-page .bottom-service-sec.my-class  {
    padding:  0.5em 0 0 0;
}
.smart-and-simplified  {
    overflow:  hidden;
    margin:  1em 0 6em;
    clear:  both;
    border-top:  1px solid #c5c5c5;
    padding-top:  3em;
}
.smart-and-simplified h2  {
    margin-bottom:  3em;
}
.smart-list  {
    text-align:  right;
    margin-bottom:  3em;
    display:  flex;
    justify-content:  flex-end;
    flex-wrap:  wrap;
    padding:  1em;
    transition:  0.3s all;
    -webkit-transition:  0.3s all;
    -o-transition:  0.3s all;
    -ms-transition:  0.3s all;
    -moz-transition:  0.3s all;
}
.smart-list h4,  .services-we-offer h4  {
    font-size:  1.1em;
    font-weight:  700;
}
.smart-list .desc  {
    min-height:  9.3em;
}
.smart-list img  {
    margin-left:  1em;
    margin-bottom:  1em;
    filter:  grayscale(100%);
    -webkit-filter:  grayscale(100%);
    transition:  0.3s all;
    -webkit-transition:  0.3s all;
    -o-transition:  0.3s all;
    -ms-transition:  0.3s all;
    -moz-transition:  0.3s all;
}
.smart-list:hover  {
    box-shadow:  0px 0px 9px #dedcdc;
}
.smart-list:hover img  {
    filter:  hue-rotate(-75deg);
    -webkit-filter:  hue-rotate(-75deg);
}
.smart-list-par-right .smart-list  {
    text-align:  left;
    flex-direction:  row-reverse;
}
.smart-list-par-right .smart-list img  {
    margin-left:  0;
    margin-right:  1em;
}
.smart-and-simplified-inn  {
    display:  flex;
    align-items:  center;
}
.services-we-offer  {
    text-align:  center;
    overflow:  hidden;
    margin:  0 0 1em;
}
.services-we-offer-box:hover img  {
    transform:  translateY(-1em);
}
.services-we-offer h2  {
    margin:  0 0 4em;
}
.services-we-offer img  {
    margin-bottom:  1.2em;
    width:  8em;
    height:  8em;
    object-fit:  contain;
    transition:  0.3s all;
    -webkit-transition:  0.3s all;
    -o-transition:  0.3s all;
    -ms-transition:  0.3s all;
    -moz-transition:  0.3s all;
}
.services-we-offer p  {
    font-weight:  normal;
    font-size:  .9em;
    padding:  0;
}
.red-btn  {
    background-color:  #c72628;
    color:  #fff;
    font-weight:  600;
    border:  1px solid;
    margin:  auto;
    text-align:  center;
    padding:  .8em 2em;
    font-size:  1em;
    transition:  .4s ease-in-out;
    display:  inline-block;
    text-transform:  uppercase;
}
.red-btn:hover  {
    background-color:  #fff;
    color:  #c72628;
}
.red-btn-2  {
    background-color:  #fff;
    color:  #c72628;
}
.red-btn-2:hover  {
    background-color:  #3a3a3a;
    color:  #fff;
}
.app-love-sec-chng p  {
    font-size:  1em;
    font-weight:  normal;
}
.app-love-sec-chng h2  {
    font-size:  2em;
    font-weight:  800;
}
.app-love-sec-chng h4  {
    font-weight:  700;
}
.print-design .smart-work-sec .ctaBtn  {
    margin-bottom:  50px;
}
.print-design .tab-sec  {
    height:  auto;
}
.print-design .brochurePortSection  {
    margin-top:  3em;
}
@media(max-width: 1280px)  {
.sticky-top-contact-bar>ul {width: 50% !important;}    
}

@media(max-width: 1200px)  {
.sticky-top-contact-bar>ul {width: 56% !important;}
}

@media(max-width: 1024px)  {
.sticky-top-contact-bar>ul {width: 62% !important;}    
    
}

@media(max-width: 768px)  {
.sticky-top-contact-bar>ul {width: 71% !important;}    
    
}

@media(max-width: 767px)  {
.menu-icon {top: 35px !important; /*top: 33px !important;*/}  
.menu-icon.sticky {top: 15px !important;}
.menu-inner-content .content .inner-content .txt {width: 100%;}
.menu-area ul {padding: 0em 0 0 0 !important;}
#menu-main-area ul li a {font-size: 20px !important;}
.menu-inner-content .content .inner-content .img {width: 100%;}
#menu-content-area .about-txt h2 {font-size: 13px !important; line-height: 25px !important;}
#menu-content-area .about-txt p {font-size: 13px; line-height: 27px;}
#menu-content-area .servic-col ul{position: initial;}
#menu-content-area .servic-col{width: 100%;}
#menu-content-area .inner-content .ourwork-col ul li {width: 100%;}



}

@media only screen and (max-width: 1199px)  {
    .app-love-sec-chng h4  {
    font-size:  1.8em;
}
.smart-list-par-right .smart-list  {
    align-items:  center;
}
.smart-list h4  {
    width:  70%;
}
.smart-list img  {
    width:  20%;
    height:  auto;
}
}
@media only screen and (max-width: 1024px)  {
    body.sticky-top-contact-bar>ul  {
    width:  62% !important ;
}
}
@media only screen and (max-width: 767px)  {
    .smart-and-simplified-hero img  {
    width:  60%;
    margin:  auto;
    display:  block;
}
.head-logo  {
    width:  20% !important;
}
.head-logo img  {
    width:  85% !important;
}
.update-header-s .bg-sticky_red_mobile_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_phone_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_message_icon  {
    display:  none !important;
}
.sticky-top-contact-bar>ul>li>a  {
    margin-left:  0px;
}
.sticky-top-contact-bar>ul  {
    width:  80% !important;
    padding-top:  9px;
    padding-bottom:  10px;
    padding-right:  34px;
}
.sticky-top-contact-bar>ul>li>a  {
    font-size:  9px;
}
.smart-list img  {
    width:  inherit;
}
.smart-list h4  {
    width:  100%;
}
.red-btn  {
    display:  block;
    margin-bottom:  1em;
    width:  50%;
    font-size:  1.5em;
}
.smart-list  {
    text-align:  center !important;
    justify-content:  center;
}
.smart-list .desc  {
    min-height:  auto;
}
.services-we-offer h2,  .smart-and-simplified h2  {
    font-size:  2.2em;
}
.smart-list .desc,  .services-we-offer p  {
    font-size:  1.5em;
}
.smart-and-simplified-inn  {
    display:  block;
}
.services-we-offer img  {
    width:  10em;
}
}
@media only screen and (max-width: 544px)  {
    .red-btn  {
    width:  70%;
}
}
@media only screen and (max-width: 480px)  {
    .smart-and-simplified-hero img  {
    width:  100%;
}
}
@media only screen and (max-width: 413px)  {
    .red-btn  {
    width:  100%;
}
}
@media only screen and (max-width: 334px)  {
    .smart-list h4  {
    font-size:  1.6em !important;
}
}
.our-services-collapse-btn  {
    display:  inline-block !important;
    margin:  0 auto !important;
    float:  none !important;
    margin-top:  30px !important;
}
.custom-soft-dev .smart-work-sec  {
    padding-top:  4em;
}
.our-services-collapse-btn>span  {
    color:  #000 !important;
}
.cus-grd-btn-a  {
    border:  2px solid;
    border-image-slice:  1;
    border-width:  2px;
    border-image-source:  linear-gradient(-130deg,  #f2b51b,  #21bfa7);
    padding:  0.75em 2em;
    position:  relative;
    margin-left:  7em !important;
    margin-bottom:  3em !important;
}
.cus-grd-btn-a:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
}
.cus-grd-btn-a>span  {
    position:  relative;
    z-index:  1;
}
.custom-soft-dev .dcol  {
    margin-top:  1em;
}
.custom-soft-dev .dcol>p  {
    margin-top:  1em !important;
    margin-bottom:  2em !important;
}
.head-one-a  {
    font-size:  1.5em !important;
    font-weight:  600 !important;
    text-transform:  uppercase !important;
    color:  #fff !important;
    letter-spacing:  .125em !important;
    position:  relative !important;
    margin-bottom:  30px !important;
}
.head-one-a:before  {
    content:  "";
    width:  2.1875em !important;
    height:  2px !important;
    background:  #f9b416;
    position:  absolute;
    bottom:  -1.25em;
    left:  0 !important;
}
.faqs-a  {
    padding-top:  6em;
    padding-bottom:  6em;
}
.faqs-a .panel-heading  {
    cursor:  pointer;
    padding:  0;
    background-color:  #f9b416;
    background:  linear-gradient(308deg,  #f9b416,  #17c0ae);
}
.faqs-a .panel-title  {
    padding:  1em 1em;
    line-height:  1;
    color:  #fff;
}
.head-two-a  {
    text-transform:  uppercase;
    margin-bottom:  1em;
    font-size:  2.5rem;
}
.faqs-a .panel-title  {
    display:  flex;
    justify-content:  space-between;
    font-weight:  bold;
}
.panel-title:not(.collapsed) .fa-chevron-down:before  {
    content:  "\f077";
}
.faqs-a ul  {
    padding:  0;
    margin:  0;
    list-style:  none;
    margin-top:  15px;
}
.faqs-a ul>li  {
    position:  relative;
    padding-left:  15px;
}
.faqs-a ul>li:before  {
    content:  "";
    position:  absolute;
    background-color:  #000;
    width:  5px;
    height:  5px;
    border-radius:  100%;
    top:  0;
    bottom:  0;
    left:  0;
    margin:  auto;
}
.check-box-a  {
    margin-top:  -15px;
    margin-bottom:  30px;
}
.check-box-a-2  {
    color:  #fff;
    text-align:  left;
}
.check-box-a-2>label>input  {
    margin-left:  0 !important;
    left:  0 !important;
    width:  auto;
}
.panel-group .panel+.panel  {
    margin-top:  5px !important;
}
.panel-title:not(.collapsed) .fa-chevron-down:before  {
    content:  "\f077";
}
.fa-chevron-down:before  {
    content:  "\f078";
}
.fa-chevron-down:before  {
    content:  "\f078";
}
.b01  {
    top:  1.255em !important;
}
.c01  {
    top:  1.7625em !important;
}
@media only screen and (max-width:1077px)  {
    .logo-design-page .marketing-process-sec h2  {
    font-size:  2.1em;
}
.logo-design-page .marketing-process-sec .tab-sec a  {
    padding:  1.2625em 0;
}
}
@media screen and (max-width:767px) and (min-width:320px)  {
    .banner-slider .h2  {
    font-size:  2.8em !important;
    line-height:  1.5;
    margin-top:  50px !important;
}
.home_page .carousel-inner>.item  {
    height:  329px;
}
.banner-slider .h4  {
    margin-top:  20px !important;
    font-size:  1.3em !important;
    ;
}
.our-work-sec .thumb-slider .box img  {
    width:  65%;
}
.home_page .who-we-are-sec p  {
    width:  100%;
    padding-top:  15px;
    font-size:  12px;
}
.h-pg-video-h  {
    font-size:  22px;
}
.contactPage .contactArea h3,  h2  {
    color:  #231e2b;
    font-size:  1.5em;
}
.h-pg-video-h  {
    font-size:  20px;
}
.gw_company__name  {
    font-size:  20px;
}
.object-sec h4  {
    font-size:  12px;
}
.goal-sec h4  {
    font-size:  12px;
}
.home_page .goal-sec h2,  .home_page .our-work-sec h2  {
    font-size:  16px;
}
.goal-sec h5  {
    font-size:  16px;
}
.banner-slider .h4  {
    margin-top:  50px !important;
}
}
.our-process p.learn-btn  {
    display:  none;
}
.counter p.learn-btn a  {
    display:  none;
}