*{ margin:0; padding:0;}
img{ max-width:100%;}
a{ color:#000; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a:hover, a:focus{ text-decoration:none;}
ul, ol{ list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-weight:600;}
body{ font-size:14px; padding-top:78px;}
.fullContainer, .container{ padding-left:15px; padding-right:15px;}
.container{ width:90%;}
.overley{ position:absolute; z-index:8; width:100%; height:100%; top:0; left:0; }
.relative{ position:relative;}
.row{ margin-bottom:0;}
.tbl{ display:table; width:100%; height:100%; margin:0 !important;}
.tbl-cell{ display:table-cell; vertical-align:middle; float:none !important;}
.space{ padding-top:60px; padding-bottom:60px;}
.headlines{ font-size:45px; margin:0 0 25px; text-transform:capitalize; position:relative; padding-bottom:15px;}
.headlines:after{ content:''; position:absolute; width:50px; height:2px; background:#4962c6; left: 50%; margin-left: -25px; bottom:0;}
.headlinesLeft:after{ margin-left:0; left:0;}
.subHeadlines{ font-size: 15px; margin:0 0 5px; text-transform:uppercase;}
.readMore{ background:transparent; border:1px solid #4862c3; color: #4862c3; display: inline-block; height: 40px; line-height: 38px; margin: 15px 0; vertical-align: middle; box-shadow:none;}
.readMore:hover, .readMore:focus{ background:#4862c3; color:#fff;}
input:focus:not([type]):not([readonly]), input[type="text"]:focus:not(.browser-default):not([readonly]), input[type="password"]:focus:not(.browser-default):not([readonly]), input[type="email"]:focus:not(.browser-default):not([readonly]), input[type="url"]:focus:not(.browser-default):not([readonly]), input[type="time"]:focus:not(.browser-default):not([readonly]), input[type="date"]:focus:not(.browser-default):not([readonly]), input[type="datetime"]:focus:not(.browser-default):not([readonly]), input[type="datetime-local"]:focus:not(.browser-default):not([readonly]), input[type="tel"]:focus:not(.browser-default):not([readonly]), input[type="number"]:focus:not(.browser-default):not([readonly]), input[type="search"]:focus:not(.browser-default):not([readonly]), textarea.materialize-textarea:focus:not([readonly]){ border-bottom-color:#4862c3;}


input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not(.browser-default):not([readonly]) + label, input[type="password"]:focus:not(.browser-default):not([readonly]) + label, input[type="email"]:focus:not(.browser-default):not([readonly]) + label, input[type="url"]:focus:not(.browser-default):not([readonly]) + label, input[type="time"]:focus:not(.browser-default):not([readonly]) + label, input[type="date"]:focus:not(.browser-default):not([readonly]) + label, input[type="datetime"]:focus:not(.browser-default):not([readonly]) + label, input[type="datetime-local"]:focus:not(.browser-default):not([readonly]) + label, input[type="tel"]:focus:not(.browser-default):not([readonly]) + label, input[type="number"]:focus:not(.browser-default):not([readonly]) + label, input[type="search"]:focus:not(.browser-default):not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label{color:#4862c3;}

/*[headerWrapper]*/
.headerWrapper{ position:relative; z-index:999;}
.headerWrapper.sticky{ position:fixed; z-index:9; width:100%; top:0; left:0;}
nav{ box-shadow:none;}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{ height:78px; line-height:76px; color:#fff;}
nav .brand-logo{ line-height:0; margin:10px 0; color:#000;}
.navbar{ background:#000;}
.brand-logo img{ width:140px;}
.menuBar .menuLink{ text-transform:uppercase;  margin:0px; color:#fff; border-width:0 0 2px 0; padding:0 18px; border-style:solid; border-color:transparent; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; font-size:14px;}
.menuBar li{ position:relative; border-left:1px solid #171717}
.menuBar .menuLink i{ margin-left: 2px;}
.menuBar .menuLink:hover, .menuBar li.active .menuLink{ background:#4962c6;  color:#fff; border-color:#4962c6;}
.dropdown-content{   margin: 78px 0 0; }
.dropdown-content li{ min-height:0; border-top:1px solid #efefef; border-left:0;}
.dropdown-content li > a, .dropdown-content li > span{ font-size:12px; line-height:18px; padding:7px 10px;  color:#606060;}
.dropdown-content li > a:hover, .dropdown-content li > a:focus, .dropdown-content li.active a{  color:#4962c6;}
.dropdown-content li:first-child{ border:0;}

.menuBar .menuLink.dropdownIcon{ padding-right:25px;}
.dropdownIcon{ position:relative;}
.dropdownIcon:before{ content:''; position:absolute; right:8px; top:35px; vertical-align:top; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent;}

nav .button-collapse{ margin:0;}
.iconBar{ background:url(../images/icon-bar.png) no-repeat center center; width:35px; height:35px; background-size:19px;}

/*[/headerWrapper]*/

/*[bannerWrapper]*/
.main-Slider .item, .bannerWrapper{ height:100vh; color:#222121;}
.main-Slider{ position:relative; z-index:7;}
.bannnerTitle{ font-size:38px; line-height: 55px; text-transform:uppercase; margin:0 0 15px;}
.bannnerText{ font-size:15px; color:#1f1f1f; line-height:25px; font-weight: 300; letter-spacing: 1px; }
.bannnerTitle span{ color:#092286;}
.bannnerTitle em{ color:#E33847;}
.main-Slider .owl-controls{ display:none !important;}
.noContent{}
.bannerWrapper .tbl-cell{ width:50%;}
/*[/bannerWrapper]*/ 

/*[aboutWrapper]*/
.aboutWrapper{overflow:hidden;}
.aboutWrapper p{ margin-top:15px; line-height:28px; color:#505050;}
.aboutWrapper .headlines { font-size:35px;}
.aboutWrapper .subTitle{ font-size:18px;}
.aboutWrapperImg{ height:550px;}
.aboutImg{ margin:0 15px 15px 0; background:url(../images/about-us.jpg) no-repeat center center; background-size:cover; width:95%;}
.aboutWrapper img{ width:100%;}


/*[/aboutWrapper]*/

/*[apptWrapper]*/
.apptWrapper{width:100%; z-index:4; margin:15px auto 15px;}
.apptWrapper .container{background:#4962c6; padding:14px 15px 25px 15px; width:570px; margin:0 auto; }
.apptWrapper .form-control{ margin:0 !important; border-color:#ffffff !important;}
.apptWrapper label, .apptWrapper label.active{ color:#fff; transform: translateY(5px); }
.apptWrapper input:not(.browser-default):focus:not([readonly])+label{ color:#fff !important;}

.apptWrapper .form-control{ margin:0 !important; color: #dfdfdf; border-bottom:1px solid #fff!important; height: 35px !important; font-size:13px !important}
.btnNew{ display:block; width:100%; margin:15px 0 0; padding:0 5px; background:#092286; color:#fff; border-radius:0; border:1px solid #5972d6;}
.btnNew:hover, .btnNew:focus{background:#092286; border-color:#092286;}

.clockpicker-display, .picker__month-display, .picker__weekday-display, .picker__day-display{ font-size:23px;}
/*[/apptWrapper]*/


/*[serviceWrapper]*/
.serviceWrapper{background:#fbf7f7;}
.servicesMain{ margin:30px 0 0 !important;}
.servicesItem{padding:0 15px 0 40px; position:relative; text-align:left; overflow:hidden; margin:30px 0;}
.servicesItem span{ position:absolute; top:-5px; left:0; font-size:20px; border-radius:50%; display:inline-block; text-align:center; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.servicesItem h3{ font-size:20px; margin:0 0 15px;}
.servicesItem p{ line-height:25px;}


.clearFirst{ clear:both !important; overflow:hidden;}

/*.bg_1{ background:#e8f5e9 ;}
.bg_2{ background:#f1f8e9 ;}
.bg_3{ background:#f9fbe7 ;}
.bg_4{ background:#fff3e0 ;}
.bg_5{ background:#f3e5f5 ;}
.bg_6{ background:#e8eaf6 ;}*/

/*[/serviceWrapper]*/

/*[portfolioWrapper]*/
.portfolioWrapper .portfolioRow{ margin:85px 0 30px;}
.portfolioWrapper .col{ padding:0;}
.portfolioItem *{ -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.portfolioItem .overley{ padding:25px; background:rgba(0,0,0,0.8); opacity:0;}
.portfolioWrapper figure{ margin:0; line-height:0; overflow:hidden;}
.portfolioTitle { font-size:18px; font-weight:300; margin:25px 0 0; text-transform:capitalize; color:#e4e4e4;}
.portfolioCate{ font-size:14px; font-weight:300; text-transform:uppercase; color:#d6d6d6 !important; margin-top:20px;}
.portfolioItem:hover .overley{ opacity:1;}
.portfolioItem:hover .portfolioTitle{ margin-top:10px;}
.portfolioItem:hover .portfolioCate{ margin-top:5px;}
.portfolioItem:hover img{ transform:scale(1.1)}

.portfolioWrapper .subHeadlines, .portfolioWrapper .headlines{ padding-left:15px; padding-right:15px;}

.portfolioInnerWrapper .headlines{ margin-bottom:85px;}
.portfolioInnerWrapper .portfolioCateTitle{ font-size:27px; letter-spacing:2px; text-align:left; margin:45px 0 0; text-transform:uppercase;}
.portfolioWrapper .portfolioInnerRow{ margin-top:25px;}

.portfolioDetailWrapper{ width:80%; margin:0 auto;}
.portfolioWrapper .portfolioDetailImg{ margin:0 0 45px;}
.portfolioWrapper .portfolioDetailImg img{ width:100%;}
.portfolioDetailWrapper  .portfolioContent{ margin:0;}
.portfolioContent{ font-size:18px; font-weight:300; line-height:35px;}

.portfolioContent p:first-child, .portfolioContent p strong{ color:#000;}
.portfolioContent h3 + p{ text-transform:capitalize; font-size:18px; line-height:normal;}
.portfolioContent .readMore{ margin:15px 0 25px;}

/*[/portfolioWrapper]*/


/*[teamWrapper]*/
.teamWrapper{ background:#f9f9f9;}
.teamLeft{ background:url(../images/teambg.jpg) no-repeat top left; background-size:cover; position:relative;}
.teamLeft:before{ content:''; position:absolute; top:0; left:0; z-index:0; background:rgba(0,0,0,0.7); width:100%; height:100%;}
.teamLeft *{ color:#fbfbfb; position:relative; z-index:1;}
.teamTbl{ margin:0;}
.teamTbl .tbl-cell{ height:500px;}
.team_info{ margin-top:15px; margin-bottom:15px;}
.team_info figure{ margin:0;}
.team_info img{ max-width:100%; width:100%;}
.team_info h5{ font-size:18px; font-weight:500; margin:20px 0 5px; text-transform:uppercase;}
.team_info p{ color: #808080; line-height: 25px;}
/*[/teamWrapper]*/

/*[pageTitle]*/
.pageTitleWrapper{ background:url(../images/page-title-bg.jpg) no-repeat center center; padding:45px 0; }
.pageTitle{ color:#fff; font-size:45px; letter-spacing:3px; margin:0 0 15px; text-transform:uppercase;}
.breadcrumbWrapper a{ color:#fff; padding:0 15px; position:relative; letter-spacing:2px; text-transform: capitalize;}
.breadcrumbWrapper a:before{ content:''; position:absolute; top:4px; left:-3px; border-left:5px solid #fff; border-bottom:5px solid transparent;  border-top:5px solid transparent;}
.breadcrumbWrapper a:first-child{ padding-left:0;}
.breadcrumbWrapper a:first-child:before{ display:none;}
.breadcrumbWrapper a.active{ color:#7992f6;}

.contentWrapper{ font-size:16px;}
.contentWrapper p{ margin:0 0 30px; color:#404040;}
.contentWrapper p strong{ color:#000;}
.contentWrapper h3{ font-size: 20px; margin:0 0 10px; text-transform:uppercase; font-weight:500;}
.pageTitle2{ font-size:25px; margin-bottom:25px; text-transform:uppercase;}
.contentWrapper .subHeadlines{ margin:0 0 15px;}
.contentWrapper .headlines{ font-size:35px;}
/*[/pageTitle]*/

/*[visionItem]*/
.visionWrapper .visionRow{ margin-left:-25px; margin-right:-25px;}
.visionItem{ padding:35px 25px;}
.visionItem h4{ font-size:15px; font-weight:400; margin:0 0 10px;}
.visionItem p{line-height:22px; color:#6c747d;}
.visionWrapper .visionImg{min-height:450px;}
/*[/visionItem]*/


/*[testimonailItem]*/
.testimonailItem{ background:#ebebeb; padding:80px 25px; border:8px double #fff; position:relative; margin-top:35px;}
.testimonailItem:after{ content:''; position:absolute; bottom:-14px; left:50%; margin-left:-10px; border-top:10px solid #ebebeb; border-left:10px solid transparent; border-right:10px solid transparent;}
.quote{color: #d0d0d0; font-size: 65px; left: 8px; position: absolute; top: 28px;}
.testimonial_img{ border-radius:50%; width:70px; height:70px; margin:15px auto 0; padding:0; overflow:hidden; border:4px dotted #e5e5e5;}
.testimonial_img img{ width:100%; height:100%; }
.clientName{ text-transform:uppercase; display:block; margin:10px 0 0; color:#4962c6;}

.testimonailDetail .col{ margin-bottom:30px;}
.testimonailDetail .col:nth-child(3n+1){ clear:both; overflow:hidden;}
/*[/testimonailItem]*/

/*[contactWrapper]*/
.contactWrapper{ background:#efefef;}
.contactRow .col img{ width:100%;}
.contactWrapper h2 + p{ font-size:22px; margin-bottom:65px;}
.contactWrapper h6{ font-size:16px; text-transform:uppercase; margin:15% 0 15px; line-height:normal;}
.contactWrapper p{ font-size:14px; margin:0 0 10px; line-height:25px;}
.contactWrapper p strong{ display:block; font-size:15px;}
.select-wrapper .dropdown-content{ margin:0; height:250px; z-index:5;}
.contentWrapper .contactWrapper{ background:transparent;}
.contactFormWrapper{ padding:5px 15px 15px; background:#fff; border:1px solid #dfdfdf;}

.contentList{ margin:25px 0;}
.contentList li{ display:block; position:relative; padding-left:15px; margin:10px 0 0;}
.contentList li:before{ content:''; position:absolute; top:8px; left:0; width:8px; height:8px; background:#333;}
.contentList li:first-child{ margin:0;}
.contentList li h3{ color:#4962c6; font-size:16px; text-transform:inherit; line-height:normal;}  
/*[/contactWrapper]*/


/*[owl start]*/
.owl-nav{ display:none;}
.owl-dots{ position:relative; margin:30px 0 0;}
.owl-dot{ display:inline-block; vertical-align:top; margin:3px;}
.owl-dot span{ display:inline-block; width:10px; height:10px; background:#000; border-radius:50%;}
.owl-dot.active span{ background:#4962c6;}
.submit-btn{ margin:0 0 0; float:left;}
/*[owl end]*/


/*[footerWrapper]*/
.footerInfo { background-color: #f4f4f4; border-top: 1px solid rgba(91,91,91, 0.2);}
.footerItem {
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    min-height: 110px;
    overflow: hidden;
    text-align: center;
    border-left: 1px solid rgba(91,91,91, 0.2);
	min-height:157px;
}
.footerInfo .row > div:first-child  .footerItem{ border:0;}
.footerItem .span-icon {
    margin-top: -5px;
    float: left;
    width: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
}
.footerItem h4 {
    padding: 5px 0 0;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    color: #4e4c08;
    font-size: 20px;
    line-height: 26px;
}



.footerItem li {
    width: auto;
    float: none;
    display: block;
    font-size: 16px;
    line-height: 24px;
}
.copyright {
    color: #fff;
    font-size: 14px;
    background-color: #222222;
    border-top: 1px solid rgba(21,138,205, 1);
    padding: 15px 0;
}
.copyright a{ color:#7992f6; }
.copyright a:hover, .copyright a:focus{ text-decoration:none;}

.facebook, .twitter{padding-right: 20px; margin-bottom: 5px; font-size: 14px; line-height: 30px; color: #3b5998; border-right: 2px solid #3b5998; background-color: #fff; display:inline-block; min-width:125px;}
.facebook span, .twitter span{padding: 0 12px; margin-right: 10px; float: left; width: auto; overflow: hidden; display: inline-block; font-size: 20px; line-height: 30px; font-weight: 600; text-align: center; color: #fff; background-color: #3b5998;}
 .facebook:hover{color: #fff; background-color: #3b5998;}
.facebook:hover span{color: #fff;}
.twitter{color: #00acee; border-right: 2px solid #00acee; background-color: #fff;}
.twitter span{color: #fff; background-color: #00acee;}
.twitter:hover{color: #fff; background-color: #00acee;}
.twitter:hover span{color: #fff;}
/*[/footerWrapper]*/



/*[responsive start here]*/
@media only screen and (max-width:1024px){
.menuBar .menuLink{ font-size:13px; padding:0 12px;}	
}


@media only screen and (max-width:993px){
.container{ width:100%;} 	
.menuBar li{ border-top:1px solid #f4f4f4; border-left:0;}
.menuBar li:first-child{ border-top:0;}
.headerWrapper.sticky{ z-index:999;}
.menuBar .menuLink{ margin:0; color:#000;}
.side-nav li > a > i, .side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"], .side-nav li > a > i.material-icons{ margin:0;}

.dropdownIcon:before{ border-top-color:#000; right: 15px; top: 23px;}
.menuBar .menuLink:hover:before, .menuBar .menuLink.active:before{border-top-color:#fff;}
.dropdown-content {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; position: relative !important; }
.side-nav li > a{ height:auto;}
.dropdown-content{background-color: #fbfbfb;}
.dropdown-content li > a, .dropdown-content li > span{ padding:10px 22px;}

.bannerWrapper .overley{ position:relative; padding-top:85px; padding-bottom:85px;}
.main-Slider .item{ height:auto; padding:250px 0;}
.bannnerText{ font-weight:400;}
.bannnerTitle{ font-size:30px; line-height:40px;}
.main-Slider .item, .bannerWrapper{ height:auto;}

.serviceWrapper .clearFirst{ clear:none;}

.aboutWrapper{ padding-top:60px; padding-bottom:60px;}
.headlines{ font-size:35px;}
.card .card-content .card-title{ font-size:18px; line-height:28px;}
.buyLivebtn{ min-width:70px; font-size:12px;}
.team_info h3{ margin:15px 0 0;}
.team_info img{ margin-top:15px;}

.footerInfo{ margin:0;}
.footerItem .span-icon{ width:30px; margin-top:-3px;}
.footerItem h4{ font-size:15px;}
.footerItem li{ font-size:13px; line-height:19px;}
.space{ overflow:hidden;}

.pageTitleWrapper h1{ font-size:35px;}

.visionWrapper { padding-bottom:0;}

.portfolioDetailWrapper{ width:90%;}

.select-wrapper .dropdown-content {background-color: #e6e6e6; border: 1px solid #dfdfdf;}
.select-wrapper .dropdown-content li > a, .select-wrapper .dropdown-content li > span{padding: 8px 15px;}


}

@media only screen and (max-width:767px){
	body{padding-top: 58px;}
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{ height:58px; line-height:58px;}
	nav .brand-logo{ margin:3px 0 0; width:110px;}
	.side-nav{ width:200px;}

	.bannerWrapper { text-align:center;}
	.bannnerTitle{ font-size:17px; line-height:normal;}
	.bannnerText{ font-size:13px; font-weight:400; line-height:18px;}
	.apptWrapper .input-field{ margin-top:25px;}
	.main-Slider .item{ padding:330px 0 220px;}
	.apptWrapper .container{ padding:0 12px 18px 14px; width:90%;} 
	.aboutWrapper{ background-size:70%;}
	
	.pageTitleWrapper h1{ font-size:25px;}
	.breadcrumbWrapper a{ font-size:12px;}
	.breadcrumbWrapper a:before{ top:2px;}
	
	.main-Slider .item, .bannerWrapper{ background-position: left center !important;}
	.xdsoft_datetimepicker{ left:5px !important}
	
	.bannerWrapper .overley{ padding-top:25px; padding-bottom:25px;}
	.bannnerTitle br{ display:none;}
	
	.element-item{ width:50%;}
	.footerInfo .row > div:nth-child(3) .footerItem{ border:0;}
	.footerInfo .s6{ padding-right:0;}
	
	.aboutWrapper{ padding-top:30px; padding-bottom:30px;}
	.aboutWrapper .tbl, .aboutWrapper .tbl-cell{ display:block;}
	.aboutWrapper .aboutWrapperImg { display:none;}
	.aboutWrapper .col { width:100% !important;}
	.aboutImg{ width:100%; margin:15px 0;}
	
	.servicesItem{ margin:15px 0;}
	.servicesItem span{ font-size:18px; top:-4px;}
	.servicesItem h3{ font-size:17px; margin:0 0 10px;}
	
	.visionWrapper { padding-bottom:0;}
	.visionItem{ padding:15px 25px;}
	.visionWrapper .visionImg{min-height:250px;}
	
	.portfolioWrapper .portfolioRow{ padding:0; margin:65px 0 30px;}
	.portfolioWrapper .portfolioInnerRow{ margin-top:30px;}
	.portfolioInnerWrapper .portfolioCateTitle{ font-size:22px;}
	.portfolioInnerWrapper .headlines{ margin-bottom:0;}

	.portfolioWrapper .portfolioDetailImg{ margin:0 0 25px;}
	.portfolioContent{ font-size:15px; line-height:25px;}
	.portfolioContent h3{ font-size:18px;}
	.portfolioContent p{ margin:0 0 15px;}
	.portfolioContent h3 + p{ font-size:16px;}
	
	.testimonailItem{ margin:0;}
	
	
	input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea{ margin:0;}

	.contactWrapper h6{ margin:0;}
	.contactRow img{ margin:15px 0;}		
	.contactFormWrapper .input-field{ margin-top:15px;}
	.input-field label.active:not(.label-icon){-moz-transform: translateY(-7px) scale(0.8); -webkit-transform: translateY(-7px) scale(0.8); transform: translateY(-7px) scale(0.8);}
	
	.contentWrapper { padding-top:30px; padding-bottom:30px;} 
	.portfolioDetailWrapper{ width:100%;}
}

@media only screen and (max-width:480px){
	.element-item{ width:100%;}
	.footerItem h4{ font-size:13px;}
}

/*[responsive start end]*/