@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");




 /** Variables **/
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
   display: block;
 }

 a,
 a:hover,
 a:focus,
 a:active {
   text-decoration: none;
   outline: none;
 }

 a,
 button,
 input {
   outline: none;
 }

 ol,
 ul {
   padding: 0;
   margin: 0;
 }

 strong {
   font-weight: 700;
 }

 iframe {
   width: 100%;
   border: none;
   display: block;
 }

 p {
   margin: 0 0 15px;
 }

 *::-moz-selection {
   background: #0053a0;
   color: #fff;
   text-shadow: none;
 }

 ::-moz-selection {
   background: #0053a0;
   color: #fff;
   text-shadow: none;
 }

 ::selection {
   background: #0053a0;
   color: #fff;
   text-shadow: none;
 }

 textarea,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="date"],
 input[type="month"],
 input[type="time"],
 input[type="week"],
 input[type="number"],
 input[type="email"],
 input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"],
 .uneditable-input,
 select {
   font-family: inherit;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   vertical-align: middle;
   width: 100%;
   color: #8093a8;
   padding: 13px 15px 14px;
   border-radius: 0;
   font-weight: 400;
   background-color: #fff;
   text-transform: inherit;
   border: 1px solid rgba(0, 43, 92, 0.08);
   font-size: 14px;
   outline: none;
   line-height: inherit;
   letter-spacing: 0px;
 }

 button,
 input[type="submit"],
 input[type="button"],
 input[type="reset"] {
   display: inline-block;
   text-decoration: none;
   font-size: 13px;
   line-height: 21px;
   font-weight: 500;
   padding: 11px 40px 11px;
   border: 2px solid transparent;
   border-radius: 0;
   color: #fff;
   -webkit-transition: all 0.25s ease;
   transition: all 0.25s ease;
   cursor: pointer;
   outline: none;
   -webkit-font-smoothing: antialiased;
 }

 button:focus {
   box-shadow: none;
   outline: 0;
   border: 0;
 }

 textarea:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="time"]:focus,
 input[type="week"]:focus,
 input[type="number"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus {
   border: 1px solid #0053a0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -webkit-appearance: searchfield;
 }

 /* clears the 'X' from Internet Explorer */
 input[type="search"]::-ms-clear {
   display: none;
   width: 0;
   height: 0;
 }

 input[type="search"]::-ms-reveal {
   display: none;
   width: 0;
   height: 0;
 }

 /* clears the 'X' from Chrome */
 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
   display: none;
 }

 textarea:-moz-placeholder,
 textarea::-moz-placeholder,
 input:-moz-placeholder,
 input::-moz-placeholder,
 input:-ms-input-placeholder,
 input::-ms-input-placeholder,
 textarea::-webkit-input-placeholder,
 input::-webkit-input-placeholde {
   color: #fff;
 }

 menu,
 ol,
 ul {
   margin: 16px 0;
   padding: 0 0 0 25px;
 }

 :root {
   --main-skin: #0053a0;
   --main-dark: #0e204d;
   --light-dark: rgba(0, 0, 0s, 0.8);
   --main-white: #ffffff;
   --light-white: rgba(255, 255, 255, 0.8);
   --light-grey: #f7f7f5;
 }

 body {
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 26px;
   letter-spacing: 0.1px;
   color: #848e9f;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Poppins", sans-serif;
   margin-bottom: 15px;
   font-weight: 600;
   color: #0e204d;
 }

 h1 {
   font-size: 60px;
 }

 h2 {
   font-size: 50px;
 }

 h3 {
   font-size: 38px;
 }

 h4 {
   font-size: 30px;
 }

 h5 {
   font-size: 20px;
 }

 h6 {
   font-size: 18px;
 }

 .container {
   max-width: 1450px;
 }

 /** Extra-outer **/
 body .page {
   overflow: hidden;
   position: relative;
   z-index: 10;
 }

 body .site-main {
   background-color: #fff;
   position: relative;
   z-index: 1;
 }

 body .page.sidebar-true .site-main {
   padding: 0;
   background-color: #fff;
 }

 a {
   color: #0e204d;
 }

 a,
 img {
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 label {
   font-size: 14px;
 }

 .fs-16 {
   font-size: 16px !important;
   line-height: 24px;
 }

 .fs-18 {
   font-size: 18px !important;
   line-height: 26px;
 }

 .fs-20 {
   font-size: 20px !important;
   line-height: 30px;
 }

 .fs-22 {
   font-size: 22px !important;
   line-height: 26px;
 }

 .fs-24 {
   font-size: 24px !important;
   line-height: 26px;
 }

 .fs-26 {
   font-size: 26px !important;
   line-height: 36px;
 }

 .fs-28 {
   font-size: 28px !important;
   line-height: 38px;
 }

 .fs-30 {
   font-size: 30px !important;
   line-height: 40px;
 }

 .font-weight-500 {
   font-weight: 500 !important;
 }

 .font-weight-600 {
   font-weight: 600 !important;
 }

 .box-shadow {
   box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.1);
 }

 .border-rad_3 {
   border-radius: 3px;
   overflow: hidden;
 }

 .border-rad_4 {
   border-radius: 4px;
   overflow: hidden;
 }

 .border-rad_5 {
   border-radius: 5px;
   overflow: hidden;
 }

 .border-rad_6 {
   border-radius: 6px;
   overflow: hidden;
 }

 .border-rad_7 {
   border-radius: 7px;
   overflow: hidden;
 }

 .border-rad_8 {
   border-radius: 8px;
   overflow: hidden;
 }

 .border-rad_9 {
   border-radius: 9px;
   overflow: hidden;
 }

 .border-rad_10 {
   border-radius: 10px;
   overflow: hidden;
 }

 .alignleft {
   float: left;
   margin: 0.425em 1.75em 1.25em 0;
 }

 .alignright {
   float: right;
   margin: 0.425em 0 1.25em 1.75em;
 }

 .z-index_1 {
   z-index: -1;
 }

 .z-index-0 {
   z-index: 0;
 }

 .z-index-1 {
   z-index: 1;
 }

 .z-index-2 {
   z-index: 2;
 }

 .ttm_single_image-wrapper {
   position: relative;
 }

 .ttm_single_image-wrapper.ttm_single_image_hover {
   overflow: hidden;
 }

 .ttm_single_image-wrapper.ttm_single_image_hover:after {
   position: absolute;
   top: 0;
   left: -75%;
   display: block;
   content: "";
   width: 50%;
   height: 100%;
   background: -o-linear-gradient(left,
       rgba(255, 255, 255, 0) 0,
       rgba(255, 255, 255, 0.3) 100%);
   background: -webkit-gradient(linear,
       left top,
       right top,
       from(rgba(255, 255, 255, 0)),
       to(rgba(255, 255, 255, 0.3)));
   background: linear-gradient(to right,
       rgba(255, 255, 255, 0) 0,
       rgba(255, 255, 255, 0.3) 100%);
   -webkit-transform: skewX(-25deg);
   -ms-transform: skewX(-25deg);
   transform: skewX(-25deg);
 }

 .ttm_single_image-wrapper.ttm_single_image_hover:hover:after {
   -webkit-animation: shine 1s;
   animation: shine 1s;
 }

 @-webkit-keyframes shine {
   100% {
     left: 125%;
   }
 }

 @keyframes shine {
   100% {
     left: 125%;
   }
 }

 .ttm_single_image-wrapper .ttm-play-icon-btn {
   position: absolute;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }

 .ttm_single_image-wrapper.imagestyle-one {
   padding-right: 65px;
   margin-right: -65px;
   z-index: 9;
   padding-top: 65px;
 }

 .ttm_single_image-wrapper.imagestyle-one:before {
   background-image: url(../images/img-pattern-bg1.png);
   content: "";
   position: absolute;
   width: 190px;
   height: 226px;
   background-repeat: no-repeat;
   right: 0;
   top: 0;
   z-index: -1;
 }

 .ttm_single_image-wrapper.imagestyle-two {
   margin-top: 80px !important;
   margin-bottom: 50px !important;
 }

 .ttm_single_image-wrapper.imagestyle-two:before {
   content: "";
   position: absolute;
   height: calc(100% + 130px);
   width: 83%;
   left: 50%;
   top: -80px;
   z-index: -1;
   background-color: #f8f8f8;
 }

 .ttm_single_image-wrapper.imagestyle-two .ttm_single_image_text {
   font-size: 23px;
   font-weight: 500;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   padding-right: 110px;
   padding-left: 105px;
   transform: translateY(-35px);
 }

 .ttm_single_image-wrapper.imagestyle-two .ttm_single_image_text:before {
   background-color: #db2d46;
   -webkit-mask: url(../images/image-arrow.svg) no-repeat 100% 100%;
   -webkit-mask-box-image: url(../images/image-arrow.svg);
   content: "";
   position: absolute;
   width: 90px;
   height: 50px;
   background-repeat: no-repeat;
   left: 0;
   top: 0;
   right: auto;
 }

 /* ===============================================
    Spacing
------------------------*/

 /** Padding **/
 .spacing-1 {
   padding: 15px 30px;
   margin-right: -365px;
 }

 .spacing-2 {
   padding: 60px 60px 50px;
 }

 .spacing-3 {
   padding-top: 416px;
   margin-top: -300px;
 }

 .spacing-4 {
   padding: 15px 0;
   margin: 80px 0;
   margin-left: -30px;
   margin-right: 30px;
 }

 .spacing-5 {
   padding: 0 65px 30px;
   margin: 0 -65px;
   margin-top: -100px;
 }

 .spacing-6 {
   padding: 100px 15px 0 60px;
   margin-top: 100px;
 }

 .spacing-7 {
   padding: 35px 25px;
   width: 260px;
   position: absolute;
   bottom: 0;
   left: 0;
 }

 .spacing-8 {
   padding: 230px 0 100px 70px;
   margin-top: -230px;
   margin-left: -100px;
 }

 .spacing-9 {
   padding: 100px 345px 110px 0;
 }

 .spacing-10 {
   margin-left: -315px;
 }

 .spacing-11 {
   padding: 100px 90px 100px 0;
 }

 .spacing-12 {
   padding: 210px 0 100px 0;
   margin-top: -65px;
 }

 .p-10 {
   padding: 10px;
 }

 .p-15 {
   padding: 15px;
 }

 .p-20 {
   padding: 20px;
 }

 .p-30 {
   padding: 30px;
 }

 .p-40 {
   padding: 40px;
 }

 .p-50 {
   padding: 50px;
 }

 .p-60 {
   padding: 60px;
 }

 .p-80 {
   padding: 80px;
 }

 .p-100 {
   padding: 100px;
 }

 .padding_right0 {
   padding-right: 0 !important;
 }

 .padding_right5 {
   padding-right: 5px;
 }

 .padding_right10 {
   padding-right: 10px;
 }

 .padding_right15 {
   padding-right: 15px;
 }

 .padding_right20 {
   padding-right: 20px;
 }

 .padding_right25 {
   padding-right: 25px;
 }

 .padding_right30 {
   padding-right: 30px;
 }

 .padding_right35 {
   padding-right: 35px;
 }

 .padding_right40 {
   padding-right: 40px;
 }

 .padding_right45 {
   padding-right: 45px;
 }

 .padding_right50 {
   padding-right: 50px;
 }

 .padding_right55 {
   padding-right: 55px;
 }

 .padding_right60 {
   padding-right: 60px;
 }

 .padding_right65 {
   padding-right: 65px;
 }

 .padding_right70 {
   padding-right: 70px;
 }

 .padding_right75 {
   padding-right: 75px;
 }

 .padding_right80 {
   padding-right: 80px;
 }

 .padding_right85 {
   padding-right: 85px;
 }

 .padding_right90 {
   padding-right: 90px;
 }

 .padding_right95 {
   padding-right: 95px;
 }

 .padding_right100 {
   padding-right: 100px;
 }

 .padding_left0 {
   padding-left: 0px !important;
 }

 .padding_left3 {
   padding-left: 3px;
 }

 .padding_left5 {
   padding-left: 5px;
 }

 .padding_left10 {
   padding-left: 10px;
 }

 .padding_left15 {
   padding-left: 15px;
 }

 .padding_left20 {
   padding-left: 20px;
 }

 .padding_left25 {
   padding-left: 25px;
 }

 .padding_left30 {
   padding-left: 30px;
 }

 .padding_left35 {
   padding-left: 35px;
 }

 .padding_left40 {
   padding-left: 40px;
 }

 .padding_left45 {
   padding-left: 45px;
 }

 .padding_left50 {
   padding-left: 50px;
 }

 .padding_left55 {
   padding-left: 55px;
 }

 .padding_left60 {
   padding-left: 60px;
 }

 .padding_left65 {
   padding-left: 65px;
 }

 .padding_left70 {
   padding-left: 70px;
 }

 .padding_left75 {
   padding-left: 75px;
 }

 .padding_left80 {
   padding-left: 80px;
 }

 .padding_left85 {
   padding-left: 85px;
 }

 .padding_left90 {
   padding-left: 90px;
 }

 .padding_left95 {
   padding-left: 95px;
 }

 .padding_left100 {
   padding-left: 100px;
 }

 .padding_top0 {
   padding-top: 0px !important;
 }

 .padding_top1 {
   padding-top: 1px;
 }

 .padding_top5 {
   padding-top: 5px;
 }

 .padding_top10 {
   padding-top: 10px;
 }

 .padding_top15 {
   padding-top: 15px;
 }

 .padding_top20 {
   padding-top: 20px;
 }

 .padding_top25 {
   padding-top: 25px;
 }

 .padding_top30 {
   padding-top: 30px;
 }

 .padding_top35 {
   padding-top: 35px;
 }

 .padding_top40 {
   padding-top: 40px;
 }

 .padding_top45 {
   padding-top: 45px;
 }

 .padding_top50 {
   padding-top: 50px;
 }

 .padding_top55 {
   padding-top: 55px;
 }

 .padding_top60 {
   padding-top: 60px;
 }

 .padding_top65 {
   padding-top: 65px;
 }

 .padding_top70 {
   padding-top: 70px;
 }

 .padding_top75 {
   padding-top: 75px;
 }

 .padding_top80 {
   padding-top: 80px;
 }

 .padding_top90 {
   padding-top: 90px;
 }

 .padding_top100 {
   padding-top: 100px;
 }

 .padding_top120 {
   padding-top: 120px;
 }

 .padding_bottom0 {
   padding-bottom: 0px !important;
 }

 .padding_bottom5 {
   padding-bottom: 5px;
 }

 .padding_bottom10 {
   padding-bottom: 10px;
 }

 .padding_bottom15 {
   padding-bottom: 15px;
 }

 .padding_bottom20 {
   padding-bottom: 20px;
 }

 .padding_bottom25 {
   padding-bottom: 25px;
 }

 .padding_bottom30 {
   padding-bottom: 30px;
 }

 .padding_bottom35 {
   padding-bottom: 35px;
 }

 .padding_bottom40 {
   padding-bottom: 40px;
 }

 .padding_bottom45 {
   padding-bottom: 45px;
 }

 .padding_bottom50 {
   padding-bottom: 50px;
 }

 .padding_bottom55 {
   padding-bottom: 55px;
 }

 .padding_bottom60 {
   padding-bottom: 60px;
 }

 .padding_bottom70 {
   padding-bottom: 70px;
 }

 .padding_bottom80 {
   padding-bottom: 80px;
 }

 .padding_bottom90 {
   padding-bottom: 90px;
 }

 .padding_bottom100 {
   padding-bottom: 100px;
 }

 .padding_bottom120 {
   padding-bottom: 120px;
 }

 .padding_bottom130 {
   padding-bottom: 130px;
 }

 .padding_bottom140 {
   padding-bottom: 140px;
 }

 .padding_bottom150 {
   padding-bottom: 150px;
 }

 .padding_bottom160 {
   padding-bottom: 160px;
 }

 .padding_bottom170 {
   padding-bottom: 170px;
 }

 .padding_bottom180 {
   padding-bottom: 180px;
 }

 .padding_bottom190 {
   padding-bottom: 190px;
 }

 .padding_bottom200 {
   padding-bottom: 200px;
 }

 /** Margin **/
 .margin_top0 {
   margin-top: 0px !important;
 }

 .margin_top5 {
   margin-top: 5px;
 }

 .margin_top10 {
   margin-top: 10px;
 }

 .margin_top15 {
   margin-top: 15px;
 }

 .margin_top20 {
   margin-top: 20px;
 }

 .margin_top25 {
   margin-top: 25px;
 }

 .margin_top30 {
   margin-top: 30px;
 }

 .margin_top35 {
   margin-top: 35px;
 }

 .margin_top40 {
   margin-top: 40px;
 }

 .margin_top45 {
   margin-top: 45px;
 }

 .margin_top50 {
   margin-top: 50px;
 }

 .margin_top60 {
   margin-top: 60px;
 }

 .margin_top65 {
   margin-top: 65px;
 }

 .margin_top70 {
   margin-top: 70px;
 }

 .margin_top80 {
   margin-top: 80px;
 }

 .margin_top90 {
   margin-top: 90px;
 }

 .margin_top100 {
   margin-top: 100px;
 }

 .margin_top120 {
   margin-top: 120px;
 }

 .margin_top130 {
   margin-top: 130px;
 }

 .margin_top140 {
   margin-top: 140px;
 }

 .margin_top150 {
   margin-top: 150px;
 }

 .margin_top160 {
   margin-top: 160px;
 }

 .mt_5 {
   margin-top: -5px;
 }

 .mt_10 {
   margin-top: -10px;
 }

 .mt_15 {
   margin-top: -15px;
 }

 .mt_20 {
   margin-top: -20px;
 }

 .mt_25 {
   margin-top: -25px;
 }

 .mt_30 {
   margin-top: -30px;
 }

 .mt_35 {
   margin-top: -35px;
 }

 .mt_40 {
   margin-top: -40px;
 }

 .mt_50 {
   margin-top: -50px;
 }

 .mt_55 {
   margin-top: -55px;
 }

 .mt_60 {
   margin-top: -60px;
 }

 .mt_70 {
   margin-top: -70px;
 }

 .mt_80 {
   margin-top: -80px;
 }

 .mt_90 {
   margin-top: -90px;
 }

 .mt_100 {
   margin-top: -100px;
 }

 .mt_110 {
   margin-top: -110px;
 }

 .mt_120 {
   margin-top: -120px;
 }

 .mt_130 {
   margin-top: -130px;
 }

 .mt_140 {
   margin-top: -140px;
 }

 .mt_150 {
   margin-top: -150px;
 }

 .mt_160 {
   margin-top: -160px;
 }

 .mt_170 {
   margin-top: -170px;
 }

 .mt_180 {
   margin-top: -180px;
 }

 .mt_190 {
   margin-top: -190px;
 }

 .mt_200 {
   margin-top: -200px;
 }

 .mt_210 {
   margin-top: -210px;
 }

 .mt_220 {
   margin-top: -220px;
 }

 .mt_240 {
   margin-top: -240px;
 }

 .mt_260 {
   margin-top: -260px;
 }

 .mt_280 {
   margin-top: -280px;
 }

 .margin_bottom0 {
   margin-bottom: 0px !important;
 }

 .margin_bottom5 {
   margin-bottom: 5px;
 }

 .margin_bottom10 {
   margin-bottom: 10px;
 }

 .margin_bottom15 {
   margin-bottom: 15px;
 }

 .margin_bottom25 {
   margin-bottom: 25px;
 }

 .margin_bottom20 {
   margin-bottom: 20px;
 }

 .margin_bottom30 {
   margin-bottom: 30px;
 }

 .margin_bottom35 {
   margin-bottom: 35px;
 }

 .margin_bottom40 {
   margin-bottom: 40px;
 }

 .margin_bottom45 {
   margin-bottom: 45px;
 }

 .margin_bottom50 {
   margin-bottom: 50px;
 }

 .margin_bottom60 {
   margin-bottom: 60px;
 }

 .margin_bottom65 {
   margin-bottom: 65px;
 }

 .margin_bottom70 {
   margin-bottom: 70px;
 }

 .margin_bottom80 {
   margin-bottom: 80px;
 }

 .margin_bottom90 {
   margin-bottom: 90px;
 }

 .margin_bottom100 {
   margin-bottom: 100px;
 }

 .mb_5 {
   margin-bottom: -5px;
 }

 .mb_10 {
   margin-bottom: -10px;
 }

 .mb_15 {
   margin-bottom: -15px !important;
 }

 .mb_20 {
   margin-bottom: -20px;
 }

 .mb_25 {
   margin-bottom: -25px;
 }

 .mb_30 {
   margin-bottom: -30px;
 }

 .mb_40 {
   margin-bottom: -40px;
 }

 .mb_50 {
   margin-bottom: -50px;
 }

 .mb_60 {
   margin-bottom: -60px;
 }

 .mb_70 {
   margin-bottom: -70px;
 }

 .mb_80 {
   margin-bottom: -80px;
 }

 .mb_90 {
   margin-bottom: -90px;
 }

 .mb_100 {
   margin-bottom: -100px;
 }

 .mb_120 {
   margin-bottom: -120px;
 }

 .mb_140 {
   margin-bottom: -140px;
 }

 .margin_left0 {
   margin-left: 0px !important;
 }

 .margin_left10 {
   margin-left: 10px;
 }

 .margin_left15 {
   margin-left: 15px;
 }

 .margin_left20 {
   margin-left: 20px;
 }

 .margin_left30 {
   margin-left: 30px;
 }

 .margin_left40 {
   margin-left: 40px;
 }

 .margin_left50 {
   margin-left: 50px;
 }

 .margin_left60 {
   margin-left: 60px;
 }

 .margin_left70 {
   margin-left: 70px;
 }

 .margin_left80 {
   margin-left: 80px;
 }

 .margin_left90 {
   margin-left: 90px;
 }

 .margin_left100 {
   margin-left: 100px;
 }

 .margin_left110 {
   margin-left: 110px;
 }

 .margin_left120 {
   margin-left: 120px;
 }

 .margin_left120 {
   margin-left: 120px;
 }

 .margin_left130 {
   margin-left: 130px;
 }

 .margin_left140 {
   margin-left: 140px;
 }

 .margin_left150 {
   margin-left: 150px;
 }

 .margin_left160 {
   margin-left: 160px;
 }

 .margin_left170 {
   margin-left: 170px;
 }

 .margin_left180 {
   margin-left: 180px;
 }

 .margin_left190 {
   margin-left: 190px;
 }

 .margin_left200 {
   margin-left: 200px;
 }

 .ml_10 {
   margin-left: -10px;
 }

 .ml_15 {
   margin-left: -15px;
 }

 .ml_20 {
   margin-left: -20px;
 }

 .ml_25 {
   margin-left: -25px;
 }

 .ml_30 {
   margin-left: -30px;
 }

 .ml_35 {
   margin-left: -35px;
 }

 .ml_40 {
   margin-left: -40px;
 }

 .ml_50 {
   margin-left: -50px;
 }

 .ml_60 {
   margin-left: -60px;
 }

 .ml_70 {
   margin-left: -70px;
 }

 .ml_80 {
   margin-left: -80px;
 }

 .ml_90 {
   margin-left: -90px;
 }

 .ml_100 {
   margin-left: -100px;
 }

 .ml_110 {
   margin-left: -110px;
 }

 .ml_120 {
   margin-left: -120px;
 }

 .ml_130 {
   margin-left: -130px;
 }

 .ml_140 {
   margin-left: -140px;
 }

 .ml_150 {
   margin-left: -150px;
 }

 .ml_160 {
   margin-left: -160px;
 }

 .ml_180 {
   margin-left: -180px;
 }

 .ml_200 {
   margin-left: -200px;
 }

 .ml_210 {
   margin-left: -210px;
 }

 .ml_220 {
   margin-left: -220px;
 }

 .ml_240 {
   margin-left: -240px;
 }

 .ml_260 {
   margin-left: -260px;
 }

 .ml_280 {
   margin-left: -280px;
 }

 .ml_300 {
   margin-left: -300px;
 }

 .margin_right0 {
   margin-right: 0px !important;
 }

 .margin_right10 {
   margin-right: 10px;
 }

 .margin_right15 {
   margin-right: 15px;
 }

 .margin_right20 {
   margin-right: 20px;
 }

 .margin_right25 {
   margin-right: 25px;
 }

 .margin_right30 {
   margin-right: 30px;
 }

 .margin_right40 {
   margin-right: 40px;
 }

 .margin_right50 {
   margin-right: 50px;
 }

 .margin_right60 {
   margin-right: 60px;
 }

 .margin_right70 {
   margin-right: 70px;
 }

 .margin_right80 {
   margin-right: 80px;
 }

 .margin_right90 {
   margin-right: 90px;
 }

 .margin_right100 {
   margin-right: 100px;
 }

 .margin_right110 {
   margin-right: 110px;
 }

 .margin_right120 {
   margin-right: 120px;
 }

 .margin_right130 {
   margin-right: 130px;
 }

 .margin_right140 {
   margin-right: 140px;
 }

 .margin_right150 {
   margin-right: 150px;
 }

 .margin_right160 {
   margin-right: 160px;
 }

 .margin_right170 {
   margin-right: 170px;
 }

 .margin_right180 {
   margin-right: 180px;
 }

 .margin_right190 {
   margin-right: 190px;
 }

 .margin_right200 {
   margin-right: 200px;
 }

 .mr_10 {
   margin-right: -10px;
 }

 .mr_15 {
   margin-right: -15px;
 }

 .mr_20 {
   margin-right: -20px;
 }

 .mr_25 {
   margin-right: -25px;
 }

 .mr_30 {
   margin-right: -30px;
 }

 .mr_40 {
   margin-right: -40px;
 }

 .mr_50 {
   margin-right: -50px;
 }

 .mr_60 {
   margin-right: -60px;
 }

 .mr_70 {
   margin-right: -70px;
 }

 .mr_80 {
   margin-right: -80px;
 }

 .mr_90 {
   margin-right: -90px;
 }

 .mr_100 {
   margin-right: -100px;
 }

 .mr_130 {
   margin-right: -130px;
 }

 .mr_140 {
   margin-right: -140px;
 }

 .mr_150 {
   margin-right: -150px;
 }

 .mr_160 {
   margin-right: -160px;
 }

 .mr_180 {
   margin-right: -180px;
 }

 .mr_200 {
   margin-right: -200px;
 }

 .mr_210 {
   margin-right: -210px;
 }

 .mr_220 {
   margin-right: -220px;
 }

 .mr_240 {
   margin-right: -240px;
 }

 .mr_260 {
   margin-right: -260px;
 }

 .mr_280 {
   margin-right: -280px;
 }

 .mr_300 {
   margin-right: -300px;
 }

 /* ===============================================
    Color
------------------------*/
 /** 1.Skin-color **/
 .ttm-textcolor-skincolor,
 .ttm-textcolor-skincolor h1,
 .ttm-textcolor-skincolor h2,
 .ttm-textcolor-skincolor h3,
 .ttm-textcolor-skincolor h4,
 .ttm-textcolor-skincolor h5,
 .ttm-textcolor-skincolor h6,
 .ttm-textcolor-skincolor a,
 .ttm-textcolor-skincolor i,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
 a.ttm-textcolor-skincolor,
 i.ttm-textcolor-skincolor,
 :not(.ttm-bgcolor-darkgrey) a.ttm-textcolor-skincolor,
 :not(.ttm-bgcolor-darkgrey) i.ttm-textcolor-skincolor,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h1,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h2,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h3,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h4,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h5,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h6,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h1 span,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h2 span,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h3 span,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h4 span,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h5 span,
 .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h6 span,
 .ttm-bgcolor-darkgrey a:hover,
 .ttm-bgcolor-skincolor a:hover,
 .ttm-textcolor-white a:hover,
 .ttm-bgcolor-darkgrey a:hover i,
 .ttm-btn-color-skincolor,
 .ttm-bgcolor-darkgrey .ttm-btn-color-skincolor,
 .ttm-bgcolor-darkgrey .ttm-btn-color-skincolor i,
 .ttm-bgcolor-grey .ttm-btn-color-skincolor,
 .ttm-list-icon-color-skincolor li i,
 .ttm-icon_element-border.ttm-icon_element-color-skincolor,
 .ttm-icon_element-border.ttm-icon_element-color-grey,
 .ttm-btn-style-border.ttm-btn-color-skincolor,
 .ttm-icon_element-fill.ttm-icon_element-color-white,
 .ttm-icon_element-fill.ttm-icon_element-color-white i,
 .ttm-icon_element-color-skincolor,
 .ttm-icon_element-color-skincolor:not(.ttm-icon_element-fill) i,
 .ttm-bgcolor-darkgrey .ttm-icon_element-color-skincolor i,
 nav.main-menu ul.menu li>ul.mega-submenu li a:hover,
 nav.main-menu ul.menu li ul.mega-submenu li.active>a,
 nav.main-menu ul.menu li ul.mega-submenu li a:hover,
 nav.main-menu ul.menu li:hover>a,
 nav.main-menu,
 nav.main-menu ul.menu li>ul.mega-submenu>li:hover>a,
 nav.main-menu ul.menu li>ul.mega-submenu>li li:hover>a,
 .site-header-menu .site-navigation ul.menu>li>a:hover,
 .site-header-menu .site-navigation ul.menu>li.active>a,
 .ttm-header-style-02 .site-header-menu .site-navigation ul.menu>li:hover>a,
 div:not(.ttm-bgcolor-skincolor)>nav.main-menu ul.menu li.active>a,
 a:hover,
 .ttm-bgcolor-darkgrey a:hover,
 .ttm-header-style-02 .social-icons li a:hover,
 .ttm-header-style-02 .site-header-menu .site-navigation ul.menu>li>a:hover,
 .ttm-header-style-02 .site-header-menu .site-navigation ul.menu>li.active>a,
 .section-title h3,
 .ttm-bgcolor-darkgrey .section-title h3,
 .ttm-p_table-amount h3,
 .featured-imagebox-team.style3 .ttm-media-link a:hover,
 .featured-imagebox-team.style3 .ttm-media-link a:hover i,
 .featured-imagebox-post.style1 .ttm-media-link a:hover,
 .featured-imagebox-post.style1 .ttm-media-link a:hover i,
 .featured-imagebox-services.style1:hover .featured-content a:hover,
 .widget.widget-nav-menu ul li.active a:after,
 .widget.widget-nav-menu ul li:hover a:after,
 .ttm-team-details-list li a:hover,
 .widget ul#menu-footer-quick-links li a:before,
 .widget-categories ul li a:hover,
 .ttm-blog-single .ttm_tag_lists .ttm-tags-links-title i,
 .ttm-blog-single .post-meta .ttm-meta-line i,
 .ttm-blog-single blockquote:before {
   color: #0053a0;
 }

 /** Skin-bg-color **/
 .ttm-bgcolor-skincolor,
 .ttm-bgcolor-skincolor>.ttm-bg-layer,
 .ttm-bgcolor-skincolor>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
 .ttm-icon_element-fill.ttm-icon_element-color-skincolor,
 .ttm-btn-style-fill.ttm-btn-color-skincolor,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:after,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:before,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:before,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:before,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:after,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:before,
 .ttm-bgcolor-grey .tooltip:after,
 .ttm-bgcolor-grey [data-tooltip]:after,
 .ttm-bgcolor-darkgrey .tooltip:after,
 .ttm-bgcolor-darkgrey [data-tooltip]:after,
 .ttm-textcolor-skincolor .tooltip:after,
 .ttm-textcolor-skincolor [data-tooltip]:after,
 .slick_slider.slick-dots-style1 .slick-dots li.slick-active button,
 .slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
 .slick_slider.slick-dots-style3 .slick-dots li.slick-active button,
 .slick_slider.slick-arrows-style2 .slick-prev:hover,
 .slick_slider.slick-arrows-style2 .slick-next:hover,
 .slick_slider.slick-arrows-style3 .slick-arrow:hover,
 .slick_slider.slick-arrows-style4 .slick-arrow:hover,
 .slick_slider.slick-arrows-style1 .slick-prev:hover,
 .slick_slider.slick-arrows-style1 .slick-next:hover,
 .tooltip-top:after,
 .tooltip:after,
 [data-tooltip]:after,
 #site-header-menu .site-navigation ul.menu>li>a:before,
 nav.main-menu li ul.mega-submenu,
 .ttm-header-style-03 .ttm-stickable-header.fixed-header,
 .section-title h3:before,
 .section-title h3:after,
 .widget_cta:before,
 .featured-imagebox-portfolio.style1 .featured-content,
 .featured-imagebox-portfolio.style1 .ttm-media-link a,
 .featured-imagebox-portfolio.style2 .ttm-media-link a,
 .featured-imagebox-team.style3 .ttm-media-link a,
 .featured-icon-box.style1:hover .featured-icon .ttm-icon,
 .featured-imagebox-services.style2 .featured-content .bottom-footer:before,
 .featured-imagebox-procedure .featured-content:before,
 .featured-icon-box.style5 .ttm-num span:before,
 .featured-icon-box.style5:after,
 .featured-imagebox-post.style2 .ttm-box-post-date:before,
 .banner_slider_2 .slide__content--headings h2:after,
 .banner_slider_2 .slide__content--headings span.num:before,
 .banner_slider_3 .slide__content--headings .quotes-1:after,
 .banner_slider_3 .slide__content--headings .quotes-2:after,
 .breadcrumb-wrapper span:first-child:after,
 .breadcrumb-wrapper span:first-child:before,
 .featured-icon-box.style7:before,
 .ttm-tabs.ttm-tab-style-01 ul.tabs li a:after,
 .ttm-testimonial-box-view-style2:hover:after,
 .testimonials.ttm-testimonial-box-view-style2 .testimonial-content blockquote:before,
 .ttm-tabs.ttm-tab-style-02 ul.tabs li.active a,
 .ttm-tabs.ttm-tab-style-02 ul.tabs li:hover a,
 .toggle.ttm-toggle_style_classic .toggle-title a.active,
 .sidebar .widget-area .widget:after,
 .team-timeline .timeline-panel:nth-child(2) .timeline-head:before,
 .ttm-pf-single-detail-box,
 .footer .social-icons li a:hover,
 .featured-imagebox-post.style1 .ttm-media-link a,
 .featured-imagebox-post-quoted blockquote:before,
 .featured-imagebox-post.style3 .ttm-box-post-date .ttm-entry-date,
 .featured-imagebox-post-quoted.style4 .ttm-box-post-date .ttm-entry-date,
 .featured-imagebox-post-quoted.style4 blockquote:before,
 .ttm-blog-single blockquote:before,
 nav.main-menu ul.menu li ul.mega-submenu li a:before,
 .ttm-header-style-03 .social-icons li a:hover,
 .ttm-play-icon-btn .ttm-play-icon-animation.ttm-play-icon-animation-skincolor:before,
 .ttm-play-icon-btn .ttm-play-icon-animation.ttm-play-icon-animation-skincolor:after,
 .featured-imagebox-procedure .process-num,
 .featured-imagebox-procedure .process-num:after,
 .featured-icon-box.style4:hover .featured-icon:before,
 .featured-icon-box.style5:hover i.ttm-num,
 .featured-icon-box.style6:hover .featured-content,
 .featured-icon-box.style6:hover .ttm-icon,
 .progress-bar-color-bar_white.progress-bar,
 .progress-bar-color-bar_white.progress-bar:before,
 .ttm-progress-bar .progress-bar.progress-bar-color-bar_skincolor,
 .progress-bar-inner .progress-bar.progress-bar-color-bar_skincolor:before,
 .footer .widget .widget-title:before,
 .footer .widget .widget-title:after,
 .testimonials.ttm-testimonial-box-view-style1 .testimonial-avatar:before,
 .featured-imagebox-post.style1 .ttm-box-post-date,
 .featured-imagebox-team.style1:hover .ttm-media-link,
 .ttm-team-member-single-content .ttm-social-links-wrapper ul li a:hover,
 .ttm-pf-single-content-area .social-icons.circle li>a:hover,
 .ttm-blog-single blockquote:before,
 .ttm-blog-single .social-media-block .ttm-tags-links a:hover,
 .ttm-social-share-wrapper ul li a:hover,
 .widget .tagcloud a:hover,
 .pagination-block .page-numbers:hover,
 .pagination-block .page-numbers.current,
 #totop.top-visible {
   background-color: #0053a0;
 }

 /** Skin-border-color **/
 .ttm-btn-style-fill.ttm-btn-color-skincolor,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-btn-style-border.ttm-btn-color-skincolor:hover,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
 .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor,
 .slick_slider.slick-arrows-style3 .slick-arrow:hover,
 .banner_slider_wrapper .slider-social-links-wrapper li a:hover,
 .ttm-page-title-row-inner .row,
 .social-icons.circle li>a:hover,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
 .widget .tagcloud a:hover {
   border-color: #fff;
 }

 .tooltip-top:before,
 .tooltip:before,
 [data-tooltip]:before,
 .ttm-bgcolor-darkgrey .tooltip-top:before,
 .ttm-bgcolor-darkgrey .tooltip:before,
 .ttm-textcolor-skincolor .tooltip-top:before,
 .ttm-textcolor-skincolor .tooltip:before,
 .ttm-bgcolor-grey .tooltip-top:before,
 .ttm-bgcolor-grey .tooltip:before,
 .ttm-bgcolor-grey [data-tooltip]:before,
 nav.main-menu,
 .header_search .header_search_content,
 .ttm-progress-bar .progress-bar-percent:before,
 .ttm-pricing-plan {
   border-top-color: #0053a0;
 }

 nav.main-menu li ul.mega-submenu,
 .header_search .header_search_content:before,
 .header_btn:before,
 .header_search .header_search_content,
 .ttm-bgcolor-darkgrey .tooltip-bottom:before,
 .featured-icon-box.style1:hover,
 .featured-icon-box.style3::before,
 .featured-imagebox-team.style1 .featured-content::before {
   border-bottom-color: #0053a0;
 }

 .ttm-blog-single blockquote,
 .ttm_contact_widget_wrapper:before,
 .ttm-tabs.ttm-tab-style-02 ul.tabs li.active {
   border-left-color: #0053a0;
 }

 .featured-icon-box.style6:hover .featured-content:before {
   border-right-color: #0053a0;
 }

 /** 2.Darkgrey-color **/
 .ttm-textcolor-darkgrey,
 .ttm-textcolor-darkgrey p,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h1,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h2,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h3,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h4,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h5,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h6,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey p,
 :not(.ttm-bgcolor-skincolor) .ttm-textcolor-darkgrey span,
 .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white i,
 .ttm-bgcolor-darkgrey .ttm-btn-style-fill.ttm-btn-color-skincolor:hover i,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
 .ttm-textcolor-white .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover,
 .ttm-btn-color-dark,
 .ttm-btn-color-skincolor:hover,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-bgcolor-skincolor .row>[class*="col-"] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-bgcolor-skincolor .row>[class*="col-"] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:hover,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover,
 .ttm-bgcolor-skincolor .ttm-btn.btn-inline.ttm-btn-color-white:hover,
 .ttm-icon_element-color-darkgrey,
 :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey>i,
 .ttm-icon_element-color-darkgrey:not(.ttm-icon_element-fill) i,
 .slick_slider .slick-prev:before,
 .slick_slider .slick-next:before,
 .site-header-menu .site-navigation ul.menu>li>a,
 .ttm-progress-bar .progressbar-title,
 .featured-imagebox-portfolio.style1 .featured-title h3,
 .featured-imagebox-portfolio.style1 .featured-title h3 a,
 .featured-imagebox-portfolio.style1 .ttm-media-link a,
 .featured-imagebox-portfolio.style1 .ttm-media-link a:hover,
 .featured-imagebox-portfolio.style2 .ttm-media-link a,
 .featured-imagebox-portfolio.style2 .ttm-media-link a:hover,
 .testimonials.ttm-testimonial-box-view-style2 .testimonial-content blockquote {
   color: #0e204d;
 }

 /** DarkGrey-bg-color **/
 .ttm-bgcolor-darkgrey,
 .ttm-bgcolor-darkgrey>.ttm-bg-layer,
 .ttm-bgcolor-darkgrey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
 .ttm-bgcolor-skincolor .tooltip:after,
 .ttm-bgcolor-skincolor [data-tooltip]:after,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
 .ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:before,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover:before,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover:after,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover:before,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover:after,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover:before,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover:after,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:before,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after,
 .ttm-toggle-title-bgcolor-darkgrey,
 .ttm-bgcolor-skincolor .slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
 .ttm-progress-bar .progress-bar.progress-bar-color-bar_darkgrey,
 .ttm-progress-bar .progress-bar-inner .progress-bar.progress-bar-color-bar_darkgrey:before,
 .ttm-box-view-overlay:before,
 .ttm-box-view-content-inner:before,
 .ttm-box-view-overlay:after,
 .ttm-box-view-content-inner:after,
 .ttm-header-style-02 .ttm-stickable-header.fixed-header,
 .featured-icon-box.style1:hover .featured-icon .ttm-num,
 .footer .social-icons li a,
 .testimonials.ttm-testimonial-box-view-style2:hover .testimonial-content blockquote:before,
 .ttm-tabs.ttm-tab-style-02 ul.tabs li a,
 .widget.widget-nav-menu ul li a:before {
   background-color: #1d2a4d;
 }

 .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
 .ttm-bgcolor-skincolor .row>[class*="col-"] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-bgcolor-skincolor .row>[class*="col-"] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .tooltip-top:before,
 .tooltip:before,
 [data-tooltip]:before,
 .featured-icon-box.style1 .ttm-num:before {
   border-color: #0e204d;
 }

 .ttm-bgcolor-skincolor .tooltip-top:before,
 .ttm-bgcolor-skincolor .tooltip:before,
 .ttm-bgcolor-skincolor [data-tooltip]:before {
   border-top-color: #0e204d;
 }

 /** 3.White-color **/
 .ttm-textcolor-white,
 .ttm-bgcolor-skincolor a,
 .ttm-textcolor-white a,
 .ttm-btn-color-white,
 .ttm-icon_element-color-white,
 .ttm-icon_element-color-white>i,
 .ttm-bgcolor-skincolor i,
 .ttm-bgcolor-darkgrey i,
 .ttm-bgcolor-skincolor .ttm-icon_element-color-white:not(.ttm-icon_element-fill) i,
 .ttm-bgcolor-darkgrey .ttm-icon_element-color-white:not(.ttm-icon_element-fill) i,
 .ttm-textcolor-white h1,
 .ttm-textcolor-white h2,
 .ttm-textcolor-white h3,
 .ttm-textcolor-white h4,
 .ttm-textcolor-white h5,
 .ttm-textcolor-white h6,
 .ttm-textcolor-white a,
 .ttm-bgcolor-skincolor h1,
 .ttm-bgcolor-skincolor h2,
 .ttm-bgcolor-skincolor h3,
 .ttm-bgcolor-skincolor h4,
 .ttm-bgcolor-skincolor h5,
 .ttm-bgcolor-skincolor h6,
 .ttm-bgcolor-skincolor a,
 :not(.ttm-bgcolor-skincolor) .ttm-textcolor-white span:not(.ttm-textcolor-skincolor),
 .ttm-bgcolor-darkgrey h1,
 .ttm-bgcolor-darkgrey h2,
 .ttm-bgcolor-darkgrey h3,
 .ttm-bgcolor-darkgrey h4,
 .ttm-bgcolor-darkgrey h5,
 .ttm-bgcolor-darkgrey h6,
 .ttm-bgcolor-darkgrey a,
 .ttm-bgcolor-darkgrey div,
 .ttm-bgcolor-skincolor div,
 .ttm-textcolor-white .ttm-social-links-wrapper ul li a,
 .ttm-icon_element-fill.ttm-icon_element-color-skincolor,
 .ttm-icon_element-fill.ttm-icon_element-color-skincolor i,
 .ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
 .ttm-btn-style-fill.ttm-btn-color-skincolor,
 .ttm-btn-style-fill.ttm-btn-color-skincolor i,
 .ttm-textcolor-white:not(.ttm-bgcolor-darkgrey) .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover i,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-bgcolor-darkgrey .ttm-btn-color-skincolor:hover i,
 .ttm-bgcolor-skincolor .row>[class*="col-"] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-bgcolor-skincolor .row>[class*="col-"] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
 .ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i,
 .ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-skincolor i,
 .ttm-bgcolor-skincolor .section-title h2.title,
 .ttm-bgcolor-darkgrey .section-title h2.title,
 .social-icons.circle li>a:hover,
 .social-icons.circle li>a:hover i,
 .ttm-toggle-title-bgcolor-darkgrey .toggle-title a,
 .ttm-toggle-title-bgcolor-skincolor .toggle-title a,
 .ttm-toggle-title-bgcolor-grey .toggle-title a.active,
 .ttm-toggle-title-bgcolor-white .toggle-title a.active,
 .toggle.ttm-toggle_style_border .toggle-title a.active,
 .slick_slider.slick-arrows-style2 .slick-prev:hover:before,
 .slick_slider.slick-arrows-style2 .slick-next:hover:before,
 .slick_slider.slick-arrows-style1 .slick-prev:hover,
 .slick_slider.slick-arrows-style1 .slick-next:hover,
 .slick_slider.slick-arrows-style3 .slick-prev:hover,
 .slick_slider.slick-arrows-style3 .slick-next:hover,
 .slick_slider.slick-arrows-style4 .slick-prev:hover,
 .slick_slider.slick-arrows-style4 .slick-next:hover,
 .ttm-bgcolor-darkgrey .header_search .search_btn i,
 .ttm-bgcolor-darkgrey .header_cart .cart_btn i,
 .featured-imagebox-portfolio.style1 .featured-content,
 .featured-imagebox-portfolio.style1 .featured-content .featured-title h3 a,
 .featured-imagebox-portfolio.style1 .ttm-media-link a,
 .featured-imagebox-portfolio.style2 .ttm-media-link a,
 .featured-icon-box.style1:hover .featured-icon .ttm-icon i,
 .featured-imagebox-procedure:hover .featured-content h3 a,
 .featured-imagebox-procedure:hover .featured-content p,
 .widget.widget-nav-menu ul li.active a,
 .widget.widget-nav-menu ul li:hover a,
 .footer .social-icons li a:hover i,
 .ttm-bgcolor-skincolor .ttm-progress-bar .progressbar-title,
 .ttm-bgcolor-skincolor .ttm-progress-bar .progress-bar-percent,
 .ttm-bgcolor-darkgrey .ttm-progress-bar .progressbar-title,
 .ttm-bgcolor-darkgrey .ttm-progress-bar .progress-bar-percent,
 .ttm-bgcolor-skincolor .inside h3,
 .ttm-bgcolor-skincolor .inside h3 span:not(.ttm-textcolor-skincolor),
 .ttm-bgcolor-darkgrey .inside h3,
 .ttm-bgcolor-darkgrey .inside h3 span:not(.ttm-textcolor-skincolor),
 .toggle.ttm-toggle-title-bgcolor-skincolor .toggle-content p,
 .toggle.ttm-toggle-title-bgcolor-darkgrey .toggle-content p,
 .widget .tagcloud a:hover,
 .ttm-social-share-wrapper ul li a:hover,
 .ttm-blog-single .social-media-block .ttm-tags-links a:hover,
 .featured-imagebox-services.style1:hover .featured-content-services .category,
 .featured-imagebox-services.style1:hover .featured-content-services .featured-title a,
 .pagination-block .page-numbers:hover,
 .pagination-block .page-numbers.current {
   color: #fff;
 }

 .ttm-bgcolor-skincolor p,
 .ttm-bgcolor-darkgrey p,
 .ttm-bgcolor-skincolor span,
 .ttm-bgcolor-darkgrey span,
 .ttm-bgcolor-skincolor i,
 .ttm-bgcolor-darkgrey i {
   color: rgba(255, 255, 255, 0.85);
 }

 /** White-bg-color **/
 .ttm-bgcolor-white,
 .ttm-bgcolor-white>.ttm-bg-layer,
 .ttm-bgcolor-white>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
 .ttm-icon_element-fill.ttm-icon_element-color-white,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:before,
 .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover:before,
 .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:before,
 .ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-icon_element-fill.ttm-icon_element-color-white,
 .ttm-progress-bar .progress-bar.progress-bar-color-bar_white,
 .progress-bar-color-bar_white,
 .ttm-toggle-title-bgcolor-white .toggle-title a,
 .featured-imagebox-post.style1 .ttm-media-link a:hover,
 .featured-imagebox-portfolio.style1 .ttm-media-link a:hover,
 .featured-imagebox-portfolio.style2 .ttm-media-link a:hover,
 .featured-imagebox-team.style3 .ttm-media-link a:hover {
   background-color: #fff;
 }

 /** White-border-color **/
 .ttm-bgcolor-darkgrey>.sep_holder .sep_line,
 .ttm-bgcolor-skincolor>.sep_holder .sep_line {
   border-color: rgba(255, 255, 255, 0.06);
 }

 .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
 .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white,
 .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover {
   border-color: #fff;
 }

 /** 4.Grey-color **/
 .ttm-bgcolor-grey,
 .ttm-bgcolor-grey>.ttm-bg-layer,
 .ttm-bgcolor-grey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
 .ttm-btn-style-fill.ttm-btn-color-grey,
 .ttm-icon_element-fill.ttm-icon_element-color-grey,
 .ttm-header-style-03 .site-branding:after,
 .ttm-header-style-03 .site-branding:before,
 .ttm-header-style-03 .site-branding,
 .ttm-toggle-title-bgcolor-grey .toggle-title,
 .header_search #search_query_top,
 .featured-icon-box.style1 .ttm-icon:before,
 .ttm-team-member-single-content .ttm-social-links-wrapper ul li a,
 .wrap-form.contact_form span.text-input input,
 .wrap-form.contact_form span.text-input textarea,
 .wrap-form.contact_form span.text-input select,
 .wrap-form.request_qoute_form span.text-input input,
 .wrap-form.request_qoute_form span.text-input textarea,
 .wrap-form.request_qoute_form span.text-input select,
 .sidebar .widget-area .widget.with-title,
 .widget.widget-download,
 .ttm-social-share-wrapper ul li a,
 .slick_slider.slick-arrows-style2 .slick-arrow,
 .ttm-blog-single .social-media-block .ttm-tags-links a {
   background-color: #eff3ff;
 }

 .ttm-btn-style-fill.ttm-btn-color-grey,
 .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-grey {
   border-color: #eff3ff;
 }

 .ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-grey {
   color: inherit;
 }

 /* ===============================================
    Pre-loader
------------------------*/
 .blobs-wrapper {
   position: fixed;
   z-index: 999999;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: block;
   display: flex;
   text-align: center;
   margin: 0 auto;
   flex-direction: column;
   justify-content: center;
   background: #fff;
 }

 .loader-blob {
   width: 49px;
   height: 49px;
   border-radius: 50%;
   margin: 3em;
   text-align: center;
   display: block;
   margin: 0 auto;
   position: relative;
   vertical-align: middle;
 }

 .loader-blob,
 .loader-blob:before,
 .loader-blob:after {
   animation: 1.15s infinite ease-in-out;
   -o-animation: 1.15s infinite ease-in-out;
   -ms-animation: 1.15s infinite ease-in-out;
   -webkit-animation: 1.15s infinite ease-in-out;
   -moz-animation: 1.15s infinite ease-in-out;
 }

 .loader-blob:before,
 .loader-blob:after {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .loader-blob {
   animation-name: loader-blob;
   -o-animation-name: loader-blob;
   -ms-animation-name: loader-blob;
   -webkit-animation-name: loader-blob;
   -moz-animation-name: loader-blob;
 }

 @keyframes loader-blob {
   from {
     transform: scale(0);
     opacity: 1;
   }

   to {
     transform: scale(1);
     opacity: 0;
   }
 }

 @-o-keyframes loader-blob {
   from {
     -o-transform: scale(0);
     opacity: 1;
   }

   to {
     -o-transform: scale(1);
     opacity: 0;
   }
 }

 @-ms-keyframes loader-blob {
   from {
     -ms-transform: scale(0);
     opacity: 1;
   }

   to {
     -ms-transform: scale(1);
     opacity: 0;
   }
 }

 @-webkit-keyframes loader-blob {
   from {
     -webkit-transform: scale(0);
     opacity: 1;
   }

   to {
     -webkit-transform: scale(1);
     opacity: 0;
   }
 }

 @-moz-keyframes loader-blob {
   from {
     -moz-transform: scale(0);
     opacity: 1;
   }

   to {
     -moz-transform: scale(1);
     opacity: 0;
   }
 }

 /*  ===============================================
    SocialIcon / TooltipTop
------------------------*/
 ul.social-icons {
   margin: 0;
   padding: 0;
 }

 .social-icons li {
   display: inline-block;
   border: none;
   z-index: 1;
   position: relative;
 }

 .social-icons li {
   margin: 0 2px;
 }

 .social-icons li:last-child {
   margin-right: 0px;
 }

 .social-icons li a {
   display: block;
   min-width: 26px;
   text-align: center;
 }

 .social-icons.circle li>a {
   border-width: 1px;
   border-style: solid;
   height: 33px;
   width: 33px;
   line-height: 33px;
   text-align: center;
   display: block;
   background-color: transparent;
   font-size: 13px;
   border-radius: 50%;
 }

 /* TooltipTop */
 .tooltip-top {
   position: relative;
 }

 .tooltip:after,
 .tooltip:before,
 [data-tooltip]:after,
 [data-tooltip]:before {
   position: absolute;
   visibility: hidden;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(Opacity=0);
   opacity: 0;
   -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
     -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
   -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
     -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
   transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
     transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   pointer-events: none;
 }

 .tooltip:before,
 [data-tooltip]:before {
   z-index: 1001;
   border: 6px solid transparent;
   background: 0 0;
   content: "";
 }

 .tooltip-top:before,
 .tooltip:before,
 [data-tooltip]:before {
   margin-left: -6px;
   margin-bottom: -12px;
   border-top-color: inherit;
 }

 .tooltip-top:after,
 .tooltip-top:before,
 .tooltip:after,
 .tooltip:before,
 [data-tooltip]:after,
 [data-tooltip]:before {
   bottom: 100%;
   left: 50%;
 }

 .tooltip-bottom:after {
   bottom: -100%;
 }

 .tooltip-bottom:before {
   margin-left: -6px;
   margin-bottom: -12px;
   border-top-color: transparent;
 }

 .tooltip-bottom:before {
   bottom: -7px;
 }

 .tooltip-top:focus:after,
 .tooltip-top:focus:before,
 .tooltip-top:hover:after,
 .tooltip-top:hover:before,
 .tooltip:focus:after,
 .tooltip:focus:before,
 .tooltip:hover:after,
 .tooltip:hover:before,
 [data-tooltip]:focus:after,
 [data-tooltip]:focus:before,
 [data-tooltip]:hover:after,
 [data-tooltip]:hover:before {
   -webkit-transform: translateY(-12px);
   -moz-transform: translateY(-12px);
   transform: translateY(-12px);
 }

 .tooltip-top:after,
 .tooltip:after,
 [data-tooltip]:after {
   margin-left: -60px;
 }

 .tooltip:after,
 [data-tooltip]:after {
   z-index: 1000;
   padding: 8px;
   width: 120px;
   color: #fff;
   content: attr(data-tooltip);
   font-size: 14px;
   line-height: 1.2;
   text-align: center;
   border-radius: 5px;
 }

 .tooltip:focus:after,
 .tooltip:focus:before,
 .tooltip:hover:after,
 .tooltip:hover:before,
 [data-tooltip]:focus:after,
 [data-tooltip]:focus:before,
 [data-tooltip]:hover:after,
 [data-tooltip]:hover:before {
   visibility: visible;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(Opacity=100);
   opacity: 1;
 }

 /*  ===============================================
    Slick_dots/arrows
------------------------*/
 .slick-slide {
   border: 0;
   outline: 0;
 }

 .slick_slider.no-gutters .slick-slide {
   padding: 0;
 }

 .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after {
   position: absolute;
   content: "";
   top: 0;
   left: -15px;
   height: 100%;
   width: 1px;
   background-color: #e4e4e4;
 }

 .cmt-bgcolor-darkgrey .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after,
 .cmt-bgcolor-skincolor .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after {
   background-color: rgba(255, 255, 255, 0.3);
 }

 .slick_slider.slick_slider-opacity_block .slick-list {
   overflow: visible;
 }

 .slick_slider.slick-dots-style1 .slick-dots,
 .slick_slider.slick-dots-style2 .slick-dots,
 .slick_slider.slick-dots-style3 .slick-dots {
   padding: 0;
   margin: 0;
   padding-top: 30px;
   top: 100%;
   line-height: 0;
 }

 .slick_slider.slick-dots-style1 .slick-dots li,
 .slick_slider.slick-dots-style2 .slick-dots li,
 .slick_slider.slick-dots-style3 .slick-dots li {
   display: inline-block;
   list-style: none;
   line-height: 0;
 }

 .slick_slider.slick-dots-style1 .slick-dots li {
   width: calc(19.3% - 0px);
 }

 .slick_slider.slick-dots-style1 .slick-dots li button {
   height: 4px;
   width: 100%;
   border: 0;
   position: relative;
   margin: 0;
   padding: 0;
   font-size: 0;
   background-color: transparent;
   background-color: #e2e9f1;
 }

 .slick_slider.slick-dots-style1 .slick-dots li.slick-active button {
   margin: 0;
 }

 .slick_slider.slick-dots-style2 .slick-dots li button,
 .slick_slider.slick-dots-style3 .slick-dots li button {
   height: 5px;
   width: 9px;
   border: 0;
   font-size: 0;
   padding: 0;
   position: relative;
   margin: 0 5px 0 0;
   background-color: #e2e9f1;
 }

 .slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
 .slick_slider.slick-dots-style3 .slick-dots li.slick-active button {
   width: 25px;
 }

 .slick_slider.slick-dots-style3 .slick-dots {
   position: absolute;
 }

 .slick_slider.slick-dots-style3 .slick-dots li button {
   height: 10px;
   width: 10px;
   border-radius: 50px;
 }

 .slick_slider .slick-arrow {
   height: 37px;
   width: 37px;
   border-radius: 5px;
   z-index: 1;
   border: 0;
   color: inherit;
   background-color: rgba(255, 255, 255, 0.07);
   box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08);
   border: 0;
 }

 .slick_slider .slick-next {
   right: 0;
 }

 .slick_slider .slick-prev:before,
 .slick_slider .slick-next:before {
   font-family: "themify";
   font-size: 14px;
   line-height: 1;
   opacity: 1;
   font-weight: 900;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .slick_slider .slick-prev:before {
   content: "\e64a";
 }

 .slick_slider .slick-next:before {
   content: "\e649";
 }

 .slick-prev,
 .slick-next {
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 50%;
   display: block;
   width: 20px;
   height: 20px;
   padding: 0;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
 }

 .slick_slider.slick-arrows-style1 .slick-arrow {
   border: 1px solid #dbdbdb;
   opacity: 0;
   z-index: 11;
   overflow: hidden;
   box-shadow: unset;
 }

 .slick_slider.slick-arrows-style1 .slick-next {
   right: 0px;
   left: auto;
 }

 .slick_slider.slick-arrows-style1 .slick-prev {
   left: 0px;
 }

 .slick_slider.slick-arrows-style1:hover .slick-arrow {
   margin: 0 -60px;
   opacity: 1;
   overflow: visible;
 }

 .slick_slider.slick-arrows-style2 .slick-arrow {
   top: -100px;
   box-shadow: unset;
 }

 .slick_slider.slick-arrows-style2 .slick-next {
   right: 27%;
   margin-right: -55px;
   left: auto;
 }

 .slick_slider.slick-arrows-style2 .slick-prev {
   left: 73%;
   margin-left: -25px;
 }

 .slick_slider.slick-arrows-style3 .slick-next,
 .slick_slider.slick-arrows-style3 .slick-prev {
   font-size: 0;
   line-height: 0;
   position: absolute;
   bottom: 10px;
   top: auto;
   display: inline-block;
   width: 45px;
   height: 45px;
   text-align: center;
   background-color: transparent;
   border: 1px solid rgba(255, 255, 255, 0.13);
   cursor: pointer;
   color: #fff;
 }

 .slick_slider.slick-arrows-style3 .slick-prev {
   left: -39%;
 }

 .slick_slider.slick-arrows-style3 .slick-next {
   left: -35%;
 }

 /*  ===============================================
    TopBar
------------------------*/
 .top_bar {
   width: 100%;
   z-index: 3;
   height: 48px;
   line-height: 48px;
 }

 .top_bar_icon {
   display: inline-block;
   vertical-align: middle;
 }

 .top_bar_contact_item.with-icon .top_bar_icon i {
   margin-right: 8px;
 }

 .top_bar_contact_item {
   font-size: 14px;
   height: 48px;
   line-height: 48px;
   margin-right: 30px;
   position: relative;
   display: inline-block;
 }

 .top_bar_contact_item:last-child {
   margin-right: 0;
 }

 .top_bar_contact_item.with-icon:not(:first-child):after {
   top: 15px;
   content: "";
   height: 18px;
   width: 1px;
   left: -15px;
   background-color: #e9ecef;
   z-index: 1;
   position: absolute;
 }

 .ttm-bgcolor-darkgrey .top_bar_contact_item.with-icon:not(:last-child):after,
 .ttm-bgcolor-skincolor .top_bar_contact_item.with-icon:not(:last-child):after {
   background-color: rgba(255, 255, 255, 0.12);
 }

 .top_bar_contact_item span {
   display: inline-block;
   vertical-align: middle;
 }

 .top_bar .social-icons {
   padding: 0 8px;
 }

 .top_bar .social-icons li {
   margin: 0;
 }

 .top_bar .social-icons li a {
   margin: 0;
   font-size: 13px;
   min-width: 35px;
 }

 .top_bar .social-icons:after {
   position: absolute;
   content: "";
   top: 0;
   height: 100%;
   width: 1px;
   left: 15px;
   background-color: rgba(255, 255, 255, 0.08);
   z-index: 1;
 }

 .top_bar .ttm-bg a:hover {
   color: rgba(255, 255, 255, 0.7) !important;
 }

 /*  ===============================================
    Header
------------------------*/
 /** SiteBrand(logo) **/
 .site-branding {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 /* .widget_info */
 .widget_info {
   position: relative;
 }

 .widget_info:not(:first-child) {
   padding-left: 70px;
 }

 .widget_info:not(:first-child):after {
   content: "";
   height: 50px;
   width: 1px;
   background-color: rgba(0, 0, 0, 0.06);
   display: block;
   position: absolute;
   right: 0px;
   left: 35px;
   top: 0;
 }

 .widget_info .widget_icon {
   font-size: 30px;
   margin-right: 17px;
 }

 .widget_info h5 {
   font-size: 16px;
   line-height: 23px;
   font-weight: 400;
   color: inherit;
   margin-bottom: 0;
 }

 .widget_info h3 {
   font-size: 18px;
   line-height: 30px;
   font-weight: 600;
   text-align: left;
   margin: 0;
 }

 /* header_extra */
 .header_extra>div {
   margin-left: 12px;
   position: relative;
 }

 .header_search .search_btn,
 .header_cart .cart_btn {
   position: relative;
   border-radius: 3px;
   height: 30px;
   width: 30px;
   font-size: 11px;
   line-height: 29px;
   border: 1px solid transparent;
   display: inline-block;
   vertical-align: middle;
   text-align: center;
   color: #fff;
 }

 .header_cart .cart_btn .cart_count {
   position: absolute;
   bottom: 20px;
   left: 20px;
   width: 17px;
   height: 17px;
   text-align: center;
   line-height: 18px;
   font-size: 9px;
   display: block;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
 }

 .header_search_content button.close-search {
   font-size: 20px;
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 38px;
   background: none;
   text-align: center;
   display: block;
   line-height: 30px;
   color: #848e9f;
   padding: 0;
   padding-left: 2px;
 }

 .header_search .header_search_content {
   position: fixed;
   display: block;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   max-height: 400px;
   z-index: 10;
   overflow: auto;
   visibility: hidden;
   opacity: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   color: #8a91ac;
   -webkit-transform: translateY(-30px);
   -moz-transform: translateY(-30px);
   -o-transform: translateY(-30px);
   -ms-transform: translateY(-30px);
   transform: translateY(-30px);
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
   background-color: rgba(255, 255, 255, 0.97);
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;
   border-bottom-width: 4px;
   border-bottom-style: solid;
 }

 .header_search .header_search_content.on {
   visibility: visible;
   opacity: 1;
   z-index: 9;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
 }

 .header_search_content_inner {
   max-width: 1170px;
   width: 1170px;
   margin: 0 auto;
   position: relative;
 }

 .header_search .header_search_content #searchbox {
   position: relative;
 }

 .header_search .header_search_content #search_query_top {
   border: 0;
   width: 100%;
   outline: none;
   margin: 0;
   border-radius: 0;
   padding: 0 60px 15px 0;
   color: #8a91ac;
   background: 0 0;
   font-weight: 400;
   font-size: 22px;
   letter-spacing: 0;
   background: 0 0;
   z-index: 2;
   padding-right: 70px;
   border-bottom: 1px solid rgba(204, 204, 204, 0.5);
 }

 .header_search .header_search_content input::placeholder {
   color: #848e9f;
 }

 .header_search .header_search_content_inner .close_btn {
   position: absolute;
   display: block;
   right: 5px;
   top: -45px;
   color: #8a91ac;
   overflow: hidden;
   z-index: 2;
 }

 .header_search .header_search_content .close_btn i {
   font-size: 20px;
   line-height: 17px;
 }

 .header_search .header_search_content i,
 .header_search .header_search_content p {
   color: #8a91ac !important;
 }

 .header_social {
   padding-left: 12px;
   margin-left: 25px !important;
   border-left-width: 1px;
   border-left-style: solid;
   border-color: #e4ebff;
 }

 .ttm-bgcolor-darkgrey .header_social,
 .ttm-bgcolor-skincolor .header_social {
   border-color: rgba(255, 255, 255, 0.13);
 }

 .header_btn .ttm-btn {
   padding: 12px 20px 12px 20px;
   line-height: 1;
 }

 /** SiteNavigation(Menu) **/
 .site-navigation {
   position: relative;
   z-index: 2;
 }

 nav.main-menu ul {
   position: relative;
   margin: 0;
 }

 #site-header-menu .site-navigation ul.menu>li>a {
   font-weight: 600;
   display: block;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 1;
   letter-spacing: 0.2px;
 }

 /* banner_slider */
 .banner_slider.slick-slider .slick-prev,
 .banner_slider.slick-slider .slick-next {
   opacity: 0;
   visibility: hidden;
   width: 40px;
   height: 40px;
   line-height: 40px;
   padding-right: 3px;
   text-align: center;
   position: absolute;
   display: block;
   z-index: 1;
   margin: 0 20px;
   background: rgba(34, 54, 69, 0.5);
   border-radius: 50%;
 }

 .banner_slider.slick-slider .slick-next {
   right: 0;
   left: auto;
   padding-right: 0;
   padding-left: 3px;
 }

 .banner_slider.slick-slider:hover .slick-prev,
 .banner_slider.slick-slider:hover .slick-next {
   opacity: 1;
   visibility: visible;
 }

 .banner_slider.slick-slider .slick-prev:hover,
 .banner_slider.slick-slider .slick-next:hover {
   background: #000;
 }

 .banner_slider.slick-slider .slick-prev:before,
 .banner_slider.slick-slider .slick-next:before {
   font-family: "FontAwesome";
   font-size: 14px;
   opacity: 1;
   color: #fff;
   font-weight: bold;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .banner_slider.slick-slider .slick-prev:before {
   content: "\f053";
 }

 .banner_slider.slick-slider .slick-next:before {
   content: "\f054";
 }

 /* banner_slide */
 .slide {
   height: 680px;
   align-items: center;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   position: relative;
   z-index: 1;
 }

 .slide .slide__img {
   width: 100%;
   height: auto;
   overflow: hidden;
   position: absolute;
   left: 0;
 }

 .slide .slide__img img {
   opacity: 1;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   transition: all 1s ease;
 }

 .slide .slide__content {
   position: relative;
   height: 100%;
   display: flex;
   z-index: 2;
   flex-direction: column;
   justify-content: center;
 }

 .slide .slide__content--headings {
   padding: 15px 0;
   position: relative;
   z-index: 1;
   margin: 0 auto;
   align-items: center;
   transition: all 0.5s ease;
 }

 /* banner_slider_1 */
 .banner_slider_1 .slide__content {
   background-color: rgba(0, 17, 62, 0.35);
 }

 .banner_slider_1 .slide__content--headings h2 {
   line-height: 112px;
   letter-spacing: 1px;
   font-weight: 700;
   font-size: 87px;
 }

 .banner_slider_1 .slide__content--headings>h3 {
   line-height: 50px;
   letter-spacing: 1px;
   font-weight: 600;
   font-size: 34px;
   margin-bottom: 0;
 }

 .banner_slider_1 .slide__content--headings p {
   color: rgb(220, 221, 222);
   line-height: 30px;
   letter-spacing: 1px;
   font-weight: 400;
   font-size: 21px;
 }

 /* banner_slider_2 */
 .banner_slider_2 .slide__content--headings {
   padding: 15px 0;
   position: relative;
   z-index: 1;
   display: table;
   margin: 0 auto;
   transition: all 0.5s ease;
 }

 .banner_slider_2 .slide__content--headings h3 {
   text-align: left;
   line-height: 0;
 }

 .banner_slider_2 .slide__content--headings span.num {
   font-weight: 700;
   font-size: 18px;
   position: relative;
   padding-right: 200px;
 }

 .banner_slider_2 .slide__content--headings span.num:before {
   position: absolute;
   content: "";
   height: 2px;
   width: 100%;
   left: 0;
   bottom: 0;
 }

 .banner_slider_2 .slide__content--headings span {
   line-height: 30px;
   letter-spacing: 1px;
   font-weight: 500;
   font-size: 24px;
 }

 .banner_slider_2 .slide__content--headings h2 {
   display: inline-block;
   line-height: 102px;
   font-weight: 700;
   font-size: 87px;
   position: relative;
 }

 .banner_slider_2 .slide__content--headings h2:after {
   position: absolute;
   content: "";
   height: 6px;
   width: 46.5%;
   left: auto;
   right: 0;
   bottom: 0;
   z-index: -1;
 }

 /* banner_slider_3 */
 .banner_slider_3_overlay .slide {
   height: 742px;
 }

 .banner_slider_3 .slide__content {
   /* background-color: rgba(0, 18, 62, 0.54); */
 }

 .banner_slider_3 .slide__content--headings {
   padding: 15px 0;
   position: relative;
   z-index: 1;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
   align-items: center;
   transition: all 0.5s ease;
 }

 .banner_slider_3 .slide__content--headings .quotes-1,
 .banner_slider_3 .slide__content--headings .quotes-2 {
   width: 55%;
   height: 100%;
   padding-right: 120px;
   position: relative;
 }

 .banner_slider_3 .slide__content--headings .quotes-2 {
   padding-left: 100px;
   padding-right: 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-1:after,
 .banner_slider_3 .slide__content--headings .quotes-2:after {
   position: absolute;
   content: "";
   /* height: 100%; */
   width: 3px;
   right: 60px;
   top: -5%;
   bottom: -5%;
 }

 .banner_slider_3 .slide__content--headings .quotes-2:after {
   left: 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-1 blockquote,
 .banner_slider_3 .slide__content--headings .quotes-2 blockquote {
   line-height: 34px;
   letter-spacing: 0px;
   font-weight: 300;
   font-size: 18px;
   text-decoration: underline;
   font-style: italic;
   position: relative;
   padding: 60px 0 30px 0;
   margin: 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-2 blockquote {
   text-decoration: none;
   padding: 20px 0 20px 0;
 }

 .banner_slider_3 .slide__content--headings .quotes-1 blockquote:before {
   content: "\f10d";
   font-family: "FontAwesome";
   position: absolute;
   font-size: 40px;
   line-height: 1;
   font-weight: 400;
   font-style: normal;
   top: 0;
   left: 0;
 }

 .banner_slider_3 .slide__content--headings h2 {
   line-height: 82px;
   letter-spacing: 1px;
   font-weight: 700;
   font-size: 72px;
   margin-bottom: 20px;
 }

 .banner_slider_3 .slide__content--headings h3 {
   font-size: 20px;
   line-height: 30px;
   letter-spacing: 0;
   font-weight: 400;
   margin-bottom: 10px;
 }

 .banner_slider_3 .slide__content--headings p {
   letter-spacing: 1px;
   font-weight: 400;
   font-size: 16px;
 }

 @media only screen and (max-width: 1200px) {
   .banner_slider_3_overlay .slide {
     height: 660px;
   }

   .banner_slider_3 .slide__content--headings h2 {
     font-size: 62px;
     line-height: 72px;
   }
 }

 @media only screen and (max-width: 1024px) {
   .banner_slider .slide {
     height: 460px;
   }

   .banner_slider_1 .logo-icon img {
     max-height: 58px;
   }

   .banner_slider_1 .slide__content--headings h2 {
     font-size: 72px;
     line-height: 82px;
   }

   .banner_slider_3 .slide__content--headings h2 {
     font-size: 52px;
     line-height: 62px;
     margin-bottom: 10px;
   }

   .banner_slider_3 .slide__content--headings .quotes-2 {
     padding-left: 70px;
   }
 }

 @media only screen and (max-width: 991px) {
   .banner_slider_1 .slide__content--headings h2 {
     font-size: 55px;
     line-height: 65px;
   }

   .banner_slider_1 .slide__content--headings p {
     font-size: 16px;
     line-height: 26px;
   }

   .banner_slider_2 .slide__content--headings span.num {
     padding-right: 80px;
   }

   .banner_slider_2 .slide__content--headings span {
     font-size: 20px;
     line-height: 1;
   }

   .banner_slider_2 .slide__content--headings h2 {
     font-size: 60px;
     line-height: 70px;
   }

   .banner_slider_3 .slide__content--headings .quotes-1,
   .banner_slider_3 .slide__content--headings .quotes-2 {
     display: none;
   }

   .banner_slider_3 .slide__content--headings {
     text-align: center;
     display: block;
   }

   .banner_slider_3 .slide__content--headings p {
     padding: 0 0 15px 0;
     margin: auto;
     width: 70%;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_slider .slide {
     height: 400px;
   }

   .banner_slider .slide__content--headings p {
     display: none;
   }

   .banner_slider_1 .logo-icon img {
     max-height: 50px;
   }

   .banner_slider_2 .slide__content--headings h3 {
     text-align: center;
     margin-bottom: 15px;
   }

   .banner_slider_2 .slide__content--headings span.num {
     display: none;
   }

   .banner_slider_3 .slide__content--headings h2 {
     font-size: 46px;
     line-height: 56px;
     margin-bottom: 0;
   }
 }

 @media only screen and (max-width: 600px) {
   .banner_slider .slide {
     height: 300px;
   }

   .banner_slider_1 .logo-icon img {
     max-height: 40px;
   }

   .banner_slider_1 .ttm-icon {
     height: 50px;
     width: 50px;
     line-height: 50px;
     margin-bottom: 15px;
   }

   .banner_slider_1 .ttm-icon i {
     font-size: 32px;
   }

   .banner_slider_2 .slide__content--headings span {
     font-size: 18px;
     line-height: 1;
   }

   .banner_slider_1 .slide__content--headings h2 {
     font-size: 33px;
     line-height: 46px;
     margin-bottom: 0;
   }

   .banner_slider_2 .slide__content--headings h2 {
     font-size: 38px;
     line-height: 50px;
     margin-bottom: 0;
   }

   .banner_slider_3 .slide__content--headings h3 {
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 5px;
   }

   .banner_slider_3 .slide__content--headings h2 {
     font-size: 33px;
     line-height: 46px;
     margin-bottom: 0;
   }

   .slide .ttm-btn.ttm-btn-size-md:not(.btn-inline) {
     padding: 9px 20px;
     font-size: 12px;
   }
 }

 @media only screen and (max-width: 480px) {
   .banner_slider .slide {
     height: 320px;
   }
 }

 /* /////////// IMAGE ZOOM /////////// */
 .banner_slider .slide_img {
   position: absolute;
   width: 100%;
   height: 100%;
   background-position: center;
   background-size: cover;
 }

 .slick-active .slide_img {
   -webkit-animation-delay: 24s;
   -moz-animation-delay: 24s;
   -o-animation-delay: 24s;
   -ms-animation-delay: 24s;
   animation-delay: 24s;
   -webkit-backface-visibility: hidden;
   -webkit-animation: imageAnimation 36s linear 0s;
   -moz-animation: imageAnimation 36s linear 0s;
   -o-animation: imageAnimation 36s linear 0s;
   -ms-animation: imageAnimation 36s linear 0s;
   animation: imageAnimation 36s linear 0s;
 }

 @keyframes imageAnimation {
   0% {
     animation-timing-function: ease-in;
   }

   8% {
     transform: scale(1.02);
     animation-timing-function: ease-out;
   }

   17% {
     transform: scale(1.04);
     animation-timing-function: ease-out;
   }

   22% {
     transform: scale(1.02);
   }

   25% {
     -transform: scale(1.1);
   }
 }

 /* ===============================================
    Footer
------------------------*/
 .footer {
   z-index: 1;
   position: relative;
   background-position: center center;
   background-attachment: scroll;
 }

 /* .footer:before,
.footer:after {
  content: "";
  position: absolute;
  height: 20px;
  width: 100%;
  background-image: url(../images/footer-top-shape-dark.png);
  top: -19px;
  z-index: 9;
  background-repeat: repeat-x;
  -webkit-animation: move 12s linear infinite;
  animation: move 12s linear infinite;
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  background-color: transparent !important;
} */

 /* .footer:after {
  content: "";
  position: absolute;
  height: 20px;
  width: 100%;
  background-image: url(../images/footer-top-shape-light.png);
  top: -22px;
  z-index: 9;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
} */

 @keyframes move {
   0% {
     background-position: left 0 bottom 0;
   }

   100% {
     background-position: left 350px bottom 0;
   }
 }

 .footer .footer-logo {
   position: relative;
   margin-bottom: 20px;
 }

 .footer .row .widget-area:first-child .widget {
   margin-right: 25px;
 }

 .footer .social-icons li {
   font-weight: normal;
   text-align: center;
   position: relative;
   margin: 0 1px;
 }

 .footer .social-icons li a {
   width: 30px;
   height: 30px;
   line-height: 30px;
   border-radius: 5px;
   border: 1px solid #333;
   text-align: center;
   display: block;
   font-size: 14px;
   color: #fff;
   border-color: transparent;
 }

 .footer .widget .widget-title {
   font-weight: 600;
   font-size: 20px;
   line-height: 25px;
   margin-bottom: 25px;
   display: inline-block;
   position: relative;
 }

 .footer .widget ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 /* second-footer */
 .second-footer .widget-area .widget {
   padding: 90px 0 85px;
   position: relative;
   z-index: 2;
 }

 .second-footer:before {
   content: "";
   position: absolute;
   background-image: url(../images/footer-ani-img.png);
   top: -100px;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   opacity: 0.3;
   -webkit-animation: wavemove 30s linear infinite,
     sidemove 7s ease-in-out infinite alternate;
   -moz-animation: wavemove 30s linear infinite,
     sidemove 7s ease-in-out infinite alternate;
   animation: wavemove 30s linear infinite,
     sidemove 7s ease-in-out infinite alternate;
 }

 @-webkit-keyframes wavemove {
   0% {
     margin-left: 20%;
   }

   100% {
     margin-left: -30%;
   }
 }

 @-moz-keyframes wavemove {
   0% {
     margin-left: 20%;
   }

   100% {
     margin-left: -30%;
   }
 }

 @keyframes wavemove {
   0% {
     margin-left: 20%;
   }

   100% {
     margin-left: -30%;
   }
 }

 /** menu-footer-quick-links **/
 .widget ul#menu-footer-quick-links li a {
   display: inline-block;
   transition: all 0.6s;
   padding-left: 22px;
 }

 .widget ul#menu-footer-quick-links li a:before {
   position: absolute;
   font-family: "themify";
   content: "\e622";
   top: 1px;
   left: 0;
   font-weight: bold;
   font-size: 12px;
   transition: all 0.4s;
 }

 .widget ul#menu-footer-quick-links li {
   display: block;
   padding: 0px 0px 14px 0;
   position: relative;
 }

 .widget ul#menu-footer-quick-links li:last-child {
   padding-bottom: 0;
 }

 /** widget_img_gellary **/
 .widget_img_gellary ul {
   display: inline-table;
   padding-top: 2px;
   font-size: 0;
   margin: 0 -1.1666667%;
 }

 .widget_img_gellary ul li {
   display: inline-block;
   max-width: 33.21%;
   padding: 3px;
   text-align: center;
   vertical-align: top;
   width: 100%;
 }

 /** widget_cta **/
 .widget_cta .widget-title {
   margin-bottom: 16px !important;
 }

 .widget_cta {
   position: relative;
   background-color: rgba(255, 255, 255, 0.04);
   padding: 33px 30px 25px 30px !important;
   margin-top: 70px;
   border-radius: 5px;
 }

 .widget_cta:before {
   content: "";
   position: absolute;
   width: 4px;
   height: 76%;
   top: 36px;
   left: 0;
 }

 .widget_cta h4 {
   font-size: 22px;
   line-height: 1;
 }

 .bottom-footer-text {
   background-color: #131f40;
   position: relative;
   z-index: 1;
   background-position: center center;
   background-size: auto;
   background-repeat: no-repeat;
   background-attachment: fixed;
 }

 /** copyright **/
 .copyright {
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: 14px;
 }

 .copyright,
 .copyright .cpy-text {
   color: rgba(255, 255, 255, 0.75) !important;
 }

 .copyright ul.list-inline {
   margin: 0;
 }

 /** Footer-nav-menu **/
 .footer-nav-menu {
   padding: 0;
   margin: 0;
 }

 .footer-nav-menu li {
   display: inline-block;
   padding-right: 18px;
   font-size: 14px;
 }

 .footer-nav-menu li:last-child {
   padding-right: 0;
 }

 ul.footer-nav-menu li:after {
   position: absolute;
   content: "|";
   color: #fff;
   padding-left: 8px;
 }

 ul.footer-nav-menu li:last-child:after {
   content: unset;
 }

 /* ===============================================
    GoTop BUtton
------------------------*/
 #totop {
   font-weight: 900;
   color: #fff;
   display: none;
   position: fixed;
   right: 34px;
   bottom: 50px;
   z-index: 999;
   height: 0;
   width: 0;
   font-size: 0;
   text-align: center;
   padding-top: 3px;
   line-height: 34px;
   border-radius: 3px;
   transition: 0.3s ease-in-out;
 }

 #totop.top-visible {
   height: 40px;
   width: 40px;
   font-size: 22px;
   display: inline;
 }

 @keyframes jump {
   0% {
     bottom: 20px;
   }

   50% {
     bottom: 40px;
   }

   100% {
     bottom: 20px;
   }
 }

 #totop.top-visible {
   animation: jump 4s infinite;
 }

 /* ===============================================
    Page-Title-Row
------------------------*/
 .ttm-page-title-row {
   background: url(../images/pagetitle-bg.jpg);
   width: 100%;
   background-size: cover;
   background-position: center;
   z-index: 1;
 }
 .ttm-page-title-row-contact {
   background: url(../images/contact_banner.jpg) !important;
  width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
   background-position: center;
   z-index: 1;
 }
  .ttm-page-title-row-ras {
   background: url(../images/ras_banner.jpg) !important;
  width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
   background-position: center;
   z-index: 1;
 }
  .ttm-page-title-row-about {
   background: url(../images/about_banner.jpg) !important;
  width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
   background-position: center;
   z-index: 1;
 }
 .visible-hidden{
     visibility:hidden;
 }
 .ttm-page-title-row.ttm-bg.ttm-bgimage-yes>.ttm-bg-layer {
   opacity: 0.65;
 }

 .ttm-page-title-row-inner {
   width: 100%;
   text-align: center;
   position: relative;
   padding: 102px 0;
   z-index: +999;
 }

 .page-title-heading h2 {
   text-transform: capitalize;
   font-weight: 700;
   text-transform: capitalize;
   font-size: 46px;
   line-height: 56px;
   display: inline-block;
   margin-bottom: 14px;
 }

 .breadcrumb-wrapper {
   z-index: 99;
   text-align: center;
   display: inline-block;
 }

 .breadcrumb-wrapper span {
   font-weight: 400;
   text-transform: capitalize;
   font-size: 16px;
   line-height: 26px;
   position: relative;
 }

 .breadcrumb-wrapper span:first-child {
   padding-right: 60px;
 }

 .breadcrumb-wrapper span:first-child a {
   color: #fff;
 }

 .breadcrumb-wrapper span:first-child:after {
   position: absolute;
   content: "";
   width: 9px;
   height: 9px;
   border-radius: 50%;
   right: 12px;
   top: 7px;
   display: inline-block;
   font-style: normal;
 }

 .breadcrumb-wrapper span:first-child:before {
   content: "";
   position: absolute;
   height: 2px;
   width: 30px;
   top: 10px;
   right: 20px;
 }

 /* ===============================================
    Inner-Pages
------------------------*/

 /*------------------------------------------------------------------------------*/
 /*  single_services
/*------------------------------------------------------------------------------*/
 .ttm-service-single-content-area div:not(.featured-title)>h3 {
   font-size: 28px;
   line-height: 35px;
 }

 .ttm-service-single-content-area p:not(:last-child) {
   margin-bottom: 25px;
 }

 .ttm-service-single-content-area .ttm_fatured_image-wrapper {
   position: relative;
 }

 .ttm-service-single-content-area .ttm_fatured_image-wrapper .p-15.ttm-bgcolor-skincolor {
   color: #fff;
   padding: 15px 30px;
   position: absolute;
   bottom: 0;
   width: 100%;
   background-color: rgba(19, 197, 221, 0.82);
 }

 /*------------------------------------------------------------------------------*/
 /*  single_team
/*------------------------------------------------------------------------------*/
 .ttm-team-member-single-content h2,
 .ttm-team-member-content h2 {
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 15px;
 }

 .ttm-team-member-content .ttm-team-member-header-content {
   padding: 25px 10px;
   text-align: center;
 }

 .ttm-team-member-single-content-area {
   background-color: #fff;
   -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
   -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%);
 }

 .ttm-team-member-content .ttm-team-member-header-content .ttm-team-member-single-title {
   font-size: 20px;
   line-height: 27px;
   margin-bottom: 0;
   color: #fff;
 }

 .ttm-team-member-single-content ul.ttm-team-details-list {
   margin: 0;
   padding: 25px 30px;
   overflow: hidden;
   clear: both;
 }

 .ttm-team-details-list li {
   position: relative;
   font-size: 16px;
   line-height: 24px;
   display: block;
   padding: 8px 0 9px 0;
 }

 .ttm-team-details-list li a {
   color: inherit;
 }

 .ttm-team-details-list .ttm-team-list-title {
   margin-right: 3px;
   position: relative;
   font-weight: 600;
   font-size: 16px;
   line-height: 20px;
   padding-bottom: 6px;
 }

 .team-timeline {
   position: relative;
 }

 .team-timeline:before {
   content: "";
   position: absolute;
   height: 100%;
   width: 1px;
   background-color: rgba(0, 0, 0, 0.07);
   top: 10px;
   left: 30%;
   display: block;
 }

 .ttm-team-member-single-content .timeline-panel {
   display: table;
   margin-bottom: 15px;
 }

 .team-timeline .timeline-panel .timeline-head {
   display: table-cell;
   width: 40%;
   position: relative;
   vertical-align: middle;
 }

 .team-timeline .timeline-panel .timeline-head h3 {
   font-weight: 600;
   font-size: 22px;
   padding-top: 3px;
   line-height: 30px;
 }

 .team-timeline .timeline-panel .timeline-head:before {
   content: "";
   position: absolute;
   height: 15px;
   width: 15px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.07);
   top: 10px;
   right: 22.5%;
   display: block;
   border-radius: 50%;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }

 .team-timeline .timeline-panel:nth-child(2) .timeline-head:before {
   height: 8px;
   width: 8px;
   box-shadow: 0 0 1px 5px rgb(19 197 221 / 35%);
   right: 23.5%;
 }

 .team-timeline .timeline-panel .timeline-body {
   display: table-cell;
   position: relative;
   vertical-align: middle;
 }

 .team-timeline .timeline-body h5:before {
   position: absolute;
   content: "";
   top: 8px;
   left: -50px;
   height: 13px;
   width: 13px;
   border-radius: 50%;
   border: 3px solid #ff8d00;
   background-color: #fff;
 }

 /*------------------------------------------------------------------------------*/
 /*  Single_Blog
/*------------------------------------------------------------------------------*/
 .ttm-blog-single .post-meta {
   display: block;
   display: block;
   padding-bottom: 18px;
   margin-bottom: 18px;
   margin-top: 25px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
 }

 .ttm-blog-single .post-meta .ttm-meta-line i {
   padding-right: 7px;
   font-size: 13px;
 }

 .ttm-blog-single .post-meta .ttm-meta-line {
   font-size: 14px;
   line-height: 15px;
   display: inline-block;
   padding-right: 23px;
   position: relative;
 }

 .ttm-blog-single .post-meta .ttm-meta-line:not(:last-child):after {
   position: absolute;
   content: "/";
   right: 8px;
   top: 0px;
 }

 .ttm-blog-single h3 {
   font-size: 24px;
   line-height: 36px;
   margin-top: 20px;
 }

 .ttm-blog-single .ttm-list.ttm-list-style-icon {
   display: inline-block;
 }

 .ttm-blog-single .ttm-list.ttm-list-style-icon li {
   position: relative;
   padding-bottom: 13px;
 }

 .ttm-blog-single blockquote {
   display: block;
   z-index: 1;
   padding: 41px 80px 25px 58px;
   position: relative;
   border-left-width: 5px;
   border-left-style: solid;
   border-radius: 10px;
   margin: 35px 0 50px 0;
   font-weight: 400;
   font-size: 18px;
   line-height: 32px;
   min-height: 100px;
   font-style: normal;
 }

 .ttm-blog-single blockquote p {
   margin-bottom: 1px;
 }

 .ttm-blog-single blockquote:before {
   content: "";
   display: block;
   position: absolute;
   top: 40px;
   left: 40px;
   height: 50px;
   width: 60px;
   -webkit-mask: url(../images/quote-1.svg);
   mask: url(../images/quote-1.svg);
   -webkit-mask-box-image: url(../images/quote-1.svg);
   z-index: -1;
   background-color: #e5ebfa;
 }

 .ttm-blog-single blockquote cite {
   font-size: 18px;
   font-weight: 400;
   margin-top: 5px;
   padding-left: 18px;
   position: relative;
   color: inherit;
   font-style: normal;
 }

 .ttm-blog-single blockquote cite:before {
   position: absolute;
   content: "";
   height: 2px;
   width: 10px;
   left: 0;
   top: 10px;
   background-color: currentColor;
 }

 .ttm-blog-single .social-media-block {
   display: block;
   clear: both;
   overflow: hidden;
   padding-top: 10px;
   padding-bottom: 25px;
   border-top: 1px solid #f3f3f3;
   border-bottom: 1px solid #f3f3f3;
   margin-top: 30px;
 }

 .ttm-blog-single .ttm_tag_lists {
   font-size: 16px;
 }

 .ttm-blog-single .ttm_tag_lists .ttm-tags-links-title {
   font-style: italic;
 }

 .ttm-blog-single .ttm_tag_lists .ttm-tags-links-title i {
   padding-right: 5px;
 }

 .ttm-blog-single .social-media-block .ttm-tags-links a {
   font-size: 15px;
   font-style: normal;
   display: inline-block;
   color: #848e9f;
   padding: 5px 15px;
   font-weight: 400;
   margin-right: 4px;
   border-radius: 3px;
 }

 .ttm-social-share-wrapper {
   display: flex;
   align-items: center;
 }

 .ttm-social-share-wrapper ul li a {
   height: 36px;
   width: 36px;
   line-height: 37px;
   text-align: center;
   display: block;
   font-size: 13px;
   border-radius: 3px;
   background-color: #eff3ff;
   color: #848e9f;
 }

 /*blog-comment*/
 .comments-area {
   padding-top: 30px;
   margin-bottom: 0;
 }

 .comments-area h3.comment-reply-title {
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 15px;
 }

 .comment-form textarea,
 .comment-form input[type="text"],
 .comment-form input[type="email"],
 .comment-form input[type="url"] {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding-left: 15px;
   background-color: #f3f5ff;
   border: 1px solid transparent;
   border-radius: 5px;
 }

 .comments-area .comment-form .comment-form-author,
 .comments-area .comment-form .comment-form-email,
 .comments-area .comment-form .comment-form-url {
   position: relative;
   float: left;
   width: 32%;
   margin-right: 2%;
 }

 .comments-area .comment-form .comment-form-url {
   margin-right: 0;
 }

 /*------------------------------------------------------------------------------*/
 /*  Project_Blog
/*------------------------------------------------------------------------------*/
 .ttm-pf-detail-box {
   position: relative;
 }

 .ttm-pf-single-detail-box {
   padding: 25px 25px 0;
   position: absolute;
   right: 0;
   top: auto;
   bottom: -55px;
   color: #fff;
   margin: 0;
   min-width: 311px;
 }

 .ttm-pf-single-detail-box ul {
   list-style: none;
   padding-left: 0;
   overflow: hidden;
   margin-top: 0;
 }

 .ttm-pf-single-detail-box ul li {
   position: relative;
   display: block;
   font-size: 14px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   padding: 11px 0 11px 0;
 }

 .ttm-pf-single-detail-box ul li:last-child {
   border-bottom: 0;
 }

 .ttm-pf-single-detail-box ul li>span {
   display: block;
 }

 .ttm-pf-single-detail-box ul li>span:first-child {
   font-weight: 600;
   margin-right: 5px;
   font-size: 18px;
 }

 .ttm-pf-single-content-area h2 {
   text-align: left;
   font-size: 28px;
   line-height: 35px;
   margin-bottom: 20px;
 }

 .ttm-pf-single-content-area .social-icons.circle li>a {
   height: 36px;
   width: 36px;
   line-height: 37px;
   text-align: center;
   display: block;
   font-size: 13px;
   border-radius: 3px;
   background-color: #eff3ff;
   color: #848e9f;
 }

 .ttm-pf-single-content-area .social-media-block .ttm-btn {
   color: inherit;
   text-transform: capitalize;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   display: inline-block;
   color: #848e9f;
   padding: 5px 15px;
   font-weight: 400;
   margin-bottom: 7px;
   border-radius: 3px;
 }

 .ttm-pf-single-related-wrapper h2 {
   font-size: 30px;
 }

 /*------------------------------------------------------------------------------*/
 /*  Contact_page
/*------------------------------------------------------------------------------*/
 .ttm_contact_widget_wrapper {
   position: relative;
   z-index: 1;
   overflow: visible;
   clear: both;
   padding: 40px 30px;
   padding-left: 35px;
 }

 @media (min-width: 992px) {
   .ttm_contact_widget_wrapper:before {
     position: absolute;
     content: "";
     right: -20px;
     top: 46%;
     margin: 0 auto;
     border-bottom: 20px solid transparent;
     border-top: 20px solid transparent;
     border-left-width: 20px;
     border-left-style: solid;
     z-index: 9;
   }
 }

 .ttm_contact_widget_wrapper ul {
   padding: 0;
   margin: 0;
   z-index: 2;
   list-style: disc;
   clear: both;
   padding-left: 23px;
 }

 .ttm_contact_widget_wrapper li {
   margin-bottom: 25px;
   text-align: left;
   font-size: 22px;
   font-weight: 600;
 }

 .ttm_contact_widget_wrapper li h6 {
   text-align: left;
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 5px;
 }

 .ttm_contact_widget_wrapper li span {
   font-size: 16px;
   line-height: 26px;
   font-weight: normal;
 }

 /*------------------------------------------------------------------------------*/
 /*  Error_page
/*------------------------------------------------------------------------------*/
 .error-404 {
   background-image: url(../images/404-page-bg.jpg);
   background-color: rgba(255, 255, 255, 0.1);
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: scroll;
 }

 .page-header {
   margin: 30px 0 15px;
   border-bottom: 1px solid #e4e4e4;
 }

 section.error-404 {
   padding: 140px 0;
   text-align: center;
 }

 section.error-404 .ttm-big-icon {
   font-size: 120px;
 }

 section.error-404 h1 {
   font-size: 70px;
   text-transform: uppercase;
   line-height: 100%;
 }

 section.error-404 .page-content p {
   font-size: 18px;
   margin-bottom: 30px;
 }

 /*------------------------------------------------------------------------------*/
 /*  Map
/*------------------------------------------------------------------------------*/
 #map {
   display: block;
   height: 550px;
   width: 100%;
 }

 img#logo-img {
   width: 30%;
 }

 /* ------=------------------------------Card deisgn--------------------------------------------- */
 /* .flip-card-container */
 .flip-card-container {
   --hue: 150;
   --primary: hsl(var(--hue), 50%, 50%);
   --white-1: hsl(0, 0%, 90%);
   --white-2: hsl(0, 0%, 80%);
   --dark: hsl(var(--hue), 25%, 10%);
   --grey: hsl(0, 0%, 50%);

   width: 100%;
   height: 390px;
   /* margin: 40px; */

   perspective: 1000px;
 }

 /* .flip-card */
 .flip-card {
   width: inherit;
   height: inherit;
   /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */
   position: relative;
   transform-style: preserve-3d;
   transition: 0.6s 0.1s;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
   border-radius: 24px;
 }

 /* hover and focus-within states */
 /* .flip-card-container:hover .flip-card,
.flip-card-container:focus-within .flip-card {
  transform: rotateY(180deg);
} */

 /* .card-... */
 .card-front,
 .card-back {
   width: 100%;
   height: 100%;
   border-radius: 24px;

   /* background: var(--dark); */
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;

   backface-visibility: hidden;

   display: flex;
   justify-content: center;
   align-items: center;
 }

 /* .card-front */
 .card-front {
   transform: rotateY(0deg);
   z-index: 2;
 }

 /* .card-back */
 .card-back {
   transform: rotateY(180deg);
   z-index: 1;
 }

 /* figure */
 .cardfig {
   z-index: -1;
 }

 /* figure, .img-bg */
 .cardfig,
 .img-bg {
   position: absolute;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;
 }

 /* img */
 .cardimg {
   width: 100%;
   height: 100%;
   border-radius: 24px;
 }

 /* figcaption */
 .cardfigcaption {
   display: block;

   width: auto;
   margin-top: 12%;
   padding: 8px 22px;

   font-weight: bold;
   line-height: 1.6;
   letter-spacing: 2px;
   word-spacing: 6px;
   text-align: right;

   position: absolute;
   top: 0;
   right: 12px;

   color: var(--white-1);
   background: hsla(var(--hue), 25%, 10%, 0.5);
 }

 /* .img-bg */
 .img-bg {
   background: hsl(350deg 25% 10% / 0%);
 }

 .card-front .img-bg {
   /* clip-path: polygon(0 20%, 100% 40%, 100% 100%, 0 100%); */
 }

 .card-front .img-bg::before {
   content: "";

   position: absolute;
   top: 34%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(18deg);

   width: 100%;
   height: 6px;
   /* border: 1px solid var(--primary); */
   border-left-color: transparent;
   border-right-color: transparent;

   transition: 0.1s;
 }

 .card-back .img-bg {
   clip-path: polygon(0 0, 100% 0, 100% 80%, 0 60%);
 }

 /* hover state */
 /* .flip-card-container:hover .card-front .img-bg::before {
  width: 6px;
  border-left-color: var(--primary);
  border-right-color: var(--primary);
} */

 /* ul */
 .cardul {
   padding-top: 50%;
   margin: 0 auto;
   width: 70%;
   height: 100%;

   list-style: none;
   color: var(--white-1);

   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 /* li */
 .cardul li {
   width: 100%;
   margin-top: 12px;
   padding-bottom: 12px;

   font-size: 14px;
   text-align: center;

   position: relative;
 }

 .cardul li:nth-child(2n) {
   color: var(--white-2);
 }

 .cardul li:not(:last-child)::after {
   content: "";

   position: absolute;
   bottom: 0;
   left: 0;

   width: 100%;
   height: 1px;

   background: currentColor;
   opacity: 0.2;
 }

 /* button */
 .cardbutton {
   color: hsl(0deg 0% 99.27%);
   letter-spacing: 2px;
   padding: 9px 20px;
   border: 2px solid rgb(14 32 77);
   border-radius: 10px;
   background: #0e204d;
   transition: 0.3s;
   cursor: pointer;
   font-size: 18px;
   font-weight: 400;
 }

 .cardbutton:hover,
 .cardbutton:focus {
   color: #fff;
   background: hsla(var(--hue), 25%, 10%, 0.2);
   border-color: #fff;
 }

 .cardbutton:active {
   transform: translate(2px);
 }

 /* .design-container */
 .design-container {
   --tr: 90;
   --op: 0.5;

   width: 100%;
   height: 100%;

   background: transparent;
   position: absolute;
   top: 0;
   left: 0;

   pointer-events: none;
 }

 /* .design */
 .design {
   display: block;

   background: var(--grey);
   position: absolute;

   opacity: var(--op);
   transition: 0.3s;
 }

 .design--1,
 .design--2,
 .design--3,
 .design--4 {
   width: 1px;
   height: 100%;
 }

 .design--1,
 .design--2 {
   top: 0;
   transform: translateY(calc((var(--tr) - (var(--tr) * 2)) * 1%));
 }

 .design--1 {
   left: 20%;
 }

 .design--2 {
   left: 80%;
 }

 .design--3,
 .design--4 {
   bottom: 0;
   transform: translateY(calc((var(--tr) + (var(--tr) - var(--tr))) * 1%));
 }

 .design--3 {
   left: 24%;
 }

 .design--4 {
   left: 76%;
 }

 .design--5,
 .design--6,
 .design--7,
 .design--8 {
   width: 100%;
   height: 1px;
 }

 .design--5,
 .design--6 {
   left: 0;
   transform: translateX(calc((var(--tr) - (var(--tr) * 2)) * 1%));
 }

 .design--5 {
   top: 41%;
 }

 .design--6 {
   top: 59%;
 }

 .design--7,
 .design--8 {
   right: 0;
   transform: translateX(calc((var(--tr) + (var(--tr) - var(--tr))) * 1%));
 }

 .design--7 {
   top: 44%;
 }

 .design--8 {
   top: 56%;
 }

 /* states */
 .cardbutton:hover+.design-container,
 .cardbutton:active+.design-container,
 .cardbutton:focus+.design-container {
   --tr: 20;
   --op: 0.7;
 }

 .abs-site-link {
   position: fixed;
   bottom: 20px;
   left: 20px;
   color: hsla(0, 0%, 100%, 0.6);
   font-size: 16px;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
 }

 /* ------=------------------------------Card deisgn--------------------------Ends------------------- */
 .motto-top {
   margin-top: 10rem;
 }

 .content {
   position: relative;
   top: 30px;
   left: 50px;
 }

 .content h2 {
   color: #fff;
   font-size: 4.5em;
   /* position: absolute; */
   transform: translate(0%, -50%);
 }

 .content h2:nth-child(1) {
   color: transparent;
   -webkit-text-stroke: 2px #1871f2;
   ;
 }

 .content h2:nth-child(2) {
   color: #0053a0;
   animation: animate 4s ease-in-out infinite;
   position: absolute;
   top: 0px;
 }

 @keyframes animate {

   0%,
   100% {
     clip-path: polygon(0% 45%,
         16% 44%,
         33% 50%,
         54% 60%,
         70% 61%,
         84% 59%,
         100% 52%,
         100% 100%,
         0% 100%);
   }

   50% {
     clip-path: polygon(0% 60%,
         15% 65%,
         34% 66%,
         51% 62%,
         67% 50%,
         84% 45%,
         100% 46%,
         100% 100%,
         0% 100%);
   }
 }


 /* Main heading for card's front cover */
 .main__card-front__heading {
   font-size: 1rem;
   margin-top: 0.25rem;
   background: #0053a0;
   color: #fff;
   padding: 7px 25px;
   border-radius: 6px;
 }

 /* Main heading for inside page */
 .main__inside-page__heading {
   padding-bottom: 0rem;
   width: 100%;
 }

 /* Mixed */

 /* For both inside page's main heading and 'view me' text on card front cover */
 .main__inside-page__heading,
 .main__card-front__text-view {
   font-size: 1.1rem;
   color: #000;
 }

 .main__inside-page__heading--city,
 .main__card-front__text-view--city {
   color: #0053a0;
 }

 .main__inside-page__heading--ski,
 .main__card-front__text-view--ski {
   color: #0053a0;
 }

 /* Front cover */

 .main__card-front__tp {
   color: #fafbfa;
 }

 /* For pricing text on card front cover */
 .main__card-front__text-price {
   font-size: 1.2rem;
   margin-top: 0.8rem;
   color: #0e204d;
   font-weight: 700;
 }

 /* Back cover */

 /* For inside page's body text */
 .main__inside-page__text {
   font-size: 12px;
   color: #000;
   line-height: 20px;
   margin-top: 10px;
 }

 /* Icons ===========================================*/

 .main__card-front__icon {
   fill: #fafbfa;
   font-size: 3vw;
   height: 3.25rem;
   margin-top: -0.5rem;
   width: 3.25rem;
 }

 /* Buttons =================================================*/

 .main__inside-page__btn {
   background-color: transparent;

   border-radius: 0.5rem;
   font-size: 1.2rem;
   font-weight: 600;
   margin-top: 0rem;
   overflow: hidden;

   position: relative;
   text-decoration: none;
   transition: all 0.3s ease;
   width: 90%;
   z-index: 10;
 }

 .main__inside-page__btn::before {
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   transform: scaleY(0);
   transition: all 0.3s ease;
   width: 100%;
   z-index: -1;
 }

 .main__inside-page__btn--city {
   background: #0053a0;
   color: #fff !important;
   font-size: 12px;
   font-weight: 500;
   width: 50%;
   padding: 2px 0px;
 }

 .main__inside-page__btn--city::before {
   background-color: #0053a0;
 }

 .main__inside-page__btn--ski {
   background: #0053a0;
   color: #fff !important;
   font-size: 12px;
   font-weight: 500;
   width: 50%;
   padding: 2px 0px;
 }

 .main__inside-page__btn--ski::before {
   background-color: #0053a0;
 }

 /* .main__inside-page__btn:hover {
  color: #fafbfa;
} */

 /* .main__inside-page__btn:hover::before {
  transform: scaleY(1);
} */

 /* Layout Structure=========================================*/

 .main {
   background: linear-gradient(to bottom right, #eee8dd, #e3d9c6);
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100vh;
   width: 100%;
 }

 /* Container to hold all cards in one place */
 .main__card-area {
   align-items: center;
   display: flex;
   flex-wrap: nowrap;
   height: 100%;
   justify-content: space-evenly;
   padding: 1rem;
 }

 /* Card ============================================*/

 /* Area to hold an individual card */
 .main__card-section {
   align-items: center;
   display: flex;
   height: 100%;
   justify-content: center;
   width: 100%;
 }

 /* A container to hold the flip card and the inside page */
 .main__card {
   background-color: rgba(0, 0, 0, 0.05);
   /* box-shadow: -0.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.5); */
   height: 15rem;
   position: relative;
   transition: all 1s ease;
   width: 15rem;
 }

 /* Flip card - covering both the front and inside front page */

 /* An outer container to hold the flip card. This excludes the inside page */
 .main__flip-card {
   height: 15rem;
   perspective: 100rem;
   position: absolute;
   right: 0;
   transition: all 1s ease;
   visibility: hidden;
   width: 15rem;
   z-index: 100;
 }

 /* The outer container's visibility is set to hidden. This is to make everything within the container NOT set to hidden  */
 /* This is done so content in the inside page can be selected */
 .main__flip-card>* {
   visibility: visible;
 }

 /* An inner container to hold the flip card. This excludes the inside page */
 .main__flip-card__container {
   height: 100%;
   position: absolute;
   right: 0;
   transform-origin: left;
   transform-style: preserve-3d;
   transition: all 1s ease;
   width: 100%;
 }

 .main__card-front,
 .main__card-back {
   backface-visibility: hidden;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
 }

 /* Styling for the front side of the flip card */

 /* container for the front side */
 .main__card-front {
   background-color: #fafbfa;
   height: 15rem;
   width: 15rem;
   border-radius: 3px;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }

 /* Front side's top section */
 .main__card-front__tp {
   align-items: center;
   clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
   display: flex;
   flex-direction: column;
   /* height: 12rem; */
   justify-content: center;
   padding: 0.75rem;
 }

 .main__card-front__tp--city {
   background: #fff;
 }

 .main__card-front__tp--ski {
   background: #fff;
 }

 /* Front card's bottom section */
 .main__card-front__bt {
   align-items: center;
   display: flex;
   justify-content: center;
 }

 /* Styling for the back side of the flip card */

 .main__card-back {
   background-color: #fafbfa;
   transform: rotateY(180deg);
 }

 /* Specifically targeting the <video> element */
 .main__video__container {
   clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%);
   height: auto;
   min-height: 100%;
   object-fit: cover;
   width: 100%;
 }

 /* Inside page */

 .main__inside-page {
   background-color: #fafbfa;
   box-shadow: inset 20rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.25);
   height: 100%;
   padding: 1rem;
   position: absolute;
   right: 0;
   transition: all 1s ease;
   width: 15rem;
   z-index: 1;
 }

 .main__inside-page__container {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 100%;
   text-align: center;
   width: 100%;
   gap: 25px;
 }

 /* Functionality ====================================*/

 /* This is to keep the card centered (within its container) when opened */
 .main__card:hover {
   box-shadow: -0.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.75);
   width: 30rem;
 }

 /* When the card is hovered, the flip card container will rotate */
 .main__card:hover .main__flip-card__container {
   transform: rotateY(-180deg);
 }

 /* When the card is hovered, the shadow on the inside page will shrink to the left */
 .main__card:hover .main__inside-page {
   box-shadow: inset 1rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.1);
 }

 .imgStatistics {
   width: 40%;
   margin-top: 25px;
 }

 .animate-border-plain {
   position: relative;
   display: block;
   width: 295px;
   height: 3px;
   background: #0053a0;
   overflow: hidden;
 }

 .animate-border-plain:after {
   position: absolute;
   content: "";
   width: 35px;
   height: 3px;
   left: 15px;
   bottom: 0;
   border-left: 10px solid #fff;
   border-right: 10px solid #fff;
   -webkit-animation: animborder 3s linear infinite;
   animation: animborder 3s linear infinite;
 }

 .animate-border {
   position: relative;
   display: block;
   width: 295px;
   height: 3px;
   background: #fff;
   overflow: hidden;
 }

 .animate-border:after {
   position: absolute;
   content: "";
   width: 35px;
   height: 3px;
   left: 15px;
   bottom: 0;
   border-left: 10px solid #0053a0;
   border-right: 10px solid #0053a0;
   -webkit-animation: animborder 3s linear infinite;
   animation: animborder 3s linear infinite;
 }

 @keyframes animborder {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }

   100% {
     -webkit-transform: translateX(113px);
     transform: translateX(113px);
   }
 }

 .bg-stat {
   /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; */
   border-radius: 20px;

   background: #0053a0;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
     rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
 }

 .motto-btn {
   position: absolute;
   z-index: +9999;
   bottom: 4%;
   right: 5%;
 }

 /* .bg-aqua {
   background: #0053a0;
 } */

 /* ================ The Timeline ================ */

 .timeline {
   position: relative;
   width: 660px;
   margin: 0 auto;
   margin-top: 20px;
   padding: 1em 0;
   list-style-type: none;
 }

 .timeline:before {
   position: absolute;
   left: 50%;
   top: 0;
   content: ' ';
   display: block;
   width: 6px;
   height: 100%;
   margin-left: -3px;
   background: rgb(80, 80, 80);
   background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
   background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
   background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
   background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
   background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);

   z-index: 5;
 }

 .timeline li {
   padding: 1em 0;
 }

 .timeline li:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }

 .direction-l {
   position: relative;
   width: 300px;
   float: left;
   text-align: right;
   background: #0461e9;
   padding: 15px 20px;
   border-radius: 8px;
 }

 .direction-r {
   position: relative;
   width: 300px;
   float: right;
   background: #0461e9;
   padding: 15px 20px;
   border-radius: 8px;
 }

 .flag-wrapper {
   position: relative;
   display: inline-block;

   text-align: center;
 }

 .flag {
   position: relative;
   display: inline;
   background: rgb(248, 248, 248);
   padding: 6px 10px;
   border-radius: 5px;

   font-weight: 600;
   text-align: left;
 }

 .direction-l .flag {
   -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
   box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
 }

 .direction-r .flag {
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
 }

 .direction-l .flag:before,
 .direction-r .flag:before {
   position: absolute;
   top: 50%;
   right: -63px;
   content: ' ';
   display: block;
   width: 25px;
   height: 25px;
   margin-top: -10px;
   background: #fff;
   border-radius: 100px;
   border: 4px solid #0053a0;
   z-index: 10;
 }

 .direction-r .flag:before {
   left: -63px;
 }

 .direction-l .flag:after {
   content: "";
   position: absolute;
   left: 100%;
   top: 50%;
   height: 0;
   width: 0;
   margin-top: -8px;
   border: solid transparent;
   border-left-color: rgb(248, 248, 248);
   border-width: 8px;
   pointer-events: none;
 }

 .direction-r .flag:after {
   content: "";
   position: absolute;
   right: 100%;
   top: 50%;
   height: 0;
   width: 0;
   margin-top: -8px;
   border: solid transparent;
   border-right-color: rgb(248, 248, 248);
   border-width: 8px;
   pointer-events: none;
 }

 .time-wrapper {
   display: inline;
   line-height: 1em;
   font-size: 1.06666em;
   color: #0053a0;
   vertical-align: middle;
   font-weight: 500;

 }

 .direction-l .time-wrapper {
   float: left;
 }

 .direction-r .time-wrapper {
   float: right;
 }

 .time {
   display: inline-block;
   padding: 4px 6px;
   background: rgb(248, 248, 248);
 }

 .desc {
   margin: 1em 0.75em 0 0;
   font-size: 1.07777em;
   line-height: 1.5em;
   color: #fff;
   font-weight: 500;
 }

 .direction-r .desc {
   margin: 1em 0 0 0.75em;
 }

 /* ================ Timeline Media Queries ================ */

 @media screen and (max-width: 660px) {

   .timeline {
     width: 100%;
     padding: 4em 0 1em 0;
   }

   .timeline li {
     padding: 2em 0;
   }

   .direction-l,
   .direction-r {
     float: none;
     width: 100%;

     text-align: center;
   }

   .flag-wrapper {
     text-align: center;
   }

   .flag {
     background: rgb(255, 255, 255);
     z-index: 15;
   }

   .direction-l .flag:before,
   .direction-r .flag:before {
     position: absolute;
     top: -30px;
     left: 50%;
     content: ' ';
     display: block;
     width: 12px;
     height: 12px;
     margin-left: -9px;
     background: #fff;
     border-radius: 10px;
     border: 4px solid #0053a0;
     z-index: 10;
   }

   .direction-l .flag:after,
   .direction-r .flag:after {
     content: "";
     position: absolute;
     left: 50%;
     top: -8px;
     height: 0;
     width: 0;
     margin-left: -8px;
     border: solid transparent;
     border-bottom-color: rgb(255, 255, 255);
     border-width: 8px;
     pointer-events: none;
   }

   .time-wrapper {
     display: block;
     position: relative;
     margin: 4px 0 0 0;
     z-index: 14;
   }

   .direction-l .time-wrapper {
     float: none;
   }

   .direction-r .time-wrapper {
     float: none;
   }

   .desc {
     position: relative;
     margin: 1em 0 0 0;
     padding: 1em;
     background: rgb(245, 245, 245);
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);

     z-index: 15;
   }

   .direction-l .desc,
   .direction-r .desc {
     position: relative;
     margin: 1em 1em 0 1em;
     padding: 1em;

     z-index: 15;
   }

 }

 @media screen and (min-width: 400px) and (max-width: 660px) {

   .direction-l .desc,
   .direction-r .desc {
     margin: 1em 4em 0 4em;
   }

 }

 .br-radius {
   border-radius: 12px;
 }

 /* uday culturwe */
 :root {
   font-size: 16px;
   --text-primary: #b6b6b6;
   --text-secondary: #ececec;
   --bg-primary: #23232e;
   --bg-secondary: #141418;
   --transition-speed: 600ms;
   --background-color-primary: #0053a0;
   --background-color-secondary: #0053a0;
 }

 .udaycontainer {
   position: relative;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;

   margin-top: 20px;
 }

 .udaycontainer .udaycard {
   position: relative;
   height: 230px;
   background: #fff;
   display: flex;
   width: 90%;
   margin: 30px 0;
   border: 1px solid #ddd;
   z-index: 5;
   border-radius: 8px;
 }

 .udaycontainer .udaycard .udayimgBx {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /* background: var(--background-color-primary); */
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   transition: 0.6s ease-in-out;
   border-radius: 6px;
 }

 .udaycontainer .udaycard:hover .udayimgBx {
   width: 150px;
   height: 115px;
   left: -75px;
   top: calc(50% - 75px);
   transition: 0.6s ease-in-out;
   /* background: var(--background-color-secondary); */
   position: absolute;
   border-radius: 6px;
 }

 .udaycontainer .udaycard .udayimgBx:before {
   content: attr(data-text);
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   text-align: center;
   font-size: 4em;
   color: rgba(255, 255, 255, .05);
   font-weight: 700;
 }

 .udaycontainer .udaycard .udayimgBx img {
   max-width: 100%;
   transition: 0.6s ease-in-out;
   border-radius: 8px;
 }

 .udaycontainer .udaycard:hover .udayimgBx img {
   max-width: 90%;
 }

 .udaycontainer .udaycard .udaycontent {
   position: absolute;
   right: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: -1;
   border-radius: 8px;
   background: #0053a0;
 }

 .udaycontainer .udaycard .udaycontent .udaycontent-center {
   padding-left: 100px;
   font-size: 0.75rem;
   color: black;
 }

 .udaycontainer .udaycard .udaycontent h3 {
   margin-bottom: 5px;
   font-size: 16px;
   color: #fff;
 }

 .udaycontainer .udaycard .udaycontent p {
   font-size: 12px;
   color: #fff;
   line-height: 20px;
 }

 .udaycontainer .udaycard .udaycontent a {

   margin-top: 10px;
   padding: 4px 6px;
   background: #fff;
   text-decoration: none;
   color: #0053a0;
   font-size: 12px;
   font-weight: 600;
   border-radius: 3px;
   float: right;
   margin-right: 25px;
 }

 @media (max-width:992px) {
   .udaycontainer {
     width: 100%;
     flex-direction: column;
     align-items: center;
     margin: 10px;
   }

   .udaycontainer .udaycard {
     width: 400px;
   }
 }

 @media (max-width:600px) {
   .udaycontainer {
     margin: 10px;
   }

   .udaycontainer .udaycard .udayimgBx {
     position: absolute;
     display: none;
   }

   .udaycontainer .udaycard {
     max-width: 300px;
     flex-direction: column;
     align-items: center;
   }

   .udaycontainer .udaycard .udayimgBx,
   .udaycontainer .udaycard:hover .udayimgBx {
     width: 100%;
     height: 200px;
     left: 0;
   }

   .udaycontainer .udaycard .udayimgBx img,
   .udaycontainer .udaycard:hover .udayimgBx img {
     position: relative;
   }

   .udaycontainer .udaycard .udaycontent {
     position: relative;
     width: 100%;
   }

   .udaycontainer .udaycard .udaycontent .udaycontent-center {
     padding: 20px;
     padding-bottom: 0px;
     padding-top: 0px;
   }
 }

 /* uday culture */

 /* get in touch */
 .Getsvg {
   height: 23rem;
   /* margin-right: 4rem; */
 }

 #envelope {
   animation: float 2s ease-in-out infinite;
 }

 #star1,
 #star2,
 #star3,
 #star4,
 #star5,
 #star6 {
   animation: blink 1s ease-in-out infinite;
 }

 #star2 {
   animation-delay: 100ms;
 }

 #star3 {
   animation-delay: 500ms;
 }

 #star4 {
   animation-delay: 700ms;
 }

 #star5 {
   animation-delay: 300ms;
 }

 #star6 {
   animation-delay: 200ms
 }

 @keyframes float {
   0% {
     transform: translateY(0px);
   }

   50% {
     transform: translateY(-20px);
   }

   100% {
     transform: translateY(0px);
   }
 }

 @keyframes blink {
   0% {
     opacity: 0;
   }

   50% {
     opacity: .5;
   }

   100% {
     opacity: 1;
   }
 }



 .Getform {
   min-width: 40rem;
   padding-bottom: 100px;

   .title {
     font-family: 'Pacifico', cursive;
     color: #212529;
     font-size: 2.5rem;
   }

   .form-control {
     background-color: #ffffff;
     border-radius: 8px;
     border: 1px solid #ddd;
     box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.11);


     &.thick {
       height: 48px;
       padding: 0rem 1.5rem;
     }

     &:focus {
       background-color: #f2f6f8;
       border: none;
       box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);
     }
   }

   .message .form-control {
     padding: .5rem 1.8rem;
   }

   ::placeholder {
     font-family: 'Quicksand', sans-serif;
     font-weight: 600;
     font-size: 1.1rem;
     color: #838788;
     position: relative;
     left: 0;
   }

   input,
   textarea {
     font-family: 'Quicksand', sans-serif;
     color: #212529;
     font-size: 1.1rem;
   }

   .icon {
     color: #57565c;
     height: 1.3rem;
     position: absolute;
     left: 1.5rem;
     top: 1.1rem;
   }
 }

 .btn.btn-primary {

   height: 2.5rem;
   line-height: 2.5rem;
   padding: 0 3rem;
   border: 0;
   border-radius: 0.5rem;
   background-image: linear-gradient(131deg, #0053a0, #0053a0, #0053a0, #0053a0);
   background-size: 300% 100%;
   transition: all 0.3s ease-in-out;
   border: 1px solid #e9e9e9;
 }

 .btn.btn-primary:hover:enabled {
   box-shadow: 0 0.5em 0.5em -0.4em #0053a0;
   background-size: 100% 100%;
   transform: translateY(-0.15em);
 }

 section.clearfix.padding_zero-section.pb-0.ttm-row {
   padding-top: 70px;
 }

 /* get in touch */

 .custombgm {
   background: url('../images/webbanner2.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   height: 550px;
 }

 /* motto */

 .mottoImg {
   border-radius: 12px;
 }

 .motto-content {

   position: absolute;
   top: 0;
   width: 150px;
 }

 .motto-content p {
   color: #ffff;
   padding: 15px 0px;
   display: block;
   display: -webkit-box;
   max-width: 100%;
   height: 70px;
   font-size: 18px;
   line-height: 1.5;
   -webkit-line-clamp: 11;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 80%;
   overflow-wrap: break-word;
   margin: 0;


 }

 .motto-content h6 {
   /* text-align: center; */
   font-size: 1.5rem;
   color: #fff;
   margin-bottom: 3rem;
   margin-top: 3rem;
 }

 .customlern {
   padding: 5px 10px;
   font-size: 12px;
   font-weight: 500;
   text-transform: capitalize;
 }

 .container-glass,
 .container-glass::before,
 .container-glass::after {
   border-radius: 7px;
   background-color: rgba(255, 255, 255, .2);
   backdrop-filter: blur(5px);
   box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.08);
 }

 .container-glass {
   position: relative;
   padding: 2rem 1.5rem;
   width: 100%;
   max-width: 80%;
 }

 .container-glass::before,
 .container-glass::after {
   content: '';
   position: absolute;
 }

 .container-glass::before {
   height: 80px;
   width: 80px;
   top: -10px;
   left: -40px;
   z-index: -1;
 }

 .container-glass::after {
   height: 40px;
   width: 40px;
   bottom: 20px;
   right: -10px;
   z-index: 2;
 }

 .container-glass .img {
   width: 100%;
   border-radius: 7px;
 }

 .container-glass .text {
   font-size: 1.01rem;
   color: #DDD;
   margin: 2rem 0;
   text-align: justify;
 }

 .container-glass .btn {
   display: block;
   margin: auto;
   font-family: 'PT Sans', sans-serif;
   font-size: 1.02rem;
   width: 80%;
   max-width: 200px;
   padding: .6rem 1rem;
   background-color: transparent;
   border: 1px solid #ffdd00;
   border-radius: 5px;
   color: #ffdd00;
   cursor: pointer;
   transition: all .2s linear;
 }

 .container-glass .btn:hover {
   background-color: #ffdd00;
   color: #333;
 }



 /* fish nemo */
 .imagenemo {
   width: 100%;
   -webkit-animation: mover 1s infinite alternate;
   animation: mover 1s infinite alternate;
 }

 @-webkit-keyframes mover {
   0% {
     transform: translateY(0);
   }

   100% {
     transform: translateY(-10px);
   }
 }

 @keyframes mover {
   0% {
     transform: translateY(0);
   }

   100% {
     transform: translateY(-10px);
   }
 }

 .imagenemobtn {
   width: 25%;
   -webkit-animation: mover2 1s infinite alternate;
   animation: mover2 1s infinite alternate;
   margin-left: 15px;
 }

 @-webkit-keyframes mover2 {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-10px);
   }
 }

 @keyframes mover2 {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-10px);
   }
 }

 /* /custom btn starts */
 .custombtn {
   cursor: pointer;
   position: relative;
   padding: 0;
   background: #0053a0;
   font-size: 17px;
   font-weight: 500;
   color: #181818;
   cursor: pointer;
   border: 1px solid #0053a0;
   border-radius: 8px;
   filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
   width: 30%;
   height: 45px;
   border: none;

 }

 .custombtn:hover {
   border: 1px solid #0053a0;
   background: linear-gradient(85deg,
       #0053a0,
       #0053a0,
       #0053a0,
       #0053a0,
       #0053a0);
   animation: wind 2s ease-in-out infinite;
 }

 @keyframes wind {
   0% {
     background-position: 0% 50%;
   }

   0% {
     background-position: 50% 100%;
   }

   0% {
     background-position: 0% 50%;
   }
 }

 .icon-1 {
   position: absolute;
   top: 0;
   right: 0;
   width: 25px;
   transform-origin: 0 0;
   transform: rotate(10deg);
   transition: all 0.5s ease-in-out;
   filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3));
 }

 button:hover .icon-1 {
   animation: slay-1 3s cubic-bezier(0.52, 0, 0.58, 1) infinite;
   transform: rotate(10deg);
 }

 @keyframes slay-1 {
   0% {
     transform: rotate(10deg);
   }

   50% {
     transform: rotate(-5deg);
   }

   100% {
     transform: rotate(10deg);
   }
 }

 .icon-2 {
   position: absolute;
   top: 0;
   left: 25px;
   width: 12px;
   transform-origin: 50% 0;
   transform: rotate(10deg);
   transition: all 1s ease-in-out;
   filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
 }

 button:hover .icon-2 {
   animation: slay-2 3s cubic-bezier(0.52, 0, 0.58, 1) 1s infinite;
   transform: rotate(0);
 }

 @keyframes slay-2 {
   0% {
     transform: rotate(0deg);
   }

   50% {
     transform: rotate(15deg);
   }

   100% {
     transform: rotate(0);
   }
 }

 .icon-3 {
   position: absolute;
   top: 0;
   left: 0;
   width: 18px;
   transform-origin: 50% 0;
   transform: rotate(-5deg);
   transition: all 1s ease-in-out;
   filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
 }

 button:hover .icon-3 {
   animation: slay-3 2s cubic-bezier(0.52, 0, 0.58, 1) 1s infinite;
   transform: rotate(0);
 }

 @keyframes slay-3 {
   0% {
     transform: rotate(0deg);
   }

   50% {
     transform: rotate(-5deg);
   }

   100% {
     transform: rotate(0);
   }
 }

 /* /custom btn ends */
 /* get in touch starts */
 @-webkit-keyframes btn {

   0%,
   100% {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   70% {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   80% {
     -moz-transform: scale(1.04);
     -ms-transform: scale(1.04);
     -webkit-transform: scale(1.04);
     transform: scale(1.04);
   }

   90% {
     -moz-transform: scale(0.96);
     -ms-transform: scale(0.96);
     -webkit-transform: scale(0.96);
     transform: scale(0.96);
   }
 }

 @-moz-keyframes btn {

   0%,
   100% {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   70% {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   80% {
     -moz-transform: scale(1.04);
     -ms-transform: scale(1.04);
     -webkit-transform: scale(1.04);
     transform: scale(1.04);
   }

   90% {
     -moz-transform: scale(0.96);
     -ms-transform: scale(0.96);
     -webkit-transform: scale(0.96);
     transform: scale(0.96);
   }
 }



 @-webkit-keyframes fish {

   0%,
   70% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @-moz-keyframes fish {

   0%,
   70% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }




 /* body {
  font-family: Roboto, sans-serif;
  color: #515a6e;
  background-color: #d5eafc;
  height: 100%;
  margin: 0;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
} */
 .getInfish,
 .getInfish-shadow {
   width: 900px;
   height: auto;
   position: absolute;
   top: 20px;
   right: 0;
   z-index: +99;
   -moz-animation: fish 3s forwards ease-in-out;
   -webkit-animation: fish 3s forwards ease-in-out;
   animation: fish 3s forwards ease-in-out;
 }

 .getInfish path,
 .getInfish-shadow path {
   fill: #fff;
 }

 .getInfish path:hover,
 .getInfish-shadow path:hover {
   fill: #ff6100;
 }

 .getInfish .line,
 .getInfish-shadow .line {
   fill: none;
 }

 .getInfish-shadow-con {
   opacity: 0.2;
   filter: blur(10px px);
   position: absolute;
   top: 0;
   right: 740px;
   z-index: +99;
 }

 .getInfish-shadow {
   top: -125px;
   left: -157px;
 }

 .getInfish-shadow path {
   fill: #211922;
 }

 .getInfish-shadow path:hover {
   fill: #211922;
 }

 .getInfish-shadow {
   -webkit-filter: url("#goo");
   filter: url(#goo);

   opacity: 0.4;

   height: auto;

   top: 20px;
   right: 0;
   z-index: +99;
 }


 /* get in touch ends */
 .pt-40 {
   padding-top: 40px;
 }

 .pb-40 {
   padding-bottom: 40px;
 }

 /* new contact form */
 .sec-title {
   position: relative;
   padding-bottom: 40px;
 }

 .sec-title .title {
   position: relative;
   color: #0053a0;
   font-size: 18px;
   font-weight: 700;
   padding-right: 50px;
   margin-bottom: 15px;
   display: inline-block;
   text-transform: capitalize;
 }

 .sec-title .title:before {
   position: absolute;
   content: "";
   right: 0;
   bottom: 7px;
   width: 40px;
   height: 1px;
   background-color: #bbb;
 }

 .sec-title h2 {
   position: relative;
   color: #252525;
   font-size: 36px;
   font-weight: 700;
   line-height: 1.5em;
   display: block;
 }

 .sec-title.light h2 {
   color: #fff;
 }

 .contact-page-section {
   position: relative;
   padding-top: 40px;
   padding-bottom: 40px;
 }

 .contact-page-section .inner-container {
   position: relative;
   z-index: 1;
   max-width: 80%;
   background-color: #0053a0;
   box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
 }

 .contact-page-section .form-column {
   position: relative;
   padding: 0 0 0 15px;
 }

 .contact-page-section .form-column .inner-column {
   position: relative;
   padding: 60px 45px 30px;
   background-color: #fff;
 }

 .contact-page-section .info-column {
   position: relative;
 }

 .contact-page-section .info-column .inner-column {
   position: relative;
   padding: 30px 35px;
 }

 .contact-page-section .info-column h2 {
   position: relative;
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   line-height: 1.4em;
   margin-bottom: 30px;

 }

 .contact-page-section .info-column .list-info {
   position: relative;
   margin-bottom: 60px;
 }

 .contact-page-section .info-column .list-info li {
   position: relative;
   margin-bottom: 25px;
   font-size: 14px;
   color: #fff;
   line-height: 1.8em;
   padding-left: 45px;
   list-style: none;
 }

 .contact-page-section .info-column .list-info li:last-child {
   margin-bottom: 0;
 }

 .contact-page-section .info-column .list-info li i {
   position: absolute;
   left: 0;
   top: 8px;
   color: #fff;
   font-size: 20px;
 }

 .contact-form {
   position: relative;
 }

 .contact-form .form-group {
   position: relative;
   margin-bottom: 20px;
 }

 .contact-form input[type="text"],
 .contact-form input[type="email"],
 .contact-form textarea {
   position: relative;
   display: block;
   width: 85%;
   height: 40px;
   color: #000;
   font-size: 12px;
   line-height: 38px;
   padding: 10px 10px;
   border: 1px solid #ddd;
   background-color: #fff;
   transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
 }

 .contact-form input[type="text"]:focus,
 .contact-form input[type="email"]:focus,
 .contact-form textarea:focus {
   border-color: #0053a0;
 }

 .contact-form textarea {
   height: 250px;
   resize: none;
 }

 .contact-form .theme-btn {
   font-size: 15px;
   font-weight: 500;
   margin-top: 10px;
   text-transform: capitalize;
   padding: 6px 15px;
   border: 2px solid #0053a0;
   font-family: Arimo, sans-serif;
   background: #0053a0;
   display: inline-block;
   position: relative;
   line-height: 24px;
   cursor: pointer;
   color: #fff;
   border-radius: 6px;
 }

 .contact-form .theme-btn:hover {
   color: #0053a0;
   border-color: #0053a0;
   background: 0 0;
 }

 .contact-form input.error,
 .contact-form select.error,
 .contact-form textarea.error {
   border-color: red !important;
 }

 .contact-form label.error {
   display: block;
   line-height: 24px;
   padding: 5px 0 0;
   margin: 0;
   text-transform: uppercase;
   font-size: 12px;
   color: red;
   font-weight: 500;
 }

 .social-icon-four {
   position: relative;
 }

 .social-icon-four li {
   position: relative;
   margin-right: 18px;
   display: inline-block;
 }

 .social-icon-four li.follow {
   color: #fff;
   font-weight: 600;
   font-size: 24px;
   display: block;
   margin-bottom: 20px;
 }

 .social-icon-four li a {
   position: relative;
   font-size: 20px;
   color: #fff;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .social-icon-four li a:hover {
   color: #222;
 }



 /* timeline css starts */
 .controls {
   width: 40px;
   height: 40px;
   position: absolute;
   left: 120px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }

 .controls:hover:after {
   transform: translateX(-10px) rotate(45deg);
 }

 .controls:hover:active:after {
   transform: translateX(-20px) rotate(45deg);
   transition: 300ms all;
 }

 .controls:after {
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   transform: rotate(45deg);
   border-left: 4px solid #fff;
   border-bottom: 4px solid #fff;
   transition: 500ms all;
 }

 .controls.next {
   left: auto;
   right: 120px;
   transform: rotate(180deg);
 }

 .time-line {
   width: 100%;
   height: 480px;
   background-color: #0053a0;
   display: flex;
   justify-content: center;
   align-items: center;
   /* position: fixed; */
   bottom: 0;
 }

 .time-line * {
   transition: 800ms all cubic-bezier(0.23, 1, 0.32, 1);
 }

 .time-line .dates-overflow {
   left: 0;
   width: 500vw;
   position: absolute;
   bottom: 50px;
   height: 50px;
 }

 .time-line .dates-wrap {
   display: inline-block;
   position: absolute;
   height: 100%;
   left: calc(50vw - 80px);
 }

 .time-line .dates-wrap:before,
 .time-line .dates-wrap:after {
   content: '';
   position: absolute;
   width: 160px;
   height: 100%;
   left: -1px;
   transform: translate(-50%, -50%);
   background: linear-gradient(to right, rgba(0, 83, 160, 1) 0%, rgba(125, 185, 232, 0) 100%);
   z-index: 2;
 }

 .time-line .dates-wrap:after {
   left: auto;
   right: -1px;
   background: linear-gradient(to left, rgba(0, 83, 160, 1) 0%, rgba(125, 185, 232, 0) 100%);
   transform: translate(50%, -50%);
 }

 .time-line .dates-wrap .date {
   width: 160px;
   position: relative;
   float: left;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: 800ms all cubic-bezier(0.23, 1, 0.32, 1);
 }

 .time-line .dates-wrap .date .date-content {
   visibility: hidden;
   position: absolute;
   width: 340px;
   height: 340px;
   bottom: 100%;
   margin-bottom: 80px;
   border-radius: 3px;
   transform-origin: 50% 100%;
   transform: scale(0.7);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0);
 }

 .time-line .dates-wrap .date .date-content:after {
   content: "";
   position: absolute;
   left: 50%;
   width: 1px;
   top: 100%;
   margin-top: 8px;
   height: 60px;
   opacity: 0;
   background-color: #fff;
   transform: scaleY(0);
   transform-origin: 100% 100%;
   transition: 800ms all cubic-bezier(0.23, 1, 0.32, 1);
 }

 .time-line .dates-wrap .date .date-content .date-image {
   width: 100%;
   height: calc(100% - 60px);
   /* background-image: url(https://images.unsplash.com/photo-1573591172652-f548fe02ef77?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=844&q=80); */
   background-size: cover;
   background-position: center;
 }

 .time-line .dates-wrap .date .date-content>div {
   opacity: 0;
   transform: translateY(40px);
 }

 .time-line .dates-wrap .date .date-content .date-text {
   width: 100%;
   height: 100px;
   background-color: #fff;
   /* display: flex; */
   justify-content: center;
   align-items: center;
   color: #0053a0;
   padding: 10px;
 }

 .time-line .dates-wrap .date .date-year {
   opacity: 0.4;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }

 .date-text p {
   line-height: 20px;
   font-size: 12px;
   color: #000;
   font-weight: 500;
   margin-top: 10px;
 }

 .time-line .dates-wrap .date .date-year:hover {
   opacity: 1 !important;
 }

 .time-line .dates-wrap .date .date-year:hover:after {
   transform: scale(1) !important;
 }

 .time-line .dates-wrap .date .date-year p {
   position: absolute;
   top: 40px;
   color: #fff;
   font-size: 20px;
   font-weight: 500;
   transform: scale(0.4);
   z-index: 2;
 }

 .time-line .dates-wrap .date .date-year:after {
   content: "";
   position: absolute;
   width: 14px;
   height: 14px;
   background-color: #fff;
   bottom: 100%;
   margin-bottom: -7px;
   border-radius: 50%;
   transform: scale(0.4);
   transition: 500ms all;
 }

 .time-line .dates-wrap .date .date-year:before {
   content: "";
   position: absolute;
   top: 0;
   width: 200%;
   height: 1px;
   background-color: #fff;
 }

 .time-line .dates-wrap .date.sibling .date-year {
   opacity: 0.6;
 }

 .time-line .dates-wrap .date.sibling .date-year:after {
   transform: scale(0.8);
 }

 .time-line .dates-wrap .date.sibling .date-year p {
   transform: scale(0.6);
 }

 .time-line .dates-wrap .date.active+.date .date-year {
   opacity: 0.6;
 }

 .time-line .dates-wrap .date.active+.date .date-year:after {
   transform: scale(0.8);
 }

 .time-line .dates-wrap .date.active+.date .date-year p {
   transform: scale(0.6);
 }

 .time-line .dates-wrap .date.active .date-year {
   opacity: 1;
 }

 .time-line .dates-wrap .date.active .date-year:before {
   width: calc(200% - 11px);
 }

 .time-line .dates-wrap .date.active .date-year:after {
   transform: scale(1);
 }

 .time-line .dates-wrap .date.active .date-year p {
   transform: scale(1.2);
 }

 .time-line .dates-wrap .date.active .date-content {
   transform: scale(1);
   visibility: visible;
 }

 .time-line .dates-wrap .date.active .date-content:after {
   transition-delay: 200ms;
   opacity: 1;
   transform: scaleY(1);
 }

 .time-line .dates-wrap .date.active .date-content div {
   transition-delay: 200ms;
   opacity: 1;
   transform: translateY(0px) scale(1);
 }

 .date-text h4 {
   font-size: 18px;
   margin: 0;
 }

 /* timeline css ends */
 /* video paralllex starts */
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700);



 .parallexfigure {
   margin: 0;
   position: relative;
 }

 .parallexfigure h1 {
   position: absolute;
   top: 20px;
   left: 20px;
   border-right: 3px solid #fff;
   padding: 5px 10px 5px 5px;
 }

 .parallexvideo {
   width: 100%;
   max-width: 100%;
 }



 .parallexhero-wrapper {
   /* position: absolute; */
   bottom: 0;
   right: 0;
   height: auto;
   width: auto;
   min-height: 100%;
   min-width: 100%;
   z-index: -9999;
 }

 .parallexhero-wrapper::before {
   content: '';
   background-color: #000;
 }

 .videocont {
   position: absolute;
   top: 30%;
   width: 100%;
   z-index: +999;
 }

 .ttm-row-vid {
   margin: 40px 0px;
 }

 /* video paralllex ends */

 /* profile card */
 .Profilecard-wrapper {
   /* width: 400px; */
   height: 500px;
   position: relative;
 }

 .Profilecard {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 300px;
   height: 380px;
   transform: translate(-50%, -50%);
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 5px 18px rgba(0, 0, 0, 0.6);
   cursor: pointer;
   transition: 0.5s;
 }

 .Profilecard .Profilecard-image {
   /* position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 2;
   background-color: #000;
   transition: 0.5s; */
 }

 .Profilecard:hover img {
   opacity: 1;
   transition: 0.5s;
 }

 .Profilecard:hover .Profilecard-image {
   /* transform: translateY(-22px); */
   transition: all 0.9s;
 }

 /**** Social Icons *****/
 .Profilesocial-icons {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 3;
   display: flex;
 }

 .Profilesocial-icons li {
   list-style: none;
 }

 .Profilesocial-icons li a {
   position: relative;
   display: block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background: #fff;
   font-size: 23px;
   color: #333;
   font-weight: bold;
   margin: 0 6px;
   transition: 0.4s;
   transform: translateY(200px);
   opacity: 0;
 }

 .Profilecard:hover .Profilesocial-icons li a {
   transform: translateY(0px);
   opacity: 1;
 }

 .Profilesocial-icons li a:hover {
   background: #000;
   transition: 0.2s;
 }

 .Profilesocial-icons li a:hover .fab {
   color: #fff;
 }

 .Profilesocial-icons li a .fab {
   transition: 0.8s;
 }

 .Profilesocial-icons li a .fab:hover {
   transform: rotateY(360deg);
   color: #fff;
 }

 .Profilecard:hover li:nth-child(1) a {
   transition-delay: 0.1s;
 }

 .Profilecard:hover li:nth-child(2) a {
   transition-delay: 0.2s;
 }

 .Profilecard:hover li:nth-child(3) a {
   transition-delay: 0.3s;
 }

 .Profilecard:hover li:nth-child(4) a {
   transition-delay: 0.4s;
 }

 /**** Personal Details ****/
 .Profiledetails {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #fff;
   width: 100%;
   height: 80px;
   z-index: 1;
   padding: 10px;
 }

 .Profiledetails h2 {
   margin: 10px 0;
   padding: 0;
   text-align: center;
   font-size: 16px;
   color: #0e204d;
 }

 .Profiledetails h2 .job-title {
   font-size: 1rem;
   line-height: 2.5rem;
   color: #333;
   font-weight: 300;
 }

 .Profilejane {
   position: absolute;
   bottom: -120px;
   left: 0;
   opacity: 0;
   background: #fff;
   width: 100%;
   height: 120px;
   z-index: 3;
   padding: 10px;
   transition: 0.4s;
 }



 .Profilecard:hover .jane {
   bottom: 0;
   left: 0;
   transition-delay: 0.5s;
   opacity: 1;
 }

 /* profile card end */

 /* motto new cards */
 .blog-slider {
   width: 95%;
   position: relative;
   max-width: 800px;
   margin: auto;
   background: #fff;
   box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
   padding: 25px;
   border-radius: 25px;
   height: 300px;
   transition: all 0.3s;
 }

 @media screen and (max-width: 992px) {
   .blog-slider {
     max-width: 680px;
     height: 400px;
   }
 }

 @media screen and (max-width: 768px) {
   .blog-slider {
     min-height: 500px;
     height: auto;
     margin: 180px auto;
   }
 }

 @media screen and (max-height: 500px) and (min-width: 992px) {
   .blog-slider {
     height: 350px;
   }
 }

 .blog-slider__item {
   display: flex;
   align-items: center;
 }

 @media screen and (max-width: 768px) {
   .blog-slider__item {
     flex-direction: column;
   }
 }

 .blog-slider__img {
   width: 250px;
   flex-shrink: 0;
   height: 250px;
   background-image: linear-gradient(147deg, #269cbb 0%, #0057b7 74%);
   box-shadow: 4px 13px 30px 1px rgb(4 4 4 / 37%);
   border-radius: 20px;
   transform: translateX(-60px);
   overflow: hidden;
 }

 /* .blog-slider__img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
   border-radius: 20px;
   opacity: 0.8;
 } */

 .blog-slider__img img {
   width: 100%;
   height: 100%;
   object-fit: inherit;
   display: block;
   opacity: 1;
   border-radius: 20px;
   transition: all 0.3s;
 }

 @media screen and (max-width: 768px) {
   .blog-slider__img {
     transform: translateY(-50%);
     width: 90%;
   }
 }

 @media screen and (max-width: 576px) {
   .blog-slider__img {
     width: 95%;
   }
 }

 @media screen and (max-height: 500px) and (min-width: 992px) {
   .blog-slider__img {
     height: 240px;
   }
 }

 .blog-slider__content {
   padding-right: 25px;
 }

 @media screen and (max-width: 768px) {
   .blog-slider__content {
     margin-top: -80px;
     text-align: center;
     padding: 0 30px;
   }
 }

 @media screen and (max-width: 576px) {
   .blog-slider__content {
     padding: 0;
   }
 }

 .blog-slider__content>* {
   opacity: 1;
   transform: translateY(25px);
   transition: all 0.4s;
 }

 .blog-slider__code {
   color: #7b7992;
   margin-bottom: 15px;
   display: block;
   font-weight: 500;
 }

 .blog-slider__title {
   font-size: 16px;
   font-weight: 700;
   color: #0d0925;
   margin-bottom: 20px;
 }

 .blog-slider__text {
   color: #4e4a67;
   margin-bottom: 30px;
   line-height: 1.5em;
   font-size: 16px;
   font-weight: 700;
 }

 .blog-slider__button {
   display: inline-flex;
   background-image: linear-gradient(147deg, #269cbb 0%, #0056b4 74%);
   padding: 7px 15px;
   border-radius: 6px;
   color: #fff;
   box-shadow: 0px 14px -2px rgb(38 156 187);
   text-decoration: none;
   font-weight: 500;
   justify-content: center;
   text-align: center;
   letter-spacing: 1px;
   font-size: 12px;
 }

 .blog-slider__button:hover {
   color: #fff !important;
 }

 @media screen and (max-width: 576px) {
   .blog-slider__button {
     width: 100%;
   }
 }

 .blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
 .blog-slider .swiper-pagination-custom,
 .blog-slider .swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%;
 }

 .blog-slider__pagination {
   position: absolute;
   z-index: 21;
   right: 20px;
   width: 11px !important;
   text-align: center;
   left: auto !important;
   top: 50%;
   bottom: auto !important;
   transform: translateY(-50%);
 }

 @media screen and (max-width: 768px) {
   .blog-slider__pagination {
     transform: translateX(-50%);
     left: 50% !important;
     top: 205px;
     width: 100% !important;
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }

 .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 8px 0;
 }

 @media screen and (max-width: 768px) {
   .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 5px;
   }
 }

 .blog-slider__pagination .swiper-pagination-bullet {
   width: 11px;
   height: 11px;
   display: block;
   border-radius: 10px;
   background: #062744;
   opacity: 0.2;
   transition: all 0.3s;
 }

 .blog-slider__pagination .swiper-pagination-bullet-active {
   opacity: 1;
   background: #fd3838;
   height: 30px;
   box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
 }

 @media screen and (max-width: 768px) {
   .blog-slider__pagination .swiper-pagination-bullet-active {
     height: 11px;
     width: 30px;
   }
 }

 /* motto new cards */

 /* fish tanker  */
 #left-fish-front_1_ {
   transform: translateX(-30%);
   animation: left-fish 15s infinite linear;
 }

 @keyframes left-fish {
   0% {
     transform: translateX(-30%);
   }

   50% {
     transform: translateX(50%);
   }

   75% {
     transform: translateX(75%);
   }

   100% {
     transform: translateX(100%);
   }
 }

 #left-fish-front {
   transform: translateX(-30%);
   animation: left-fish1 12s infinite linear;
 }

 @keyframes left-fish1 {
   0% {
     transform: translateX(-30%);
   }

   50% {
     transform: translateX(25%);
   }

   75% {
     transform: translateX(50%);
   }

   100% {
     transform: translateX(120%);
   }
 }

 #right-fish-back {
   transform: translateX(30%);
   animation: right-fish 15s infinite linear;
 }

 @keyframes right-fish {
   0% {
     transform: translateX(30%);
   }

   50% {
     transform: translateX(-25%);
   }

   75% {
     transform: translateX(-50%);
   }

   100% {
     transform: translateX(-120%);
   }
 }

 #right-fish-front {
   transform: translateX(30%);
   animation: right-fish1 10s infinite linear;
 }

 @keyframes right-fish1 {
   0% {
     transform: translateX(30%);
   }

   50% {
     transform: translateX(-50%);
   }

   75% {
     transform: translateX(-75%);
   }

   100% {
     transform: translateX(-120%);
   }
 }

 #bubble1 {
   transform: translateY(50%);
   animation: bubble-1 10s infinite linear;
 }

 @keyframes bubble-1 {
   0% {
     transform: translateY(40%);
     opacity: 1;
   }

   50% {
     transform: translateY(-50%);
   }

   75% {
     transform: translateY(-75%);
   }

   100% {
     transform: translateY(-100%);
     opacity: 0;
   }
 }

 #bubble {
   transform: translateY(50%);
   animation: bubble 15s infinite linear;
 }

 @keyframes bubble {
   0% {
     transform: translateY(40%);
   }

   50% {
     transform: translateY(-50%);
   }

   75% {
     transform: translateY(-75%);
   }

   100% {
     transform: translateY(-110%);
     opacity: 0;
   }
 }

 #front-tree5,
 #front-tree4,
 #front-tree3,
 #front-tree2,
 #front-tree1,
 #back-tree1,
 #back-tree2,
 #back-tree3,
 #back-tree4,
 #back-tree5,
 #back-tree6_1_,
 #back-tree7 {
   animation: wiggle 20s infinite;
   transform-origin: center;
   transform-box: border-box;

 }

 @keyframes wiggle {

   0%,
   100% {
     transform: translateX(0%);
     transform-origin: 50% 50%;
   }

   15% {
     transform: translateX(-10px);
   }

   30% {
     transform: translateX(2px);
   }

   45% {
     transform: translateX(-5px);
   }

   60% {
     transform: translateX(2px);
   }

   75% {
     transform: translateX(-2px);
   }
 }

 #back-tree1,
 #back-tree2,
 #back-tree3,
 #back-tree4,
 #back-tree5,
 #back-tree6_1_,
 #back-tree7 {
   animation: wiggle1 10s infinite;
   transform-origin: center;
   transform-box: border-box;

 }

 @keyframes wiggle1 {

   0%,
   100% {
     transform: translateX(0%);
     transform-origin: 50% 50%;
   }

   15% {
     transform: translateX(-10px);
   }

   30% {
     transform: translateX(2px);
   }

   45% {
     transform: translateX(-5px);
   }

   60% {
     transform: translateX(2px);
   }

   75% {
     transform: translateX(-2px);
   }
 }

 /* fish tanker  */


 /* external css for external pag */
 #placeholder-stretched-bottom, #placeholder-stretched-bottom-2, #placeholder-stretched-content {
  background: #e4e7eb;
}
.file-list .table-icons tbody .file,.open-close-togglelist article .open-close-content-wrapper .file,.search-result .tab-content [id^=Products] ul .searchhit-item .article,.articlelist.minimalistic-design li article.card,.article-elements .related-articles.article_list-design .list-wrapper article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #333;
  border-radius: 0
}

.file-list .table-icons tbody .file>a,.open-close-togglelist article .open-close-content-wrapper .file>a,.search-result .tab-content [id^=Products] ul .searchhit-item .article>a,.articlelist.minimalistic-design li article.card>a,.article-elements .related-articles.article_list-design .list-wrapper article>a,.file-list .table-icons tbody .file>div,.open-close-togglelist article .open-close-content-wrapper .file>div,.search-result .tab-content [id^=Products] ul .searchhit-item .article>div,.articlelist.minimalistic-design li article.card>div,.article-elements .related-articles.article_list-design .list-wrapper article>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color: #333;
  border-radius: 0;
  border: 1px solid rgba(0,0,0,.1);
  padding: 20px 20px 20px 20px;
  background-color: rgba(255,255,255,.5)
}

.file-list .table-icons tbody .file>a:hover:not(div):not(.card-body),.open-close-togglelist article .open-close-content-wrapper .file>a:hover:not(div):not(.card-body),.search-result .tab-content [id^=Products] ul .searchhit-item .article>a:hover:not(div):not(.card-body),.articlelist.minimalistic-design li article.card>a:hover:not(div):not(.card-body),.article-elements .related-articles.article_list-design .list-wrapper article>a:hover:not(div):not(.card-body),.file-list .table-icons tbody .file>div:hover:not(div):not(.card-body),.open-close-togglelist article .open-close-content-wrapper .file>div:hover:not(div):not(.card-body),.search-result .tab-content [id^=Products] ul .searchhit-item .article>div:hover:not(div):not(.card-body),.articlelist.minimalistic-design li article.card>div:hover:not(div):not(.card-body),.article-elements .related-articles.article_list-design .list-wrapper article>div:hover:not(div):not(.card-body) {
  text-decoration: none;
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-box-shadow: 0 5px 30px -4px rgba(53,64,117,.18);
  box-shadow: 0 5px 30px -4px rgba(53,64,117,.18);
  background-color: #fff
}

.file-list .table-icons tbody .file figure.thumbnail,.open-close-togglelist article .open-close-content-wrapper .file figure.thumbnail,.search-result .tab-content [id^=Products] ul .searchhit-item .article figure.thumbnail,.articlelist.minimalistic-design li article.card figure.thumbnail,.article-elements .related-articles.article_list-design .list-wrapper article figure.thumbnail,.file-list .table-icons tbody .file .image-wrapper,.open-close-togglelist article .open-close-content-wrapper .file .image-wrapper,.search-result .tab-content [id^=Products] ul .searchhit-item .article .image-wrapper,.articlelist.minimalistic-design li article.card .image-wrapper,.article-elements .related-articles.article_list-design .list-wrapper article .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 80px;
  background-color: transparent;
  margin-right: 20px
}

.file-list .table-icons tbody .file figure.thumbnail img,.open-close-togglelist article .open-close-content-wrapper .file figure.thumbnail img,.search-result .tab-content [id^=Products] ul .searchhit-item .article figure.thumbnail img,.articlelist.minimalistic-design li article.card figure.thumbnail img,.article-elements .related-articles.article_list-design .list-wrapper article figure.thumbnail img,.file-list .table-icons tbody .file .image-wrapper img,.open-close-togglelist article .open-close-content-wrapper .file .image-wrapper img,.search-result .tab-content [id^=Products] ul .searchhit-item .article .image-wrapper img,.articlelist.minimalistic-design li article.card .image-wrapper img,.article-elements .related-articles.article_list-design .list-wrapper article .image-wrapper img {
  max-width: 80px;
  max-height: 80px;
  -o-object-fit: cover;
  object-fit: cover
}

.file-list .table-icons tbody .file figure.thumbnail img:hover,.open-close-togglelist article .open-close-content-wrapper .file figure.thumbnail img:hover,.search-result .tab-content [id^=Products] ul .searchhit-item .article figure.thumbnail img:hover,.articlelist.minimalistic-design li article.card figure.thumbnail img:hover,.article-elements .related-articles.article_list-design .list-wrapper article figure.thumbnail img:hover,.file-list .table-icons tbody .file .image-wrapper img:hover,.open-close-togglelist article .open-close-content-wrapper .file .image-wrapper img:hover,.search-result .tab-content [id^=Products] ul .searchhit-item .article .image-wrapper img:hover,.articlelist.minimalistic-design li article.card .image-wrapper img:hover,.article-elements .related-articles.article_list-design .list-wrapper article .image-wrapper img:hover {
  -webkit-transform: none;
  transform: none;
  opacity: 1
}

.file-list .table-icons tbody .file figure.thumbnail svg,.open-close-togglelist article .open-close-content-wrapper .file figure.thumbnail svg,.search-result .tab-content [id^=Products] ul .searchhit-item .article figure.thumbnail svg,.articlelist.minimalistic-design li article.card figure.thumbnail svg,.article-elements .related-articles.article_list-design .list-wrapper article figure.thumbnail svg,.file-list .table-icons tbody .file .image-wrapper svg,.open-close-togglelist article .open-close-content-wrapper .file .image-wrapper svg,.search-result .tab-content [id^=Products] ul .searchhit-item .article .image-wrapper svg,.articlelist.minimalistic-design li article.card .image-wrapper svg,.article-elements .related-articles.article_list-design .list-wrapper article .image-wrapper svg {
  max-width: 40px;
  max-height: 40px
}

.file-list .table-icons tbody .file .card-body,.open-close-togglelist article .open-close-content-wrapper .file .card-body,.search-result .tab-content [id^=Products] ul .searchhit-item .article .card-body,.articlelist.minimalistic-design li article.card .card-body,.article-elements .related-articles.article_list-design .list-wrapper article .card-body {
  padding: 0
}

.file-list .table-icons tbody .file .card-body,.open-close-togglelist article .open-close-content-wrapper .file .card-body,.search-result .tab-content [id^=Products] ul .searchhit-item .article .card-body,.articlelist.minimalistic-design li article.card .card-body,.article-elements .related-articles.article_list-design .list-wrapper article .card-body,.file-list .table-icons tbody .file .description,.open-close-togglelist article .open-close-content-wrapper .file .description,.search-result .tab-content [id^=Products] ul .searchhit-item .article .description,.articlelist.minimalistic-design li article.card .description,.article-elements .related-articles.article_list-design .list-wrapper article .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

.file-list .table-icons tbody .file .card-body p,.open-close-togglelist article .open-close-content-wrapper .file .card-body p,.search-result .tab-content [id^=Products] ul .searchhit-item .article .card-body p,.articlelist.minimalistic-design li article.card .card-body p,.article-elements .related-articles.article_list-design .list-wrapper article .card-body p,.file-list .table-icons tbody .file .description p,.open-close-togglelist article .open-close-content-wrapper .file .description p,.search-result .tab-content [id^=Products] ul .searchhit-item .article .description p,.articlelist.minimalistic-design li article.card .description p,.article-elements .related-articles.article_list-design .list-wrapper article .description p {
  margin: 0
}

.file-list .table-icons tbody .file .card-body [property*=headline],.open-close-togglelist article .open-close-content-wrapper .file .card-body [property*=headline],.search-result .tab-content [id^=Products] ul .searchhit-item .article .card-body [property*=headline],.articlelist.minimalistic-design li article.card .card-body [property*=headline],.article-elements .related-articles.article_list-design .list-wrapper article .card-body [property*=headline],.file-list .table-icons tbody .file .card-body .title,.open-close-togglelist article .open-close-content-wrapper .file .card-body .title,.search-result .tab-content [id^=Products] ul .searchhit-item .article .card-body .title,.articlelist.minimalistic-design li article.card .card-body .title,.article-elements .related-articles.article_list-design .list-wrapper article .card-body .title,.file-list .table-icons tbody .file .description [property*=headline],.open-close-togglelist article .open-close-content-wrapper .file .description [property*=headline],.search-result .tab-content [id^=Products] ul .searchhit-item .article .description [property*=headline],.articlelist.minimalistic-design li article.card .description [property*=headline],.article-elements .related-articles.article_list-design .list-wrapper article .description [property*=headline],.file-list .table-icons tbody .file .description .title,.open-close-togglelist article .open-close-content-wrapper .file .description .title,.search-result .tab-content [id^=Products] ul .searchhit-item .article .description .title,.articlelist.minimalistic-design li article.card .description .title,.article-elements .related-articles.article_list-design .list-wrapper article .description .title {
  font-size: 18px;
  font-weight: 600
}

.file-list .table-icons tbody .file .card-body .digest,.open-close-togglelist article .open-close-content-wrapper .file .card-body .digest,.search-result .tab-content [id^=Products] ul .searchhit-item .article .card-body .digest,.articlelist.minimalistic-design li article.card .card-body .digest,.article-elements .related-articles.article_list-design .list-wrapper article .card-body .digest,.file-list .table-icons tbody .file .card-body .extra,.open-close-togglelist article .open-close-content-wrapper .file .card-body .extra,.search-result .tab-content [id^=Products] ul .searchhit-item .article .card-body .extra,.articlelist.minimalistic-design li article.card .card-body .extra,.article-elements .related-articles.article_list-design .list-wrapper article .card-body .extra,.file-list .table-icons tbody .file .description .digest,.open-close-togglelist article .open-close-content-wrapper .file .description .digest,.search-result .tab-content [id^=Products] ul .searchhit-item .article .description .digest,.articlelist.minimalistic-design li article.card .description .digest,.article-elements .related-articles.article_list-design .list-wrapper article .description .digest,.file-list .table-icons tbody .file .description .extra,.open-close-togglelist article .open-close-content-wrapper .file .description .extra,.search-result .tab-content [id^=Products] ul .searchhit-item .article .description .extra,.articlelist.minimalistic-design li article.card .description .extra,.article-elements .related-articles.article_list-design .list-wrapper article .description .extra {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px
}

.frontpage .default-design.monthly-activity-list article .card-body h3,.frontpage .default-design.activitylist article .card-body h3,.frontpage .default-design.search-result article .card-body h3,.frontpage .default-design.articlelist article .card-body h3 {
  font-size: 23px !important
}
.article-banner.fullwidth-design, .article-banner.fullwidth-split-design {
  width: 100%;
}
.article-banner.fullwidth-design article, .article-banner.fullwidth-split-design article {
  width: 100%;
  position: relative;
  overflow: hidden;
} 

.article-banner img {
  max-width: 100%;
  height: auto
}

.article-banner .bannerimage {
  position: relative;
  height: 0 !important;
  width: 100%;
  overflow: hidden;
  padding-top: 66.67%
}

.article-banner .bannerimage img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%
}

.article-banner .bannerimage img.responsive-focuspoint {
  max-height: 100%
}

.article-banner .bannerimage img:not(.responsive-focuspoint):not(.insufficient-width) {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%
}

.article-banner.secondary-design {
  color: #fff
}

.article-banner.secondary-design .card {
  background: #00bbe4
}

.article-banner.secondary-design h2 {
  margin-bottom: 1.875rem
}

.article-banner.secondary-design h2:after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 1.25rem;
  background: rgba(255,255,255,.5);
  width: 50px;
  margin-top: 1.25rem
}

.article-banner.fullwidth-design,.article-banner.fullwidth-split-design {
  padding: 0;
  width: 100%
}

.article-banner.fullwidth-design .background-image,.article-banner.fullwidth-split-design .background-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.article-banner.fullwidth-design .article-inner,.article-banner.fullwidth-split-design .article-inner {
  padding-top: 120px;
  padding-bottom: 100px;
  background-color: rgba(25,27,37,.8);
  color: #fff
}

.article-banner.fullwidth-design .article-inner span.preheader,.article-banner.fullwidth-split-design .article-inner span.preheader {
  color: rgba(255,255,255,.6);
  font-weight: 100;
  letter-spacing: 3px;
  text-transform: uppercase
}

.article-banner.fullwidth-design .article-inner h2,.article-banner.fullwidth-split-design .article-inner h2 {
  margin-top: 0;
  margin-bottom: 35px;
  color: #fff;
  font-size: 50px;
  line-height: 1.3;
  font-weight: 300
}

.article-banner.fullwidth-design .article-inner p:not(:last-of-type),.article-banner.fullwidth-split-design .article-inner p:not(:last-of-type) {
  margin-top: 22px;
  margin-bottom: 30px;
  color: #fff;
  font-size: 21px;
  line-height: 1.7
}

.article-banner.fullwidth-design .article-inner a,.article-banner.fullwidth-split-design .article-inner a {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 40px;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-color: #fff;
  color: #fff;
  background-color: transparent
}

.article-banner.fullwidth-design .article-inner a:hover,.article-banner.fullwidth-split-design .article-inner a:hover {
  outline: 0;
  text-decoration: none;
  background-color: #fff;
  color: #303447
}

.article-banner.clickable .card {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease
}

.article-banner.clickable .card a:not(.btn) {
  color: #333
}

.article-banner.clickable .card a:not(.btn):hover {
  text-decoration: none
}

body:not(.modal-open) .article-banner.clickable .card:hover {
  -webkit-box-shadow: 0 20px 50px 0 rgba(0,0,0,.14);
  box-shadow: 0 20px 50px 0 rgba(0,0,0,.14);
  -webkit-transform: scale(1.03);
  transform: scale(1.03)
}

.article-banner.fullwidth-split-design .header-wrapper,.article-banner.fullwidth-split-design .content-wrapper {
  float: left;
  width: 50%
}

@media(max-width: 991.98px) {
  .article-banner.fullwidth-split-design .header-wrapper,.article-banner.fullwidth-split-design .content-wrapper {
      width:100%
  }
}

.article-banner.fullwidth-split-design .header-wrapper .body,.article-banner.fullwidth-split-design .content-wrapper .body {
  width: 100% !important
}

.article-banner.fullwidth-design,.article-banner.fullwidth-split-design {
  width: 100%
}

.article-banner.fullwidth-design article,.article-banner.fullwidth-split-design article {
  width: 100%;
  position: relative;
  overflow: hidden
}

.article-banner.fullwidth-design article figure.bannerimage,.article-banner.fullwidth-split-design article figure.bannerimage {
  background-color: rgba(25,27,37,.8);
  z-index: 1;
  position: absolute;
  padding-top: 0;
  height: 100% !important;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.article-banner.fullwidth-design article figure.bannerimage img,.article-banner.fullwidth-split-design article figure.bannerimage img {
  width: 100%;
  height: 100%
}

.article-banner.fullwidth-design article .veil,.article-banner.fullwidth-split-design article .veil {
  background-color: rgba(25,27,37,.8);
  z-index: 1;
  position: relative;
  padding: 120px 0
}

#placeholder-stretched-content .article-banner.fullwidth-design article .veil,#placeholder-stretched-content .article-banner.fullwidth-split-design article .veil {
  padding: 70px 0
}

.article-banner.fullwidth-design article .veil .tile-content h2,.article-banner.fullwidth-design article .veil .tile-content h2 span,.article-banner.fullwidth-split-design article .veil .tile-content h2,.article-banner.fullwidth-split-design article .veil .tile-content h2 span {
  text-align: left !important;
  margin-bottom: 35px !important;
  color: #fff;
  font-size: 50px;
  line-height: 1.3;
  font-weight: 300
}

.article-banner.fullwidth-design article .veil .tile-content h2:after,.article-banner.fullwidth-design article .veil .tile-content h2 span:after,.article-banner.fullwidth-split-design article .veil .tile-content h2:after,.article-banner.fullwidth-split-design article .veil .tile-content h2 span:after {
  display: none !important
}

.article-banner.fullwidth-design article .veil .tile-content h3.preheader,.article-banner.fullwidth-design article .veil .tile-content h3.preheader span,.article-banner.fullwidth-split-design article .veil .tile-content h3.preheader,.article-banner.fullwidth-split-design article .veil .tile-content h3.preheader span {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 100;
  font-size: 16px;
  line-height: 24px
}

.article-banner.fullwidth-design article .veil .tile-content .body,.article-banner.fullwidth-split-design article .veil .tile-content .body {
  width: 50%;
  margin-bottom: 30px;
  color: #fff;
  font-size: 21px
}

@media(max-width: 767.98px) {
  .article-banner.fullwidth-design article .veil .tile-content h2,.article-banner.fullwidth-design article .veil .tile-content h2 span,.article-banner.fullwidth-split-design article .veil .tile-content h2,.article-banner.fullwidth-split-design article .veil .tile-content h2 span {
      font-size:2rem;
      line-height: 2.2rem
  }

  .article-banner.fullwidth-design article .veil .tile-content .body,.article-banner.fullwidth-split-design article .veil .tile-content .body {
      font-size: 1.2rem;
      line-height: 1.5rem;
      width: 100%
  }
}
.relatedCard h3{
  font-size: 18px;
}
.relatedCard p{
  font-size: 14px;
}