/*
Theme Name: Sydney digital group
*/

body{padding:0; margin:0; font:400 16px/1.5 'Source Sans Pro', sans-serif; color:#000000; background-color:#fff;}
img{max-width:100%; height:auto;}
p{margin-bottom:25px;}
a{text-decoration:none; color:#fbb03b;}
a:hover{text-decoration:none; color:#000000;}

.font-weight-semibold{font-weight:600 !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:700;}
h1, .h1{font-size:45px; font-weight:400;}
h2, .h2{font-size:45px; font-weight:400;}
h3, .h3{font-size:36px; font-weight:400;}
h4, .h4{font-size:30px;}

.lead{font-weight:400; font-size:22px;}
strong{font-weight:700;}
.btn{font-size:18px; line-height:1.3; padding:15px 25px; border-radius:10px;}
.btn-group-lg > .btn, .btn-lg{font-size:30px; padding:15px 25px;}
.btn-warning{background-color:#fbb03b; border-color:#fbb03b; color:#fff !important;}

.text-body{color:#000 !important;}

.form-control{border-radius:0; height: calc(1.5em + 2rem + 2px);}
textarea.form-control{height:120px;}

.mb-30{margin-bottom:30px !important;}
.grid-10{margin-left:-5px; margin-right:-5px;}
.grid-10 [class^="col-"]{padding-left:5px; padding-right:5px;}

.container-sm{max-width:1070px; margin:0 auto;}
@media (min-width:1270px){.container{max-width:1250px}}

.wrapper{overflow:hidden;}
.fullwidth{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100vw; max-width:100vw; clear:both;}

/*Header CSS
--------------------------------------------*/
.header-top{padding:15px 0; background:#000000; color:#fff;}
.header-top .container{max-width:1350px}
.header-top a{color:#fff;}
.header-top .fa{font-size:14px; margin-right:5px;}
ul.header-top-list{padding:0; margin:0; list-style:none;}
ul.header-top-list li.item{display:inline-block; margin-left:30px;}
ul.header-top-list li.item:first-child{margin-left:0;}


ul.social-link{padding:0; margin:0; list-style:none;}
ul.social-link li{display:inline-block; margin-right:20px; font-size:18px;}
ul.social-link li:last-child{margin-right:0;}
ul.social-link .fa{margin:0;}
ul.social-link.social-lg li{font-size:36px;}

.header{padding:20px 0 60px; background:#000000; color:#fff;}
@media screen and (min-width: 992px) {
.home .header{position:absolute; left:0; top:57px; width:100%; background:none; z-index:999;}
.home .header-wrap{min-height:inherit;}
}
.logo{float:left; background:#000000; padding:15px; width:150px;}

.header-right{margin-top:40px; float:right;}
@media screen and (min-width: 1200px) {	
.header-right{width:calc(100% - 250px);}
}

@media screen and (min-width: 992px) {
.top-menu{float:left; background:url(images/menubg.jpg) 0 0 repeat-x #fff; width:100%; border-radius:5px;}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul.mainmenu{display:flex; flex-flow:row wrap;}
.top-menu ul.mainmenu li{flex-grow:1;}
.top-menu ul li{float:left; background:url(images/menu-devider.png) 0 center no-repeat; padding-left:4px; position:relative; z-index:991;}
.top-menu ul li:first-child{background:none; padding-left:0;}
.top-menu ul li:first-child > a{border-radius:5px 0 0 5px;}
.top-menu ul li:last-child > a{border-radius:5px 0 0 5px;}
.top-menu ul li a{padding:15px 30px; display:block; text-transform:uppercase; font-size:19px; line-height:1.2; font-weight:700; color:#000; text-decoration:none; text-align:center;}
.top-menu ul li a:hover,
.top-menu ul li:hover > a,
.top-menu ul li.current-menu-item > a,
.top-menu ul li.current_page_ancestor > a{background:#fbb03b; color:#000;}
.top-menu ul ul{padding:0; margin:0; list-style:none; position:absolute; left:0; width:250px; border:solid 2px #fff; background:rgba(0, 0, 0, 0.8); padding:15px 0; border-radius:25px;}
.top-menu ul ul li{float:none; padding:0 25px; background:none; margin:10px 0 !important;}
.top-menu ul ul li:first-child{padding:0 25px;}
.top-menu ul ul li a{color:#fff; display:block; padding:5px; text-align:left; border-radius:0 !important;}
.top-menu ul ul li.slink a{color:#fff !important;}
.top-menu ul ul li a:hover,
.top-menu ul ul li:hover > a,
.top-menu ul ul li.current-menu-item > a,
.top-menu ul ul li.current_page_ancestor > a{color:#fbb03b; background:none;}

.top-menu ul li.service-submenu ul li a{color:#fff !important;}

.top-menu ul ul ul{left:100%; top:0;}
.top-menu ul li:hover > ul{display:block;}

.top-menu li.submenu ul{width:650px; left:-50px; float:left;}
.top-menu li.submenu ul li{float:left; width:50%; padding:0 50px;}
.top-menu li.submenu ul li:nth-child(2n+1){clear:left;}
.top-menu ul li ul {	
	opacity: 0;
	z-index: 10;	
	top: -9999em;	   		
	-webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
	   		box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
	   		
	-webkit-transform: scale(.9);
	   		transform: scale(.9);
	
	-webkit-transform-origin: center top;
	   		transform-origin: center top;
	
	-webkit-transition-property: -webkit-transform, opacity, top;
	   		transition-property: transform, opacity, top;
	   		
	-webkit-transition-duration: .3s, .3s, 0s;
	   		transition-duration: .3s, .3s, 0s;
	   		
	-webkit-transition-delay: 0s, 0s, .3s;
	   		transition-delay: 0s, 0s, .3s;
}

.top-menu ul li:hover > ul {
	top:100%;
	opacity: 1;	
	-webkit-transform: scale(1);
	   		transform: scale(1);
	   		
	-webkit-transition-delay: 0s;
	   		transition-delay: 0s;
}

.top-menu ul ul li:hover > ul{top:-10px; left:100%;}
}
@media screen and (min-width: 992px) {
.header-wrap{min-height:196px;}
.header.fix{position:fixed; width:100%; top:0; left:0; background:rgba(0, 0, 0, 0.9);  z-index:999; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); padding:10px 0;
-webkit-animation-duration:1s; animation-duration:1s ;-webkit-animation-fill-mode:both; animation-fill-mode:both;
-webkit-animation-name:fadeInDown;animation-name:fadeInDown;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

}

.home-banner{position:relative; z-index:1;}
.home-banner .cycloneslider-template-standard{margin:0;}
.home-banner .cycloneslider-template-standard .cycloneslider-caption{opacity:1; background:rgba(255, 255, 255, 0.3); color:#fff; width:1040px; left:50%; bottom:130px; transform:translateX(-50%); -webkit-transform:translateX(-50%); text-align:center; padding:50px 200px;}
.home-banner .cycloneslider-template-standard .cycloneslider-caption-title{font-size:70px; text-transform:uppercase; font-weight:400; text-shadow:0 0 10px rgba(0, 0, 0, 0.4);}
.home-banner .cycloneslider-template-standard .cycloneslider-caption-title:after{content:''; width:210px; height:3px; display:block; margin:20px auto 10px; background:#fbb03b;}
.home-banner .cycloneslider-template-standard .cycloneslider-caption-description{font-size:24px;}
.home-banner .cycloneslider-template-standard .cycloneslider-pager{bottom:154px;}
.home-banner .cycloneslider-template-standard .cycloneslider-pager span{background-color:#fff;}
.home-banner .cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active{background-color:#fbb03b;}

.home-videobanner{position:relative;}
.home-videobanner .mobile{display:none;}
.home-videobanner .caption{position:absolute; left:0; bottom:130px; z-index:999; width:100%;}
.home-videobanner .con{background:rgba(255, 255, 255, 0.3); color:#fff; max-width:1040px; margin:0 auto; padding:50px 200px; text-align:center; font-size:24px;}
.home-videobanner .con p:last-child{margin-bottom:0;}
.home-videobanner h2{font-size:70px; line-height:1; text-transform:uppercase; font-weight:400; text-shadow:0 0 10px rgba(0, 0, 0, 0.4);}
.home-videobanner h2:after{content:''; width:210px; height:3px; display:block; margin:20px auto 10px; background:#fbb03b;}
.home-videobanner .coverVideo{background-color:#000; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.home-videobanner .coverVideoMobile{background-color:#000; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.home-videobanner .embed-responsive-16by9.mobile:before{padding-top:177%;}

.banner-in{height:750px; background-color:#000; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.banner-in:after{content:''; display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); }
.banner-in .caption{position:absolute; left:0; top:50%; z-index:9; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%;}
.banner-in h1{margin:0; font-size:50px; text-transform:uppercase;}
.banner-in h4{margin:0; font-size:30px; color:#fbb03b;}
.banner-in ul{padding:0; margin:0; list-style:none; font-size:30px; font-weight:600; color:#fbb03b; text-transform:uppercase;}
.banner-in ul li{display:inline-block;}
.banner-in ul li:after{content:','}
.banner-in ul li:last-child:after{display:none;}
.banner-in ul li a{color:#fbb03b;}



/*Main CSS
--------------------------------------------*/
.site-content-contain{padding:60px 0;}
#primary{width:64%; float:left;}
#secondary{width:28%; float:right;}

.widget-area{padding:15px; border-radius:15px; background:#cccccc; color:#000;}
.widget-area ul{padding:0; margin:0; list-style:none;}
.widget-area ul li{margin-bottom:5px;}
.widget-area a{color:#000;}
.widget-area .widget + .widget{margin-top:30px;}
.widget-area .widget-title{font-size:30px; text-align:center; margin-bottom:25px;}

.widget-area .rpwwt-widget ul li{margin:0;}

.search-form{position:relative; border:solid 1px #ced4da; background:#fff;}
.search-form label{margin:0;}
.search-form .search-submit{border:none; background:url(images/search.png) center center no-repeat; width:50px; height:100%; position:absolute; top:0; right:0; font-size:0;}
.search-form .search-field{padding:15px 50px 15px 15px; background:none; border:none;}

.home-sec1{padding-bottom:60px;}

ul.splink{padding:0; margin:-93px 100px 0; list-style:none; position:relative; z-index:99;}
ul.splink li{float:left; width:25%; padding-bottom:40px;}
ul.splink li a{display: -ms-flexbox; display:flex; margin:0 auto; width:186px; height:186px; background:#fbb03b; color:#fff; font-size:22px; line-height:1.2; border-radius:100%; text-align:center; padding:20px;
-webkit-transition: all 200ms ease;
transition: all 200ms linear;
}
ul.splink li a span{-ms-flex-item-align: center; align-self: center; margin:0 auto;}
ul.splink li a:hover{background:#000;}

.service-gridsec{margin:0; padding-bottom:80px;}
.service-gridsec .row{margin:0;}
.service-gridsec .cell{background:#333333; text-align:center; color:#fff; padding:0;}
.service-gridsec .cell > div{background:#333333;}
.service-gridsec .cell:nth-of-type(3n+1){background:#1a1a1a;}
.service-gridsec .cell:nth-of-type(3n+1) > div{background:#1a1a1a;}
.service-gridsec .cell:nth-of-type(3n){background:#4d4d4d;}
.service-gridsec .cell:nth-of-type(3n) > div{background:#4d4d4d;}
.service-gridsec .cell > div{padding:50px 15px; margin:0 auto; font-size:14px; -webkit-transition: all 200ms ease; transition: all 200ms linear;}
@media (min-width: 992px) {
.service-gridsec .cell:hover > div{transform:translateY(70px); -webkit-transform:translateY(70px);}
.service-gridsec .cell:hover + .cell > div{transform:translateY(35px); -webkit-transform:translateY(35px);}
}
.service-gridsec h3{font-weight:700; font-size:24px; text-transform:uppercase; max-width:225px; margin:0 auto 10px;}
.service-gridsec .cell p{max-width:225px; margin:0 auto;}


.our-work-sec{padding:50px 0; background:#17222d; color:#fff;}
.our-work-sec h2{text-transform:uppercase; font-weight:700;}
@media (min-width: 768px) {
.btnvop{min-width:515px;}
}

.nav-ourwork{margin-bottom:30px; font-size:24px;}
.nav-ourwork .nav-item{position:relative; padding:0 15px;}
.nav-ourwork .nav-item + .nav-item:before{content:'|'; color:#fff; position:absolute; left:-2px; top:7px;}
.nav-ourwork a{text-transform:uppercase; color:#fff;}
.nav-ourwork a.active{color:#fbb03b;}

.project-grid{padding:0; margin:0; position:relative;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count:3;
}

.project-grid .card{
   -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-break-inside: avoid;
    -moz-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;	
	}
.project-grid .card{background-position:center top; background-repeat:no-repeat; background-size:cover; width:100%; border-radius:0; height:500px; border:none; position:relative; overflow:hidden; margin-bottom:30px;}
.project-grid .card:nth-child(2),
.project-grid .card:nth-child(3n),
.project-grid .card:nth-child(7n){height:240px;}
.project-grid .card .popup{position:absolute; left:0; top:0; width:100%; height:100%; display:table; padding:15px; background:url(images/play-button.png) center center no-repeat; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.project-grid .card .popup:hover{background-color:rgba(0, 0, 0, 0.5);}
.project-grid .card .popup{ }

.mfp-image-holder .mfp-content{max-width:90%;}

ul.ourwork-grid{padding:0; margin:0 -15px; list-style:none;}
ul.ourwork-grid li{float:left; width:25%; padding:0 15px 30px;}
ul.ourwork-grid .box{}
ul.ourwork-grid .box img{width:100%;}


.team-sec{padding:80px 0 60px;}
.team-sec h2{text-align:center; text-transform:uppercase; font-weight:700; margin:0;}
.team-sec h3{text-align:center; text-transform:uppercase; color:#fbb03b; font-size:45px;}

.team-carousel{margin-top:40px;}
.team-carousel .owl-nav button.owl-next, .team-carousel .owl-nav button.owl-prev{position:absolute; top:40%; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor:pointer; color:#000000 !important; font-size:45px; line-height:1; background:none !important; outline:none;}
.team-carousel .owl-nav button.owl-prev{left:-40px;}
.team-carousel .owl-nav button.owl-next{right:-40px;}
.team-carousel .item{text-align:center; padding:15px; font-size:18px; text-transform:uppercase; max-width:290px; margin:0 auto;}
.team-carousel .item p{margin:0;}
.team-carousel .thumb{margin-bottom:15px; border-radius:100%; box-shadow:12px -8px 0 #fbb03b;}
.team-carousel .owl-item:nth-child(even) .item .thumb{box-shadow:12px -8px 0 #17222d;}
.team-carousel .thumb img{border-radius:100%;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}

.team-carousel .item:hover .thumb img{
   -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}
.team-carousel h4{font-size:18px; text-transform:uppercase; margin:0;}


.post-box{width:100%; height:280px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.post-box:after{content:''; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;}
.post-box .hover{display:block; z-index:9; position:absolute; left:0; top:0; width:100%; height:100%;}
.post-box .con{padding:15px; position:absolute; z-index:7; bottom:0; left:0; width:100%; color:#fff; text-align:center;}
.post-box h3{margin:0; font-size:20px; text-transform:uppercase; color:#fff;}
.post-box:hover:after{background:rgba(0, 0, 0, 0.8);}

.blog-grid{margin:0 -10px;}
.blog-grid .item{float:left; width:25%; padding:10px;}
.blog-grid .item:nth-child(1){width:50%;}
.blog-grid .item:nth-child(1) .post-box{height:440px;}
.blog-grid .item:nth-child(1) .post-box h3{font-size:36px;}
.blog-grid .item:nth-child(2), .blog-grid .item:nth-child(3){width:50%;}
@media (min-width: 768px) {
.blog-grid .item:nth-child(2) .post-box .con, .blog-grid .item:nth-child(3) .post-box .con{text-align:left; padding-left:50px; padding-right:50px;}
}
.blog-grid .item:nth-child(2) .post-box, .blog-grid .item:nth-child(3) .post-box{height:210px;}
.blog-grid .item:nth-child(4){clear:left;}

.cat-box{position:relative; margin-bottom:10px;}
.cat-box img{width:100%;}
.cat-box:after{content:''; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;}
.cat-box .hover{display:block; z-index:9; position:absolute; left:0; top:0; width:100%; height:100%;}
.cat-box .con{padding:15px; position:absolute; z-index:7; bottom:50%; left:0; width:100%; color:#fff; text-align:center; transform:translateY(50%); -webkit-transform:translateY(50%);}
.cat-box h3{margin:0; font-size:36px; line-height:1; font-weight:600; text-transform:uppercase; color:#fff;}
.cat-box:hover:after{background:rgba(0, 0, 0, 0.8);}

.pagination .nav-links{margin:0 auto;}
.pagination .nav-links a{color:#000;}
.pagination .nav-links .page-numbers.current{color:#fbb03b;}


.service-pagesec{margin:0 0 70px;}
.service-nav{background:#d6d6d7; padding:8px 0;}
.service-nav ul{padding:0; margin:0; list-style:none;}
.service-nav ul li{padding:6px 0; width:100%;}
.service-nav ul li a{color:#000; display:block; padding:5px 15px; text-align:center;}
.service-nav ul li a:hover,
.service-nav ul li a.active{background:#fbb03b; color:#000;}

/*.service-pagesec .cell{padding:0; position:relative; background:url(images/shadow.png) 0 center no-repeat;}
.service-pagesec .cell:after{content:""; position:absolute; left:100%; top:40px; display:block; z-index:9;
	border-top: 30px dashed transparent;	
	border-bottom: 30px dashed transparent;	
	border-left: 30px solid #fff;}
.service-pagesec .cell:nth-child(1){background-color:#fbb03b;}
.service-pagesec .cell:nth-child(1):after{border-left-color:#fbb03b;}
.service-pagesec .cell:nth-child(2){background-color:#2b2b2a; color:#fff;}
.service-pagesec .cell:nth-child(2):after{border-left-color:#2b2b2a;}
.service-pagesec .cell:nth-child(3){background-color:#747174; color:#fff;}
.servicecon{max-width:230px; margin:0 auto; padding:40px 15px; font-size:12px;}
.servicecon p:last-child{margin-bottom:0;}
.servicecon .thumb{text-align:center;}
.servicecon h4{text-align:center; font-size:20px; margin-bottom:20px;}
*/

.services-sub-sections{}
.services-sub-sections .cell{padding:0; position:relative; background:url(images/shadow.png) 0 center no-repeat; opacity:0; transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.services-sub-sections .cell.active{opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1);}
.services-sub-sections .cell:after{content:""; position:absolute; left:100%; top:40px; display:block; z-index:9;
	border-top: 30px dashed transparent;	
	border-bottom: 30px dashed transparent;	
	border-left: 30px solid #fff;}
.services-sub-sections .cell:nth-child(1){background-color:#fbb03b; z-index:9;}
.services-sub-sections .cell:nth-child(1):after{border-left-color:#fbb03b;}
.services-sub-sections .cell:nth-child(2){background-color:#2b2b2a; color:#fff; z-index:8;}
.services-sub-sections .cell:nth-child(2):after{border-left-color:#2b2b2a;}
.services-sub-sections .cell:nth-child(3){background-color:#747174; color:#fff; z-index:7;}
.services-sub-sections .con{max-width:230px; margin:0 auto; padding:40px 15px; font-size:12px;}
.services-sub-sections .con p:last-child{margin-bottom:0;}
.services-sub-sections .con .thumb{text-align:center;}
.services-sub-sections .con h4{text-align:center; font-size:20px; margin-bottom:20px;}


.packages-tab{}
.packages-tab .wp-block-ub-tabbed-content-tabs-title{-ms-flex-pack:center; justify-content: center;}
@media (min-width: 992px) {
.packages-tab .wp-block-ub-tabbed-content-tabs-title{padding:0 30px;}
.packages-tab .wp-block-ub-tabbed-content-tab-title-wrap{ -ms-flex: 1 1 auto; flex: 1 1 auto;  padding:15px;  font-size:18px;}
}
.packages-tab .wp-block-ub-tabbed-content-tab-title-wrap{border-radius:25px 25px 0 0; margin:0; border:solid 1px #bfbfbf; color:#000; text-transform:uppercase; position:relative; text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d7d8da+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(215,216,218,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(215,216,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(215,216,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d7d8da',GradientType=1 ); /* IE6-9 */
}
.packages-tab .wp-block-ub-tabbed-content-tab-title-wrap .wp-block-ub-tabbed-content-tab-title{margin:0 auto;}
.packages-tab .wp-block-ub-tabbed-content-tab-title-wrap.active{background:#fbb03b !important; border-color:#fbb03b !important;}
.packages-tab .wp-block-ub-tabbed-content-tabs-content{border-radius:10px; padding:45px 15px 15px; position:relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f8+0,e5e6e7+100 */
background: rgb(247,247,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,248,1) 0%, rgba(229,230,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,248,1) 0%,rgba(229,230,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,248,1) 0%,rgba(229,230,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#e5e6e7',GradientType=0 ); /* IE6-9 */
}
.packages-tab .wp-block-ub-tabbed-content-tabs-content:before{content:''; display:block; height:30px; width:100%; border-radius:10px 10px 0 0; background:#fbb03b; position:absolute; left:0; top:-2px;}
.packages-tab .wp-block-ub-tabbed-content-tabs-content h5{font-weight:400;}

.nav-packages-info-wrap label{display:none;}
.nav-packages-info{padding:0 30px;}
.nav-packages-info a{border:solid 1px #bfbfbf; color:#000; font-size:18px; text-transform:uppercase; padding:15px; position:relative; border-radius:25px 25px 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d7d8da+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(215,216,218,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(215,216,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(215,216,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d7d8da',GradientType=1 ); /* IE6-9 */
}
.nav-packages-info a.active{background:#fbb03b; border-color:#fbb03b;}

.packages-topcon{border-radius:10px; padding:45px 15px 15px; position:relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f8+0,e5e6e7+100 */
background: rgb(247,247,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,248,1) 0%, rgba(229,230,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,248,1) 0%,rgba(229,230,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,248,1) 0%,rgba(229,230,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#e5e6e7',GradientType=0 ); /* IE6-9 */
}
.packages-topcon:before{content:''; display:block; height:30px; width:100%; border-radius:10px 10px 0 0; background:#fbb03b; position:absolute; left:0; top:-2px;}
.packages-topcon h5{font-weight:400;}
@media (min-width: 768px) {
.step-row{}
.step-row [class^="col-"] + [class^="col-"]{background:url(images/devider.png) 0 center no-repeat;}
}

.packages-sec{background:#4b4c4a; padding:85px 0; color:#fff;}

.table-packages{color:#fff;}
.table-packages td{border:none; text-align:center; width:21%; padding:15px 8px; vertical-align:middle; border-left:solid 10px #4b4c4a;}
.table-packages td:nth-child(1){width:37%; border:none;}
.table-packages td:nth-child(2){border-left-width:1px;}
.table-packages tbody tr:nth-of-type(2n) td{background-color:#25272a;}
.table-packages tbody tr:nth-of-type(2n+1) td{background-color:#0b0e13;}
.table-packages .fa-check{color:#fbb03b; font-size:24px;}
.table-packages .fa-times{color:#fff; font-size:24px;}
.table-packages tr:nth-child(1){font-size:36px; font-weight:600;}
.table-packages tr:nth-child(1) td:nth-child(1){font-weight:400; color:#fbb03b; background-color:transparent;}
.table-packages tr:nth-child(1) td:nth-child(1) strong{font-size:60px; font-weight:600; display:block; line-height:1; color:#fff;}
.table-packages tr:nth-child(1) td:nth-child(3){background-color:#fbb03b; color:#000;}
.table-packages tr:nth-child(2) td:nth-child(2),
.table-packages tr:nth-child(2) td:nth-child(4){background-image:url(images/arrow1.png); background-position:center 0; background-repeat:no-repeat;}
.table-packages tr:nth-child(2) td:nth-child(3){background-image:url(images/arrow2.png); background-position:center 0; background-repeat:no-repeat;}

.table-packages tr.table-price-row{font-size:36px; font-weight:600;}
.table-packages tr.table-price-row td:nth-child(1){background-color:transparent;}
.table-packages tr.table-price-row td:nth-child(3){background-color:#fbb03b; color:#000;}
.table-packages tr.table-btn-row td{background:none !important; padding:0 !important;}
.table-packages tr.table-btn-row .btn{border-radius:0; margin-top:10px; box-shadow:none;}
.table-packages .btn.active{box-shadow:none !important; background-color:#000 !important; border-color:#000 !important; color:#fff !important;}

@media (max-width: 991.98px) {
.table-packages tr:nth-child(1){font-size:20px;}
.table-packages tr:nth-child(1) td:nth-child(1) strong{font-size:36px;}
.table-packages tr.table-price-row{font-size:20px;}
}
@media (max-width: 575.98px) {
.table-packages td{font-size:14px;}
.table-packages tr:nth-child(1){font-size:16px;}
.table-packages tr:nth-child(1) td:nth-child(1) strong{font-size:24px;}
.table-packages tr.table-price-row{font-size:16px;}
.table-packages .fa-check{font-size:14px;}
.table-packages .fa-times{font-size:14px;}
.table-packages .btn{font-size:14px; padding:10px 5px;}
}
@media (max-width: 479.98px) {
.table-packages td{border-left-width:1px; font-size:10px;}
.table-packages tr:nth-child(1){font-size:12px;}
.table-packages tr:nth-child(1) td:nth-child(1) strong{font-size:16px;}
.table-packages tr.table-price-row{font-size:12px;}
.table-packages .btn{font-size:12px;}
}

.media-address{margin-bottom:30px; font-size:24px;}
.media-address .icon{width:45px; margin-top:5px;}

.modal-custome{}
.modal-custome .modal-content{border-radius:0; border:solid 10px #fbb03b;}

/*Footer CSS
--------------------------------------------------------------------------------------------------*/
.contact-sec{padding:60px 0 0; background:url(images/contact-us-background.png) center bottom no-repeat #fbb03b; font-size:19px; min-height:680px;}
.contact-sec h2{color:#000000; text-transform:uppercase; font-size:60px; font-weight:900;}
.contact-sec .contact-form{max-width:475px; margin:85px auto 0; padding:25px; font-size:14px;}
.contact-form .form-control{background:#e5e8ec; font-size:16px; font-style:italic; border-color:#e5e8ec; border-radius:0; height:30px;}
.contact-form textarea.form-control{height:110px; resize:none;}
.contact-form .btn{border-radius:0; background:#7ec8ef; border-color:#7ec8ef; color:#fff; text-transform:uppercase; min-width:110px; font-size:14px; padding:10px;}
.contact-form .btn:hover{background:#49b7f0; border-color:#49b7f0; color:#fff;}

.footer{background:#17222d; color:#fff; font-size:14px;}
.footer a{color:#fff;}
.footer a:hover{color:#fcaf3d;}

.footer-top{padding:45px 0; margin-bottom:25px; border-bottom:solid 1px #fff; border-top:solid 1px #fff; font-size:18px;}
.footer-top h2{color:#fbb03b; font-size:40px; font-weight:700; margin:0;}

.email-signup{position:relative; padding-top:16px; font-size:14px;}
.email-signup .form-control{background:none; border:none; border-bottom:solid 4px #fff; border-radius:0; font-size:24px; height:54px; box-shadow:none; padding-right:200px;}
.email-signup .btn{position:absolute; top:0; right:0; background:#fbb03b; border:solid 2px #fff; border-radius:10px 10px 0 0; text-transform:uppercase; color:#000; font-size:24px; width:184px; height:70px;}


.footer-widgetarea{margin-left:-15px; margin-right:-15px;}
.footer-widgetarea .widget{float:left; padding:40px 15px;}
.footer-widgetarea .widget:nth-child(1){width:18%;}
.footer-widgetarea .widget:nth-child(2){width:34%;}
.footer-widgetarea .widget:nth-child(3){width:18%;}
.footer-widgetarea .widget:nth-child(4){width:30%;}
.footer-widgetarea .widget-title{font-size:18px; font-weight:400;}
.footer-widgetarea .widget ul{padding:0; margin:0 0 0 15px; list-style-image:url(images/arrow-white.png);}
.footer-widgetarea .widget ul li{margin:12px 0 16px;}
.footer-widgetarea .widget ul.social-link{margin:0;}
.footer-widgetarea .widget ul.social-link li{display:inline-block; margin-right:30px; font-size:18px;}

.footer-bottom{border-top:solid 1px #fff; padding:30px 0;}
.footer-bottom .footer-bottom-link{float:right;}
.footer-bottom .footer-bottom-link ul{padding:0; margin:0; list-style:none;}
.footer-bottom .footer-bottom-link ul li{display:inline-block;}
.footer-bottom .footer-bottom-link ul li:before{content:'|'; margin:0 5px 0 2px;}
.footer-bottom .footer-bottom-link ul li:first-child:before{display:none;}
.footer-bottom .footer-bottom-link ul li a{color:#fff;}
.footer-bottom .footer-bottom-link ul li.current-menu-item > a,
.footer-bottom .footer-bottom-link ul li a:hover{color:#fcaf3d;}
.footer-bottom .copyright{float:left;}

.address{position:relative; padding-left:30px; margin-bottom:25px;}
.address:before{font-family:'FontAwesome'; position:absolute; left:0; top:0;}

.address2{position:relative; padding:10px 0 20px 70px; margin-bottom:25px; font-size:20px; font-weight:300;}
.address2:before{content:''; display:block; width:58px; height:58px; border-radius:100%; position:absolute; left:0; top:0;}
.address2.mapmarker:before{background:url(images/mapmarker.png) center center no-repeat #17222d;}
.address2.phone:before{background:url(images/phone.png) center center no-repeat #17222d;}
.address2.envelope:before{background:url(images/envelope.png) center center no-repeat #17222d;}
.address2 a{color:#000000;}


/*TOP*/
#back-top{bottom:20px; position:fixed; right:20px; z-index:999; background:url(images/up-arrow.png) center center no-repeat; width:40px; height:40px; border-radius:3px; display:none;}