@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i|Exo+2:300,400,500,600,700&display=swap');
html {scroll-behavior: smooth;}	
	
@font-face {
    font-family:'brandon_grotesquemedium';
    src: url('../fonts/brandon_med-webfont.woff2') format('woff2'),
         url('../fonts/brandon_med-webfont.woff') format('woff');
    font-weight:normal; font-style:normal;}
@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff');
    font-weight:normal; font-style:normal;}
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandon_bld_1.woff2') format('woff2'),
         url('../fonts/brandon_bld_1.woff') format('woff');
    font-weight: normal; font-style: normal;}	

.col-15 {min-width: 20%;}
@media (min-width: 576px) and (max-width: 767px) {
    .col-sm-15 {min-width: 20%;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-md-15 {min-width: 20%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-lg-15 {min-width: 20%;}
}
@media (min-width: 1200px) {
    .col-xl-15 {min-width: 20%;}
	.gutter-lg {margin-left:-32px!important;margin-right:-32px!important;}
    .gutter-lg div[class^="col"]{padding-left:32px!important;padding-right:32px!important;}
}
.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#c1c1c1; bottom:0; content:" "; left:0; position:absolute; width:1px; top:0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}
.EditorContent{min-height:450px;}

/****************************************************************************/
body{color:#5e5e5e; font-family:'Exo 2', sans-serif; font-size:16px;font-weight:300;margin:0px;padding:0px;line-height:1.7;}
/*  
    font-family: 'Exo 2', sans-serif;
	font-family: 'EB Garamond', serif;
*/
strong{font-weight:700} p{margin-bottom:20px;} ul {list-style-type:disc; padding-left:15px;}
a{color:#51b1c4; outline:none!important;} a:hover {color:#464646; text-decoration:none;}
.btn {text-decoration:none !important;} .img-thumbnail{margin-bottom:30px;}

.container {position:relative;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

textarea.form-control{resize:none;min-height:120px;}
.form-control {height:40px; font-size:15px; font-weight:300; border-radius:0px;}
.radio input[type=radio]{margin-top:10px;}

h1,.h1,h2,.h2, h3,.h3,h4,.h4{font-family: 'Exo 2', sans-serif;}
h1,.h1{font-size:62px; margin-bottom:25px; line-height:75px;font-weight:600; color:#1fb1a7;}
h2,.h2{font-size:28px; margin-bottom:10px; font-weight:500;color:#4a4a4a;}
h3{font-size:20px; margin-bottom:10px; color:#1fb1a7; text-transform:uppercase;}
.h3{font-size:20px; margin-bottom:10px;}
h4,.h4{font-size:15px; margin-bottom:20px;}
h1 span{font-weight:300;}

h2.DotBtm{letter-spacing:0.160em; background:url(../images/hdline.png) no-repeat bottom center; padding-bottom:25px;} 

.Bor:after {border-bottom:2px solid #a5a5a5; content:"";display:block; margin:auto auto 45px auto; padding-bottom:15px; width:70px;}
.Bor1:after {border-bottom:5px solid #d2aa00; content:"";display:block; margin:auto; padding-bottom:40px; width:100px;}

hr{background-color:#cccccc;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;} .breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

/*==========================================================***** Our CSS *****========================================================*/
.bg-blue{background-color:#1fb1a7 !important;}
.bg-dark{background-color:#19242f !important;}
.bg-light{background:#efefef !important;}

.Blue{color:#1fb1a7;} .text-dark{color:#000;}
.Box-shadow{box-shadow:12px 12px 22px rgba(0,0,0,.15);}
.mb-4{margin-bottom:30px !important;}
#BlogArea {background: #000;}
#BlogArea img {opacity: 0.6;}
#Inner_cnt .col-sm-4 {padding:0px 0px 0px 125px;}
#Inner_cnt .col-sm-6 {padding:0px 0px 0px 125px;margin-top:20px;}
/*==========================================================***** Buttons *****========================================================*/
.btn-dark{background:#000; border-color:#000; font-size:11px; padding:13px 25px; border-radius:0px; text-transform:uppercase; font-family:'brandon_grotesquemedium'; letter-spacing:0.08em;}
.btn-dark:hover,.btn-dark.focus,.btn-dark:focus{background:#1fb1a7; border-color:#1fb1a7; color:#000;}

.btn-outline-dark{padding:9px 25px; border-radius:0px; text-transform:uppercase;font-size:14px;letter-spacing:1px;}
.btn-outline-dark:hover,.btn-outline-dark.focus,.btn-outline-dark:focus{background:#7356b3; border-color:#7356b3; color:#fff;}

/*==========================================================***** Header *****========================================================*/
#Services .row {display:flex; justify-content:center; align-items:center;}
#Header .Get_touch{padding-top:20px; padding-bottom:20px;}
.PhnNo{font-size:18px;font-family: 'brandon_grotesquebold'; border:solid 1px #53d0c7; color:#fff; padding:5px 15px; border-radius:3px; vertical-align:top;margin-right:10px;}

/*==========================================================***** Banner *****========================================================*/
#MainBanner{position:relative; overflow:hidden; width:100%;}
#MainBanner .cycle-slideshow .Banner{width:100%;margin:auto;}
#MainBanner .cycle-slideshow .BnrInner{width:100%;margin:auto;text-align:center;}
#MainBanner .BnrTxt{z-index:999; display:flex; justify-content:center; align-items:center; margin:auto; position:absolute; left:0; bottom:-32px; right:0;}
#MainBanner .BnrTxt h1{font-size:98px;line-height:98px; font-weight:700;}
#MainBanner .BnrTxt .Font44{font-size:44px; line-height:1; letter-spacing:0.180em; margin-left:5px;}
#MainBanner .BnrTxt ul{font-family: 'EB Garamond', serif; font-style:italic; font-size:30px; line-height:48px;}
#MainBanner .BnrTxt .BnrBtm{font-size:20px; font-weight:600; padding:18px 10px; background:#1fb1a7; width:380px; height:72px;}

/*==========================================================***** WelText *****========================================================*/
#WelText{font-size:18px; font-weight:300; padding:95px 0px 50px 0px; min-height:465px;}
#WelText .WelText{font-family: 'EB Garamond', serif; font-style:italic; font-size:30px; letter-spacing:0.120em;line-height:35px;}
#WelText .w-75{width:84% !important;} 

#Services{background:url(../images/serbg.jpg) no-repeat top center; min-height:840px; background-size:cover; padding:50px 0px; line-height:26px;}
#Services .mb-4{margin-bottom:30px !important;} #MeetTeam .mb-4{margin-bottom:45px !important;}
#Services .Sertext{padding:25px 31px; min-height:132px;}
#Services .Min170{min-height:170px;}

#MeetTeam{background:url(../images/bgteam.jpg) no-repeat top center; min-height:950px; background-size:cover; padding:75px 0px 50px 0px; font-weight:400;}
#MeetTeam h2{letter-spacing:0.160em; color:#1fb1a7; background:url(../images/hdline.png) no-repeat bottom center; padding-bottom:25px;} 

#OurBlog{padding:65px 0px 50px 0px; line-height:30px;}
#OurBlog .BlogtextImg{left:35px; bottom:35px; font-size:35px; font-weight:400; line-height:42px;}
#OurBlog .BlogHd{font-size:22px;line-height:32px; margin-bottom:18px;font-weight:400;}
#OurBlog .CommnetArea{background:#f7f7f7; padding:20px; font-size:15px; line-height:26px; box-shadow:5px 5px 20px rgba(4,5,5,.1); margin-bottom:28px;}
#OurBlog .CommnetArea .BlogHd{font-size:22px;line-height:26px; margin-bottom:13px;font-weight:400;}
#OurBlog .Date{font-size:12px;font-weight:400;}
#OurBlog .TopHd{font-weight:700; background:#1fb1a7; padding:10px 17px; font-size:20px; color:#fff;}
#OurBlog .BlogtextImg1{left:35px; right:35px; bottom:25px; font-size:20px; font-weight:400; line-height:24px;}

#FaqArea{}
#FaqArea #accordion{border:solid 1px #e8e8e8; padding:29px; border-radius:5px; margin-bottom:80px;}
#FaqArea .card{border:none !important;}
#FaqArea .card-header{background:#FFF; padding:13px 0px; font-size:20px; line-height:30px; font-weight:400; color:#000;}
#FaqArea .NoBro .card-header {border:none !important;}
#FaqArea .card-header a{color:#000;}
#FaqArea .card-body{background:#f6f6f6; padding:30px; font-size:16px; color:#5e5e5e;}
.BtmArrow > a { display: block; position: relative;}
.BtmArrow > a:after {content:"\f078"; /* fa-chevron-down */ font-family:'FontAwesome'; position:absolute; right:0; top:5px; color:#1fb1a7 !important;}
.BtmArrow > a[aria-expanded="true"]:after {content: "\f077"; /* fa-chevron-up */}

#Testimonials{background:url(../images/testibg.jpg) no-repeat top center; min-height:680px; background-size:cover; padding:50px 0px;}
#Testimonials .TextTesti{font-size:36px; color:#2d2d2d;font-family: 'EB Garamond', serif; font-style:italic; line-height:48px;}
#Testimonials .Name{font-size:16px; font-weight:700;}

#ContactBg{background:url(../images/contactbg.jpg) no-repeat top center; min-height:570px; background-size:cover; padding:45px 0px;}
#ContactBg .contactBg{background:rgba(31,177,167,.9); padding:20px 30px;}
#ContactBg .w-50{width:380px !important;}
#ContactBg .HeadC{font-weight:500; font-size:34px;}
#ContactBg .form-control{background:none; border:none; border-bottom:solid 1px #13cbcd; font-size:14px; min-height:50px;}
#ContactBg .input-group-text{background:none; border:none;  border-bottom:solid 1px #13cbcd; padding-left:0px; padding-right:0px; border-radius:0px;}
#ContactBg .form-control::-moz-placeholder {color:#fff; opacity: 1;}
#ContactBg textarea.form-control{resize:none;min-height:80px;}

/*==========================================================***** Footer *****========================================================*/
#Footer{font-size:13px; color:#fff; background:#333333;}
#Footer h3{font-weight:400; text-transform:capitalize;}
#Footer a{color:#fff;}
#Footer a:hover{color:#05e4c7;}
.CopyText{font-size:11px; color:#454545; letter-spacing:0.180em;}
.social-bottom li a {width:42px; height:42px; line-height:42px; font-size:18px;}
.social-bottom li a:hover {background:#1fb1a7 !important; color:#fff !important;}
.designation{font-size:13px; color:#1fb1a7}
.team-des{line-height:1.3;}

/*======================================================***** Back To Top Button *****================================================*/
#scroll {background-color:#1fb1a7; position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:40px; height:40px; text-indent:-9999px; display:none; webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#cfcbc2; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
#scroll:hover span {border-bottom-color:#293341;}

@media (min-width: 1920px) {
   .container-fluid{max-width:1920px; padding-left:100px!important;padding-right:100px!important;} 
}
.container-fluid{max-width:1920px;} 

@media (min-width: 767.98px) {
	.navbar{padding:0 !important; font-family:'brandon_grotesquemedium';}	
	.navbar-nav>li>a{color:#fff; font-size:12px; margin:0; padding:9px 0px !important; display:block; letter-spacing:0.08em;}
	.navbar-nav>li.active>a,.navbar-nav>li>a.active,.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#161616 !important;background-color:transparent !important;}
	.navbar-nav>li+li{margin-left:35px;}
}

@media (min-width: 1200px) {
	.container{padding:0px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {	
.navbar-nav>li+li{margin-left:28px;}
#MainBanner .BnrTxt ul{line-height:38px;}
#Testimonials .TextTesti{font-size:30px; line-height:44px;}

.gutter-mbl {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-mbl div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}
/*.min-h-440{min-height:440px;}*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-nav>li+li{margin-left:13px;}
.navbar-nav>li>a{letter-spacing:normal;}

#MainBanner .BnrTxt h1{font-size:78px;line-height:78px;}
#MainBanner .BnrTxt .Font44{font-size:34px;}
#MainBanner .BnrTxt ul{font-size:24px; line-height:28px;}
#MainBanner .BnrTxt .BnrBtm{font-size:18px;padding:10px 10px;width:330px; height:unset;}

#Services .Sertext{padding:20px; min-height:200px;}
#Services .Min170{min-height:200px;}
#Services h3 {font-size:15px;}

#MeetTeam{min-height:unset;}

.gutter-mbl {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-mbl div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}
#Inner_cnt .col-sm-4 {padding:0px 0px 0px 60px;}
#Inner_cnt .col-sm-6 {padding:0px 0px 0px 35px;}
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
#MainBanner .BnrTxt h1{font-size:48px;line-height:48px;}
#MainBanner .BnrTxt .Font44{font-size:21px;}
#MainBanner .BnrTxt ul{font-size:20px; line-height:22px;}
#MainBanner .BnrTxt .BnrBtm{font-size:14px;padding:10px 10px;width:250px; height:unset;}
#Testimonials .TextTesti{font-size:30px; line-height:44px;}

#Services .Sertext,#Services .Min170,#MeetTeam{min-height:unset;}
#WelText .w-75{width:100% !important;} 

	.navbar-dark .navbar-toggler-icon {background: url(../images/toggle.png) no-repeat;}.navbar-toggler-icon {width: 67px;height: 18px;}
	.navbar-collapse{position:absolute; z-index:99999; top:10px;margin:0px; padding:0px; text-align:left; width:100%;}
	.navbar-toggler{border:none; position:absolute;top:-15px; right:0px; outline:none !important; background-color:#1fb1a7; padding:0px;}
	.navbar{padding:0px;}
	
	.navbar-collapse{}
	.navbar-nav>li{background:none; padding:0px;}
	.navbar-nav .nav-item > a {background-color:#fff; display:block; border-bottom:solid 1px #ccc; padding:8px 15px; color:#000;font-size:14px;}
	.navbar-nav .nav-item > a:hover, .navbar-nav .nav-item.active > a {background-color:#fff !important; color:#7356b3;}
	.dropdown-menu{font-size:0.8125rem; padding:0px;}
	.dropdown-item {padding:5px 15px;}
	#Inner_cnt .col-sm-4 {padding:0px 0px 0px 50px;}
#Inner_cnt .col-sm-6 {padding:0px 0px 0px 50px;}
}

@media (max-width: 479px) {
	
#ContactBg .w-50{width:90% !important;}
.PhnNo {margin-right:0px; margin-bottom:5px;}
#MainBanner .BnrTxt{display:none;}
#OurBlog .BlogtextImg {left: 30px; bottom: 30px; font-size: 23px;line-height: 25px;}
}