/* @font-face {
    font-family: 'GothamLight';
    src: url('../fonts/Gotham-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;} */

::selection {background: #000000; color: #ffb335; text-shadow: none;}
::-moz-selection {background: #000000; /* Firefox */ color: #ffb335; text-shadow: none;}
::-webkit-selection {background: #000000; /* Safari */ color: #ffb335; text-shadow: none;}

body{font-family: 'Roboto', sans-serif; font-size:16px; line-height: 30px; color:#000000; margin: 0px; padding: 0px; background-color:#ffffff; -webkit-font-smoothing: antialiased;}
ul {list-style: none; margin:0;	padding:0;}
ul,li{padding:0; margin:0;}
li{list-style-type: none; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.navbar-nav{margin: 0 0 0 0;}
.navbar-nav li a:hover,
.navbar-nav li a:focus {outline:none;	outline-offset: 0;text-decoration:none; background: transparent;}
a {color: #4f4f4f;	text-decoration: none;-webkit-transition: 300ms;	-moz-transition: 300ms;	-o-transition: 300ms;	transition: 300ms;}
a:focus, a:hover {color: #23527c; text-decoration: underline;}
a:active, a:hover {outline: 0;}

h1{font-family: "DM Sans", sans-serif; font-size:110px; color: #000000; margin: 0 0 0 0 !important; padding: 0 0 0 0;}
h2{font-family: "DM Sans", sans-serif; font-size:70px; color: #000000; line-height: 82px; margin: 0 0 0 0; padding: 0 0 0 0;}
h3{font-family: "DM Sans", sans-serif; font-size:38px; color: #000000; line-height: 42px; margin: 0 0 0 0; padding: 0 0 0 0;}
h4{font-family: "DM Sans", sans-serif; font-size:30px; color: #000000; line-height: 36px; margin: 0 0 0 0; padding: 0 0 0 0;}
h5{font-family: "DM Sans", sans-serif; font-size:24px; text-transform: uppercase; color: #000000; line-height: 24px; margin: 0 0 0 0; padding: 0 0 0 0;}
h6{font-family: "DM Sans", sans-serif; font-size:18px; color: #000000; line-height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;}
p{font-family: 'Roboto', sans-serif; font-size:16px; line-height: 26px; color:#000000; margin:0px 0 0 0; padding: 0 0 0 0;}
@media (max-width:767px){
  h1{ font-size: 11vw; margin: 0 0 0 0;}
  h2{ font-size: 44px; line-height: 58px; margin: 0 0 0 0;}
  h3{ font-size: 45px !important; }
  h4{ font-size: 4.6vw !important; }
  p{font-size: 16px;}
}
mark, .mark{background: rgb(19, 111, 245); color: #ffffff;}
.padding-top {padding-top:150px;}
.padding-bottom{padding-bottom:150px;}
.padding-none{padding: 0 0 0 0;}
.space-50{padding-top:50px;}
.space-bottom-50{padding-bottom:50px;}
.navbar-toggle {/*border:1px solid #fff;*/	margin-top:15px;}
.navbar-toggle i{color: #ffffff; font-size: 34px;}

.main-nav {left: 0;	position: absolute;	top: 30px;	width: 100%; z-index: 1000; border: 0px; background: #ffffff;}
.top-bar-hide {display: none;}
.top-bar {position:absolute; right:30px;	top:35px;	z-index: 10;}
.top-bar span {margin-left:10px; float: left;}
.top-bar span a {color: #332537; font-size: 13px; font-weight: 500; float: left;}
.top-bar span a:hover {color: #ffb335;); font-size: 13px; font-weight: 500; border: 0;}
.top-bar span i {color: #332537;	margin-right:0px; margin-top: 3px; font-size: 20px; float: left;}
.top-bar span i:hover{color: #ffb335;}
#navigation .container {position:relative;}
.navbar-brand {width: 300px; height:auto; padding: 0px; margin:0 0 0 0;}
.navbar-brand a:hover{border: 0px;}
#navigation .navbar-right {margin-top: 60px; margin-right: 0px;}
#navigation .navbar-right li a {color:#ffffff; height: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; text-transform: none; margin: 0 3px; padding:3px 10px;}
#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li a:focus,
#navigation .navbar-right li.active a{border-bottom: 3px solid #f9068b;}

/* .primary-btn{width: auto; float: left; margin: 0; padding: 20px 40px; color: #ffffff; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; text-align:center; display:block; background-image: linear-gradient(to right, #FF8008 0%, #FFC837  51%, #FF8008  100%);}
.primary-btn:hover{text-decoration: none; color: #ffffff; } */
.primary-btn {background: radial-gradient(ellipse farthest-corner at right bottom, #ffd629 0%, #FDB931 8%, #a2682a 30%, #a2682a 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #FFFFAC 8%, #ffb335 25%, #f9cd0a 62.5%, #ffc80f 100%);}
.primary-btn {width: auto; float: left; padding: 25px 40px; transition: 0.5s; background-size: 200% auto; color: white; display: block; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; text-align:center; border: none;}
.primary-btn:hover {background-position: right center; /* change the direction of the change here */ color: #fff; text-decoration: none;}
.primary-btn i{font-size: 16px; padding: 0 0 0 12px;}
.secondary-btn{width: auto; float: left; margin: 0; padding: 25px 40px; background:#ffffff; color: #000000; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; text-align:center; border: 0px;}
.secondary-btn i{padding-left: 15px;}
.secondary-btn:hover{color: #fff; background: #ffb335; text-decoration: none; text-decoration: none; -webkit-box-shadow: 0px 10px 18px -11px rgb(139 139 139); -moz-box-shadow: 0px 10px 18px -11px rgb(139 139 139); box-shadow: 0px 10px 18px -11px rgb(139 139 139);}
.ghost-btn{width: auto; float: left; margin: 0; padding: 20px 40px; background:none; color: #000000; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; border: 1px solid #000000; text-align:center; display:block;}
.ghost-btn:hover{text-decoration: none; background: #000000; color: #ffffff;}
.ghost-btn i{font-size: 16px; padding: 0 0 0 12px;}
.submit-btn{padding: 20px 40px; background: #74bf23; color: #fffde8; font-family: 'Roboto', sans-serif; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; border: 0px; -webkit-box-shadow: 0px 10px 18px -11px rgb(139 139 139); -moz-box-shadow: 0px 10px 18px -11px rgb(139 139 139); box-shadow: 0px 10px 18px -11px rgb(139 139 139); text-align:center;}
.submit-btn:hover{text-decoration: none; background: #ff28bb; color: #fffde8; -webkit-box-shadow: 0p-webkit-box-shadow: 0px 0px 36px 0px rgb(139 139 139); -moz-box-shadow: 0px 0px 36px 0px rgb(139 139 139); box-shadow: 0px 0px 36px 0px rgb(139 139 139);}

.arrow-btn {background: radial-gradient(ellipse farthest-corner at right bottom, #ffd629 0%, #FDB931 8%, #a2682a 30%, #a2682a 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #FFFFAC 8%, #ffb335 25%, #f9cd0a 62.5%, #ffc80f 100%);}
.arrow-btn {width: auto; float: left; padding: 23px 25px; transition: 0.5s; background-size: 200% auto; color: white; display: block; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; text-align:center;}
.arrow-btn:hover {background-position: right center; /* change the direction of the change here */ color: #fff; text-decoration: none;}
.arrow-btn i{font-size: 22px; padding: 0 0 0 0;}

.underline-btn{width: auto; float: left; margin: 0; padding: 0px 10px; border-bottom: 3px solid #ffffff; font-size: 16px; color: #ffffff; margin: 10px 0 0 40px;}
.underline-btn i{padding: 0 10px 0 0; font-size: 28px; vertical-align: middle;}
.underline-btn:hover{text-decoration: none; border-bottom: 3px solid #98989a; color: #98989a;}




/*++++++++++++++++
Footer CSS
+++++++++++++++++*/
.footer {width: 100%; height: auto; float: left; background: #000000; border-top: 0px solid #e8e8e8; }
/* .vect-pattern-bg{background: url("../images/footer-bg.png") no-repeat bottom left;} */
.border_top{padding: 20px 0; border-top: 1px solid #535353;}
.footer h4{color: #bcbcbc; font-size: 18px; padding-bottom: 10px;}
.foot-readmore-link{font-size:14px; color: #bcbcbc; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness:2px; float: left;}
.foot-readmore-link:hover{color: #ebf2ff; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}
.logofooter {width: 100%; height: auto; float: left; padding:0 0;}
.logofooter span{width: 100%; height: auto; float: left; padding:10px 0 5px 0; font-family: "DM Sans", sans-serif; font-size:18px; line-height: normal; color: #bcbcbc;}
.logofooter img{width: 68px;}
.logofooter p{color: #bcbcbc; font-size: 14px;}
.footer-col{float: left;}
.footer-ul { list-style-type:none;  padding-left:0; margin-left:0px; float: left; margin-bottom: 20px;}
.footer-ul li {width: 100%; float: left; font-size:14px; color: #000000; list-style: none; padding: 0 0px;}
.footer-ul li:last-child{border-right: 0px;}
.footer-ul li a { color:#bcbcbc; text-transform: none; font-weight: normal; }
.footer-ul li a:hover {color: #ebf2ff; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}
.social-links{margin: 0 0 0 0;}
.social-links P{color: #bcbcbc; padding-bottom: 20px;}
.social-links ul{width: auto; height:  auto; float: left; padding: 0px 0 0 0px;}
.social-links ul li{width: auto; height:  auto; float: left; padding-top: 10px; padding-right: 5px; list-style: none;}
.social-links ul li a{width: auto; height: auto; color:#000000; background:#ffffff; font-size:16px; padding: 4px 7px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;}
.social-links ul li a:hover{color:#000000; background:#ffb335;}
.copyright {width: 100%; float: left; background: #1b1c22; padding: 0px 0; margin: 30px 0 0 0;}
/* .copyright .container{border-top: 1px solid #000000} */
.copyright .col-md-6{padding: 0px;}
.copyright p { text-align:left; color:#bcbcbc; font-size: 14px; padding:10px 20px 10px 0px; margin-bottom:0; float: left;}
.post{width: 100%; height: auto; float: left; padding: 0px 0 0 0;}
.post p { font-size:14px; color:#bcbcbc; line-height:30px; padding-bottom: 30px; text-transform: capitalize;}
.email-call{width: 100%; height: auto; float: left; padding: 0px 10px 30px 0px;}
.email-call span{width:auto; height: auto; float: left; padding: 0 15px 0 0;}
.email-call i {color:#ffffff; font-size:18px; padding-right:5px;}
.email-call a { color:#ffffff; font-size:15px;}
.email-call a:hover {color: #ebf2ff; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}

footer .email-call span{width:auto; height: auto; float: left; }
footer .email-call i {color:#bcbcbc; font-size:18px; padding-right: 15px;}
footer .email-call a { color:#bcbcbc; font-size:14px;}
footer .email-call a:hover {color: #ebf2ff; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}

.bottom_ul { list-style-type:none; float: left; padding-top:14px; padding-bottom: 14px; margin-bottom:0;}
.bottom_ul li {color: #bcbcbc; float:left; line-height:18px; font-size: 12px; text-transform: none; font-weight: normal; list-style: none; border-right: 1px solid #bcbcbc; padding: 0 5px;}
.bottom_ul li:last-child{border-right: 0px;}
.bottom_ul li a { color:#bcbcbc;  font-size:12px;}

/* kreativemug styles */
.kreativemug{width:auto; float: right; margin-top: 0;}
.kreativemug span{text-align: left; color: #bcbcbc; font-size: 12px; padding: 10px 0; margin-bottom: 0; float: left;}
.kreativemug a{text-align: left; color: #bcbcbc; font-size: 12px; padding: 10px 0; margin-bottom: 0; float: left;}
.kreativemug i{font-size: 16px; color: #bcbcbc; float: left; padding: 15px 6px 0 6px;}
.kreativemug a:hover{opacity: 0.8; text-decoration: underline;}
/* CSS back to top rocket ====== */
#scrolltop {display: none;}
#rocketmeluncur {position: fixed; bottom: 50px; z-index: 7; display: none; visibility: hidden; width: 26px; height: 48px; right: 25px; background: url(https://3.bp.blogspot.com/-GZOBULN1Q4s/VbNxQrf37EI/AAAAAAAAAPk/rak337seJ70/s1600/Ask.png) no-repeat 50% 0; opacity: 0; -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);}
#rocketmeluncur:hover {background-position: 50% -62px}
#rocketmeluncur:hover i {background-position: 50% 100%; -webkit-animation: flaming .7s infinite; -moz-animation: flaming .7s infinite; animation: flaming .7s infinite}
#rocketmeluncur.showrocket {visibility: visible; opacity: 1}
#rocketmeluncur.launchrocket {background-position: 50% -62px; opacity: 0; -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); transform: translateY(-800px); pointer-events: none}
#rocketmeluncur.launchrocket i {background-position: 50% 100%; -webkit-transform: scale(1.4, 3.2); -moz-transform: scale(1.4, 3.2); transform: scale(1.4, 3.2)}/*rocket ends here*/
/* subpage css */
.about-banner{width:100%; height: auto; background:url("../images/about-bnr.jpg") no-repeat top center #f8f9fa; background-size: cover;}
.productpg-banner{background-color: #e8f1f8; opacity: 1; background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #e8f1f8 40px ), repeating-linear-gradient( #03004b55, #03004b );}
.contact-banner{width:100%; height: auto; background:url("../images/contact_bnr.jpg") no-repeat bottom center #f8f9fa; background-size: cover;}
.services-banner{width:100%; height: auto; background:url("../images/servoces_bnr.jpg") no-repeat top center #f8f9fa; background-size: cover;}
.custome_frames-banner{width:100%; height: auto; background:url("../images/premium_phortoframes_kozhikode.jpg") no-repeat bottom right #f8f9fa; background-size:contain;}
.wall_decor-banner{width:100%; height: auto; background:url("../images/wall_deco_bnr.jpg") no-repeat bottom right #f8f9fa; background-size:contain;}
.modern-art-banner{width:100%; height: auto; background:url("../images/modern-art-bnr.jpg") no-repeat bottom center #f8f9fa; background-size:contain;}

.contact-main-text {padding: 0 0 30px 0;}
.contact-main-text h2{padding-bottom: 15px;}
.contact-main-text h3{padding-bottom: 10px;}
.contact-main-text h5{padding-bottom: 10px;}
.building-box{ padding: 0 0 0 0; margin: 0 0 0 0;}
.address-box {padding: 30px; position: absolute;  z-index: 1; right: 32px; top: 350px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-bottomright: 100px; border-bottom-right-radius: 100px; box-shadow: 13px 29px 80px -6px rgb(3 18 25); -webkit-box-shadow: 13px 29px 80px -6px rgb(3 18 25); -moz-box-shadow: 13px 29px 80px -6px rgb(3 18 25); background-color: #212121; opacity: 1; background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #212121 40px ), repeating-linear-gradient( #00000055, #000000 );}
/* background: #ffb335; background: linear-gradient(159deg, #ffb335 0%, #ff5818cc 100%); */
.address-box h4{padding: 0 0 15px 0; color: #fffde8}
.address-box p{padding: 0 0 35px 0; color: #fffde8}
.contact-form{padding: 40px 0 0 0; /*float: left;*/}
.contact-form .form-group{margin-bottom: 25px;}
.input-box{padding: 0 30px;}
.form-group span{font-size:14px; line-height:24px; color:#1b002e; }
.form-group label{color: #ff0000; background: none; padding: 0 0 0 0;}
.form-box{padding:0 48px; margin: 0 0 0 0; }
.form-box h3{padding: 0 0 20px 0;}
.form-box h5{padding: 0 0 20px 0;}
.form-group input {width: 100%; height: 42px; border-radius: 0; background: #ffffff; border: 0px; border-bottom: 1px solid #c5c5c5; box-shadow: none;}
.form-group select {width: 100%; height: 38px; font-size: 14px; color: #868686; border-radius: 0px;background: none; border: 1px solid #bfbfbf; box-shadow: none;}
.form-group textarea{border: 1px solid #bfbfbf; border-radius: 6; background: #ffffff; }
.career-img-box{padding: 10px;}
/*========================
g-map styles
===========================*/
.g-map{ margin-bottom: 0px; margin-top:0px;}
#map {width: 100%; height: 750px; margin-top: 0px; margin-bottom: 0px;}
.info-window {font-family: 'Roboto', sans-serif; font-size:14px;}
.info-content {color: #999;}
.info-window p{ padding: 0  0;}

/*========================== MEDIA QUERY CSS FOR RESPONSIVE
 Extra small devices (phones, 600px and down)
 ================================ */
  @media only screen and (max-width: 768px) {
    .navbar-brand {width: 225px; margin:10px 0px;}
    .navbar-brand a img{width:180px;}
    #navigation .navbar-right li a{color: #}
    .banner-text h1 {margin: 0 0 20px 0; height: 21px;}
    .sub-pg-text {margin: 0 0 0px 0; padding: 60% 5% 20% 5%;}
    .sub-pg-img {margin: 70px 0 0 0;}
    .sub-pg-text h1 { margin: 0px 0 15px 0;}
    .sub-pg-text h3{float: left;}
    .form-box{padding: 30px;}
    .intro-txt-box{padding: 10px;}
    .intro-txt-box h2{padding: 20px 0 10px 0;}

    .about-pg-intro{padding: 10px;}
    .about-pg-intro h4{font-size: 20px;}
    .input-box{padding: 0 0px;}
    .form-group{padding: 0px;}
    .contact-form .form-group{margin-bottom: 15px;}
    /* .contact-banner{background: url("../images/contact-bg.jpg") no-repeat top left -130px #f4f0c1; background-size: 960px} */
    .sub-pg-text{width: 100% !important; padding-top: 10em !important;}
    .sub-pg-text h2{line-height: 38px !important;}
    .intro-bullet-parent{padding: 20px 0px 0 10px}
    .footer .container{padding-left:25px; padding-right: 25px;}
    .wehelp-sec-detail {padding: 0 2em 4em 2em !important;}
    .how-wehelp .container{background: none !important;}
    .product_intro_sec .container::before{font-size: 126px !important; line-height: 100px !important;}
    .whatwedo-sec .container::before{font-size: 126px !important; line-height: 100px !important;}
    .bigtxt_box {font-size: 126px !important; line-height: 100px !important;}
    .wehelp-sec h3 {line-height: 28px !important;}
    .whatwedo-sec-details {padding: 5em 0 0 0 !important;}
    .staysecure {padding: 0 2em 0 2em !important; margin-top: 7em !important;}
    /* .product_intro_det{padding: 80px 0px 0px 0px !important;} */

    .value-trust-sec .container::before{font-size: 126px !important; line-height: 100px !important;}
    .big-spacebox {padding: 110px 0 0 0 !important;}
    .products-listing-sec .container::before {font-size: 126px !important; line-height: 100px !important;}
    .product_addon_sec .container::before {font-size: 110px !important; line-height: 100px !important;}
    .productcard-card{margin-bottom: 15px;}
    .productcard-card_deets h3 {font-size: 36px !important;}
    .productcard-card_deets h4 {font-size: 36px !important; line-height: normal !important;}

    .services_sec .container::before{font-size: 126px !important; line-height: 100px !important;}
    .bg-shape{display: none;}
    .productpg-banner{height: 90px; }
    .products_boxes{width: 100%; margin: 0 0px 20px 0px !important;}
    .products_boxes2{width: 100%; margin: 0 0px 20px 0px !important;}
    .products_boxes3{width: 100%; margin: 0 0px 20px 0px !important;}
    .products_boxes4{width: 100%; margin: 0 0px 20px 0px !important;}
    .products_boxes5{width: 100%; margin: 0 0px 20px 0px !important;}
    .bg-shape-2{width: 100%;}
    .canvas_strech_deets1-subdiv {padding: 30px 0px !important;}
    .container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
    .newmark_services_box {padding: 0 0px !important; float: left;}
    .modern-art-banner{background-size: cover;}
  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    .sub-pg-text{width: 100%; padding-top: 10em;}


  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .navbar-brand{width: 280px;}
    .top-bar {top:56px; right: 70px;}
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {

  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

  }

  /*+++++++++++++++++
  nav with dropdowns
  ++++++++++++++++++ */
.toggle, [id^=drop] {display: none;}
.toggle i{font-size: 28px; float: right; padding: 10px 5px 0 0;}
nav {display: block; margin-left: auto; margin-right: auto; width: 100%;}
nav:after {content:""; display:table; clear:both;}
nav ul {float: right; padding:0; margin:0; list-style: none; position: relative; top:30px;}
nav ul li {text-transform: none; margin: 0px; display:inline-block; float: left;}
nav a {margin: 0 10px; padding:3px 10px; color: #000000 !important; font-size: 16px; font-weight: 500; display:block; text-decoration:none; line-height: normal;}
/* nav ul li ul li:hover { border-bottom: 3px solid #f9068b; } */
.menu ul li .active{text-decoration: none; border: 0; color: red; text-decoration: none;}
nav ul li ul li:hover{text-decoration: none; border: 0; color: red; text-decoration: none;}
nav a:hover {border-bottom: 2px solid #ffb335; color: rgb(0 0 0 / 65%); text-decoration: none;}
nav a.active {border-bottom: 2px solid #ffb335; color: rgb(0 0 0 / 65%); text-decoration: none;}
nav ul ul {display: none; position: absolute; top:35px; background: #26a888;}
nav ul li:hover > ul {display:inherit;}
nav ul ul li {width:100%; float:none; display:list-item; position: relative; padding: 3px 0;}
nav ul ul li a{color: #fffde8;}
nav ul ul li a:hover{color: #79e7cc; text-decoration: none; border-bottom: 0px;}
nav ul ul ul li {position: relative; top:-60px; left:170px; }

li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }

@media all and (max-width : 768px) {

nav {width: 100%; margin: 0;}
	.toggle + a,
	.menu {display: none;}
  .toggle {display: block; padding:0 0; color:#332537; font-size:14px; text-decoration:none; border:none;}
  .toggle .fa-bars {display: block; padding:10px 10px 20px 10px; color:#000000; font-size: 36px; text-decoration:none; border:none;}
  .toggle .fa-caret-down {display: block; padding: 0 0 0 0; color:#332537; text-decoration:none; border:none;}
  .toggle:hover {background-color: none;}
  [id^=drop]:checked + ul {display: block; padding: 20px 0;}
  nav ul{top: 0;}
  nav a{color: #ffffff;}
	nav ul li {display: block; width: 100%; padding: 5px 10px;}
	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}
  nav ul ul ul a {padding: 0 80px;}
	nav a:hover,
 	nav ul ul ul a {}
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{margin: 0 3px; padding:3px 10px; color:#FFF; font-size:14px;}
	nav ul li ul li .toggle,
	nav ul ul a {}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		has to be the same number as the "line-height" of "nav a"
	}

	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}

	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {position: static;}
  #btn{display: none;}
}
@media all and (max-width : 330px) {
 	nav ul li {display:block; width: 94%;}

}
/* whatsapp style */
.float{position:fixed; width:60px; height:60px; bottom:120px; right:10px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100;}
.my-float{margin-top:16px;}
.text-black{font-family: "DM Sans", sans-serif; font-weight: normal; font-size: 350px; line-height: 200px; color: #000000; padding:30px 0 40px 0; float: left;}

.hrtext {display: flex; flex-direction: row; align-items: center; width: auto;}
.hrtext h4 span {font-family: 'Roboto', sans-serif; color: #ffffff; flex-grow: 0;}
/* .headerhr {flex-grow: 1; height: 4px; margin: 0 0 0 0.8rem; padding: 0 0 0 5rem; background-color: #ffb335;} */
.headerhr {width: 6%; height: 4px; margin: 1rem 0 0 0.8rem; padding: 0 0 0 5rem; background-color: #ffb335;}

.about-sec{width: 100%; height: auto; float: left;}
.about-dec-detail h2{padding: 0 0 50px 0;}
/* .about-dec-detail h4{padding: 0 0 50px 0;} */
.about-dec-detail h6{padding: 0 0 30px 0;}
.about-dec-detail p{padding: 0 0 30px 0;}
.bounce-anim{-webkit-animation: bounce .7s ease infinite alternate;}
@-webkit-keyframes bounce {100% {transform:translateY(-20px);}}

.product_intro_sec{width: 100%; height: auto; float: left;}
/* .product_intro_sec .container::before {content: "Products"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 350px; line-height: 200px; text-transform: uppercase; color: #dfe6f2; position: absolute; z-index: -1;} */
/* .product_intro_det{padding: 0 0 30px 0;}
.product_intro_det h1{padding-bottom: 20px;}
.product_intro_det img{width: 78px; height: auto; float: left; padding-bottom: 20px;}
.product_intro_det h5{width: 100%; height: auto; float: left; padding-bottom: 20px;}
.product_intro_det p{width: 100%; height: auto; float: left;} */



.expert-sec{width: 100%; height: auto; float: left;}
.expert-sec .container{ background: url("../images/design_solut_bg.jpg") top 600px left no-repeat;}
.expert-sec h2{padding-bottom:0.5em;}
.expert-sec h6{font-family: 'Roboto', sans-serif; text-transform: none; color: #000000; float: left; padding-bottom:1.5em;}
.expert-sec .col-md-4{padding-left: 0;}
.service-box {display: block; top: 0px; position: relative; background: #eee; padding: 0; margin-bottom: 15px; text-decoration: none; z-index: 0; overflow: hidden; -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.service-box:hover {transition: all 0.2s ease-out; background: #f7faff; -webkit-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); -moz-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); top: -4px;}
.service-box img{width: 100%; height: auto; float: left; padding: 0px 0;}
.service-box h4{width: 100%; height: auto; float: left; font-family: "DM Sans", sans-serif; font-size:28px; padding-bottom: 0.3em; color: #332537; text-transform: capitalize;}
.service-box h6{width: 100%; height: auto; float: left; color: #7d7d7d; margin-bottom: 10px; margin-bottom: 10px; text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: #000000;}
.service-box-subdiv{width: 100%; height: auto; float: left; padding: 30px;}
.expertise-box{padding:0px 0px 0 0px;}
.expertise-box h6{color: #000000; line-height: 30px; padding: 15px 0 15px 0; position: relative; top: 0; left: 0;}
.
/* .expertise-box h6::before {content: ""; top:0px; left: 0px; background: #ffb335; height: 3px; width: 110px; position: absolute;} */
/* .expertise-box p{color: #ffffff;} */

.whatwedo-sec{width: 100%; height: auto; float: left;}
/* .whatwedo-sec .container::before {content: "Why us!"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 350px; line-height: 200px; text-transform: uppercase; color: #dfe6f2; position: absolute; z-index: -1;} */
.whatwedo-sec-details{padding: 0 0 0 0; }
.whatwedo-sec-details h3{padding-bottom: 0.5em;}
.whatwedo-sec-details h6{padding-bottom: 1.5em;}
.whatwedo-sec-details img{padding-bottom: 1.5em;}
.whatwedo-sec-details p{padding: 0em 4em 2em 0;}
.staysecure{padding: 5em 11em 0 0em; margin-top: 10em;}
.staysecure img{width: 100%; height: auto; position: absolute; z-index: -1; top: 0; right: 0;}
.staysecure h3{padding-bottom: 0.5em;}
/* .staysecure p{padding-bottom: 0.5em;} */

.sub-pg-text{width: 85%; margin: 0px auto; padding-top:3em; }
.sub-pg-text h4 {font-family: 'Roboto', sans-serif; font-size:18px; line-height: 32px;}
.sub-pg-text h2{color: #000000; text-align: left; padding: 15px 0;}

/*======== right side nav ===========*/
#btn.active {right:80px; position: fixed;}
#btn.active #top {-webkit-transform: translateY(10px) rotate(-135deg); transform: translateY(10px) rotate(-135deg); background:#1b002e;}
#btn.active #middle {opacity: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); color: #ff0000;}
#btn.active #bottom {-webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); background:#1b002e;}
#btn {position: absolute; /*z-index: 9999999; */ top:63px; right:180px; cursor: pointer; transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}
#btn div {width:30px; height:4px; margin-bottom: 5px; background-color: #ffffff; transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background:#f9f9f9; overflow-x: hidden; transition: 0.5s; padding-top:60px;}
.sidenav h5{color: #1c022e; margin-bottom:10px; font-size: 22px;}
.sidenav a {padding: 0px 0px 30px 0px; font-size: 24px; font-family: "DM Sans", sans-serif; text-decoration: none; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute; top: 20px; right:20px; font-size: 58px; margin-left: 50px;}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  /* .sidenav a {font-size: 18px;} */
}
.menu-about{margin: 0px 0px 0px 40px; width: 125px; text-align: left;}
/* .menu-about h5 { width:100%; text-align:center; color: #ffffff; font-size: 18px; line-height:0.1em; margin:10px 0 20px; } */
.main_address{margin-left:0px; }
.main_address h5{color: #1c022e; margin: 0 0 0 0; padding: 0 0 0 0;}
.address {padding:20px;}
/* .address img {padding-right: 20px; width: auto; height: auto; float: left;} */
/* .menu-about h5{color:#adadad; font-size: 19px;} */
.primemenu-styles{padding-bottom:15px; border-bottom: 1px solid #bab9bf;}
.prim-menu-empeller {text-align: left; padding: 0px; margin: 20px 0 0 0px; font-size: 38px; width: auto; float: left;}
.prim-menu-empeller h5{color: #1c022e; margin-bottom:10px;}
.prim-menu-empeller li {display: block; width: auto; height: auto; float: left; border-right: 1px solid #bab9bf; margin-bottom: 0px; margin-top: 0px; padding: 0 15px;}
.prim-menu-empeller li:last-child{border-right: 0px;}
.prim-menu-empeller li a{color: #1c022e; font-size:14px; text-align: left !important; font-family: 'Lato', sans-serif; padding: 0 0 0 0;}
.prim-menu-empeller li a:hover{color: #adadad; text-decoration: underline; text-decoration-color: #344dfd; text-decoration-thickness: 2px;}

.menu-nav-bar {text-align: left; padding: 20px; margin: 20px 0 0 0px; font-size: 38px;}
/* .menu-nav-bar h5{color: #1c022e; margin-bottom:10px; font-size: 22px;} */
.menu-nav-bar li a{color: #1c022e; text-transform: none; font-weight: normal; text-align: left !important;}
.menu-nav-bar li a:hover{color: #adadad; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}
.menu-nav-bar li {display: block}
.menu-nav-bar li {display: block; margin-bottom: 0px; margin-top: 0px;}
.address h4 {color: #1c022e;}
.address p {color: #1c022e; font-size: 14px; margin:0 0 30px 0;}
.address a{font-size: 14px; color: #1c022e; display:block; line-height:normal; float: left; margin: 0 25px 0 0;}
.address a i{padding-right: 12px; font-size: 16px; color: #ffb335;}
.address a:hover{color: #adadad; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}
.nav-social-links{padding:20px;}
.nav-social-links h5{color:#1c022e; margin: 0px 0 10px 0px; padding: 0 0 0 0;}
.nav-social-links p {color: #1c022e; font-size: 14px; padding-bottom: 30px;}
.nav-social-links ul{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-social-links ul li{list-style: none; float: left; margin: 0 15px 0 0;}
.nav-social-links ul li a{float: left; padding: 0 0px; margin: 0 5px;}
.nav-social-links ul li a i{font-size: 18px; color: #000000;}
/* .nav-social-links ul li a .fa-facebook{color: #4267B2;}
.nav-social-links ul li a .fa-instagram{color: #dd2a7b;}
.nav-social-links ul li a .fa-linkedin{color: #0077b5;}
.nav-social-links ul li a .fa-twitter{color: #00acee;}
.nav-social-links ul li a .fa-youtube{color: #e62117;} */
.nav-social-links ul li a i:hover{color: #ffb335;}

/* .section--bg-vertical-line {background: url("../images/sectionbg_vertical_line.png") repeat-y; background-position: center top; } */
.big-spacebox{padding: 270px 0 0 0;}
.about-pg-sec{width: 100%; height: auto; float: left; }
.about-pg-sec h2{padding: 30px 0 0 0;}
.about-pg-sec span {width: 100%; height: auto; float: left; font-size: 18px; line-height: 28px; color: #808080; padding: 30px 0;}
.value-trust-sec{width: 100%; height: auto; float: left;}
/* .value-trust-sec .container::before {content: "About us"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 230px; line-height: 180px; text-transform: uppercase; color: #e7e7e7; position: absolute; z-index: -1;} */

.value-trust-sec h2 {padding-bottom: 30px;}
/* .value-trust-sec h2 span{text-decoration: underline; text-decoration-color: #ffb335;} */
.value-add-details{padding: 10px 35px 60px 0px;}
.value-add-details h3{padding: 10px 0 20px 0;}
.value-add-details ul{list-style-position: inside; padding: 20px 0 0 0;}
.value-add-details ul li {text-transform: none; font-size: 16px; font-weight: normal; padding: 6px 0 10px 34px; background: url("../images/fav-icon.svg") no-repeat left top 5px; background-size: 26px; line-height: 22px;}
.value-add-details img{width: 100%; padding: 10px 0 20px 0;}
.vision-mission{width: 100%; height: auto; float: left; background: url('../images/yellow_bg.jpg') top center no-repeat #ffd612; background-size: contain;/* background: rgb(255,99,30); background: linear-gradient(170deg, rgba(255,99,30,1) 0%, rgba(211,34,51,1) 100%); */}
/* .vision-mission-head{padding-bottom:30px;} */
.vision-mission-head h2{padding:30px 0;}
.vision-mission-head h4{padding-bottom:30px;}
.vision-mission-head p{padding-bottom:30px;}
/* .vision-mission h6{color: #d0b3ff;} */
/* .vision-mission h3{color: #ffffff;} */
/* .vision-mission p{color: #ffffff;} */
.blue-box{padding:30px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background: rgb(255,223,50); background: linear-gradient(170deg, #ffb335 0%, #ff8008 100%);}
.blue-box img{padding: 30px 0;}
.blue-box h4{color: #ffffff; font-size: 30px; padding-bottom: 20px;}
.blue-box p{color: #ffffff; padding: 10px 0 10px 0;}

.green-box{padding:30px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background: rgb(0 0 0); background: linear-gradient(159deg, rgb(0 0 0) 0%, rgb(36 9 9) 100%);}
.green-box img{padding: 30px 0;}
.green-box h4{color: #ffffff; font-size: 30px; padding-bottom: 20px;}
.green-box p{color: #ffffff; padding: 10px 0 10px 0;}
.green-box span{color: #000000; background: #ffffff; padding: 1px 2px;}

.yellow-box{padding:60px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: radial-gradient(ellipse farthest-corner at right bottom, #ffd629 0%, #FDB931 8%, #a2682a 30%, #a2682a 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #FFFFAC 8%, #ffb335 25%, #f9cd0a 62.5%, #ffc80f 100%);}
.yellow-box img{padding-bottom: 30px;}
.yellow-box h3{}
.yellow-box p{padding: 10px 0 10px 0;}

.vision-box{padding:30px 30px 60px 30px; background: rgb(255 255 255 / 31%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.vision-box img{padding-bottom:30px;}
.vision-box h3{padding-bottom:30px;}
.vision-box p{position: relative; top: 0; left: 0;}
.vision-box p::after {content: ""; bottom: -20px; left: 0px; background: #ffb335; height: 3px; width: 90px; position: absolute;}
.vision-box:hover{background: rgb(255 255 255 / 47%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.vision-box ul {list-style-position: inside;}
.vision-box ul li {text-transform: none; font-size: 16px; font-weight: normal; padding: 5px 0 10px 34px; background: url("../images/fav-icon.svg") no-repeat left top 5px; background-size: 26px; line-height: 22px;}

.whatwedo-details{padding: 30px;}
.whatwedo-details img{padding-bottom: 30px;}
.whatwedo-details h3{padding-bottom: 20px;}
.whatwedo-details h6{padding-bottom: 20px;}
.whatwedo-details p{}

.our-solutions-sec{width: 100%; height: auto; float: left;}
/* .our-solutions-sec .container::before {content: "Services"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 350px; line-height: 300px; text-transform: uppercase; color: #dfe6f2; position: absolute; z-index:-1;} */
.our-solutions-sec h2{padding-bottom: 30px;}
.our-solutions-sec h3{padding: 30px 0;}
.our-solutions-sec h6{padding-top:0px; text-transform: capitalize;}

/* .services_sec{width: 100%; height: auto; float: left; } */
.services_sec{width: 100%; height: auto; float: left; background: url("../images/services_bg.jpg") no-repeat top center #f7f5fc; background-size: contain;}
/* .services_sec .container::before {content: "Services"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 230px; line-height: 180px; text-transform: uppercase; color: rgb(255 255 255 / 60%); position: absolute; z-index:0;} */

.how-wehelp{width: 100%; height: auto; float: left;}
.how-wehelp h2{padding-bottom: 30px;}
.how-wehelp p{padding-bottom: 30px;}
.how-wehelp h2 span{text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 4px;}
.how-wehelp .col-md-4{padding-left: 0;}
.wehelp-details{padding: 20px; border: 1px solid #e1e1e6; border-radius: 26px;}
.wehelp-details h4{padding: 0 0 20px 0;}
/* .how-wehelp .container-fluid{background: url("../images/newmark_wall_decor.jpg") top right 50px no-repeat;} */
.bg-shape{padding: 4rem 4rem 4rem 4rem; float: left; -webkit-border-radius: 18px; -webkit-border-bottom-left-radius: 100px; -moz-border-radius: 18px; -moz-border-radius-bottomleft: 100px; border-radius: 18px; border-bottom-left-radius: 100px; background: radial-gradient(ellipse farthest-corner at right bottom, #ffd629 0%, #FDB931 8%, #a2682a 30%, #a2682a 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #FFFFAC 8%, #ffb335 25%, #f9cd0a 62.5%, #ffc80f 100%);}
 /* background: #ffb335; background: linear-gradient(159deg, #ffb335 0%, #ff5818cc 100%);  */
.bg-shape h4{padding-bottom: 20px;}
.bg-shape p{padding-bottom: 20px;}

.IT-networking-sec{width: 100%; height: auto; float: left;}

/* .section-title span {animation: 1s highlight ease-in-out forwards;} */
/* .section-title span {
background-color: transparent;
color: inherit;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,214,0,0.8)), to(rgba(255,214,0,0.8)));
background-image: -o-linear-gradient(rgba(255,214,0,0.8), rgba(255,214,0,0.8));
background-image: linear-gradient(rgba(255,214,0,0.8), rgba(255,214,0,0.8));
background-repeat: no-repeat;
background-size: 100% 20%;
background-position: 0 100%;} */
.solutions-section-title h2{padding-bottom: 30px;}
.solutions-section-title h6{padding-bottom: 30px;}
.solutions-box{float: left; padding: 0px; border-radius: 6px; background: #f2f7ff;}
.solutions-box:hover {background: #f7faff; -webkit-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); -moz-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%);}
.solutions-box img{width: 100%; height: auto; float: left; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.solutions-box-sub{padding: 30px; float: left;}
.solutions-box-sub h5{padding-bottom: 20px; font-size: 26px;}

/* ======= index pg card hover */
.content-wrapper {margin: 0 auto; max-width: 100%; display: flex; flex-flow: row wrap; justify-content: center; padding:30px 0 0 0;}
.news-card {border: 0px solid aqua; margin: 5px; position: relative; height: 40rem; overflow: hidden; flex: 1;  -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px; min-width: 290px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
@media (min-width: 900px) {
.news-card {height: 40rem}
}
.news-card::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(8 9 67) 80%);*/}
.news-card__card-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /*background: rgba(255,0,0,.5); */}
.news-card__image {width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; z-index: -1;}
.news-card__text-wrapper {position: absolute; bottom: 0rem; padding:3rem; color: white; /*background-color: rgba(0, 0, 0, 0.4); */ transition: background-color 1.5s ease; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);}
.news-card__title_sub {color: #ffffff; font-size: 22px; text-transform: none; line-height: 18px; padding: 0; transition: color 1s ease;}
.news-card__title {color: #ffffff; font-size: 42px; line-height: 50px; padding: 20px 0 10px 0; transition: color 1s ease; margin-bottom: .5rem;}
.news-card__details-wrapper {max-height: 0; opacity: 0; transition: max-height 1.5s ease, opacity 1s ease;}
@media (min-width: 900px) {
    .news-card:hover .news-card__details-wrapper {max-height: 20rem; opacity: 1;}
    /* .news-card:hover .news-card__text-wrapper {background-color: rgb(0 0 0 / 70%);} */
    /* .news-card:hover .news-card__text-wrapper {background-color: rgb(40 46 215 / 70%);} */
    .news-card:hover .news-card__image {transform: scale(1.2); z-index: -1;}
  }
.news-card__excerpt {color: #ffffff;}
/* .content-wrapper :nth-child(1){margin-top: -30px;}
.content-wrapper :nth-child(2){margin-top: 0px;}
.content-wrapper :nth-child(3){margin-top: 50px;} */
/* progress wrap  */
/*  ==== page Progress scroll load === */
.blok:nth-of-type(odd) {background-color:white;}
.blok:nth-of-type(even) {background-color:black;}
@-webkit-keyframes border-transform{

  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
.progress-wrap {position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1; visibility: visible; transform: translateY(0);}
.progress-wrap::after {position: absolute; font-family: 'unicons'; content: '\e84b'; text-align: center; line-height: 46px; font-size: 24px; color: rgba(0, 0, 0, 0.3); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap::before {position: absolute; font-family: 'unicons'; content: '\e84b'; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background: black; /* --- Pijl hover kleur --- */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path {fill: none;}
.progress-wrap svg.progress-circle path {stroke: #ffb335; stroke-width: 4px; box-sizing:border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear;}

.products-listing-sec{width: 100%; height: auto; float: left;}
/* .products-listing-sec .container::before {content: "upscale your game"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 350px; line-height: 300px; text-transform: uppercase; color: #dfe6f2; position: absolute; z-index: -1;} */

.products-listing-sec h6 {padding-bottom: 30px;}
/* .products-listing-sec h6 span{text-decoration: underline; text-decoration-color: #ffb335;} */

/* product CARDS */
.productcard-column {float: left; width:33%; padding: 0 10px;}
@media screen and (max-width: 700px) {
  .productcard-column {width: 100%; display: block; margin-bottom: 20px;}
}
.productcard-front h2{color: #ffffff; font-size: 38px; line-height: 38px; padding: 25px; position: absolute; text-align: center; width: 100%; bottom: 0px; background-color: rgb(0 46 142 /80% ); border-radius: 16px;}
.productcard-card {background-color: #272727; padding: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #484848;}
.productcard-card img{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.productcard-card .productcard-profile{border-radius:16px; transition: 0.2s;}
.productcard-card:hover .productcard-profile{transform:scale(1.4); border-top-right-radius:50px; border-top-left-radius:50px;}
.productcard-card .productcard-content{width:100%; height:100%; position:relative; overflow:hidden;}
.productcard-card .productcard-content .productcard-back{position:absolute; width:100%; height:100%; background-color: rgb(0 46 142 / 80%); transition:1s; z-index:1; padding:50px 20px;}
.productcard-from-bottom{top:100%; left:0;}
.productcard-card:hover .productcard-content .productcard-from-bottom {top:0%;}
.productcard-card .productcard-content .productcard-back .productcard-des{color: #ffffff; padding:0 0 20px 0px;}
.productcard-back h2{font-size: 28px; line-height: 28px; padding-bottom: 5px; color: #ffffff;}
.productcard-card_deets{padding:30px;}
.productcard-card_deets h3{padding-bottom: 0.3em; font-size: 32px;}
.productcard-card_deets h4{color: #ffffff; font-size: 28px; padding-bottom: 0.3em;}
.productcard-card_deets p{color: #ffffff;}
.img-wrapper {overflow: hidden;}
.inner-img {width: 100%; transition: 0.3s;}
.inner-img:hover {transform: scale(1.1);}

.product_addon_sec{width: 100%; height: auto; float: left; background: url("../images/product_bg.jpg") no-repeat top center #f2f7ff; background-size: contain;}
/* .product_addon_sec .container::before {content: "innovation"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 350px; line-height: 300px; text-transform: uppercase; color: rgb(255 255 255 / 46%); position: absolute; z-index:0;} */
.skew_section {width: 100%; height: auto; float: left; background-color: skyblue; margin-top: 50px; padding: 5% 20px; -webkit-transform: skewY(-5deg); -moz-transform: skewY(-5deg); -ms-transform: skewY(-5deg); -o-transform: skewY(-5deg); transform: skewY(-5deg);}
.skew_section > .wrapper {-webkit-transform: skewY(5deg); -moz-transform: skewY(5deg); -ms-transform: skewY(5deg); -o-transform: skewY(5deg); transform: skewY(5deg);}

.product_heading_box{width: 100%; height: auto; border-bottom: 1px solid #dddddd; margin-bottom: 20px;}
/* .product_heading_box h1 {padding-bottom: 10px; } */
.product_heading_box span {font-family: 'Roboto', sans-serif; font-size:18px; line-height: 24px; color:#0d1018;}

.subheader-withline {width: 100%; height: auto; float: left; padding: 0px 0; margin: 30px 0 30px 0; border-bottom: 1px solid #b3c6c2;}
.subheader-withline span {font-family: "DM Sans", sans-serif; font-size:18px; color: #0d1018; line-height: 26px; margin: 0 0 0 0; padding: 0 0 0 0;}

.line-after {position: relative; overflow: hidden; display: block;}
.line-after span {vertical-align: baseline; display: block; position: relative; font-family: "DM Sans", sans-serif; font-size:19px; color: #0d1018; font-weight: 500; line-height: 26px; margin: 0 0 0 0; padding: 0 0 0 0;}
.line-after span:after {content: ''; position: absolute; width: 100%; top: 65%; margin-left: 10px; border-top: 1px solid #d5d5d5;}
.line-after-light {position: relative; overflow: hidden; display: block;}
.line-after-light span {vertical-align: baseline; display: block; position: relative; font-family: "DM Sans", sans-serif; font-size:18px; color: #808080; font-weight: normal; line-height: 26px; margin: 0 0 0 0; padding: 0 0 0 0;}
.line-after-light span:after {content: ''; position: absolute; width: 100%; top: 65%; margin-left: 10px; border-top: 1px solid #808080;}
.design_solut_box{float: left; border-bottom: 1px solid #d0d0d0;}
.design_solut_box h3{width: 100%; height: auto; float: left; padding-bottom: 15px;}
.design_solut_box p{width: 100%; height: auto; float: left; padding-bottom:10px;}
.design_solut_box img{width: 60px; float: left; padding-bottom: 10px;}

.design_solut_col6 {float: left; padding-bottom: 30px;}
.design_solut_col6 h6{padding:20px 0 10px 0; color: #7b7b7b;}
.design_solut_col6 h3{padding-bottom: 10px;}
.design_solut_col6 img{border-radius: 18px;}

/* .design_services_sec{width: 100%; height: auto; float: left; background: url("../images/design_sec_bg.jp") no-repeat top right #000000; background-size: 70%;} */


/* NEWMARK CSS */
.homepage_banner{width: 100%; height: 450px; float: left; margin-top: 50px; /*background: #f2f2f2; background: rgb(34,35,41);
background: linear-gradient(270deg, rgba(34,35,41,1) 0%, rgba(0,0,0,1) 100%);*/}
.homepage_banner h1 a{color: inherit;}
.homepage_banner h1 a:hover{text-decoration: none; color: #ffb335;}
.homepage_banner span{font-size: 18px; line-height: 24px; padding-top: 30px; float: left;}
/* .products_boxes_intro_txt{padding: 30px; } */
.products_boxes_intro_txt h2{padding-bottom: 30px;}
.products_boxes_intro_txt p{padding-bottom: 30px;}
.products_boxes{position: relative; display: block; height: 220px; overflow: auto; background-repeat: no-repeat; background-position: top center; background-image: url("../images/custome_frames.jpg"); background-color: #eeeeee; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px; -webkit-animation: animateBackground infinite ease-in-out 55s; margin:0 5px 10px 5px;}
.products_boxes2{position: relative; display: block; height: 220px; overflow: auto; background-repeat: no-repeat; background-position: top center; background-image: url("../images/newmark_framed_mirror_img.jpg"); background-color: #e5e1e0; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px; -webkit-animation: animateBackground infinite ease-in-out 55s; margin: 0 5px 10px 5px;}
.products_boxes3{position: relative; display: block; height: 220px; overflow: auto; background-repeat: no-repeat; background-position: top center; background-image: url("../images/portrait_frames.jpg"); background-color: #f2e8d4; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px; -webkit-animation: animateBackground infinite ease-in-out 55s; margin: 0 5px 10px 5px;}
.products_boxes4{position: relative; display: block; height: 220px; overflow: auto; background-repeat: no-repeat; background-position: top center; background-image: url("../images/arabic_calligraphy_metal.jpg"); background-color: #9beaff; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px; -webkit-animation: animateBackground infinite ease-in-out 55s; margin: 0 5px 10px 5px;}
.products_boxes5{position: relative; display: block; height: 220px; overflow: auto; background-repeat: no-repeat; background-position: top center; background-image: url("../images/wall_deco.jpg"); background-color: #f2e8d4; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px; -webkit-animation: animateBackground infinite ease-in-out 55s; margin: 0 5px 10px 5px;}
.products_boxes6{position: relative; display: block; height: 220px; overflow: auto; background-repeat: no-repeat; background-position: top center; background-image: url("../images/modern_art.jpg"); background-color: #f2e8d4; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px; -webkit-animation: animateBackground infinite ease-in-out 55s; margin: 0 5px 10px 5px;}
.products_boxes:hover{opacity: 0.7;}
.products_boxes3:hover{opacity: 0.7;}
.products_boxes5:hover{opacity: 0.7;}
.products_boxes6:hover{opacity: 0.7;}
@-webkit-keyframes animateBackground {
  0% { background-size: 110% auto; }
  50% { background-size: 190% auto; }
  100% { background-size: 110% auto; }
}
.products_boxes_txt{position: absolute; bottom: 30px; left: 30px;}
.products_boxes_txt h5 i{font-size: 14px; vertical-align: middle;}
.headline {display: inline; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-size: 32px; line-height: 1.7; text-transform: none;}
.headline--themovement {background-color: white; box-shadow: 8px 1px 0 3px white, -8px 1px 0 3px white; color: black; line-height: 50px;}

/* .products_boxes_txt h5::before {content: ""; left: 30px; background: #ffb335; height: 3px; width: 110px; position: absolute;} */
.precision_box{padding: 0;}
.precision_box h2{width: 80%; padding-top: 30px;}
/* .precision_box img{width: 90px; float: left; padding-top: 30px;} */
/* .precision_box p{width: 220px; float: left; padding: 40px 0px 0px 15px;} */

/* scribble underline css */
@keyframes background-size-300 {
  from {background-size: 0%;}
  to {background-size: 300%;}
}
.scribble {position: relative; background-image: none; background-color: transparent; /* color: #ffb335; */}
.scribble::after {content: ''; position: absolute; bottom: -10%; left: 0; height: 30%; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='247' height='22' fill='none'%3E%3Cmask id='a' width='246' height='23' x='0' y='1' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 1h246v23H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%2300a661' d='M.225 13.987c40.77-3.247 81.218-6.304 122.486-5.61 40.217.68 80.07 3.493 119.823 8.284 4.828.577 4.966-4.727.193-5.301-40.597-4.886-82.029-7.082-123.059-6.436-39.896.627-80.713 2.548-119.53 8.822-.233.04-.132.263.087.25v-.009z'/%3E%3C/g%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 95%; width: 100%; background-image: linear-gradient(to right, #ffb335 40%, transparent 50%); background-repeat: no-repeat; animation: background-size-300 0.4s 1.5s ease-in both; background-size: 300%;}
.black_sec{width: 100%; height: auto; background: #000000; float: left;}
.black_sec h2{color: #ffffff; padding-top: 20px;}
.black_sec h2 a{color: #ffffff;}
.black_sec h2 a:hover{color: #ffb335; text-decoration-thickness:4px;}
.css_inderline{text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness:4px; }
.black_sec span{width: 80%; height: auto; float: left; font-size: 18px; line-height: 28px; color: #808080; padding: 30px 0;}
.newmark_services_box{padding: 0 50px;}
.newmark_services_box p{color: #ffffff; padding-bottom: 50px;}
.newmark_services_box p label{background: #ffffff; color: #000000; font-weight: normal; margin: 0 0 0 0;}
.newmark_services_box h5{color: #ffffff; padding-bottom: 10px;}
/* news ticker CSS */
@-webkit-keyframes ticker {
  0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;}
  100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@keyframes ticker {
  0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;}
  100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
.ticker-wrap {position: fixed; top: 0; width: 100%;  overflow: hidden; height: auto; padding: 0px 0; padding-left: 100%; background: linear-gradient(159deg, #240909, #000000); background-size: 180% 180%; animation: gradient-animation 18s ease infinite; z-index: 1;}
@keyframes gradient-animation {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
.ticker{display: inline-block; height: auto; padding: 0 0px; white-space: nowrap; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 30s; animation-duration: 30s;}
.ticker a{color: #ffffff; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}
.ticker a:hover{color: rgb(255 255 255/70%); text-decoration-color: #ffffff;}
.ticker_item:last-child{border: none;}
.ticker_item {display: inline-block; padding: 0 2rem; font-size: 14px; color: rgb(255 255 255); border-right: 1px solid; margin: 5px 0; line-height: normal;}
.ticker:hover {animation-play-state: paused;}

.about_us_sec{width: 100%; height: auto; float: left;}
.about_us_sec span{width: 80%; height: auto; float: left; font-size: 18px; line-height: 28px; color: #808080; padding: 30px 0;}
.newmark_usp{width: 100%; height: auto; float: left; padding: 5px; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px;}
.newmark_usp:hover{background: #f8f9fa; -webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px;}
.newmark_usp img{-webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px;}
.newmark_usp_text {float: left; padding: 3.5rem 3.5rem 0 3.5rem;}
.newmark_usp_text h5{padding-bottom: 20px;}
.newmark_usp_text ul {list-style-position: inside;}
.newmark_usp_text ul li {text-transform: none; font-size: 16px; font-weight: normal; padding: 0 0 20px 34px; background: url("../images/fav-icon.svg") no-repeat left top 5px; background-size: 26px; line-height: 22px;}

.client_specs{padding: 80px 50px 50px 50px;}
.client_specs p{padding-bottom: 20px; font-size: 18px; line-height: 32px;}
/* Float animate button */
.float {position:fixed; bottom:92px; right:24px; text-align:center; z-index:1000;}
.float .trigger {border-radius:50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); position:relative; background:#42cf47; color:#fff; height:60px; width:60px; vertical-align:middle; animation: 1.5s linear 0s infinite normal pulse; transition: ease-in-out 0.2s; cursor: pointer;}
/* .float .trigger a i{color: #ffffff;} */
.float .trigger:hover{transform:scale(1.1);}
.float.open .trigger .fa::before{content: "\f00d";}
.float .trigger .fa::after{transition: ease-in-out 1s;}
.fab.open .trigger i{transition: all 0.4s ease; transform: translateY(5px) rotate(360deg);}
.float i{font-size:36px; line-height:60px; color: #ffffff;}
.float .trigger a:hover{color: rgb(255 255 255 / 76%);}
@keyframes pulse {
    0% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 0px #42cf4742;}
    30% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 5px #42cf4742;}
    70% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 15px #42cf4742;}
    100% {box-shadow: 1px 1px 2px 1px #42cf477a, 0px 0px 0px 20px transparent;}
  }
.pattern-bg-box{padding: 30px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: #ffb335; opacity: 1; background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #eca81c 40px), repeating-linear-gradient(#e8c81b55, #ffb335);}
.pattern-bg-box h4{font-size: 30px; padding-bottom: 20px;}
/* .pattern-bg-box p{color: #ffffff;} */
.pattern-bg-box img {padding: 30px 0;}
.black_sec-2{width: 100%; height: auto; float: left; background-image: radial-gradient(#303135 1px, transparent 1px); background-size: 10px 10px; background-color: #000000;}
.black_sec-2 h2{color: #ffffff; padding-bottom: 20px;}

.product_highlight_box{padding: 30px; margin-bottom: 20px; background: url("../images/theme_frames_newmark_kozhikode.jpg") no-repeat left bottom; background-size: cover; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.product_highlight_box h2{padding: 0 0 20px 0; line-height: 82px;}
.product_highlight_box h3{padding: 0 0 20px 0;}
.product_highlight_box ul {list-style-position: inside;}
.product_highlight_box ul li {text-transform: none; font-size: 16px; font-weight: normal; padding: 5px 0 10px 34px; background: url("../images/fav-icon.svg") no-repeat left top 5px; background-size: 26px; line-height: 22px;}

.product_highlight_box-2{padding: 30px; margin-bottom: 20px; background: url("../images/framed_mirrors_newmark_kozhikode.jpg") no-repeat left bottom; background-size: cover; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.product_highlight_box-2 h2{padding: 0 0 20px 0; line-height: 82px;}
.product_highlight_box-2 h3{padding: 0 0 20px 0;}
.product_highlight_box-2 ul {list-style-position: inside;}
.product_highlight_box-2 ul li {text-transform: none; font-size: 16px; font-weight: normal; padding: 5px 0 10px 34px; background: url("../images/fav-icon.svg") no-repeat left top 5px; background-size: 26px; line-height: 22px;}

.bg-shape ul {list-style-position: inside;}
.bg-shape ul li {text-transform: none; font-size: 16px; font-weight: normal; padding: 5px 0 10px 34px; background: url("../images/fav-icon.svg") no-repeat left top 5px; background-size: 26px; line-height: 22px;}

.bg-shape-2{padding: 4rem 4rem 4rem 4rem; margin: 0 5px 10px 5px; float: left; -webkit-border-radius: 18px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius: 18px; -moz-border-radius-bottomright: 100px; border-radius: 18px; border-bottom-right-radius: 100px; background: #000000; background: linear-gradient(159deg, #000000 0%, #252525cc 100%);}
.bg-shape-2 h4{color: #ffffff; padding-bottom: 20px;}
.bg-shape-2 p{color: #ffffff; padding-bottom: 20px;}
.bg-shape-2 a{margin: 0 0 0 0;}
.canvas_streching_sec{width: 100%; height: auto; float: left; padding: 5rem 3rem 5rem 3rem; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background: #000000; background-image: radial-gradient(#303135 1px, transparent 1px); background-size: 10px 10px; background-color: #000000; margin-top: 3em;}
.canvas_streching_sec h2{color: #ffffff; padding: 10px 0 30px 0;}
.canvas_strech_deets1 {}
.canvas_strech_deets1-subdiv{padding: 30px 50px;}
.canvas_strech_deets1-subdiv h3{color: #ffffff; padding-bottom: 20px;}
.canvas_strech_deets1-subdiv h6{color: #9f9f9f; padding-bottom: 20px;}
.canvas_strech_deets1-subdiv p{color: #ffffff; padding-bottom: 20px;}
.canvas_strech_deets1 .img-wrapper{-webkit-border-radius:22px; moz-border-radius: 22px; border-radius:22px;}
.canvas_streching_sec-moredeets{float: left; border-bottom: 1px solid rgb(208, 208, 208);}
.canvas_streching_sec-moredeets h4{width: 100%; height: auto; float: left; color: #ffffff; padding:25px 0 25px 0;}
.canvas_streching_sec-moredeets h6{width: 100%; height: auto; float: left; color: #ffffff; padding-bottom:30px;}
.canvas_streching_sec-moredeets img{width: 60px; float: left; padding-bottom: 10px;}

/* product slider */
.product_slider{width: 100%; height: auto; float: left;}
/* .product_slider h2{width: 100%; padding-bottom: 20px; height: auto; float: left;} */
.newmark_card-slider {max-width: 100%; margin: 0 auto;}
@media screen and (max-width: 1024px) {
  .newmark_card-slider {width: 80%;}
}
.newmark_card-slider .slick-prev-icon,
.newmark_card-slider .slick-next-icon {color: black;}
.newmark_card-slider .slick-slide {padding: 0 10px;}
.newmark_card-slider .newmark_card {position: relative; display: flex !important; flex-direction: column; height: auto; transition: all 0.1s linear;}
@media screen and (max-width: 600px) {
  .card-slider .newmark_card {height: auto;}
}

.modern_art_sec{width: 100%; height: auto; float: left;}