body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #000;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 0.020em;
  line-height: 24px;
  font-weight: 300;
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px; }

#page-outer {
  overflow-x: hidden; }
  #page-outer.animated-version > section {
    position: relative;
    overflow: hidden; }

[data-spy="scroll"] {
  position: relative; }

a {
  transition: all 0.15s ease-in-out; }
  a:hover,
  a:focus {
    outline-color: transparent;
    text-decoration: none; }

.section-padding {
  padding-top: 100px;
  padding-bottom: 100px; }

.transparent-section,
.transparent {
  color: #FFF; }

.special-text {
  font-size: 1.428em;
  font-weight: 700;
  letter-spacing: 0.10em; }
  .special-text span {
    color: #3786d3; }

[data-swiper="next"]:hover,
[data-swiper="prev"]:hover {
  cursor: pointer; }

.alt-color {
  color: #3786d3; }

.highlited {
  background-color: #3786d3;
  color: #FFF; }

[data-bg-image] {
  background-size: cover; }

.full-screen {
	height: 70vh;
}
.full-screen > .overlay {
    height: 180vh; }
	
	
.full-screen2 {
	height: 35vh;
}
.full-screen2 > .overlay {
    height: 100vh; }


.full-screen3 {
	height: 60vh;
}
.full-screen3 > .overlay {
    height: 40vh; }



.background-video-section {
  position: relative; }
  .background-video-section > .overlay {
    position: relative;
    z-index: 2; }
  .background-video-section > .background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }

.swiper-slide [data-animate] {
  opacity: 0;
  transition: opacity 0.2s; }

.swiper-slide.swiper-slide-active [data-animate] {
  opacity: 1;
  transition-delay: 0.5s; }

.footer-blank {
  position: fixed;
  height: 40px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #F1F1F1;
  z-index: 20; }
  
  #footer{
	font-family:'Open Sans', sans-serif;  
  }

input,
textarea {
  border: 1px solid #e4e4e4;
  background-color: #FFF;
  padding: 10px 20px;
  transition: all 0.15s ease-in-out; }
  input:focus,
  textarea:focus {
    border-color: #3786d3; }

/*==================================== */
/* =          2. Decent Icons         = */
/* ====================================*/
@font-face {
  font-family: "dt-icons";
  src: url("../fonts/dt-icons.eot");
  src: url("../fonts/dt-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/dt-icons.woff") format("woff"), url("../fonts/dt-icons.ttf") format("truetype"), url("../fonts/dt-icons.svg#dt-icons") format("svg");
  font-weight: normal;
  font-style: normal; 
 font-display: swap; }

[data-icon]:before {
  font-family: "dt-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="dti-"]:before,
[class*=" dti-"]:before {
  font-family: "dt-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.dti-load-anticlockwise-dashed:before {
  content: "\e000"; }

.dti-move-bottom:before {
  content: "\e001"; }

.dti-button-down:before {
  content: "\e002"; }

.dti-button-off:before {
  content: "\e003"; }

.dti-button-on:before {
  content: "\e004"; }

.dti-button-up:before {
  content: "\e005"; }

.dti-check:before {
  content: "\e006"; }

.dti-circle-check:before {
  content: "\e007"; }

.dti-circle-angle-down:before {
  content: "\e008"; }

.dti-circle-angle-down-left:before {
  content: "\e009"; }

.dti-circle-angle-down-right:before {
  content: "\e00a"; }

.dti-circle-angle-right:before {
  content: "\e00b"; }

.dti-circle-minus:before {
  content: "\e00c"; }

.dti-circle-plus:before {
  content: "\e00d"; }

.dti-circle-remove:before {
  content: "\e00e"; }

.dti-circle-left:before {
  content: "\e00f"; }

.dti-circle-up:before {
  content: "\e010"; }

.dti-circle-up-left:before {
  content: "\e011"; }

.dti-circle-angle-up-right:before {
  content: "\e012"; }

.dti-load-clockwise:before {
  content: "\e013"; }

.dti-load-clockwise-dashed:before {
  content: "\e014"; }

.dti-compress:before {
  content: "\e015"; }

.dti-deny:before {
  content: "\e016"; }

.dti-diagonal:before {
  content: "\e017"; }

.dti-diagonal2:before {
  content: "\e018"; }

.dti-angle-down:before {
  content: "\e019"; }

.dti-angle-down-double:before {
  content: "\e01a"; }

.dti-angle-down-left:before {
  content: "\e01b"; }

.dti-angle-down-right:before {
  content: "\e01c"; }

.dti-drag-down:before {
  content: "\e01d"; }

.dti-drag-down-dashed:before {
  content: "\e01e"; }

.dti-drag-horiz:before {
  content: "\e01f"; }

.dti-drag-left:before {
  content: "\e020"; }

.dti-drag-left-dashed:before {
  content: "\e021"; }

.dti-drag-right:before {
  content: "\e022"; }

.dti-drag-right-dashed:before {
  content: "\e023"; }

.dti-drag-up:before {
  content: "\e024"; }

.dti-drag-up-dashed:before {
  content: "\e025"; }

.dti-drag-vert:before {
  content: "\e026"; }

.dti-circle-exclamation:before {
  content: "\e027"; }

.dti-expand:before {
  content: "\e028"; }

.dti-expand-diagonal:before {
  content: "\e029"; }

.dti-expand-horizontal:before {
  content: "\e02a"; }

.dti-expand-vertical:before {
  content: "\e02b"; }

.dti-fit-horizontal:before {
  content: "\e02c"; }

.dti-fit-vertical:before {
  content: "\e02d"; }

.dti-glide:before {
  content: "\e02e"; }

.dti-glide-horizontal:before {
  content: "\e02f"; }

.dti-glide-vertical:before {
  content: "\e030"; }

.dti-hamburger:before {
  content: "\e031"; }

.dti-hamburger2:before {
  content: "\e032"; }

.dti-horizontal:before {
  content: "\e033"; }

.dti-circle-info:before {
  content: "\e034"; }

.dti-square-keyboard-alt:before {
  content: "\e035"; }

.dti-square-keyboard-cmd:before {
  content: "\e036"; }

.dti-square-keyboard-delete:before {
  content: "\e037"; }

.dti-square-keyboard-down:before {
  content: "\e038"; }

.dti-square-keyboard-left:before {
  content: "\e039"; }

.dti-square-keyboard-return:before {
  content: "\e03a"; }

.dti-square-keyboard-right:before {
  content: "\e03b"; }

.dti-square-keyboard-shift:before {
  content: "\e03c"; }

.dti-square-keyboard-tab:before {
  content: "\e03d"; }

.dti-square-keyboard-up:before {
  content: "\e03e"; }

.dti-angle-left:before {
  content: "\e03f"; }

.dti-angle-left-double:before {
  content: "\e040"; }

.dti-minus:before {
  content: "\e041"; }

.dti-move:before {
  content: "\e042"; }

.dti-move2:before {
  content: "\e043"; }

.dti-load-anticlockwise:before {
  content: "\e044"; }

.dti-move-left:before {
  content: "\e045"; }

.dti-move-right:before {
  content: "\e046"; }

.dti-move-top:before {
  content: "\e047"; }

.dti-plus:before {
  content: "\e048"; }

.dti-circle-question:before {
  content: "\e049"; }

.dti-remove:before {
  content: "\e04a"; }

.dti-angle-right:before {
  content: "\e04b"; }

.dti-angle-right-double:before {
  content: "\e04c"; }

.dti-rotate:before {
  content: "\e04d"; }

.dti-rotate-anti:before {
  content: "\e04e"; }

.dti-rotate-anti-dashed:before {
  content: "\e04f"; }

.dti-rotate-dashed:before {
  content: "\e050"; }

.dti-shrink:before {
  content: "\e051"; }

.dti-shrink-diagonal:before {
  content: "\e052"; }

.dti-shrink-diagonal2:before {
  content: "\e053"; }

.dti-shrink-horizonal:before {
  content: "\e054"; }

.dti-shrink-horizonal2:before {
  content: "\e055"; }

.dti-shrink-vertical2:before {
  content: "\e056"; }

.dti-shrink-vertical:before {
  content: "\e057"; }

.dti-sign-down:before {
  content: "\e058"; }

.dti-sign-left:before {
  content: "\e059"; }

.dti-sign-right:before {
  content: "\e05a"; }

.dti-sign-up:before {
  content: "\e05b"; }

.dti-slide-down:before {
  content: "\e05c"; }

.dti-slide-down2:before {
  content: "\e05d"; }

.dti-slide-left:before {
  content: "\e05e"; }

.dti-slide-left2:before {
  content: "\e05f"; }

.dti-slide-right:before {
  content: "\e060"; }

.dti-slide-right2:before {
  content: "\e061"; }

.dti-slide-top:before {
  content: "\e062"; }

.dti-slide-top2:before {
  content: "\e063"; }

.dti-slim-down:before {
  content: "\e064"; }

.dti-slim-down-dashed:before {
  content: "\e065"; }

.dti-slim-left:before {
  content: "\e066"; }

.dti-slim-left-dashed:before {
  content: "\e067"; }

.dti-slim-right:before {
  content: "\e068"; }

.dti-slim-right-dashed:before {
  content: "\e069"; }

.dti-slim-top:before {
  content: "\e06a"; }

.dti-slim-top-dashed:before {
  content: "\e06b"; }

.dti-square-check:before {
  content: "\e06c"; }

.dti-square-angle-down:before {
  content: "\e06d"; }

.dti-square-angle-down-left:before {
  content: "\e06e"; }

.dti-square-angle-down-right:before {
  content: "\e06f"; }

.dti-square-angle-left:before {
  content: "\e070"; }

.dti-square-minus:before {
  content: "\e071"; }

.dti-square-plus:before {
  content: "\e072"; }

.dti-square-remove:before {
  content: "\e073"; }

.dti-square-angle-right:before {
  content: "\e074"; }

.dti-square-angle-top:before {
  content: "\e075"; }

.dti-square-angle-top-left:before {
  content: "\e076"; }

.dti-square-angle-top-right:before {
  content: "\e077"; }

.dti-squares:before {
  content: "\e078"; }

.dti-stretch-diagonal:before {
  content: "\e079"; }

.dti-stretch-diagonal2:before {
  content: "\e07a"; }

.dti-stretch-diagonal3:before {
  content: "\e07b"; }

.dti-stretch-diagonal4:before {
  content: "\e07c"; }

.dti-stretch-horizontal:before {
  content: "\e07d"; }

.dti-stretch-horizontal2:before {
  content: "\e07e"; }

.dti-stretch-vertical:before {
  content: "\e07f"; }

.dti-stretch-vertical2:before {
  content: "\e080"; }

.dti-switch-horizontal:before {
  content: "\e081"; }

.dti-switch-vertical:before {
  content: "\e082"; }

.dti-angle-up:before {
  content: "\e083"; }

.dti-angle-up-double:before {
  content: "\e084"; }

.dti-angle-up-left:before {
  content: "\e085"; }

.dti-angle-up-right:before {
  content: "\e086"; }

.dti-vertical:before {
  content: "\e087"; }

.dti-alarm:before {
  content: "\e088"; }

.dti-envelope:before {
  content: "\e089"; }

.dti-anchor:before {
  content: "\e08a"; }

.dti-anticlockwise:before {
  content: "\e08b"; }

.dti-archive:before {
  content: "\e08c"; }

.dti-archive-full:before {
  content: "\e08d"; }

.dti-ban:before {
  content: "\e08e"; }

.dti-battery-charge:before {
  content: "\e08f"; }

.dti-battery-empty:before {
  content: "\e090"; }

.dti-battery-full:before {
  content: "\e091"; }

.dti-battery-half:before {
  content: "\e092"; }

.dti-bolt:before {
  content: "\e093"; }

.dti-book:before {
  content: "\e094"; }

.dti-book-pen:before {
  content: "\e095"; }

.dti-book-pencil:before {
  content: "\e096"; }

.dti-bookmark:before {
  content: "\e097"; }

.dti-calculator:before {
  content: "\e098"; }

.dti-calendar:before {
  content: "\e099"; }

.dti-cards-diamonds:before {
  content: "\e09a"; }

.dti-cards-hearts:before {
  content: "\e09b"; }

.dti-case:before {
  content: "\e09c"; }

.dti-chronometer:before {
  content: "\e09d"; }

.dti-clessidre:before {
  content: "\e09e"; }

.dti-clock:before {
  content: "\e09f"; }

.dti-clockwise:before {
  content: "\e0a0"; }

.dti-cloud:before {
  content: "\e0a1"; }

.dti-clubs:before {
  content: "\e0a2"; }

.dti-compass:before {
  content: "\e0a3"; }

.dti-cup:before {
  content: "\e0a4"; }

.dti-diamonds:before {
  content: "\e0a5"; }

.dti-display:before {
  content: "\e0a6"; }

.dti-download:before {
  content: "\e0a7"; }

.dti-eye:before {
  content: "\e0a9"; }

.dti-eye-closed:before {
  content: "\e0aa"; }

.dti-female:before {
  content: "\e0ab"; }

.dti-flag:before {
  content: "\e0ac"; }

.dti-flag2:before {
  content: "\e0ad"; }

.dti-floppy-disk:before {
  content: "\e0ae"; }

.dti-folder:before {
  content: "\e0af"; }

.dti-folders:before {
  content: "\e0b0"; }

.dti-gear:before {
  content: "\e0b1"; }

.dti-geolocalize:before {
  content: "\e0b2"; }

.dti-geolocalize2:before {
  content: "\e0b3"; }

.dti-globe:before {
  content: "\e0b4"; }

.dti-gunsight:before {
  content: "\e0b5"; }

.dti-hammer:before {
  content: "\e0b6"; }

.dti-headset:before {
  content: "\e0b7"; }

.dti-heart:before {
  content: "\e0b8"; }

.dti-heart-broken:before {
  content: "\e0b9"; }

.dti-helm:before {
  content: "\e0ba"; }

.dti-home:before {
  content: "\e0bb"; }

.dti-ipod:before {
  content: "\e0bd"; }

.dti-joypad:before {
  content: "\e0be"; }

.dti-key:before {
  content: "\e0bf"; }

.dti-keyboard:before {
  content: "\e0c0"; }

.dti-laptop:before {
  content: "\e0c1"; }

.dti-life-buoy:before {
  content: "\e0c2"; }

.dti-lightbulb:before {
  content: "\e0c3"; }

.dti-link:before {
  content: "\e0c4"; }

.dti-lock:before {
  content: "\e0c5"; }

.dti-lock-open:before {
  content: "\e0c6"; }

.dti-magic-mouse:before {
  content: "\e0c7"; }

.dti-magnifier:before {
  content: "\e0c8"; }

.dti-magnifier-minus:before {
  content: "\e0c9"; }

.dti-magnifier-plus:before {
  content: "\e0ca"; }

.dti-accelerator:before {
  content: "\e0cb"; }

.dti-mails:before {
  content: "\e0cc"; }

.dti-mail-open:before {
  content: "\e0cd"; }

.dti-mail-open-text:before {
  content: "\e0ce"; }

.dti-male:before {
  content: "\e0cf"; }

.dti-map:before {
  content: "\e0d0"; }

.dti-message:before {
  content: "\e0d1"; }

.dti-messages:before {
  content: "\e0d2"; }

.dti-message-text:before {
  content: "\e0d3"; }

.dti-mixer:before {
  content: "\e0d4"; }

.dti-mouse:before {
  content: "\e0d5"; }

.dti-notebook:before {
  content: "\e0d6"; }

.dti-notebook-pen:before {
  content: "\e0d7"; }

.dti-notebook-pencil:before {
  content: "\e0d8"; }

.dti-paper-plane:before {
  content: "\e0d9"; }

.dti-pencil-ruler:before {
  content: "\e0da"; }

.dti-pencil-ruler-pen:before {
  content: "\e0db"; }

.dti-photo:before {
  content: "\e0dc"; }

.dti-picture:before {
  content: "\e0dd"; }

.dti-pictures:before {
  content: "\e0de"; }

.dti-pin:before {
  content: "\e0df"; }

.dti-pin2:before {
  content: "\e0e0"; }

.dti-postcard:before {
  content: "\e0e1"; }

.dti-postcards:before {
  content: "\e0e2"; }

.dti-printer:before {
  content: "\e0e3"; }

.dti-rss:before {
  content: "\e0e5"; }

.dti-server:before {
  content: "\e0e6"; }

.dti-server2:before {
  content: "\e0e7"; }

.dti-server-cloud:before {
  content: "\e0e8"; }

.dti-server-download:before {
  content: "\e0e9"; }

.dti-server-upload:before {
  content: "\e0ea"; }

.dti-settings:before {
  content: "\e0eb"; }

.dti-share:before {
  content: "\e0ec"; }

.dti-sheet:before {
  content: "\e0ed"; }

.dti-sheets:before {
  content: "\e0ee"; }

.dti-sheet-pen:before {
  content: "\e0ef"; }

.dti-sheet-pencil:before {
  content: "\e0f0"; }

.dti-sheet-text:before {
  content: "\e0f1"; }

.dti-signs:before {
  content: "\e0f2"; }

.dti-smartphone:before {
  content: "\e0f3"; }

.dti-spades:before {
  content: "\e0f4"; }

.dti-spread:before {
  content: "\e0f5"; }

.dti-spread-book:before {
  content: "\e0f6"; }

.dti-spread-text:before {
  content: "\e0f7"; }

.dti-spread-text-book:before {
  content: "\e0f8"; }

.dti-star:before {
  content: "\e0f9"; }

.dti-tablet:before {
  content: "\e0fa"; }

.dti-target:before {
  content: "\e0fb"; }

.dti-todo:before {
  content: "\e0fc"; }

.dti-todo-pen:before {
  content: "\e0fd"; }

.dti-todo-pencil:before {
  content: "\e0fe"; }

.dti-todo-text:before {
  content: "\e0ff"; }

.dti-todo-text-pen:before {
  content: "\e100"; }

.dti-todo-text-pencil:before {
  content: "\e101"; }

.dti-trashcan:before {
  content: "\e102"; }

.dti-trashcan-full:before {
  content: "\e103"; }

.dti-trashcan-refresh:before {
  content: "\e104"; }

.dti-trashcan-remove:before {
  content: "\e105"; }

.dti-upload:before {
  content: "\e106"; }

.dti-usb:before {
  content: "\e107"; }

.dti-video:before {
  content: "\e108"; }

.dti-watch:before {
  content: "\e109"; }

.dti-webpage:before {
  content: "\e10a"; }

.dti-webpage-image-text:before {
  content: "\e10b"; }

.dti-webpages:before {
  content: "\e10c"; }

.dti-webpage-text:before {
  content: "\e10d"; }

.dti-world:before {
  content: "\e10e"; }

.dti-layout-sidebar-left:before {
  content: "\e10f"; }

.dti-add-vectorpoint:before {
  content: "\e110"; }

.dti-box-polygon:before {
  content: "\e111"; }

.dti-box-rectangle:before {
  content: "\e112"; }

.dti-box-rounded-rectangle:before {
  content: "\e113"; }

.dti-character:before {
  content: "\e114"; }

.dti-crop:before {
  content: "\e115"; }

.dti-eyedropper:before {
  content: "\e116"; }

.dti-font-allcaps:before {
  content: "\e117"; }

.dti-font-baseline-shift:before {
  content: "\e118"; }

.dti-font-horizontal-scale:before {
  content: "\e119"; }

.dti-font-kerning:before {
  content: "\e11a"; }

.dti-font-leading:before {
  content: "\e11b"; }

.dti-font-size:before {
  content: "\e11c"; }

.dti-font-smallcapital:before {
  content: "\e11d"; }

.dti-font-smallcaps:before {
  content: "\e11e"; }

.dti-font-strikethrough:before {
  content: "\e11f"; }

.dti-font-tracking:before {
  content: "\e120"; }

.dti-font-underline:before {
  content: "\e121"; }

.dti-font-vertical-scale:before {
  content: "\e122"; }

.dti-horizontal-align-center:before {
  content: "\e123"; }

.dti-horizontal-align-left:before {
  content: "\e124"; }

.dti-horizontal-align-right:before {
  content: "\e125"; }

.dti-horizontal-distribute-center:before {
  content: "\e126"; }

.dti-horizontal-distribute-left:before {
  content: "\e127"; }

.dti-horizontal-distribute-right:before {
  content: "\e128"; }

.dti-indent-firstline:before {
  content: "\e129"; }

.dti-indent-left:before {
  content: "\e12a"; }

.dti-indent-right:before {
  content: "\e12b"; }

.dti-lasso:before {
  content: "\e12c"; }

.dti-layers:before {
  content: "\e12d"; }

.dti-layers2:before {
  content: "\e12e"; }

.dti-layout:before {
  content: "\e12f"; }

.dti-layout-2columns:before {
  content: "\e130"; }

.dti-layout-3columns:before {
  content: "\e131"; }

.dti-layout-4boxes:before {
  content: "\e132"; }

.dti-layout-4columns:before {
  content: "\e133"; }

.dti-layout-4lines:before {
  content: "\e134"; }

.dti-layout-8boxes:before {
  content: "\e135"; }

.dti-layout-header:before {
  content: "\e136"; }

.dti-layout-header-2columns:before {
  content: "\e137"; }

.dti-layout-header-3columns:before {
  content: "\e138"; }

.dti-layout-header-4boxes:before {
  content: "\e139"; }

.dti-layout-header-4columns:before {
  content: "\e13a"; }

.dti-layout-header-complex:before {
  content: "\e13b"; }

.dti-layout-header-complex2:before {
  content: "\e13c"; }

.dti-layout-header-complex3:before {
  content: "\e13d"; }

.dti-layout-header-complex4:before {
  content: "\e13e"; }

.dti-layout-header-sideleft:before {
  content: "\e13f"; }

.dti-layout-header-sideright:before {
  content: "\e140"; }

.dti-box-oval:before {
  content: "\e141"; }

.dti-layout-sidebar-right:before {
  content: "\e142"; }

.dti-magnete:before {
  content: "\e143"; }

.dti-pages:before {
  content: "\e144"; }

.dti-paint-brush:before {
  content: "\e145"; }

.dti-paint-bucket:before {
  content: "\e146"; }

.dti-paint-roller:before {
  content: "\e147"; }

.dti-paragraph:before {
  content: "\e148"; }

.dti-paragraph-align-left:before {
  content: "\e149"; }

.dti-paragraph-align-right:before {
  content: "\e14a"; }

.dti-paragraph-align-center:before {
  content: "\e14b"; }

.dti-paragraph-justify-all:before {
  content: "\e14c"; }

.dti-paragraph-justify-center:before {
  content: "\e14d"; }

.dti-paragraph-justify-left:before {
  content: "\e14e"; }

.dti-paragraph-justify-right:before {
  content: "\e14f"; }

.dti-paragraph-space-after:before {
  content: "\e150"; }

.dti-paragraph-space-before:before {
  content: "\e151"; }

.dti-pathfinder-exclude:before {
  content: "\e152"; }

.dti-pathfinder-intersect:before {
  content: "\e153"; }

.dti-pathfinder-subtract:before {
  content: "\e154"; }

.dti-pathfinder-unite:before {
  content: "\e155"; }

.dti-pen:before {
  content: "\e156"; }

.dti-pen-add:before {
  content: "\e157"; }

.dti-pen-minus:before {
  content: "\e158"; }

.dti-pencil:before {
  content: "\e159"; }

.dti-polygona:before {
  content: "\e15a"; }

.dti-reflect-horizontal:before {
  content: "\e15b"; }

.dti-reflect-vertical:before {
  content: "\e15c"; }

.dti-remove-vectorpoint:before {
  content: "\e15d"; }

.dti-scale-expand:before {
  content: "\e15e"; }

.dti-scale-reduce:before {
  content: "\e15f"; }

.dti-selection-oval:before {
  content: "\e160"; }

.dti-selection-polygon:before {
  content: "\e161"; }

.dti-selection-rectangle:before {
  content: "\e162"; }

.dti-selection-rounded-rectangleselection-rounded-rectangle:before {
  content: "\e163"; }

.dti-shape-oval:before {
  content: "\e164"; }

.dti-shape-polygon:before {
  content: "\e165"; }

.dti-shape-rectangle:before {
  content: "\e166"; }

.dti-shape-rounded-rectangle:before {
  content: "\e167"; }

.dti-slice:before {
  content: "\e168"; }

.dti-transform-bezier:before {
  content: "\e169"; }

.dti-vector-box:before {
  content: "\e16a"; }

.dti-vector-composite:before {
  content: "\e16b"; }

.dti-vector-line:before {
  content: "\e16c"; }

.dti-vertical-align-bottom:before {
  content: "\e16d"; }

.dti-vertical-align-center:before {
  content: "\e16e"; }

.dti-vertical-align-top:before {
  content: "\e16f"; }

.dti-vertical-distribute-bottom:before {
  content: "\e170"; }

.dti-vertical-distribute-center:before {
  content: "\e171"; }

.dti-vertical-distribute-top:before {
  content: "\e172"; }

.dti-rain-sun:before {
  content: "\e173"; }

.dti-aquarius:before {
  content: "\e174"; }

.dti-cancer:before {
  content: "\e175"; }

.dti-capricorn:before {
  content: "\e176"; }

.dti-cloud-drop:before {
  content: "\e178"; }

.dti-cloud-lightning:before {
  content: "\e179"; }

.dti-cloud-snowflake:before {
  content: "\e17a"; }

.dti-downpour-full-moon:before {
  content: "\e17b"; }

.dti-downpour-half-moon:before {
  content: "\e17c"; }

.dti-downpour-sun:before {
  content: "\e17d"; }

.dti-drop:before {
  content: "\e17e"; }

.dti-first-quarter:before {
  content: "\e17f"; }

.dti-fog:before {
  content: "\e180"; }

.dti-fog-full-moon:before {
  content: "\e181"; }

.dti-fog-half-moon:before {
  content: "\e182"; }

.dti-fog-sun:before {
  content: "\e183"; }

.dti-full-moon:before {
  content: "\e184"; }

.dti-gemini:before {
  content: "\e185"; }

.dti-hail:before {
  content: "\e186"; }

.dti-hail-full-moon:before {
  content: "\e187"; }

.dti-hail-half-moon:before {
  content: "\e188"; }

.dti-hail-sun:before {
  content: "\e189"; }

.dti-last-quarter:before {
  content: "\e18a"; }

.dti-leo:before {
  content: "\e18b"; }

.dti-libra:before {
  content: "\e18c"; }

.dti-lightning:before {
  content: "\e18d"; }

.dti-misty-rain:before {
  content: "\e18e"; }

.dti-misty-rain-full-moon:before {
  content: "\e18f"; }

.dti-misty-rain-half-moon:before {
  content: "\e190"; }

.dti-misty-rain-sun:before {
  content: "\e191"; }

.dti-moon:before {
  content: "\e192"; }

.dti-moondown-full:before {
  content: "\e193"; }

.dti-moondown-half:before {
  content: "\e194"; }

.dti-moonset-full:before {
  content: "\e195"; }

.dti-moonset-half:before {
  content: "\e196"; }

.dti-newmoon:before {
  content: "\e198"; }

.dti-pisces:before {
  content: "\e199"; }

.dti-rain:before {
  content: "\e19a"; }

.dti-rain-full-moon:before {
  content: "\e19b"; }

.dti-rain-half-moon:before {
  content: "\e19c"; }

.dti-aries:before {
  content: "\e19d"; }

.dti-sagittarius:before {
  content: "\e19e"; }

.dti-scorpio:before {
  content: "\e19f"; }

.dti-snow:before {
  content: "\e1a0"; }

.dti-snow-full-moon:before {
  content: "\e1a1"; }

.dti-snow-half-moon:before {
  content: "\e1a2"; }

.dti-snow-sun:before {
  content: "\e1a3"; }

.dti-snow-flake:before {
  content: "\e1a4"; }

.dti-star2:before {
  content: "\e1a5"; }

.dti-storm:before {
  content: "\e1a6"; }

.dti-storm2:before {
  content: "\e1a7"; }

.dti-storm-full-moon:before {
  content: "\e1a8"; }

.dti-storm-half-moon:before {
  content: "\e1a9"; }

.dti-storm-sun:before {
  content: "\e1aa"; }

.dti-sun:before {
  content: "\e1ab"; }

.dti-sundown:before {
  content: "\e1ac"; }

.dti-sunset:before {
  content: "\e1ad"; }

.dti-taurus:before {
  content: "\e1ae"; }

.dti-tempest:before {
  content: "\e1af"; }

.dti-tempest-full-moon:before {
  content: "\e1b0"; }

.dti-tempest-half-moon:before {
  content: "\e1b1"; }

.dti-tempest-sun:before {
  content: "\e1b2"; }

.dti-variable-full-moon:before {
  content: "\e1b3"; }

.dti-variable-half-moon:before {
  content: "\e1b4"; }

.dti-variable-sun:before {
  content: "\e1b5"; }

.dti-virgo:before {
  content: "\e1b6"; }

.dti-waning-cresent:before {
  content: "\e1b7"; }

.dti-waning-gibbous:before {
  content: "\e1b8"; }

.dti-waxing-cresent:before {
  content: "\e1b9"; }

.dti-waxing-gibbous:before {
  content: "\e1ba"; }

.dti-wind:before {
  content: "\e1bb"; }

.dti-circle-wind-e:before {
  content: "\e1bc"; }

.dti-wind-full-moon:before {
  content: "\e1bd"; }

.dti-wind-half-moon:before {
  content: "\e1be"; }

.dti-circle-wind-n:before {
  content: "\e1bf"; }

.dti-circle-wind-ne:before {
  content: "\e1c0"; }

.dti-circle-wind-nw:before {
  content: "\e1c1"; }

.dti-circle-wind-s:before {
  content: "\e1c2"; }

.dti-circle-wind-se:before {
  content: "\e1c3"; }

.dti-wind-sun:before {
  content: "\e1c4"; }

.dti-circle-wind-sw:before {
  content: "\e1c5"; }

.dti-circle-wind-w:before {
  content: "\e1c6"; }

.dti-weather-windgust:before {
  content: "\e1c7"; }

.dti-graph:before {
  content: "\e259"; }

.dti-bag:before {
  content: "\e25a"; }

.dti-bag-cloud:before {
  content: "\e25b"; }

.dti-bag-download:before {
  content: "\e25c"; }

.dti-bag-minus:before {
  content: "\e25d"; }

.dti-bag-plus:before {
  content: "\e25e"; }

.dti-bag-refresh:before {
  content: "\e25f"; }

.dti-bag-remove:before {
  content: "\e260"; }

.dti-bag-search:before {
  content: "\e261"; }

.dti-bag-upload:before {
  content: "\e262"; }

.dti-banknote:before {
  content: "\e263"; }

.dti-banknotes:before {
  content: "\e264"; }

.dti-basket:before {
  content: "\e265"; }

.dti-basket-check:before {
  content: "\e266"; }

.dti-basket-cloud:before {
  content: "\e267"; }

.dti-basket-download:before {
  content: "\e268"; }

.dti-basket-minus:before {
  content: "\e269"; }

.dti-basket-plus:before {
  content: "\e26a"; }

.dti-basket-refresh:before {
  content: "\e26b"; }

.dti-basket-remove:before {
  content: "\e26c"; }

.dti-basket-search:before {
  content: "\e26d"; }

.dti-basket-upload:before {
  content: "\e26e"; }

.dti-circle-bath:before {
  content: "\e26f"; }

.dti-cart:before {
  content: "\e270"; }

.dti-cart-check:before {
  content: "\e271"; }

.dti-cart-cloud:before {
  content: "\e272"; }

.dti-cart-content:before {
  content: "\e273"; }

.dti-cart-download:before {
  content: "\e274"; }

.dti-cart-minus:before {
  content: "\e275"; }

.dti-cart-plus:before {
  content: "\e276"; }

.dti-cart-refresh:before {
  content: "\e277"; }

.dti-cart-remove:before {
  content: "\e278"; }

.dti-cart-search:before {
  content: "\e279"; }

.dti-cart-upload:before {
  content: "\e27a"; }

.dti-circle-cent:before {
  content: "\e27b"; }

.dti-circle-colon:before {
  content: "\e27c"; }

.dti-credit-card:before {
  content: "\e27d"; }

.dti-diamond:before {
  content: "\e27e"; }

.dti-circle-doller:before {
  content: "\e27f"; }

.dti-circle-euro:before {
  content: "\e280"; }

.dti-circle-franc:before {
  content: "\e281"; }

.dti-gift:before {
  content: "\e282"; }

.dti-bag-check:before {
  content: "\e283"; }

.dti-graph2:before {
  content: "\e284"; }

.dti-graph3:before {
  content: "\e285"; }

.dti-graph-decrease:before {
  content: "\e286"; }

.dti-graph-increase:before {
  content: "\e287"; }

.dti-circle-guarani:before {
  content: "\e288"; }

.dti-circle-kips:before {
  content: "\e289"; }

.dti-circle-lira:before {
  content: "\e28a"; }

.dti-megaphone:before {
  content: "\e28b"; }

.dti-money:before {
  content: "\e28c"; }

.dti-circle-naira:before {
  content: "\e28d"; }

.dti-circle-pesos:before {
  content: "\e28e"; }

.dti-circle-pound:before {
  content: "\e28f"; }

.dti-receipt:before {
  content: "\e290"; }

.dti-receipt-bath:before {
  content: "\e291"; }

.dti-receipt-cent:before {
  content: "\e292"; }

.dti-receipt-dollar:before {
  content: "\e293"; }

.dti-receipt-euro:before {
  content: "\e294"; }

.dti-receipt-franc:before {
  content: "\e295"; }

.dti-receipt-guarani:before {
  content: "\e296"; }

.dti-receipt-kips:before {
  content: "\e297"; }

.dti-receipt-lira:before {
  content: "\e298"; }

.dti-receipt-naira:before {
  content: "\e299"; }

.dti-receipt-pesos:before {
  content: "\e29a"; }

.dti-receipt-pound:before {
  content: "\e29b"; }

.dti-receipt-rublo:before {
  content: "\e29c"; }

.dti-receipt-rupee:before {
  content: "\e29d"; }

.dti-receipt-tugrik:before {
  content: "\e29e"; }

.dti-receipt-won:before {
  content: "\e29f"; }

.dti-receipt-yen:before {
  content: "\e2a0"; }

.dti-receipt-yen2:before {
  content: "\e2a1"; }

.dti-receipt-colon:before {
  content: "\e2a2"; }

.dti-circle-rublo:before {
  content: "\e2a3"; }

.dti-circle-rupee:before {
  content: "\e2a4"; }

.dti-safe:before {
  content: "\e2a5"; }

.dti-sale:before {
  content: "\e2a6"; }

.dti-sales:before {
  content: "\e2a7"; }

.dti-ticket:before {
  content: "\e2a8"; }

.dti-circle-tugriks:before {
  content: "\e2a9"; }

.dti-wallet:before {
  content: "\e2aa"; }

.dti-circle-won:before {
  content: "\e2ab"; }

.dti-circle-yen:before {
  content: "\e2ac"; }

.dti-circle-yen2:before {
  content: "\e2ad"; }

.dti-music-note-single:before {
  content: "\e2ae"; }

.dti-circle-beginning:before {
  content: "\e2af"; }

.dti-cd:before {
  content: "\e2b0"; }

.dti-diapason:before {
  content: "\e2b1"; }

.dti-circle-eject:before {
  content: "\e2b2"; }

.dti-circle-end:before {
  content: "\e2b3"; }

.dti-circle-fast-forward:before {
  content: "\e2b4"; }

.dti-headphone:before {
  content: "\e2b5"; }

.dti-loudspeaker:before {
  content: "\e2b7"; }

.dti-microphone:before {
  content: "\e2b8"; }

.dti-microphone-old:before {
  content: "\e2b9"; }

.dti-mixer-square:before {
  content: "\e2ba"; }

.dti-mute:before {
  content: "\e2bb"; }

.dti-music-note-multiple:before {
  content: "\e2bc"; }

.dti-bell:before {
  content: "\e2bd"; }

.dti-circle-pause:before {
  content: "\e2be"; }

.dti-circle-play:before {
  content: "\e2bf"; }

.dti-playlist:before {
  content: "\e2c0"; }

.dti-radio:before {
  content: "\e2c1"; }

.dti-radio-portable:before {
  content: "\e2c2"; }

.dti-record:before {
  content: "\e2c3"; }

.dti-record-player:before {
  content: "\e2c4"; }

.dti-repeat-button:before {
  content: "\e2c5"; }

.dti-circle-rewind:before {
  content: "\e2c6"; }

.dti-shuffle-button:before {
  content: "\e2c7"; }

.dti-circle-stop:before {
  content: "\e2c8"; }

.dti-tape:before {
  content: "\e2c9"; }

.dti-volume-down:before {
  content: "\e2ca"; }

.dti-volume-up:before {
  content: "\e2cb"; }

.dti-folder-flagged:before {
  content: "\e177"; }

.dti-bookmark-check:before {
  content: "\e197"; }

.dti-bookmark-plus:before {
  content: "\e1c8"; }

.dti-bookmark-remove:before {
  content: "\e1c9"; }

.dti-briefcase-check:before {
  content: "\e1ca"; }

.dti-briefcase-download:before {
  content: "\e1cb"; }

.dti-briefcase-flagged:before {
  content: "\e1cc"; }

.dti-briefcase-minus:before {
  content: "\e1cd"; }

.dti-briefcase-plus:before {
  content: "\e1ce"; }

.dti-briefcase-refresh:before {
  content: "\e1cf"; }

.dti-briefcase-remove:before {
  content: "\e1d0"; }

.dti-briefcase-search:before {
  content: "\e1d1"; }

.dti-briefcase-star:before {
  content: "\e1d2"; }

.dti-briefcase-upload:before {
  content: "\e1d3"; }

.dti-browser-check:before {
  content: "\e1d4"; }

.dti-browser-download:before {
  content: "\e1d5"; }

.dti-browser-minus:before {
  content: "\e1d6"; }

.dti-browser-plus:before {
  content: "\e1d7"; }

.dti-browser-refresh:before {
  content: "\e1d8"; }

.dti-browser-remove:before {
  content: "\e1d9"; }

.dti-browser-search:before {
  content: "\e1da"; }

.dti-browser-star:before {
  content: "\e1db"; }

.dti-browser-upload:before {
  content: "\e1dc"; }

.dti-calendar-check:before {
  content: "\e1dd"; }

.dti-calendar-cloud:before {
  content: "\e1de"; }

.dti-calendar-download:before {
  content: "\e1df"; }

.dti-calendar-empty:before {
  content: "\e1e0"; }

.dti-calendar-flagged:before {
  content: "\e1e1"; }

.dti-calendar-heart:before {
  content: "\e1e2"; }

.dti-calendar-minus:before {
  content: "\e1e3"; }

.dti-calendar-next:before {
  content: "\e1e4"; }

.dti-calendar-disable:before {
  content: "\e1e5"; }

.dti-calendar-pencil:before {
  content: "\e1e6"; }

.dti-calendar-plus:before {
  content: "\e1e7"; }

.dti-calendar-prev:before {
  content: "\e1e8"; }

.dti-calendar-refresh:before {
  content: "\e1e9"; }

.dti-calendar-remove:before {
  content: "\e1ea"; }

.dti-calendar-search:before {
  content: "\e1eb"; }

.dti-calendar-star:before {
  content: "\e1ec"; }

.dti-calendar-upload:before {
  content: "\e1ed"; }

.dti-cloud-check:before {
  content: "\e1ee"; }

.dti-cloud-download:before {
  content: "\e1ef"; }

.dti-cloud-minus:before {
  content: "\e1f0"; }

.dti-cloud-disable:before {
  content: "\e1f1"; }

.dti-cloud-plus:before {
  content: "\e1f2"; }

.dti-cloud-refresh:before {
  content: "\e1f3"; }

.dti-cloud-remove:before {
  content: "\e1f4"; }

.dti-cloud-search:before {
  content: "\e1f5"; }

.dti-cloud-upload:before {
  content: "\e1f6"; }

.dti-document-check:before {
  content: "\e1f7"; }

.dti-document-cloud:before {
  content: "\e1f8"; }

.dti-document-download:before {
  content: "\e1f9"; }

.dti-document-flagged:before {
  content: "\e1fa"; }

.dti-document-graph:before {
  content: "\e1fb"; }

.dti-document-heart:before {
  content: "\e1fc"; }

.dti-document-minus:before {
  content: "\e1fd"; }

.dti-document-next:before {
  content: "\e1fe"; }

.dti-document-disable:before {
  content: "\e1ff"; }

.dti-document-music:before {
  content: "\e200"; }

.dti-document-pencil:before {
  content: "\e201"; }

.dti-document-picture:before {
  content: "\e202"; }

.dti-document-plus:before {
  content: "\e203"; }

.dti-document-prev:before {
  content: "\e204"; }

.dti-document-refresh:before {
  content: "\e205"; }

.dti-document-remove:before {
  content: "\e206"; }

.dti-document-search:before {
  content: "\e207"; }

.dti-document-star:before {
  content: "\e208"; }

.dti-document-upload:before {
  content: "\e209"; }

.dti-folder-check:before {
  content: "\e20a"; }

.dti-folder-cloud:before {
  content: "\e20b"; }

.dti-folder-document:before {
  content: "\e20c"; }

.dti-folder-download:before {
  content: "\e20d"; }

.dti-bookmark-minus:before {
  content: "\e20e"; }

.dti-folder-graph:before {
  content: "\e20f"; }

.dti-folder-heart:before {
  content: "\e210"; }

.dti-folder-minus:before {
  content: "\e211"; }

.dti-folder-next:before {
  content: "\e212"; }

.dti-folder-disable:before {
  content: "\e213"; }

.dti-folder-music:before {
  content: "\e214"; }

.dti-folder-pencil:before {
  content: "\e215"; }

.dti-folder-picture:before {
  content: "\e216"; }

.dti-folder-plus:before {
  content: "\e217"; }

.dti-folder-prev:before {
  content: "\e218"; }

.dti-folder-refresh:before {
  content: "\e219"; }

.dti-folder-remove:before {
  content: "\e21a"; }

.dti-folder-search:before {
  content: "\e21b"; }

.dti-folder-star:before {
  content: "\e21c"; }

.dti-folder-upload:before {
  content: "\e21d"; }

.dti-mail-check:before {
  content: "\e21e"; }

.dti-mail-cloud:before {
  content: "\e21f"; }

.dti-mail-document:before {
  content: "\e220"; }

.dti-mail-download:before {
  content: "\e221"; }

.dti-mail-flagged:before {
  content: "\e222"; }

.dti-mail-heart:before {
  content: "\e223"; }

.dti-mail-next:before {
  content: "\e224"; }

.dti-mail-disable:before {
  content: "\e225"; }

.dti-mail-music:before {
  content: "\e226"; }

.dti-mail-pencil:before {
  content: "\e227"; }

.dti-mail-picture:before {
  content: "\e228"; }

.dti-mail-prev:before {
  content: "\e229"; }

.dti-mail-refresh:before {
  content: "\e22a"; }

.dti-mail-remove:before {
  content: "\e22b"; }

.dti-mail-search:before {
  content: "\e22c"; }

.dti-mail-star:before {
  content: "\e22d"; }

.dti-mail-upload:before {
  content: "\e22e"; }

.dti-message-check:before {
  content: "\e22f"; }

.dti-message-dots:before {
  content: "\e230"; }

.dti-message-smile:before {
  content: "\e231"; }

.dti-message-heart:before {
  content: "\e232"; }

.dti-message-minus:before {
  content: "\e233"; }

.dti-message-music:before {
  content: "\e234"; }

.dti-message-plus:before {
  content: "\e235"; }

.dti-message-refresh:before {
  content: "\e236"; }

.dti-message-remove:before {
  content: "\e237"; }

.dti-message-sad:before {
  content: "\e238"; }

.dti-smartphone-cloud:before {
  content: "\e239"; }

.dti-smartphone-heart:before {
  content: "\e23a"; }

.dti-smartphone-disable:before {
  content: "\e23b"; }

.dti-smartphone-music:before {
  content: "\e23c"; }

.dti-smartphone-pencil:before {
  content: "\e23d"; }

.dti-smartphone-picture:before {
  content: "\e23e"; }

.dti-smartphone-refresh:before {
  content: "\e23f"; }

.dti-smartphone-search:before {
  content: "\e240"; }

.dti-tablet-cloud:before {
  content: "\e241"; }

.dti-tablet-heart:before {
  content: "\e242"; }

.dti-tablet-disable:before {
  content: "\e243"; }

.dti-tablet-music:before {
  content: "\e244"; }

.dti-tablet-pencil:before {
  content: "\e245"; }

.dti-tablet-picture:before {
  content: "\e246"; }

.dti-tablet-refresh:before {
  content: "\e247"; }

.dti-tablet-search:before {
  content: "\e248"; }

.dti-todolist:before {
  content: "\e249"; }

.dti-todolist-check:before {
  content: "\e24a"; }

.dti-todolist-cloud:before {
  content: "\e24b"; }

.dti-todolist-download:before {
  content: "\e24c"; }

.dti-todolist-flagged:before {
  content: "\e24d"; }

.dti-todolist-minus:before {
  content: "\e24e"; }

.dti-todolist-disable:before {
  content: "\e24f"; }

.dti-todolist-pencil:before {
  content: "\e250"; }

.dti-todolist-plus:before {
  content: "\e251"; }

.dti-todolist-refresh:before {
  content: "\e252"; }

.dti-todolist-remove:before {
  content: "\e253"; }

.dti-todolist-search:before {
  content: "\e254"; }

.dti-todolist-star:before {
  content: "\e255"; }

.dti-todolist-upload:before {
  content: "\e256"; }

/*==================================== */
/* =           3. Elements           = */
/* ====================================*/
/* 3.1 Side Menu */
.side-menu {
  position: fixed;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 500; }
  .side-menu > ul {
    margin: 0;
    padding: 0; }
    .side-menu > ul > li {
      list-style: none;
      margin-bottom: 30px; }
      .side-menu > ul > li > a {
        display: inline-block;
        font-size: 1.8em;
        line-height: 0.8em;
        padding: 3px 0;
        color: #000;
        position: relative; }
        .side-menu > ul > li > a:before {
          content: '';
          position: absolute;
          height: 0px;
          width: 2px;
          top: 0;
          left: -10px;
          background-color: #3786d3;
          transition: all 0.15s ease-in-out; }
        .side-menu > ul > li > a:hover {
          color: #3786d3; }
          .side-menu > ul > li > a:hover:before {
            height: 100%; }
        .side-menu > ul > li > a:hover,
        .side-menu > ul > li > a:focus {
          text-decoration: none;
          background-color: transparent; }
      .side-menu > ul > li.active a {
        color: #3786d3; }
        .side-menu > ul > li.active a:before {
          height: 100%; }

/* 3.2 Social Icons */
.social-icons {
  margin: 0;
  padding: 0; }
  .social-icons > li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px; }
    .social-icons > li > a {
      color: #000; }
      .social-icons > li > a:hover {
        color: #2d81e0; }
  .social-icons.rounded > li > a {
    display: block;
    background: #000000;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    position: relative; }
    .social-icons.rounded > li > a > i {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .social-icons.rounded > li > a:hover {
      border-color: #2d81e0;
      background-color: #2d81e0;
      color: #FFF; }
  .social-icons.rounded.rounded > li > a {
    width: 42px;
    height: 42px;
    font-size: 1.142em; }

/* 3.3 Triangle Button */
.triangle-area {
  position: relative; }

.triangle {
  position: absolute;
  background-image:url(../../images/e.png);
  left: 50%;
  bottom: -10px;
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
  z-index: 20;
  height: 110px;
  width: 220px; }



  .triangle:before {
    position: absolute;
	/*
   
    border-style: solid;
    border-width: 0 110px 110px 110px;
    border-color: transparent;
    border-bottom-color: #2d81e0;
	  -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
	*/
	width: 220px;
    height: 110px;
    left: 50%;
	background-image:url(../../images/e.png);
  
    transition: all 0.15s ease-in-out; 
	
	
	
	}
  .triangle:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;/*
    border-style: solid;
    border-width: 50px 50px 0 50px;
    border-color: transparent;
    border-top-color: #FFF;
	*/
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 75px;
    transition: all 0.15s ease-in-out; }

.triangle h4{
	padding-left:83px;
	margin-top: 82px;
}

.triangle h5{
	padding-left:83px;
	margin-top: 82px;
}

  .triangle > span {
	display: inline-block;
	color: #000000;
	position: absolute;
	font-size: 0.857em;
	font-weight: 400;
	text-transform: uppercase;
	left: 110px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top:81px;
	z-index: 5;
	transition: all 0.15s ease-in-out;
}






/* 3.4 Heading */
.section-header {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0;
}
  .section-header > .heading-effect {
    position: relative;
    display: inline-block;
    height: 80px;
    width: 175px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-bottom: 2px dashed rgba(0, 0, 0, 0.2); }
    .section-header > .heading-effect:before {
      content: "";
      position: absolute;
      height: 50%;
      width: 0px;
      border-right: 2px dashed rgba(0, 0, 0, 0.2);
      bottom: 0px;
      z-index: 21; }
    .section-header > .heading-effect.outside {
      height: 40px; }
      .section-header > .heading-effect.outside:before {
        height: 230px; }
  .section-header > .sub-heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1em;
    letter-spacing: 0.1em; }
  .section-header > .heading {
	font-size: 1.7em;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}
    .section-header > .heading > span {
      font-weight: 300; }
  .section-header > .description {
	margin-top: 50px;
	font-size: 1.142em;
	line-height: 2em;
	letter-spacing: 0.020em;
	font-weight: 400;
}

.transparent-section .section-header > .heading-effect {
  border-bottom-color: rgba(255, 255, 255, 0.35); }
  .transparent-section .section-header > .heading-effect:before {
    border-right-color: rgba(255, 255, 255, 0.35); }

/* 3.5 Iconic Box */
.iconic-box {
  position: relative;
  margin-bottom: 90px; }
  .iconic-box > .icon {
    margin-top: 6px;
    margin-bottom: 31px; }
  .iconic-box > .content-area {
	position: relative;
	font-weight: 400;
}
    .iconic-box > .content-area > .title {
	font-size: 1.428em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 0;
	margin-bottom: 30px;
}
    .iconic-box > .content-area > .back-icon {
      position: absolute;
      right: 15px;
      opacity: 0.05;
      top: 0; }
      .iconic-box > .content-area > .back-icon > i {
        font-size: 125px;
        transition: all 0.15s ease-in-out; }
    .iconic-box > .content-area > .content {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.05em;
	position: relative;
	z-index: 2;
	font-weight: 350;
	font-size: 1.142em;
	  }
	  
	  
	  .content-area > .content {
 
	  font-weight:300;
	  font-size:16px;
	  }
	  
	  
	  
	  
	  
	  
  .iconic-box:hover > .icon > i {
    background-color: #3786d3; }
  .iconic-box:hover > .content-area > .back-icon {
    opacity: 0.20; }
    .iconic-box:hover > .content-area > .back-icon i {
      color: #3786d3; }

.glass-icon > i {
  position: relative;
  width: 78px;
  height: 78px;
  background-color: #000;
  color: #FFF;
  font-size: 25px;
  border-radius: 25px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-image: url(../img/iconalt.svg);
  background-position: center center;
  background-size: 100% 100%;
  transition: all 0.15s ease-in-out; }
  .glass-icon > i:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg); }

/* 3.6 Box Items */
.box-item {
  position: relative;
  padding-left: 60px;
  margin-bottom: 35px; }
  .box-item > .icon {
    position: absolute;
    width: 40px;
    left: 0;
    top: 0; }
    .box-item > .icon > i {
      font-size: 40px; }
  .box-item .title {
    font-size: 1.285em;
    margin-top: 0;
    margin-bottom: 13px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.050em; }
  .box-item .content {
    font-size: 1em;
    line-height: 1.714em;
    font-family: 'Open Sans', sans-serif; }

/* 3.7 Featured Circle */
/* 3.8 Service Box */
.service-box {
	position: relative;
	margin-bottom: 120px;
	height: 125%;
}
  .service-box > .icon {
	  font-size: 4em;
      margin-bottom: 30px; 

    transition: all 0.15s ease-in-out; }





    .service-box  .icon  i {
      font-size: 4em;
      margin-bottom: 30px; }



  .service-box > .details {
    position: relative;
    transition: all 0.15s ease-in-out;
    overflow: hidden; }
    .service-box > .details > i {
      position: absolute;
      right: -15px;
      top: 50%;
      font-size: 7em;
      z-index: 1;
      color: #3786d3;
      opacity: 0;
      transition: all 0.15s ease-in-out;
      transition-delay: 0.15s; }
    .service-box > .details > .title {
      position: relative;
      font-size: 1.428em;
      font-weigh: 700;
      text-transform: uppercase;
      letter-spacing: 0.060em;
      margin: 0;
      margin-bottom: 25px;
      z-index: 5; }
    .service-box > .details > .content,
    .service-box > .details > .full {
      font-family: 'Open Sans', sans-serif;
      line-height: 1.714em;
      z-index: 5;
	       font-weight: 300;
      transition: all 0.15s ease-in-out; }
    .service-box > .details > .full {
      position: absolute;
      width: 100%;
      height: auto;
      top: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition-delay: 0.1s;
      opacity: 0; }
  .service-box:hover > .icon {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0; }
  .service-box:hover > .details {
    overflow: visible;
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px); }
    .service-box:hover > .details > i {
      opacity: 0.1;
      -webkit-transform: translateY(-40%);
              transform: translateY(-40%); }
    .service-box:hover > .details > .content {
      opacity: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
    .service-box:hover > .details > .full {
      opacity: 1;
      bottom: 0;
      -webkit-transform: translateY(45px);
              transform: translateY(45px); }

/* 3.9 Pricing Table */
.pricing-table {
	background-color: #FFF;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 70px;
	position: relative;
	transition: all 0.15s ease-in-out;
}
  .pricing-table > .pricing-header {
    margin-bottom: 50px; }
    .pricing-table > .pricing-header > .name {
      font-size: 0.857em;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0;
      margin-bottom: 25px; }
    .pricing-table > .pricing-header > .price {
      font-size: 5em;
      line-height: 0.8em;
      font-weight: 700; }
      .pricing-table > .pricing-header > .price small {
        font-size: 0.485em; }
    .pricing-table > .pricing-header > .cycle {
      font-size: 0.857em;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      font-weight: 700; }
  .pricing-table > .pricing-features {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	list-style: none;
	line-height: 2.142em;
	letter-spacing: 0.050em;
	margin-bottom: 65px;
	font-weight: 400;
}
  .pricing-table .buy-link {
    position: relative;
    display: inline-block;
    font-size: 0.857em;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    z-index: 1; }
    .pricing-table .buy-link:after {
      content: '';
      border-style: solid;
      border-width: 50px 50px 0 50px;
      border-color: transparent;
      border-top-color: #f2f2f2;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -30%);
              transform: translate(-50%, -30%);
      z-index: -1; }
    .buy-link:hover {
	color: #222222;
}
      .pricing-table .buy-link:hover:after {
        border-top-color: #2d81e0; }
  .pricing-table.active {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    z-index: 5; }
    .pricing-table.active:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 10px;
      top: 0;
      left: 0;
      background-color: #2d81e0; }

/* 3.10 Action Area */
.mock-action > h3 {
  margin: 0;
  font-size: 1.428em;
  letter-spacing: 0.10em;
  font-weight: 700; }

/* 3.11 Special Testimonials */
.special-testimonial {
  position: relative;
  overflow: hidden;
  padding: 95px 55px;
  text-align: center;
  width: 740px;
  margin: 0 auto;
  border-top: 15px solid #FFF;
  border-left: 15px solid #FFF; }
  .special-testimonial:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 190px;
    width: 15px;
    height: 100%;
    background-color: #fff; }
  .special-testimonial:after {
    content: '';
    position: absolute;
    right: 190px;
    bottom: 0;
    height: 15px;
    width: 100%;
    background-color: #fff; }
  .special-testimonial > .more {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FFF;
    width: 150px;
    height: 150px;
    border-style: solid;
    border-width: 0 0 150px 150px;
    border-color: transparent transparent #2d81e0 transparent; }
    .special-testimonial > .more > i {
      position: absolute;
      top: 85px;
      left: -65px;
      font-size: 50px;
      color: #FFF;
      z-index: 55;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .special-testimonial > .title {
    position: relative;
    font-size: 3.428em;
    letter-spacing: 0.020em;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 65px; }
    .special-testimonial > .title > span {
      font-weight: 700;
      color: #2d81e0; }
    .special-testimonial > .title:after {
      content: '';
      position: absolute;
      bottom: -20px;
      left: 50%;
      width: 30%;
      height: 1px;
      background-color: #FFF;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .special-testimonial > .content {
    font-size: 1.142em;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 40px; }
  .special-testimonial > .name {
    font-size: 1.285em;
    letter-spacing: 0.100em; }

/* 3.12 Buttons */
.dt-btn {
	border: 1px solid #337ab7;
	display: inline-block;
	padding: 10px 15px;
	color: #337ab7;
	font-size: 0.857em;
	line-height: 1em;
	font-weight: 400;
	background-color: transparent;
	transition: all 0.15s ease-in-out;
}
  .dt-btn:hover,
  .dt-btn:focus {
	background-color: #337ab7;
	color: #FFF;
	text-decoration: none;
	outline-color: transparent;
}
  .dt-btn.medium {
    padding: 15px 25px; }

/* 3.13 Page Navigation */
.dti-pager {
  padding: 40px 0;
  text-align: center; }
  .dti-pager:before,
  .dti-pager:after {
    content: "";
    display: table; }
  .dti-pager:after {
    clear: both; }
  .dti-pager > li {
    display: inline; }
    .dti-pager > li.previous {
      float: left; }
      .dti-pager > li.previous a:hover i {
        -webkit-transform: translateX(-10px);
                transform: translateX(-10px); }
    .dti-pager > li.next {
      float: right; }
      .dti-pager > li.next a:hover i {
        -webkit-transform: translateX(10px);
                transform: translateX(10px); }
    .dti-pager > li > a {
	display: block;
	border: 1px solid #3786d3;
	color: #49a4ff;
	font-size: 1.071em;
	letter-spacing: 0.050em;
	font-weight: 400;
	padding: 10px 25px;
}
      .dti-pager > li > a > i {
        display: inline-block;
        height: 16px;
        overflow: hidden;
        position: relative;
        padding: 0 5px;
        transition: all 0.15s; }
        .dti-pager > li > a > i:before {
          font-size: 32px;
          line-height: 0.7em; }

/* 3.14 Skills Bars */
.dt-progress {
  background-color: #c8c8c8;
  height: 10px;
  position: relative;
  margin-bottom: 25px; }
  .dt-progress > span {
    position: absolute;
    top: 50%;
    left: 5px;
    height: 2px;
    background-color: #2d81e0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .dt-progress > span:before {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      height: 0px;
      width: 0px;
      border-style: solid;
      border-width: 4px 0 4px 4px;
      border-color: transparent transparent transparent #2d81e0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .dt-progress > span:after {
      content: attr(data-amount);
      position: absolute;
      top: 6px;
      right: 12px;
      padding: 2px 10px;
      background-color: #2d81e0;
      color: #FFF;
      -webkit-transform: skew(-30deg);
              transform: skew(-30deg);
      font-size: 1.1em;
      font-weight: 400; }

/* 3.15 Post Share */
.post-share {
  padding-left: 0; }
  .post-share > li {
    display: inline-block; }
    .post-share > li.share-title {
      margin-right: 15px;
      -webkit-transform: translateY(-15px);
              transform: translateY(-15px); }
    .post-share > li.item {
      margin: 0 5px; }
      .post-share > li.item > a {
        display: block;
        width: 38px;
        height: 38px;
        color: #cccccc;
        border: 1px solid #cccccc;
        border-radius: 50%;
        position: relative; }
        .post-share > li.item > a:hover {
	color: #3786d3;
	border-color: #49a4ff;
}
        .post-share > li.item > a > i {
          font-size: 1.142em;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }

/* 3.16 Comment Form */
.comment-respond .comment-reply-title {
  font-size: 1.142em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 70px; }

.comment-respond .comment-form input,
.comment-respond .comment-form textarea {
  display: block;
  width: 100%; }
  .comment-respond .comment-form input[type="submit"],
  .comment-respond .comment-form textarea[type="submit"] {
    display: table;
    width: auto;
    margin: 0 auto;
    background-color: #3786d3;
    color: #FFF;
    border-color: #2d81e0;
    font-weight: 400;
    padding: 12px 30px; }
    .comment-respond .comment-form input[type="submit"]:hover,
    .comment-respond .comment-form textarea[type="submit"]:hover {
      background-color: transparent;
      color: #2d81e0; }

.comment-respond .comment-form textarea {
  margin-bottom: 30px; }

.comment-respond .comment-form .input-fields {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px; }
  .comment-respond .comment-form .input-fields .field-half {
    width: 50%;
    float: left;
    padding: 0 15px; }

/* 3.17 Blockquote */
blockquote {
  border-left-color: #2d81e0;
  font-size: 1.142em;
  font-weight: 400; }
  blockquote > .info {
    font-size: 0.875em;
    font-weight: 300;
    padding-top: 15px; }
    blockquote > .info > span {
      color: #999999; }

/* 3.18 Back to top */
#back-to-top {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 1000;
  width: 70px;
  height: 70px;
  color: #FFF;
  opacity: 0;
  transition: all 0.3s ease-in-out; }
  #back-to-top.show {
    opacity: 1; }
  #back-to-top:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 70px 70px;
    border-color: transparent transparent #2d81e0 transparent;
    z-index: 1;
    transition: all 0.15s ease-in-out; }
  #back-to-top > span {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    right: 6px;
    font-size: 0.857em;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg); }
  #back-to-top:hover {
    cursor: pointer; }
    #back-to-top:hover:before {
      border-color: transparent transparent #9f1210 transparent; }

/*==================================== */
/* =            4. Widgets           = */
/* ====================================*/
.widget {
  margin-bottom: 100px; }
  .widget > .widget-title {
    font-size: 1.142em;
    line-height: 1.25em;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 45px;
    text-transform: uppercase; }

/* 4.1 Search */
.widget_search > form {
  position: relative; }
  .widget_search > form input.search-field {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #2d81e0;
    background-color: transparent;
    font-weight: 400;
    color: #2d81e0;
    padding: 5px 0; }
    .widget_search > form input.search-field:active,
    .widget_search > form input.search-field:focus {
      outline-color: transparent; }
  .widget_search > form button.search-submit {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: transparent;
    border-color: transparent; }

/* 4.2 Popular Posts */
.widget_popular_posts > .popular-posts {
  padding-left: 0; }
  .widget_popular_posts > .popular-posts > li {
    list-style: none;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdcdc; 
	}
    .widget_popular_posts > .popular-posts > li:last-child {
      border-bottom: none; }
    .widget_popular_posts > .popular-posts > li > .thumb {
      width: 90px;
      height: 90px;
      float: left; }
      .widget_popular_posts > .popular-posts > li > .thumb > img {
        max-width: 100%;
        height: auto; }
    .widget_popular_posts > .popular-posts > li > .content {
      padding-left: 110px;
      font-family: 'Open Sans', sans-serif; }
      .widget_popular_posts > .popular-posts > li > .content .title {
        margin-top: 0;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.571em;
        margin-bottom: 10px; }
        .widget_popular_posts > .popular-posts > li > .content .title > a {
          color: #000; }
          .widget_popular_posts > .popular-posts > li > .content .title > a:hover {
            color: #2d81e0; }
      .widget_popular_posts > .popular-posts > li > .content .meta {
        color: #999999;
        font-weight: 0.928em;
        letter-spacing: 0.050em; }

/* 4.3 Categories */
.widget_categories > ul {
  padding-left: 0; }
  .widget_categories > ul > li {
    list-style: none; }
    .widget_categories > ul > li > a {
      display: block;
      border-bottom: 1px solid #dcdcdc;
      padding: 15px 0;
      font-size: 1.142em;
      letter-spacing: 0.050em;
      color: #000; }


.widget_categories .blue  {
color: #2d81e0;	
	font-weight: 400;
}



      .widget_categories > ul > li > a:hover {
        color: #2d81e0;
        text-decoration: none; }
    .widget_categories > ul > li:first-child > a {
      padding-top: 0; }
    .widget_categories > ul > li:last-child > a {
      border-bottom: none;
      padding-bottom: 0; }

/* 4.4 Newsletter */
.widget_newsletter > form > input {
  width: 100%;
  border: 1px solid #e4e4e4;
  padding: 10px 20px;
  margin-bottom: 25px;
  transition: all 0.15s ease-in-out; }
  .widget_newsletter > form > input:focus {
    border-color: #2d81e0; }

.widget_newsletter > form > button {
  border: 1px solid #3786d3;
  background-color: #2d81e0;
  color: #FFF;
  font-size: 0.857em;
  line-height: 1em;
  font-weight: 400;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.15s ease-in-out; }
  .widget_newsletter > form > button:hover {
    background-color: transparent;
    color: #000; }

/* 4.5 Tags */
.widget_tag_cloud > .tagcloud {
  margin-left: -5px;
  margin-right: -5px; }
  .widget_tag_cloud > .tagcloud > a {
    display: inline-block;
    padding: 10px 25px;
    color: #000;
    border: 1px solid #d3d3d3;
    font-size: 1.142em !important;
    letter-spacing: 0.050em;
    margin: 5px; }
    .widget_tag_cloud > .tagcloud > a:hover {
      color: #2d81e0;
      border-color: #2d81e0; }

/* 4.6 Archives */
.widget_archive > ul {
  padding-left: 0; }
  .widget_archive > ul > li {
    list-style: none; }
    .widget_archive > ul > li > a {
      display: block;
      border-bottom: 1px solid #dcdcdc;
      padding: 15px 0;
      font-size: 1.142em;
      letter-spacing: 0.050em;
      color: #000;
      position: relative; }
      .widget_archive > ul > li > a:hover {
        color: #2d81e0;
        text-decoration: none; }
      .widget_archive > ul > li > a:before {
        content: "\f101";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .widget_archive > ul > li:first-child > a {
      padding-top: 0; }
    .widget_archive > ul > li:last-child > a {
      border-bottom: none;
      padding-bottom: 0; }

/*==================================== */
/* =            5. Sections          = */
/* ====================================*/
/* 5.1 Header */
#logo {
	width: 200px;
	float: left;
}
  #logo > a {
    color: #000;
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase; }
    #logo > a > img {
      width: 100%;
      height: auto; }
      #logo > a > img.transparent-logo {
        display: none; }

.site-header {
  min-height: 100px;
  padding: 35px 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  z-index: 500;
  transition: all 0.3s ease-in-out; }
  .site-header.scrolled {
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F1F1F1; }

#top-social {
  margin-top: 5px;
  float: right;
  margin-right: 40px; }
  #top-social > .social-icons {
    text-align: right; }

#top-menu {
  margin-top: 5px;
  float: right;
  position: relative;
  padding-right: 70px;
  min-width: 100px; }
  #top-menu .nav-trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px; }
    #top-menu .nav-trigger > .icon-bar {
      display: inline-block;
      width: 25px;
      height: 16px;
      position: relative; }
      #top-menu .nav-trigger > .icon-bar > span {
        display: block;
        width: 100%;
        border-bottom: 2px solid #000;
        transition: all 0.3s ease-in-out;
        position: absolute;
        top: 50%;
        left: 30px; }
        #top-menu .nav-trigger > .icon-bar > span:first-child {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
          top: 0px; }
        #top-menu .nav-trigger > .icon-bar > span:nth-child(2) {
          top: 7px;
           }
        #top-menu .nav-trigger > .icon-bar > span:last-child {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
          bottom: 0; }
    #top-menu .nav-trigger > .text {
      display: inline-block;
      font-weight: 700;
      text-transform: uppercase;
      margin-left: 10px;
      width: 45px;
      height: 16px;
      position: relative; }
      #top-menu .nav-trigger > .text > span {
        font-size: 0.857em;
        font-weight: 400;
        letter-spacing: 0.10em;
        position: absolute;
        top: 50%;
        right: 0;
        transition: all 0.3s ease-in-out; }
        #top-menu .nav-trigger > .text > span:first-child {
          right: 0;
          -webkit-transform: translate(50%, -50%);
                  transform: translate(50%, -50%); }
        #top-menu .nav-trigger > .text > span:last-child {
          left: 0;
          right: inherit;
          opacity: 0;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
    #top-menu .nav-trigger:hover {
      cursor: pointer; }
	  
	  .blog-posts article.post .entry-inside {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px; 
	padding-right: 20px;
	font-weight: 350;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
} 
	 
	 
	  
	 
	@media only screen and (max-width: 1022px){  
	  
  #top-menu .menu-items {
    margin: 0;
    padding: 0;
    margin-right: 85px;
    display: none; }
	
    #top-menu .menu-items > li {
      display: inline-block;
      opacity: 0;
      position: relative;
      top: -5px;
      transition: top 0.3s ease 0.1s, opacity 0.3s ease 0.1s; }
	  
	}
	  
	 
	 
	 @media only screen and (max-width: 800px){
	 .container{
		padding-left:30px;
		padding-right:30px; 
		 
	 }
	 
	 .section-header >.description{
		 
	padding-left:25px;
		padding-right:25px; 
		text-align:justify;	 
	 }
	 
	 
	 }
	 

	@media only screen and (min-width: 800px){
 .entry-inside {
	
	padding-right: 40px;
	padding-left: 40px;
	}
		
		  .blog-posts article.post .entry-inside {

	padding-left: 40px; 
	padding-right: 40px;
	
} 
}

	  
	  @media only screen and (min-width: 1023px){
		  #top-menu .menu-items {
    margin: 0;
    padding: 0;
    margin-right: 20px;
	margin-top:6px;
    display: inline-block; }
	  
		 #top-menu .menu-items > li {
      display: inline-block;
      opacity: 1;
	  position: relative;
      top: -5px;
      transition: top 0.3s ease 0.1s, opacity 0.3s ease 0.1s; 
		 }
	  } 
	  
	  
	  
	  
      #top-menu .menu-items > li:nth-child(2n) {
        transition: top 0.3s ease 0.2s, opacity 0.3s ease 0.2s; }
      #top-menu .menu-items > li:nth-child(3n) {
        transition: top 0.3s ease 0.3s, opacity 0.3s ease 0.3s; }
      #top-menu .menu-items > li:nth-child(4n) {
        transition: top 0.3s ease 0.4s, opacity 0.3s ease 0.4s; }
      #top-menu .menu-items > li:nth-child(5n) {
        transition: top 0.3s ease 0.5s, opacity 0.3s ease 0.5s; }
      #top-menu .menu-items > li:nth-child(6n) {
        transition: top 0.3s ease 0.6s, opacity 0.3s ease 0.6s; }
      #top-menu .menu-items > li:nth-child(7n) {
        transition: top 0.3s ease 0.7s, opacity 0.3s ease 0.7s; }
      #top-menu .menu-items > li:nth-child(8n) {
        transition: top 0.3s ease 0.8s, opacity 0.3s ease 0.8s; }
      #top-menu .menu-items > li:nth-child(9n) {
        transition: top 0.3s ease 0.9s, opacity 0.3s ease 0.9s; }
      #top-menu .menu-items > li:nth-child(10n) {
        transition: top 0.3s ease 1s, opacity 0.3s ease 1s; }
      #top-menu .menu-items > li > a {
        text-transform: uppercase;
        color: #000;
        margin-right: 25px;
        font-size: 0.857em;
        font-weight: 400;
        letter-spacing: 0.10em; }
      #top-menu .menu-items > li.active > a,
      #top-menu .menu-items > li > a:hover,
      #top-menu .menu-items > li > a:focus {
        color: #2d81e0;
        text-decoration: none; }
      #top-menu .menu-items > li:last-child > a {
        margin-right: 0; }
		
		 @media only screen and (max-width: 1022px){
  #top-menu.active .nav-trigger > .icon-bar {
    position: relative; }
    #top-menu.active .nav-trigger > .icon-bar > span {
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: inherit; }
      #top-menu.active .nav-trigger > .icon-bar > span:nth-child(2) {
        opacity: 0;
        display: none; }
      #top-menu.active .nav-trigger > .icon-bar > span:first-child {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
      #top-menu.active .nav-trigger > .icon-bar > span:last-child {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg); }
  #top-menu.active .nav-trigger > .text > span:first-child {
    right: 0%;
    opacity: 0; }
  #top-menu.active .nav-trigger > .text > span:last-child {
    top: 50%;
    left: 50%;
    right: inherit;
    opacity: 1; }
	
	
	
	
	
		 }
		 
		 
		 @media only screen and (min-width: 1022px){
			 
		.icon-bar{
		visibility:hidden;
		}
			 
	 .entry-inside {
	padding-top: 0;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 0;
	
}
	
		 }
	
		  #top-menu.active .menu-items {
    display: block; }
    #top-menu.active .menu-items.active > li {
      opacity: 1;
      top: 0; }

.transparent-menu {
  padding-top: 40px; }
  .transparent-menu .site-header {
    background-color: transparent;
    padding-top: 60px; }
    .transparent-menu .site-header #logo > a > img {
      display: none; }
      .transparent-menu .site-header #logo > a > img.transparent-logo {
        display: block; }
    .transparent-menu .site-header #top-menu .menu-items > li > a {
      color: #FFF; }
      .transparent-menu .site-header #top-menu .menu-items > li > a:hover {
        color: #2d81e0; }
    .transparent-menu .site-header #top-menu .menu-items > li.active > a {
      color: #2d81e0; }
    .transparent-menu .site-header .social-icons > li > a {
      color: #FFF; }
      .transparent-menu .site-header .social-icons > li > a:hover {
        color: #2d81e0; }
    .transparent-menu .site-header #top-menu .nav-trigger > .icon-bar > span {
      border-bottom-color: #FFF; }
    .transparent-menu .site-header #top-menu .nav-trigger > .text {
      color: #FFF; }
    .transparent-menu .site-header.scrolled {
      padding-top: 10px;
      background-color: #FFF; }
      .transparent-menu .site-header.scrolled #logo > a > img {
        display: block; }
        .transparent-menu .site-header.scrolled #logo > a > img.transparent-logo {
          display: none; }
      .transparent-menu .site-header.scrolled #top-menu .menu-items > li > a {
        color: inherit; }
        .transparent-menu .site-header.scrolled #top-menu .menu-items > li > a:hover {
          color: #2d81e0; }
      .transparent-menu .site-header.scrolled #top-menu .menu-items > li.active > a {
        color: #2d81e0; }
      .transparent-menu .site-header.scrolled .social-icons > li > a {
        color: #000; }
        .transparent-menu .site-header.scrolled .social-icons > li > a:hover {
          color: #2d81e0; }
      .transparent-menu .site-header.scrolled #top-menu .nav-trigger > .icon-bar > span {
        border-bottom-color: #000; }
      .transparent-menu .site-header.scrolled #top-menu .nav-trigger > .text {
        color: #000; }

/* 5.2 Banner */



@media (max-height: 900px) {
		
.full-screen {
	height: 90vh;
}
  .full-screen > .overlay {
    height: 270vh; }	
}

.full-screen3 {
	height: 60vh;
}
  .full-screen3 > .overlay {
    height: 80vh; }	
}




@media (max-height: 770px) {
		
.full-screen {
	height: 80vh;
}
.full-screen > .overlay {
    height: 240vh; 
	}	
	
.full-screen3 {
	height: 60vh;
}
.full-screen3 > .overlay {
    height: 80vh; 
	}	
	
	
	
	
}










@media (max-width: 600px) {
	
.people-img iframe {
height:310px;	
}

	
	
	
	
}


@media (min-width: 601px) {
	
.people-img iframe {
height:600px;	
}

	
}


#banner {
  position: relative;
  overflow: hidden; }

.main-slider .slide-item .slide-caption {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #FFF;
	margin-top: 20px;
}
  .main-slider .slide-item .slide-caption .slide-mini-title {
    font-size: 1.285em;
    margin: 0;
    line-height: 1em;
    margin-bottom: 35px;
    font-weight: 300; }
	
	
	.slide-caption a {
		color:#ffffff;
		
	}
  .main-slider .slide-item .slide-caption .slider-huge-title {
	font-size: 4.714em;
	margin: 0;
	line-height: 1em;
	margin-bottom: 25px;
	font-weight: 200;
}
    .main-slider .slide-item .slide-caption .slider-huge-title > span {
	color: #337ab7;
	font-weight: 700;
}
  .main-slider .slide-item .slide-caption .slide-tag {
	position: relative;
	font-weight: 600;
	margin-bottom: 35px;
}
    .main-slider .slide-item .slide-caption .slide-tag span {
      display: inline-block;
      position: relative;
      padding: 0 5px; }
    .main-slider .slide-item .slide-caption .slide-tag span:first-child:before,
    .main-slider .slide-item .slide-caption .slide-tag span:last-child:before {
      content: "";
      position: absolute;
      width: 150px;
      height: 1px;
      background-color: #FFF;
      right: 100%;
      margin-right: 20px;
      top: 50%; }
    .main-slider .slide-item .slide-caption .slide-tag span:last-child:before {
      right: inherit;
      margin-right: inherit;
      left: 100%;
      margin-left: 20px; }
  .main-slider .slide-item .slide-caption .slide-description {
	font-weight: 600;
	margin-top: -10px;
}
  .main-slider .slide-item .slide-caption .slide-action > a {
    color: #FFF; }

.main-slider .slide-button {
  position: absolute;
  z-index: 25;
  top: 50%;
  margin-top: -20px;
  color: #aaaaaa;
  font-size: 40px;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .main-slider .slide-button:hover {
    cursor: pointer; }

.main-slider .slide-button.prev {
  left: -60px; }

.main-slider .slide-button.next {
  right: -60px; }

.main-slider:hover .slide-button.prev {
  opacity: 1;
  left: 60px; }

.main-slider:hover .slide-button.next {
  opacity: 1;
  right: 60px; }

/* 5.3 About */
.about-us-content {
  margin-bottom: 50px; }
  .about-us-content > .title {
    margin: 0;
    margin-bottom: 55px;
    font-size: 2.142em;
    font-weight: 700; }
    .about-us-content > .title > span {
      font-weight: 300; }
  .about-us-content > .info-content {
	font-size: 1.142em;
	letter-spacing: 0.02em;
	line-height: 1.6em;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

.skill-items > .item {
  margin-bottom: 65px; }
  .skill-items > .item > .name {
    font-size: 1.142em;
    letter-spacing: 0.020em; }

.skills-title {
  font-size: 1.428em;
  letter-spacing: 0.060em;
  font-weight: 700; }

/* 5.4 Why Choose Us */
.circle-iconic-box > .box-item {
  position: absolute;
  padding-left: 0;
  width: 200px; }
  .circle-iconic-box > .box-item > .icon {
    display: none; }

.circle-iconic-box.left-side > .box-item:nth-of-type(1) {
  top: -20px;
  left: 45px; }

.circle-iconic-box.left-side > .box-item:nth-of-type(2) {
  top: 235px;
  left: 0px; }

.circle-iconic-box.left-side > .box-item:nth-of-type(3) {
  top: 485px;
  left: 110px; }

.circle-iconic-box.right-side > .box-item:nth-of-type(1) {
  top: -65px;
  left: 50px; }

.circle-iconic-box.right-side > .box-item:nth-of-type(2) {
  top: 145px;
  left: 120px; }

.circle-iconic-box.right-side > .box-item:nth-of-type(3) {
  top: 320px;
  left: 65px; }

.circle-iconic-box.right-side > .box-item:nth-of-type(4) {
  top: 575px;
  left: -35px; }

.features-circle {
  position: relative; }
  .features-circle .middle-circle {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    border: 2px solid #000;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .features-circle .middle-circle > img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .features-circle .middle-circle > .icon {
      position: absolute;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      border: 1px solid #000;
      background: #f3f2f2; }
      .features-circle .middle-circle > .icon > span {
        position: absolute; }
      .features-circle .middle-circle > .icon > i {
        font-size: 22px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .features-circle .middle-circle > .icon.size-xxl {
        width: 210px;
        height: 210px; }
        .features-circle .middle-circle > .icon.size-xxl > i {
          font-size: 40px; }
      .features-circle .middle-circle > .icon.size-m {
        width: 120px;
        height: 120px; }
        .features-circle .middle-circle > .icon.size-m > i {
          font-size: 24px; }
      .features-circle .middle-circle > .icon.size-l {
        width: 140px;
        height: 140px; }
        .features-circle .middle-circle > .icon.size-l > i {
          font-size: 36px; }
      .features-circle .middle-circle > .icon.size-xl {
        width: 170px;
        height: 170px; }
        .features-circle .middle-circle > .icon.size-xl > i {
          font-size: 38px; }
      .features-circle .middle-circle > .icon:nth-of-type(1) {
        top: -52px;
        left: 27px; }
        .features-circle .middle-circle > .icon:nth-of-type(1) > span {
          width: 65px;
          height: 11px;
          background-image: url(../img/d-left-1.png);
          background-repeat: no-repeat;
          top: 70px;
          left: -100px; }
      .features-circle .middle-circle > .icon:nth-of-type(2) {
        top: 219px;
        left: -58px; }
        .features-circle .middle-circle > .icon:nth-of-type(2) > span {
          width: 35px;
          height: 11px;
          background-image: url(../img/d-left-2.png);
          background-repeat: no-repeat;
          top: 65px;
          left: -75px; }
      .features-circle .middle-circle > .icon:nth-of-type(3) {
        top: 395px;
        left: 54px; }
        .features-circle .middle-circle > .icon:nth-of-type(3) > span {
          width: 56px;
          height: 28px;
          background-image: url(../img/d-left-3.png);
          background-repeat: no-repeat;
          top: 85px;
          left: -75px; }
      .features-circle .middle-circle > .icon:nth-of-type(4) {
        top: 0px;
        right: 96px; }
        .features-circle .middle-circle > .icon:nth-of-type(4) > span {
          width: 146px;
          height: 33px;
          background-image: url(../img/d-right-1.png);
          background-repeat: no-repeat;
          top: -35px;
          left: 85px; }
      .features-circle .middle-circle > .icon:nth-of-type(5) {
        top: 102px;
        right: -68px; }
        .features-circle .middle-circle > .icon:nth-of-type(5) > span {
          width: 44px;
          height: 11px;
          background-image: url(../img/d-right-2.png);
          background-repeat: no-repeat;
          top: 45px;
          left: 160px; }
      .features-circle .middle-circle > .icon:nth-of-type(6) {
        top: 323px;
        right: -5px; }
        .features-circle .middle-circle > .icon:nth-of-type(6) > span {
          width: 44px;
          height: 11px;
          background-image: url(../img/d-right-3.png);
          background-repeat: no-repeat;
          top: 35px;
          left: 100px; }
      .features-circle .middle-circle > .icon:nth-of-type(7) {
        top: 392px;
        right: 115px; }
        .features-circle .middle-circle > .icon:nth-of-type(7) > span {
          width: 86px;
          height: 28px;
          background-image: url(../img/d-right-4.png);
          background-repeat: no-repeat;
          top: 170px;
          left: 165px; }
		  
		  
		  
		  .slide-tag a, .slide-description a{
			color:#FFFFFF;  
		  }

/* 5.5 Site Stats */
.stats-item {
  position: relative;
  text-align: center;
  margin-bottom: 50px; }
  .stats-item .glass-icon {
    margin-bottom: 25px; }
  .stats-item > i {
    font-size: 5em;
    margin-bottom: 25px; }
  .stats-item > .stat-info {
    position: relative;
    font-size: 2.571em;
    font-weight: 400; }
    .stats-item > .stat-info > .back-amount {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-size: 90px;
      opacity: 0.03;
      z-index: 1; }
    .stats-item > .stat-info > .amount {
      position: relative;
      z-index: 2;
      letter-spacing: 0.060em; }
    .stats-item > .stat-info > .type {
      text-transform: uppercase;
      font-size: .335em;
      color: #2d81e0; }

/* 5.6 Team */
.team-peoples-carousel {
  position: relative;
  overflow: hidden; }
  .team-peoples-carousel .team-peoples {
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 25px;
}
    .team-peoples-carousel .team-peoples .people {
      position: relative; }
      .team-peoples-carousel .team-peoples .people > .people-img {
        margin-bottom: 40px;
        opacity: .25;
        transition: all 0.2s ease-in-out;
        position: relative;
        z-index: 2; }
        .team-peoples-carousel .team-peoples .people > .people-img > img {
          width: 100%;
          height: auto; }
      .team-peoples-carousel .team-peoples .people > .people-profile {
        position: relative;
        text-align: center;
        transition: all 0.5s ease-in-out;
        -webkit-transform: translateY(-150%);
                transform: translateY(-150%);
        opacity: 0;
        z-index: 1; }
        .team-peoples-carousel .team-peoples .people > .people-profile > .name-job {
          position: relative;
          overflow: hidden;
          margin-bottom: 25px; }
          .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name {
            font-size: 1.285em;
            font-weight: 400;
            color: #2d81e0;
            text-transform: uppercase;
            letter-spacing: 0.10em; }
            .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
              content: attr(data-name);
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%);
              font-size: 2.5em;
              line-height: 1em;
              color: #000;
              text-align: center;
              width: 130%;
              opacity: 0.03; }
      .team-peoples-carousel .team-peoples .people.swiper-slide-active {
        z-index: 5; }
        .team-peoples-carousel .team-peoples .people.swiper-slide-active > .people-img {
          opacity: 1;
          -webkit-transform: scale(1.05);
                  transform: scale(1.05);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
        .team-peoples-carousel .team-peoples .people.swiper-slide-active > .people-profile {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
          opacity: 1; }
  .team-peoples-carousel > [data-swiper="next"],
  .team-peoples-carousel > [data-swiper="prev"] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-120%);
            transform: translateY(-120%);
    font-size: 45px;
    z-index: 25;
    color: #2d81e0;
    cursor: pointer;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
  .team-peoples-carousel [data-swiper="prev"] {
    left: 0; }
  .team-peoples-carousel [data-swiper="next"] {
    right: 0; }
  .team-peoples-carousel:hover [data-swiper="prev"] {
    left: 60px;
    opacity: 1; }
  .team-peoples-carousel:hover [data-swiper="next"] {
    right: 60px;
    opacity: 1; }

/* 5.7 Portfolio */
.filter-btns {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 25px;
}
  .filter-btns > button {
	border: 0;
	background-color: transparent;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
    .filter-btns > button.active, .filter-btns > button:hover {
	color: #419cf5;
}
 

.masonry-grid {
  max-width: 100%;
  margin: 0 auto; }
  .masonry-grid > .grid-sizer {
    width: 20%; }
  .masonry-grid > .grid-item {
    float: left;
    height: 390px;
    padding: 5px;
    width: 20%; }
    .masonry-grid > .grid-item > .content {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
      .masonry-grid > .grid-item > .content > img {
        width: 100%;
        height: auto; }
      .masonry-grid > .grid-item > .content .item-img {
        width: 100%;
        height: 100%;
        background-size: cover;
        transition: all 0.15s ease-in-out; }
      .masonry-grid > .grid-item > .content > .overlay-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(27, 126, 190, 0.85);
	opacity: 0;
	transition: all 0.15s ease-in-out;
}
        .masonry-grid > .grid-item > .content > .overlay-content .info {
          color: #FFF;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          text-align: center; }
          .masonry-grid > .grid-item > .content > .overlay-content .info > .title {
            font-size: 1.285em;
            font-weight: 400;
            margin: 0;
            margin-bottom: 15px;
            text-transform: uppercase;
            -webkit-transform: translateY(-150%);
                    transform: translateY(-150%);
            opacity: 0;
            transition: all 0.2s ease-in-out;
            transition-delay: 0.20s; }
          .masonry-grid > .grid-item > .content > .overlay-content .info > .categories {
            font-weight: 400;
            -webkit-transform: translateY(-150%);
                    transform: translateY(-150%);
            opacity: 0;
            transition: all 0.2s ease-in-out;
            transition-delay: 0.30s; }
        .masonry-grid > .grid-item > .content > .overlay-content > .action {
          position: absolute;
          bottom: 5%;
          right: 43%; }
          .masonry-grid > .grid-item > .content > .overlay-content > .action > a {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: #FFF;
            color: #000;
            border-radius: 50%;
            position: relative;
            margin: 5px;
            opacity: 0;
            -webkit-transform: translateY(50px);
                    transform: translateY(50px);
            transition: all 0.2s ease-in-out;
            transition-delay: 0.40s; }
            .masonry-grid > .grid-item > .content > .overlay-content > .action > a:last-child {
              transition-delay: 0.45s; }
            .masonry-grid > .grid-item > .content > .overlay-content > .action > a > i {
              position: absolute;
              font-size: 20px;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%); }
      .masonry-grid > .grid-item > .content:hover > .item-img {
        -webkit-transform: scale(1.05) rotate(2deg);
                transform: scale(1.05) rotate(2deg); }
      .masonry-grid > .grid-item > .content:hover > .overlay-content {
        opacity: 1; }
        .masonry-grid > .grid-item > .content:hover > .overlay-content .info > .title,
        .masonry-grid > .grid-item > .content:hover > .overlay-content .info > .categories {
          opacity: 1;
          -webkit-transform: translateY(0%);
                  transform: translateY(0%); }
        .masonry-grid > .grid-item > .content:hover > .overlay-content .action a {
          opacity: 1;
          -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
    .masonry-grid > .grid-item.width2 {
      width: 40%; }
    .masonry-grid > .grid-item.width3 {
      width: 26.666666667%; }
    .masonry-grid > .grid-item.width4 {
      width: 33%; }
    .masonry-grid > .grid-item.width5 {
	width: 49.9%;
}
    .masonry-grid > .grid-item.height2 {
      height: 780px; }

/* 5.8 Process Flow */
.process-flow-nav {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 10px; margin-top: 10px; }
  .process-flow-nav > li {
    list-style: none;
    display: inline-block;
    margin: 0 10px; }
    .process-flow-nav > li > a {
      display: inline-block;
      color: inherit; }
      .process-flow-nav > li > a:hover,
      .process-flow-nav > li > a:focus,
      .process-flow-nav > li > a:active {
        text-decoration: none; }
      .process-flow-nav > li > a > i {
        display: block;
        width: 65px;
        height: 65px;
        font-size: 2.571em;
        border: 2px solid #DDD;
        border-radius: 40px;
        transition: all 0.15s ease-in-out;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        margin-bottom: 10px;
        position: relative; }
        .process-flow-nav > li > a > i:before {
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
                  transform: translate(-50%, -50%) rotate(45deg); }
      
        .process-flow-nav > li > a > i:hover {
          background-color: #2d81e0;
          background-image: url(../img/iconalt.svg);
          background-position: center center;
          background-size: 100% 100%;
          color: #FFF; }
      .process-flow-nav > li > a > span {
        display: block;
        font-size: 1.071em;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.10em; }
    .process-flow-nav > li.active > a > i {
      background-color: #2d81e0;
      background-image: url(../img/iconalt.svg);
      background-position: center center;
      background-size: 100% 100%;
      color: #FFF; }
    .process-flow-nav > li:last-child > a > i:after {
      display: none; }

.process-flow-content {
  position: relative;
  margin-bottom: 50px; }
  .process-flow-content .flow-title {
    display: inline-block;
    font-size: 1.285em;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    margin-top: 0;
    border-bottom: 2px solid #2d81e0;
    padding-bottom: 7px;
    margin-bottom: 25px; }
  .process-flow-content .flow-content {
    font-size: 1.142em;
    line-height: 1.5em; }

/* 5.9 Client Says */
.clients-says-carousel .clients-says-items {
	margin-bottom: 45px;
}
  .clients-says-carousel .clients-says-items > .item > .info {
	margin-bottom: 25px;
}
    .clients-says-carousel .clients-says-items > .item > .info > .photo {
      width: 180px;
      height: 180px;
      border-radius: 60px;
      overflow: hidden;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin: 15px auto;
      margin-bottom: 35px;
      position: relative; }
      .clients-says-carousel .clients-says-items > .item > .info > .photo > img {
        width: 100%;
        height: auto;
        -webkit-transform: rotate(-45deg) scale(1.2);
                transform: rotate(-45deg) scale(1.2); }
    .clients-says-carousel .clients-says-items > .item > .info > .name-job {
      text-align: center; }
      .clients-says-carousel .clients-says-items > .item > .info > .name-job > .name {
        font-size: 1.285em;
        margin: 0;
        margin-bottom: 10px;
        font-weight: 400;
        text-transform: uppercase; }
      .clients-says-carousel .clients-says-items > .item > .info > .name-job > .job {
        font-style: italic; }
  .clients-says-carousel .clients-says-items > .item > .content {
    text-align: center;
    font-size: 1.142em; }

.info { 
 text-align: center;

}



.center img { 
	width: 85%;
}




.clients-says-carousel .controls {
  position: relative;
  text-align: center; }
  .clients-says-carousel .controls [data-swiper="next"],
  .clients-says-carousel .controls [data-swiper="prev"] {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #FFF;
    border-radius: 10px;
    color: #000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: 0 10px;
    transition: all 0.15s ease-in-out; }
    .clients-says-carousel .controls [data-swiper="next"] > i,
    .clients-says-carousel .controls [data-swiper="prev"] > i {
      font-size: 1.5em;
      text-align: center;
      line-height: 1.8em; }
    .clients-says-carousel .controls [data-swiper="next"]:hover,
    .clients-says-carousel .controls [data-swiper="prev"]:hover {
      background-color: #2d81e0;
      color: #FFF; }

/* 5.10 Awesome clients */
.clients-logo .logo-item {
  height: 310px;
  position: relative; }
  .clients-logo .logo-item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
    .clients-logo .logo-item > a > img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      opacity: 0.30;
      transition: all 0.15s ease-in-out; }
    .clients-logo .logo-item > a:hover > img {
      opacity: 1; }

.clients-logo div:nth-child(3) .logo-item > a {
  border-right: none; }

.clients-logo div:nth-child(6) .logo-item > a {
  border-right: none; }

.clients-logo div:nth-child(9) .logo-item > a {
  border-right: none; }
  
  .clients-logo div:nth-child(12) .logo-item > a {
  border-right: none; }
  
  .clients-logo div:nth-child(15) .logo-item > a {
  border-right: none; }
  
  .clients-logo div:nth-child(18) .logo-item > a {
  border-right: none; }


.clients-logo div:nth-child(21) .logo-item > a {
  border-right: none; }
  
  .clients-logo div:nth-child(24) .logo-item > a {
  border-right: none; }
  
    .clients-logo div:nth-child(27) .logo-item > a {
  border-right: none; }
  
    .clients-logo div:nth-child(30) .logo-item > a {
  border-right: none; }
/*.clients-logo div:nth-of-type(n+7) .logo-item > a {
  border-bottom: none; } */

/* 5.11 Special */
.special-vertical-carousel .swiper-container {
  height: 100px;
  overflow: hidden; }
  .special-vertical-carousel .swiper-container .swiper-slide > h3 {
    font-size: 1.028em;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center; }
  .special-vertical-carousel .swiper-container .swiper-slide > h2 {
    font-size: 1.642em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0; }
  .special-vertical-carousel .swiper-container .swiper-pagination > span {
    height: 20px;
    background-color: #6b6b6b;
    border-radius: 25px;
    opacity: 1;
    width: 4px;
    margin: 10px 0; }
    .special-vertical-carousel .swiper-container .swiper-pagination > span.swiper-pagination-bullet-active {
      background-color: #2d81e0; }

/* 5.12 Contact */
.contact-form input,
.contact-form textarea {
  width: 100%;
  border: 1px solid #e4e4e4;
  padding: 15px 30px;
  margin-bottom: 25px;
  transition: all 0.15s ease-in-out; }
  .contact-form input textarea,
  .contact-form textarea textarea {
    margin-bottom: 50px; }
  .contact-form input:focus,
  .contact-form textarea:focus {
    outline-color: transparent;
    border-color: #2d81e0; }

/* 5.13 Map */
.gmap3-section {
  height: 150px;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  transition: all 0.5s ease-in-out; }
  .gmap3-section.full {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    height: 500px; }
  .gmap3-section .gmap3-area {
    height: 500px; }

[data-toogle="map"]:hover {
  cursor: pointer; }

/* 5.12 Footer */
.footer-description {
  font-size: 1.142em;
  line-height: 1.5em;
  letter-spacing: 0.020em; }

.contact-address {
  font-weight: 400;
  letter-spacing: 0.050em; }
  .contact-address > li {
    margin-bottom: 15px; }

.copyright {
  background-color: #000;
  padding: 40px 0;
  margin-bottom: 40px;
  font-size: 0.857em;
  font-weight: 400;
  letter-spacing: 0.10em;
  color: #FFF; }
  .copyright a {
    color: #52a0f7; }
    .copyright a:hover {
      color: #7db9fd; }

/*==================================== */
/* =            6. Blog              = */
/* ====================================*/
/* 6.1 Banner Static */
.static-banner {
  position: relative;
  margin-bottom: 20px; }
  .static-banner .banner-content {
	text-align: center;
	position: absolute;
	top: 65%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
    .static-banner .banner-content > h1 {
	font-size: 5.714em;
	letter-spacing: 0.020em;
	font-weight: 100;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	margin-bottom: 40px;
}
      .static-banner .banner-content > h1.size2 {
        font-size: 4em; }
      .static-banner .banner-content > h1 > span {
        font-weight: 400;
        color: #2d81e0; }
      .static-banner .banner-content > h1.huge > span {
        font-weight: 700; }
    .static-banner .banner-content > p {
      font-size: 1.142em;
      letter-spacing: 0.020em;
      line-height: 1.5em; }
    .static-banner .banner-content .date {
      font-size: 1.428em;
      letter-spacing: 0.050em;
      color: #2d81e0;
      text-decoration: underline; }

/* 6.2 Blog */
.blog-container {
	background-color: #f2f4f6;
	padding-top: 10px;
	padding-bottom: 150px;
}

.blog-posts article.post {
	margin-bottom: 10px;
	border-bottom: 1px dashed #c7c7c7;
}
  .blog-posts article.post .entry-featured {
    margin-bottom: 40px; }
    .blog-posts article.post .entry-featured > img {
      max-width: 100%;
      height: auto; }
    .blog-posts article.post .entry-featured.qoute blockquote {
      position: relative;
      padding: 100px 80px;
      font-size: 1.142em;
      line-height: 1.75em;
      font-weight: 400;
      letter-spacing: 0.050em;
      font-style: italic; }
      .blog-posts article.post .entry-featured.qoute blockquote:before,
      .blog-posts article.post .entry-featured.qoute blockquote:after {
        position: absolute;
        color: #2d81e0;
        font-size: 30px;
        font-family: FontAwesome;
        font-style: normal; }
      .blog-posts article.post .entry-featured.qoute blockquote:before {
        content: "\f10d";
        top: 80px;
        left: 50px; }
      .blog-posts article.post .entry-featured.qoute blockquote:after {
        content: "\f10e";
        bottom: 80px;
        right: 50px; }
    .blog-posts article.post .entry-featured.carousel .item img {
      max-width: 100%;
      height: auto; }
    .blog-posts article.post .entry-featured.carousel .dt-carousel-control {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #d5d9dc;
      font-size: 40px;
      line-height: 0.75em;
      text-decoration: none; }
	  
	  
	  
      .blog-posts article.post .entry-featured.carousel .dt-carousel-control:hover {
        text-decoration: none;
        background-color: rgba(33, 149, 230, 0.4); }
		
		
      .blog-posts article.post .entry-featured.carousel .dt-carousel-control.left {
        left: 50px; }
      .blog-posts article.post .entry-featured.carousel .dt-carousel-control.right {
        right: 50px; }
    .blog-posts article.post .entry-featured.video .mejs-video {
      max-width: 100%; }
      .blog-posts article.post .entry-featured.video .mejs-video video {
        max-width: 100%; }

  .blog-posts article.post .entry-inside {
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 350;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}
    .blog-posts article.post .entry-inside > .entry-title {
      font-size: 1.428em;
      line-height: 1.5em;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.060em;
      margin-top: 0;
      margin-bottom: 30px;
	  	font-family: 'Open Sans', sans-serif; }
      .blog-posts article.post .entry-inside > .entry-title > a {
        color: #000; }
        .blog-posts article.post .entry-inside > .entry-title > a:hover {
          color: #2d81e0; }
    .blog-posts article.post .entry-inside > .entry-excerpt {
	margin-bottom: 40px;
	letter-spacing: 0.020em;
	font-family: 'Open Sans', sans-serif;
	margin-right: 10px;
}
    .blog-posts article.post .entry-inside > .entry-meta {
      margin: 0;
      padding: 0; }
      .blog-posts article.post .entry-inside > .entry-meta > li {
        display: inline-block;
        color: #999999;
        margin-right: 25px; }
        .blog-posts article.post .entry-inside > .entry-meta > li > i {
          margin-right: 10px; }
        .blog-posts article.post .entry-inside > .entry-meta > li > a {
          color: #999999; }
          .blog-posts article.post .entry-inside > .entry-meta > li > a:hover {
            color: #2d81e0; }
  .blog-posts article.post .entry-readmore {
    font-size: 5em;
    line-height: 0.3em;
    color: #000; }
    .blog-posts article.post .entry-readmore > i {
      line-height: 1em; }
    .blog-posts article.post .entry-readmore:hover {
      color: #2d81e0; }
  .blog-posts article.post:before,
  .blog-posts article.post:after {
    content: "";
    display: table; }
  .blog-posts article.post:after {
    clear: both; }

/* 6.3 Blog Single */
.single-post article.post .entry-inside > .entry-meta {
  margin-bottom: 30px; }

.single-post article.post .entry-inside .entry-content p {
  margin-bottom: 65px;
	font-weight: 350;
	font-family: 'Open Sans', sans-serif;
   }
  

.entry-content {
	 font-size:15px; 
	 font-weight: 350;
	font-family: 'Open Sans', sans-serif;
  }
  #process-flow .entry-content p {
	 font-size:16px; 
	 font-weight: 350;
	font-family: 'Open Sans', sans-serif;
  }

.single-post .post-share {
  margin-bottom: 50px; }

.single-post .dti-pager {
	border-bottom: 1px dashed #c7c7c7;
	padding-bottom: 10px;
	margin-bottom: 100px;
}

.single-post .comments-area {
  margin-bottom: 100px; }

/* 6.4 Comments */
.comments-area .comments-title {
  font-size: 1.142em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 70px; }

.comment-list {
  padding-left: 0; }
  .comment-list li.comment {
    list-style: none;
    margin-bottom: 50px;
    border-bottom: 1px dashed #c7c7c7; }
    .comment-list li.comment .comment-body {
      padding-bottom: 45px; }
      .comment-list li.comment .comment-body > .avatar {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        float: left; }
      .comment-list li.comment .comment-body .comment-meta {
        overflow: hidden;
        margin-bottom: 20px; }
        .comment-list li.comment .comment-body .comment-meta > .comment-author {
          float: left; }
          .comment-list li.comment .comment-body .comment-meta > .comment-author > .fn {
            font-weight: 700;
            text-transform: uppercase; }
            .comment-list li.comment .comment-body .comment-meta > .comment-author > .fn > a {
              color: #000; }
              .comment-list li.comment .comment-body .comment-meta > .comment-author > .fn > a:hover {
                color: #2d81e0; }
        .comment-list li.comment .comment-body .comment-meta > .comment-metadata {
          float: right; }
          .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-date {
            color: #999999; }
            .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-date:hover {
              color: #2d81e0; }
          .comment-list li.comment .comment-body .comment-meta > .comment-metadata > span {
            padding: 0 5px;
            font-weight: bold; }
          .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-reply-link {
            color: #000; }
            .comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-reply-link:hover {
              color: #2d81e0; }
        .comment-list li.comment .comment-body .comment-meta:before,
        .comment-list li.comment .comment-body .comment-meta:after {
          content: "";
          display: table; }
        .comment-list li.comment .comment-body .comment-meta:after {
          clear: both; }
      .comment-list li.comment .comment-body .comment-content {
        padding-left: 100px; }
      .comment-list li.comment .comment-body:before,
      .comment-list li.comment .comment-body:after {
        content: "";
        display: table; }
      .comment-list li.comment .comment-body:after {
        clear: both; }
    .comment-list li.comment > .children .comment {
      border-bottom: none; }
      .comment-list li.comment > .children .comment:last-child {
        margin-bottom: 0; }
    .comment-list li.comment:last-child {
      margin-bottom: 0; }

/*==================================== */
/* =            7. Layout            = */
/* ====================================*/
/* 7.1 Dark Layout */
.dark-layout {
  background-color: #000;
  color: #bfbfbf; }
  .dark-layout input, .dark-layout textarea {
    background-color: #000;
    border-color: #1a1a1a; }
  .dark-layout .site-header {
    background-color: #000; }
    .dark-layout .site-header.scrolled {
      background-color: #000;
      border-bottom-color: #1a1a1a; }
    .dark-layout .site-header #logo > a > img {
      display: none; }
      .dark-layout .site-header #logo > a > img.transparent-logo {
        display: block; }
    .dark-layout .site-header .social-icons > li > a {
      color: #bfbfbf; }
      .dark-layout .site-header .social-icons > li > a:hover {
        color: #2d81e0; }
    .dark-layout .site-header #top-menu .menu-items > li > a {
      color: #bfbfbf; }
      .dark-layout .site-header #top-menu .menu-items > li > a:hover {
        color: #2d81e0; }
    .dark-layout .site-header #top-menu .nav-trigger > .icon-bar > span {
      border-bottom-color: #bfbfbf; }
    .dark-layout .site-header #top-menu .nav-trigger > .text {
      color: #FFF; }
  .dark-layout.transparent-menu .site-header {
    background-color: transparent; }
    .dark-layout.transparent-menu .site-header.scrolled {
      background-color: #000;
      border-bottom-color: #1a1a1a; }
    .dark-layout.transparent-menu .site-header .social-icons > li > a {
      color: #bfbfbf; }
      .dark-layout.transparent-menu .site-header .social-icons > li > a:hover {
        color: #2d81e0; }
    .dark-layout.transparent-menu .site-header #top-menu .menu-items > li > a {
      color: #bfbfbf; }
      .dark-layout.transparent-menu .site-header #top-menu .menu-items > li > a:hover {
        color: #2d81e0; }
    .dark-layout.transparent-menu .site-header #top-menu .nav-trigger > .icon-bar > span {
      border-bottom-color: #bfbfbf; }
    .dark-layout.transparent-menu .site-header #top-menu .nav-trigger > .text {
      color: #FFF; }
    .dark-layout.transparent-menu .site-header #logo > a > img {
      display: none; }
      .dark-layout.transparent-menu .site-header #logo > a > img.transparent-logo {
        display: block; }
  .dark-layout .side-menu > ul > li > a {
    color: #bfbfbf; }
    .dark-layout .side-menu > ul > li > a:hover {
      color: #2d81e0; }
  .dark-layout .side-menu > ul > li.active a {
    color: #2d81e0; }
  .dark-layout .glass-icon > i {
    background-color: #404040; }
  .dark-layout .features-circle .middle-circle {
    border-color: #bfbfbf; }
    .dark-layout .features-circle .middle-circle > .icon {
      background-color: #404040;
      border-color: #bfbfbf; }
      .dark-layout .features-circle .middle-circle > .icon:nth-of-type(1) > span {
        background-image: url(../img/d-left-1-gray.png); }
      .dark-layout .features-circle .middle-circle > .icon:nth-of-type(2) > span {
        background-image: url(../img/d-left-2-gray.png); }
      .dark-layout .features-circle .middle-circle > .icon:nth-of-type(3) > span {
        background-image: url(../img/d-left-3-gray.png); }
      .dark-layout .features-circle .middle-circle > .icon:nth-of-type(4) > span {
        background-image: url(../img/d-right-1-gray.png); }
      .dark-layout .features-circle .middle-circle > .icon:nth-of-type(5) > span {
        background-image: url(../img/d-right-2-gray.png); }
      .dark-layout .features-circle .middle-circle > .icon:nth-of-type(6) > span {
        background-image: url(../img/d-right-3-gray.png); }
      .dark-layout .features-circle .middle-circle > .icon:nth-of-type(7) > span {
        background-image: url(../img/d-right-4-gray.png); }
  .dark-layout .triangle > span {
    color: #000; }
  .dark-layout .footer-blank {
    background-color: #000;
    border-top-color: #1a1a1a; }
  .dark-layout .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
    color: #FFF; }
  .dark-layout .pricing-table {
    background-color: #000; }
    .dark-layout .pricing-table.active {
      box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.25); }
  .dark-layout .clients-logo .logo-item > a {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a; }
  .dark-layout .section-header > .heading-effect {
    border-bottom: 2px dashed rgba(255, 255, 255, 0.2); }
    .dark-layout .section-header > .heading-effect:before {
      border-right: 2px dashed rgba(255, 255, 255, 0.2); }






/* 7.2 Responsive */
@media (max-width: 1024px) {
  .circle-iconic-box > .box-item {
    width: 200px; }
  .circle-iconic-box.left-side > .box-item:nth-of-type(1) {
    top: -20px;
    left: 100px; }
  .circle-iconic-box.left-side > .box-item:nth-of-type(2) {
    top: 100px;
    left: 70px; }
  .circle-iconic-box.left-side > .box-item:nth-of-type(3) {
    top: 220px;
    left: 110px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(1) {
    top: -50px;
    left: -20px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(2) {
    top: 80px;
    left: 0px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(3) {
    top: 200px;
    left: -20px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(4) {
    top: 325px;
    left: -90px; }
  .features-circle {
    position: relative; }
    .features-circle .middle-circle {
      width: 250px;
      height: 250px; }
      .features-circle .middle-circle > .icon.size-xxl {
        width: 100px;
        height: 100px; }
        .features-circle .middle-circle > .icon.size-xxl > i {
          font-size: 26px; }
      .features-circle .middle-circle > .icon.size-m {
        width: 50px;
        height: 50px; }
        .features-circle .middle-circle > .icon.size-m > i {
          font-size: 14px; }
      .features-circle .middle-circle > .icon.size-l {
        width: 75px;
        height: 75px; }
        .features-circle .middle-circle > .icon.size-l > i {
          font-size: 18px; }
      .features-circle .middle-circle > .icon.size-xl {
        width: 85px;
        height: 85px; }
        .features-circle .middle-circle > .icon.size-xl > i {
          font-size: 20px; }
      .features-circle .middle-circle > .icon:nth-of-type(1) {
        top: -40px;
        left: 0px; }
        .features-circle .middle-circle > .icon:nth-of-type(1) > span {
          width: 40px;
          height: 11px;
          top: 20px;
          left: -50px; }
      .features-circle .middle-circle > .icon:nth-of-type(2) {
        top: 75px;
        left: -25px; }
        .features-circle .middle-circle > .icon:nth-of-type(2) > span {
          width: 20px;
          height: 11px;
          top: 20px;
          left: -30px; }
      .features-circle .middle-circle > .icon:nth-of-type(3) {
        top: 150px;
        left: -20px; }
        .features-circle .middle-circle > .icon:nth-of-type(3) > span {
          width: 40px;
          height: 28px;
          top: 50px;
          left: -40px; }
      .features-circle .middle-circle > .icon:nth-of-type(4) {
        top: -30px;
        right: 50px; }
        .features-circle .middle-circle > .icon:nth-of-type(4) > span {
          width: 120px;
          height: 33px;
          background-position-x: -30px;
          top: -10px;
          left: 70px; }
      .features-circle .middle-circle > .icon:nth-of-type(5) {
        top: 40px;
        right: -20px; }
        .features-circle .middle-circle > .icon:nth-of-type(5) > span {
          width: 40px;
          height: 11px;
          background-position-x: -5px;
          top: 35px;
          left: 80px; }
      .features-circle .middle-circle > .icon:nth-of-type(6) {
        top: 160px;
        right: -5px; }
        .features-circle .middle-circle > .icon:nth-of-type(6) > span {
          width: 45px;
          height: 11px;
          top: 40px;
          left: 80px; }
      .features-circle .middle-circle > .icon:nth-of-type(7) {
        top: 200px;
        right: 90px; }
        .features-circle .middle-circle > .icon:nth-of-type(7) > span {
          width: 86px;
          height: 28px;
          top: 110px;
          left: 75px; }
  .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
    font-size: 1.7em; }
  .masonry-grid > .grid-sizer {
    width: 33.33333333333333%; }
  .masonry-grid > .grid-item {
    height: 250px; }
    .masonry-grid > .grid-item.height2 {
      height: 500px; } }

@media (max-width: 992px) {
  #header
#logo {
    float: none; }
  #top-menu {
    float: none;
    position: inherit;
    padding: 0; }
    #top-menu ul.menu-items {
      margin-top: 35px;
      margin-right: 0; }
      #top-menu ul.menu-items > li {
        display: block;
        border-bottom: 1px solid #E6E6E6; }
        #top-menu ul.menu-items > li:last-child {
          border-bottom: none; }
        #top-menu ul.menu-items > li > a {
          display: block; }
    #top-menu .nav-trigger {
      top: 45px;
      right: 40px; }
  #top-social {
    float: none;
    position: absolute;
    top: 35px;
    right: 155px; }
  .site-header.scrolled #top-social {
    top: 10px; }
  .site-header.scrolled #top-menu .nav-trigger {
    top: 15px; }
  .transparent-menu .site-header {
    padding-top: 15px; }
    .transparent-menu .site-header #top-social {
      float: none;
      position: absolute;
      top: 10px;
      right: 155px; }
    .transparent-menu .site-header #top-menu .nav-trigger {
      top: 15px;
      right: 40px; }





	


@media (max-width: 768px) {
	
	.full-screen {
	height: 35vh;
}
  .full-screen > .overlay {
    height: 40vh; }
	
	.full-screen3 {
	height: 60vh;
}
  .full-screen3 > .overlay {
    height: 100vh; }
	
	
  body,
  .transparent-menu {
    padding: 0; }
  .side-menu,
  .footer-blank,
  #top-social {
    display: none; }
  #back-to-top {
    bottom: 0;
    right: 0; }
  .circle-iconic-box.left-side > .box-item:nth-of-type(1) {
    top: -20px;
    left: 0px; }
  .circle-iconic-box.left-side > .box-item:nth-of-type(2) {
    top: 100px;
    left: 20px; }
  .circle-iconic-box.left-side > .box-item:nth-of-type(3) {
    top: 220px;
    left: 0px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(1) {
    top: -50px;
    left: -20px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(2) {
    top: 80px;
    left: 0px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(3) {
    top: 200px;
    left: -20px; }
  .circle-iconic-box.right-side > .box-item:nth-of-type(4) {
    top: 325px;
    left: -30px; }
  .features-circle {
    position: relative; }
    .features-circle .middle-circle > .icon:nth-of-type(4) {
      top: -30px; }
      .features-circle .middle-circle > .icon:nth-of-type(4) > span {
        width: 70px;
        background-position-x: -75px;
        top: 0px; }
    .features-circle .middle-circle > .icon:nth-of-type(5) > span {
      background-position-x: -15px; }
    .features-circle .middle-circle > .icon:nth-of-type(6) > span {
      width: 30px;
      background-position-x: -20px; }
  .masonry-grid > .grid-sizer {
    width: 49.9%; }
  .masonry-grid > .grid-item {
    width: 49.9%;
    height: 300px; }
    .masonry-grid > .grid-item.width2 {
      width: 49.9%; }
    .masonry-grid > .grid-item.width3 {
      width: 49.9%; }
    .masonry-grid > .grid-item.width4 {
      width: 49.9%; }
    .masonry-grid > .grid-item.width5 {
      width: 49.9%; }
    .masonry-grid > .grid-item.height2 {
      height: 300px; }
  .process-flow-nav > li > a > i {
    width: 75px;
    height: 75px;
    border-radius: 25px;
    font-size: 1.8em; }
  .pricing-table {
    margin: 0 50px 50px; }
  .main-slider .slide-item .slide-caption .slide-mini-title {
    margin-bottom: 20px; }
  .main-slider .slide-item .slide-caption .slider-huge-title {
    font-size: 4em;
    margin-bottom: 20px; }
  .main-slider .slide-item .slide-caption .slide-tag {
    margin-bottom: 20px; }
  .main-slider .triangle {
    display: none; }
  .special-testimonial {
    padding: 95px 55px;
    width: 90%;
    border-top: 10px solid #FFF;
    border-left: 10px solid #FFF; }
    .special-testimonial:before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 140px;
      width: 10px;
      height: 100%;
      background-color: #fff; }
    .special-testimonial:after {
      content: '';
      position: absolute;
      right: 140px;
      bottom: 0;
      height: 10px;
      width: 100%;
      background-color: #fff; }
    .special-testimonial > .more {
      width: 100px;
      height: 100px;
      border-width: 0 0 100px 100px; }
      .special-testimonial > .more > i {
        top: 45px;
        left: -50px;
        font-size: 40px; }
    .special-testimonial > .title {
      font-size: 2em;
      margin-bottom: 40px; }
    .special-testimonial > .content {
      font-size: 1em;
      margin-bottom: 20px; }

	.entry-featured, .carousel, .carousel-inner, .full-screen{
		padding:0;
		margin:0;
	}


}
	  
	  
	  .plin{
		font-weight:400;  
	  }

@media (max-width: 480px) {
	
	  .blog-posts article.post .entry-inside {
	padding-top: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0;
}
		
  .masonry-grid > .grid-sizer {
    width: 100%; }
  .masonry-grid > .grid-item {
    width: 100%;
    height: 300px; }
    .masonry-grid > .grid-item.width2 {
      width: 100%; }
    .masonry-grid > .grid-item.width3 {
      width: 100%; }
    .masonry-grid > .grid-item.width4 {
      width: 100%; }
    .masonry-grid > .grid-item.width5 {
      width: 100%; }
    .masonry-grid > .grid-item.height2 {
      height: 300px; }
  .clients-logo .logo-item {
    margin-bottom: 25px; }
    .clients-logo .logo-item > a {
      border: 1px solid #e5e5e5 !important; } 
	
	
.full-screen {
	height: 28vh;
}
.full-screen > .overlay {
    height: 50vh; }
	
.full-screen3 {
	height: 60vh;
}
  .full-screen3 > .overlay {
    height: 100vh; }	
	
	

}
	
	
	
	
	
	}


.action .readmore {
	padding-left: 9px;
	padding-top: 9px;
	font-size: 1.5em
}


.left{
	text-align: left;
}




.bg-vid {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%; }

.heading{
	text-align: center;
}



/* Form validation iotia styles */
input:focus,
textarea:focus,
select:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error {
    border-color: red;
}

#contact-form input[type="email"].error {
    border-color: red;
}

#contact-form select.error {
    border-color: red;
}

#contact-form textarea.error {
    border-color: red;
}









	
/*radio ai */

.radio-ai-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

.radio-ai-container {
  width: 60%;
 
}

.radio-ai-box {
  max-width: 750px;   /* mai lat pe desktop */
  margin: 0 auto;
  text-align: center;
  padding: 2.5rem 2rem;
  border-radius: 12px;
  color: white;
  background: url('../images/violet.png') no-repeat center center;
  background-size: cover;
}

.radio-ai-box h3 {
  color: #c7b6ff;
  font-size: 1.8rem;
  margin-top: 1rem;
}

.radio-ai-box p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.radio-ai-box a {
  background: #8c52ff;
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding: 0.7rem 1.4rem;
  border-radius: 6px;
  display: inline-block;
}

.radio-ai-logo {
   max-width: 100px;
  margin: 0 auto 1rem auto;
  display: block;
}

.radio-ai-title {
  color: #c7b6ff;
  font-size: 1.5rem;

  margin-bottom: 1rem;
}

.radio-ai-text {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.radio-ai-button {
  background: #8c52ff;
  color: white;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  transition: background 0.3s ease;
  font-weight: bold;
  padding: 0.7rem 1.4rem;  
}

.radio-ai-button:hover {
  background: #a67aff;
}

/* Responsive */
@media (max-width: 768px) {
  .radio-ai-box {
    padding: 2rem 1rem;
  }

  .radio-ai-container {
    width: 90%;
  }

  .radio-ai-title {
    font-size: 1.2rem;
  }

  .radio-ai-text {
    font-size: 1rem;
  }

}