/*
Theme Name: www.sukut.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

.btn-success {
	
	--bs-btn-color: #3a3a3a;
    --bs-btn-bg: #f3ce2a;
    --bs-btn-border-color: #f3ce2a;
    --bs-btn-hover-color: #3a3a3a;
    --bs-btn-hover-bg: #ffdb3d;
    --bs-btn-hover-border-color: #ffdb3d;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #3a3a3a;
    --bs-btn-active-bg: #ffdb3d;
    --bs-btn-active-border-color: #ffdb3d;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #3a3a3a;
    --bs-btn-disabled-bg: #eee;
    --bs-btn-disabled-border-color: #eee;
}


html, body {
	width:100%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}


/* CUSTOM */
.cs-bg-mark{
position: relative;
}
.cs-bg-mark:before{
	content: '';
position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
    background: url(/wp-content/themes/www.sukut.com/img/mark-k.png) no-repeat left center;
    background-size: contain;
}
.cs-bg-mark-alt{
position: relative;
}
.cs-bg-mark-alt:before{
	content: '';
position: absolute;
	left: 8%;
	right: 8%;
	top: 0;
	bottom: 0;
	
    background: url(/wp-content/themes/www.sukut.com/img/mark-k-transparent.png) no-repeat left center;
    background-size: contain;
	opacity: 0.3;
}
.cs-bg-gradient:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	    background-image: url(///media.sandhills.com/img.axd?id=10010038981&wid=0&rwl=False&p=&ext=png&w=2&h=439&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=ClL9gfk%2beJ0AhibQO5efeq%2bqMjOxoFYT);
    background-repeat: repeat-x;
    background-position: center top;
}
.img-responsive.img-fluid.shEditorInsertImage{
	border-radius: 5px;
}
.customSlideForeground-image2{
	border-radius: 5px;
	opacity: 0.33;
	transition: ease all 0.3s;
}
.slick-active .customSlideForeground-image2{
	opacity: 1;
}
.yellow{
	color: #facf11 !important;
}
.white, .white a:not(.btn-white):not(.btn-yellow){
	color: #fff !important;
}
.white a:not(.btn-white):not(.btn-yellow):hover{
	color: #facf11 !important;
}
.white .heading-sm, .white .heading-xs, .white .heading-md, .white .heading-lg, .white .heading-xl{
	color: #fff !important;
}
.bg-blue{
	background-color: #1b3663;
	color: #fff;
}
#logo a {
	z-index: 50;
	position: relative;
}
#logo img {
    height: 54px !important;
}

.pad-vertical{
	padding-top: 5% !important;
	padding-bottom: 5% !important;
}
.pad-bottom{
	padding-bottom: 5% !important;
}
.pad-top{
	padding-top: 5% !important;
}
.pad-sides{
	padding-left: 2vw !important;
	padding-right: 2vw !important;

}
.shwidget p, .pad-sides p{
	font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.6em;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
}
.heading-xs{
	font-weight: 700;
    line-height: 1.5;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
}
.heading-sm{
	font-size: 24px;
    font-weight: 700;
	margin-bottom: 8px !important;
    line-height: 1;
    color: #323232;
	font-family: 'Raleway', sans-serif;
	display: inline-block;
}
.heading-md{
	font-size: 36px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 1em 0;
    color: #323232;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}
.heading-lg{
	font-family: 'Raleway', sans-serif;    
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
	margin: 0 0 1em 0 ;
}

/*** Typography ***/
body { font-size: 16px; font-family: 'Raleway', sans-serif; line-height: 1;  color: #323232; }
a,a:visited { text-decoration: none !important; color:  #1b3663; }
a:hover, #colophon a:hover { color: #facf11; }
h1,h2,h3,h4,h5,h6 { font-weight: 500;  line-height: 1; margin: 0 0 0 0 ;   }

#page p {
    line-height: 1.4;
}
.btn {
    border-radius: 6px;
    text-transform: none;
    color: #3a3a3a;
	background: #fff;font-size: 14px;
    font-weight: 700;
    height: 38px;
    line-height: 36px;
    padding: 0 24px;
    
}
.btn:focus { box-shadow: none;  outline: none; }

.btn-default , .btn-default:visited { background-color: #213861; color: #fff; }
.btn-default:hover,.btn-default:focus,.btn-default:active { background-color: #213f71; color:#FFF;    }

.btn-yellow , .btn-yellow:visited { background-color: #f3ce2a; color: #3a3a3a; }
.btn-yellow:hover,.btn-yellow:focus,.btn-yellow:active { background-color: #ffdb3d; color:#3a3a3a;    }

.btn-blue , .btn-blue:visited { background-color: #57a2d9; color: #07243c; }
.btn-blue:hover,.btn-blue:focus,.btn-blue:active { background-color: #6db2e5; color:#07243c;    }

.btn-orange , .btn-orange:visited { background-color: #eba22f; color: #3a3a3a; }
.btn-orange:hover,.btn-orange:focus,.btn-orange:active { background-color: #f8b140; color:#3a3a3a;    }

.btn-white ,  .btn-white:focus,.btn-white:visited{ background-color: #fff; color: #3a3a3a !important; }
.btn-white:hover ,.btn-white:active,.btn-white:active:hover{ background-color: #eee !important; color:#3a3a3a !important;   }

.btn-gray ,  .btn-gray:focus,.btn-gray:visited{ background-color: #eeeeee; color: #3a3a3a !important; }
.btn-gray:hover ,.btn-gray:active,.btn-gray:active:hover{ background-color: #ccc !important; color:#3a3a3a !important;   }

.btn-primary , .btn-primary:visited { background-color: #213861; color:#FFF;    }
.btn-primary:hover, .btn-primary:focus,.btn-primary:active{ background-color: #213f71; color: #fff; }


.btn-md {
    height: 49px;
    line-height: 45px;
    padding: 0 27px;
    font-size: 17px;
    font-weight: normal;
    border-width: 2px;
}
.btn-lg {
    height: 68px;
    line-height: 64px;
    padding: 0 32px;
    min-width: 260px;
    font-size: 28px;
    font-weight: 700;    
    border-width: 2px;
}

.btn-outline{
	border: solid 2px #1b3663;
	color: #1b3663;
	padding: 12px 20px;
	font-size: 17px;
}
.btn-outline:hover{
	background: #1b3663;
	color: #fff;
}
.shwidget.container{
	padding-left: 8% !important; padding-right: 8% !important;
	max-width: unset !important;
	width: unset !important;
}

.site-header > .container, .white > .container, .shwidget .container, #page > .container{

	max-width: 80% !important;
	
}
.container.root { padding-left: 50px; padding-right: 50px;}


.cut {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 999;
    max-width: 3000px;
    margin: 0 auto;
    left:0;
    right: 0;
}

.cut.top {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: 1px;
}
.cut.bottom { top:0; }

.underlined{  padding-bottom: 10px; position: relative; display: inline-block;  }
.underlined:after {
    display: block;
    content: ' ';
    height: 2px;
    width: 60%;
    min-width: 100px;
    background-color:#facf11;
    position: absolute;
    bottom:  0;
    left: 0;
}

.gm-style .review-box {display: none !important;}
 


/*** Animation ***/
@keyframes fadeinport{
    from{
        bottom:-50px;
        opacity:0;
    }
    to{
        bottom:0;
        opacity:1;
    }
}

/**** Fadein ****/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes halfspin { 0%,100% {-moz-transform: rotate(0);  }  33% { -moz-transform: rotate(-15deg); } 66% {-moz-transform: rotate(15deg); }}
@-webkit-keyframes halfspin {0%,100% {-webkit-transform: rotate(0);  }  33% { -webkit-transform: rotate(-15deg); } 66% {-webkit-transform: rotate(15deg); }  }
@keyframes halfspin { 0%,100% {-webkit-transform: rotate(0); transform: rotate(0); } 33% { -webkit-transform: rotate(-15deg); transform:rotate(-15deg); } 66% { -webkit-transform: rotate(15deg); transform:rotate(15deg); } }


a ,a img,a span, .btn, .overlay, .overlay .content ,button,.navbar-nav > li> a:after, .read-more,.widget-wrap ul li:before,
footer ul.social li a:hover span, .logos li img , a span:before, .navbar-nav > li:hover > a:before,
.markets-item .inner,.markets-item:before, .ph-ban-wrap , .projects-masonry-item .overlay .text, .projects-masonry-item .overlay .btn
{
    -webkit-transition: all  0.5s ease !important;
    -moz-transition: all   0.5s ease !important;
    -ms-transition: all  0.5s ease !important; 
    transition: all   0.5s ease !important;
}
 #logo img, nav .navbar-nav, #masthead, #top, .navbar-toggle .icon-bar {
    -webkit-transition: all  0.2s linear;
    -moz-transition: all   0.2s linear;
    -ms-transition: all  0.2s linear; 
    transition: all   0.2s linear;
}
.site-inner{
    animation:fadeinport 1s;
    opacity:0;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position:relative;
}
body:not(.highlightSidebars) .skt-animate{
  opacity: 0;
}
.fadein{
	
    animation:fadein 1s;
    opacity:0;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position:relative;
}
/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar { width: 22px;}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* END ANIMATED X */



/*** Layout ***/
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
#top { z-index: 9999; position: relative; color: #3a3a3a; font-family: 'Quicksand', sans-serif; height: 40px; line-height: 40px; background: #f8cd0c !important; }
#top a { color:  #323232; font-weight: bold; font-size: 16px; } 

#masthead {
    position: absolute; z-index: 9999; width: 100%; padding:20px 0;
	max-height: 114px;
  
}
body.highlightSidebars #masthead{
	position: relative !important;
	margin-bottom: 59px !important;
}
body.highlightSidebars #masthead > .container > aside{
    position: absolute;
}
#masthead{
      background:  rgba(13,30,59,0.85);    /* url(../img/pattern_transparent.png) */
}

#top form { padding-left: 0; margin-top: 0; }
#top .input-group { position: relative; }
#top .input-group-addon {display: block; position: absolute; right: 0; z-index: 999; height: 100%; border: none; background: transparent;  padding: 0 4px; width: 40px; }
#top .input-group-addon button { background: transparent; border: none; color: #FFF; outline: none; height: 100%; line-height: 1;  }
#top .input-group-addon button:hover { cursor: pointer; text-shadow: 0 0 3px #FFF;}
#top .form-control { border: 1px solid rgba(255,255,255,0.4); height: 30px; line-height: 30px; font-weight: 400; font-size: 14px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background: #263860bd;
color: #FFF; 
}
#top .form-control::placeholder{
color: #FFF !important; 
}
/*.home #masthead, .home #top { background: none; }*/

.navbar-brand { height: auto; }
#navbar-sh { border: none;  margin: 0;}
    nav .navbar-nav { margin-top: 30px; }
        .navbar .nav > li { position: relative; }
            .navbar-nav > li > a { font-weight: 600; font-size: 18px; color: #FFF; padding: 0 0 14px 0; }
        .navbar-nav > li > a,.navbar-nav > li > a:hover,.navbar-nav > li > a:focus { background: transparent; } 
        .navbar-nav > li:hover > a, .navbar-nav > li.current-menu-item > a, .navbar-nav > li.current-menu-parent  > a{ color: #facf11;  }
        .navbar-nav > li:hover > a:before { color: #d2a327 !important; }
        .navbar-nav > li.menu-item-has-children >  a:before {
            display: block;
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
            font-size: 12px;
            color: #bababa;
            position: absolute;
            bottom:3px;
            right: -16px;
        }

.sub-menu { position: absolute; list-style: none;  margin-top: -3px; padding: 0 0 4px 0; margin: 0 ; right: -22px; display: none; background: #facf11; min-width: 200px; z-index: 999;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 3px 3px #444;
    top: calc(100% + 15px);
}
.sub-menu:before {
    display: block;
    content: ' ';
    position: absolute;
    top: -8px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #facf11 transparent;
}
  .sub-menu > li { margin: 0;  }
  .sub-menu > li a { padding: 8px 15px 8px 15px; color: #3a3a3a; font-size: 17px; text-align:left; font-weight: 600;  white-space: nowrap; display: block; border-top: 1px solid #3a3a3a; }
  .sub-menu > li:first-child a { border-top: none; }
  .sub-menu > li:hover > a { padding-right: 5px; padding-left: 25px; }
  .navbar-nav li:hover > .sub-menu { display: block;
     -webkit-animation: fadein 0.5s;
         -moz-animation: fadein 0.5s;
          -ms-animation: fadein 0.5s; 
           -o-animation: fadein 0.5s; 
              animation: fadein 0.5s;
  }

#masthead.is-sticky {
    position: fixed; top: 0; 
}


.is-sticky nav .navbar-nav { margin-top: 24px; }


#content.container-fluid { padding-left: 0; padding-right: 0; }
#content.container-fluid > .row { margin-left: 0; margin-right: 0; }
#footer-contact {
    color: #FFF;
    background: #1b3663;
    padding: 80px 0 50px;
}
    #footer-contact h2 {  color: #FFF;  margin: 0; line-height: 1.2em;}
    #footer-contact .btn { margin-top: 0.5em; margin-right: 1em;}
#colophon {
    color: #FFF;
    background: #1b3663 url(../img/bg_footer.jpg) no-repeat center top;
    background-size: cover;
    padding: 200px 0 170px;
    font-size: 16px;
    position: relative;
}
    #colophon p ,#colophon address {
        margin-bottom: 1.5em;
        line-height: 1.5em;
    }
    #colophon a,#colophon a:visited, #cprght a, #cprght a:visited { color: #FFF; }
    #colophon .phone,#colophon .www, #colophon .email { padding-left: 44px; position: relative;  } 
    #colophon .phone:before, #colophon .www:before , #colophon .email:before  { font-family: 'icomoon'; color: #FFF; position: absolute; left:0; top: 0;   display: block;  font-size: 26px;}
    #colophon .phone:before { content: "\e905";   transform: rotate(30deg); top: 12px; }
    #colophon .www:before { content: "\e90a";   }
    #colophon .email:before { content: "\e900";  }
#cprght { font-size: 15px; color: #FFF; background: #3d4d6a; background: rgba(138,131,121,0.3); margin-top: -65px; position: relative; }
#cprght p { line-height: 65px; margin: 0; }
    #cprght a:hover { color:#d4a72c !important;  }
#skt_call_now_btn {
    position: fixed; z-index: 9999;color:#3a3a3a; 
    background: #facf11; 
    font-size: 18px; height: 48px; line-height: 48px;  border:none; border-top: 2px solid #facf11; bottom: 0; text-align: center; display: none;
    width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0;  border-radius: 0; font-weight: 700;
}
    #skt_call_now_btn i {  vertical-align: middle; font-size: 1.4em; margin-right: 0.2em; vertical-align: middle; }

.navbar-toggle { border: 2px solid #FFF; -moz-border-radius:0; -webkit-boder-radius: 0; border-radius: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0;  }
.navbar-toggle .icon-bar { background-color: #FFF; }    
    
/*** Content Pages ***/
/**** Common ****/
#page { 
	padding-top: 160px; padding-bottom:  80px; 

    position: relative;
}
.post-container-cpt-awards{justify-content: center;}
.column-padding-cpt-awards > div{height: 240px !important;}
.award-logo{
	opacity: 0.66;
	transition: ease all 0.3s;
}
.award-logo:hover{
	opacity: 1;
}
.shwidget p{
	    line-height: 1.4em;
    margin-bottom: 1.6em;
}
.shwidget ul li, .shwidget ol li{
    margin-bottom: 0.4em;
}
.home #page { padding: 0 !important;}
.home #page,.no-page-padding #page { margin-top: -58px; }
.no-page-padding #page {
    padding-top: 0;
}

.ph-ban { margin-bottom: 40px; position: relative; width: 100%; height: auto; }
.ph-ban .cut { bottom: -4px; }
.ph-ban-mask { -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; width: 100%; height: auto; position: relative; }
.ph-ban-wrap { width: 100%; min-heigth: 340px; min-height: 75vh;  background: #1b3663 url(../img/loader_white.gif)  no-repeat center center ; max-height: 75vh;}
.parallax-rendered .ph-ban-wrap { opacity: 0;  }  
.ph-ban-wrap img { visibility: hidden; margin: 0 auto; display: block; width: 100% !important; height: auto !important; }



/*** Wordpress styles ***/
.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

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

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}
blockquote{
    border: none;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}
    blockquote::before,blockquote::after{
        display: block;        
        position: absolute;
        font-size: 72px;
    }
    blockquote::before{
        content: "“";
        left: 0;
        top:0;
    }
    blockquote::after{
        content: "”";
        right: 0;
        bottom:-44px;
    }    

blockquote.alignleft {
    margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
    margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
    margin-bottom: 1.473684211em;
}


#top_button {
    display: inline-block;
    background-color: #facf11;
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 32 32' height='32px' id='Layer_1' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M18.221,7.206l9.585,9.585c0.879,0.879,0.879,2.317,0,3.195l-0.8,0.801c-0.877,0.878-2.316,0.878-3.194,0 l-7.315-7.315l-7.315,7.315c-0.878,0.878-2.317,0.878-3.194,0l-0.8-0.801c-0.879-0.878-0.879-2.316,0-3.195l9.587-9.585 c0.471-0.472,1.103-0.682,1.723-0.647C17.115,6.524,17.748,6.734,18.221,7.206z' fill='%23FFF'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #top_button:hover {
    cursor: pointer;
    background-color: #333;
  }
  #top_button:active {
    background-color: #555;
  }
  #top_button.show {
    opacity: 1;
    visibility: visible;
  }


/**** Social icons ****/
ul.social { list-style: none; margin: 0; padding: 0; text-align: left;}
ul.social li { display: inline-block;}
ul.social li + li { margin-left: 10px; }
ul.social li a, .white ul.social li a { 
	display: block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 30px;height: 30px; line-height: 30px; 
  padding: 0; margin: 0; font-size: 16px !important;	text-align: center; text-decoration: none; color: #000 !important; background-color: #2b446d; background-color: rgba(255,255,255,0.1);
}
ul.social li a:hover { color: #000 !important; }
ul.social li a span { vertical-align: middle; }

ul.social li.linked a { background-color: #f9ce10 !important; }
ul.social li.fb a  { background-color:#59a4db !important; }
ul.social li.inst a { background-color:#f3a121 !important; }
ul.social li.tw a { background-color:#59a4db !important; }
ul.social li.x a { background-color:#59a4db !important; }
ul.social li.yt a  { background-color: #f9ce10 !important; }
/*
ul.social li.fb a:hover  { background-color:#3b5998 !important; }
ul.social li.tw a:hover { background-color:#4cc2ff !important; }
ul.social li.x a:hover { background-color:#000000 !important; }
ul.social li.gp a:hover  { background-color:#d23e2b !important; }
ul.social li.pt a:hover { background-color:#BD081C !important; }
ul.social li.inst a:hover { background-color:#125688 !important; }
ul.social li.yt a:hover  { background-color: #E62117 !important; }
ul.social li.linked a:hover { background-color: #0077B5 !important; }
*/
ul.social li a:hover {
    transform: rotate(360deg) ;
    -webkit-transform: rotate(360deg) ;
    -moz-transform: rotate(360deg) ;
    -o-transform: rotate(360deg) ;
    -ms-transform: rotate(360deg) ;
}



	.widget-project-gallery a:hover .sukut-gallery-overlay{
		opacity: 1;
	}
	.sukut-gallery-overlay{
		background: rgba(13, 30, 59, 0.7);
		border-radius: 5px 5px 0 0;
		transition: ease all 0.3s;
		opacity: 1;
	}
	.sukut-gallery-overlay h3{
		text-align: left;
		padding: 15px;
	}
	.sukut-gallery-overlay .details-btn{
		position: absolute;
		bottom: 15px;
		right: 15px;
		width: unset;
		height: 48px;
    line-height: 48px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #3a3a3a;
		background: #facf11;
    padding: 0 20px;
    gap: 10px;
		font-size: 14px;
		border-radius: 5px;
		font-weight: 700;
		transition: ease all 0.2s;
		
	}
	.sukut-gallery-overlay .details-btn:hover{
		color: #3a3a3a;
		background: #ffdb3d;
		
	}
	.sukut-gallery-overlay .heading-md{
		font-weight: 700;
		color: #fff;
		font-size: 18px;
		text-transform: unset !important;
		letter-spacing: normal;
	}

/* OLD GALLERY PRESENTATION 

	.widget-project-gallery a:hover .sukut-gallery-overlay{
		opacity: 1;
	}
	.sukut-gallery-overlay{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(27, 54, 99, 0.7);
		border-radius: 5px;
		transition: ease all 0.3s;
		opacity: 0;
	}
	.sukut-gallery-overlay h3{
		position: absolute;
		top: 50%;
		left: 20px;
		right: 20px;
		text-align: center;
		transform: translateY(-50%);
	}
	.sukut-gallery-overlay i{
		position: absolute;
		bottom: 4px;
		right: 4px;
		width: 48px;
		height: 48px;
    line-height: 48px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #fff;
		background: #facf11;
		
	}
	.sukut-gallery-overlay .heading-md{
		font-weight: 700;
		color: #fff;
	}

*/
/*** Media Query ***/
@media only screen and (min-width: 1024px){	
	.fixed-btn{
		position: relative;
		padding-bottom: 0px !important;
	}
	.fixed-btn .btn{
		position: absolute;
		bottom: 40px;
	}
}

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
@media only screen and (min-width : 2560px) {
    body { font-size: 18px;}
    .cut{ max-width: none; }
}
@media only screen and (max-width : 1420px) {
    nav .navbar-nav { margin-top: 24px; }
    .navbar-nav > li > a { font-size: 14px; }
    .navbar-nav > li.menu-item-has-children > a:before{
        font-size: 10px;
    }
  
}
@media only screen and (min-width : 1024px) {
	#logo.navbar-brand{
		margin: 0;
	}
	
	#masthead.is-sticky > div{margin-top: -10px;}
    #logo  img { height:80px !important; }
}
@media only screen and (max-width : 1023px) {

	#masthead{padding: 10px !important;}
	#masthead.is-sticky > div{margin-top: -10px;}
	#masthead .navbar-header{padding: 0; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
    #logo  img { height:48px !important; }
    nav .navbar-nav { margin-top: 10px; }
    .navbar-nav > li > a { font-size: 12px; }
    .navbar-nav > li.menu-item-has-children > a:before{
        font-size: 10px;
    }        
    .is-sticky nav .navbar-nav {
        margin-top: 10px;
    }
    
    
}
@media only screen and (min-width: 1024px) {
	
	.header-flex{display: flex; align-items: center; justify-content: space-between;}
    .navbar .nav > li + li { margin-left: 40px;}
    .navbar-collapse.collapse {
		gap: 10px;
        display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-end;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
		width: auto !important;
		flex-grow: unset !important;
		flex-basis: unset !important;
    }
	.navbar-nav{
		justify-content: flex-end !important;
    	flex-direction: unset !important;
	}
    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-header {
        float: left;
    }
	
	.sub-menu{
		position: absolute !important;
	}
	.sub-menu .menu-item{
    	margin: 0 !important;
	}
	.navbar-toggle {
		display: none !important;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 1023px) {
	
		.widget-project-gallery a .sukut-gallery-overlay {
    opacity: 1 !important;
}
	#menu-primary{
		width: 100% !important;
	}
	#top .textwidget{
		gap: 10px !important;
	}
		#top .textwidget > *{
			width: 95%;
		}
	.sub-menu .menu-item{
    	margin: 0 !important;
	}
	#masthead .container{
		max-width: unset !important;
		margin: unset !important;
		width: unset !important;
	}
	.navbar-nav .menu-item{

		display: block;
		line-height: 60px;
	}
    .skt-animate { opacity: 1; }
	
    #logo img {
        height: 36px;
    }
	
    #masthead { padding:  0; max-height: unset;}
	.header-flex{flex-wrap: wrap;}
    .navbar-header { padding: 10px; width: 100%; box-sizing: border-box;}
    #navbar-sh {
        background-color: rgba(13,30,59,0.7);
    }
    .navbar-nav > li > a{
        font-size: 18px;
    }
     #navbar-sh .nav>li {
        margin-left: 0 !important;
        text-align: center;
    }    
    #navbar-sh .nav>li .sub-menu {
        position: relative;
        margin-bottom: 10px;
        right: 0;
    }
    #navbar-sh .nav>li .sub-menu:before {
        right: 50%;
        margin-right: -8px;
    }
    #skt_call_now_btn { display: block;  }
	
    #logo  img { height:36px; }
    #top { height: 40px; line-height: 40px; }

    #top form { padding-left: 0; }
    #top .input-group { width: 100%; }
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 667px) {
 
.pad-sides{
	padding-left: 15px !important; 
	padding-right: 15px !important; 
}
.pad-vertical{
	padding-top: 40px !important; 
	padding-bottom: 40px !important; 
}
   
.pad-bottom{
	padding-bottom: 40px !important; 
}
.pad-top{
	padding-top: 40px !important; 
}
   

}


@media screen and (max-width: 767px) and (min-width: 576px){
	.order-sm-1{
		order: 1;
	}
	.order-sm-2{
		order: 2;
	}
	.order-sm-3{
		order: 3;
	}
	.order-sm-4{
		order: 4;
	}
	.order-sm-5{
		order: 5;
	}
	
	.pad-sm{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

#skt_call_now_btn {
    position: fixed;
    z-index: 9999;
    color: #3a3a3a;
    background: #facf11;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    border: none;
    bottom: 0;
    text-align: center;
    display: none;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: 700;
}

@media screen and (max-width: 575px){
	
	
#skt_call_now_btn {
	display: block !important;
}

	.order-xs-1{
		order: 1;
	}
	.order-xs-2{
		order: 2;
	}
	.order-xs-3{
		order: 3;
	}
	.order-xs-4{
		order: 4;
	}
	.order-xs-5{
		order: 5;
	}
	.col-xs-12{
		width: 100%;
	}
	.pad-sm{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}