body{margin:0px;padding:0px;font-family: 'Nunito Sans', sans-serif;font-size:15px; line-height:25px;-webkit-text-size-adjust:100%; height:100%; color:#0c354a; text-align:justify;}
/*html,html a{-webkit-font-smoothing: antialiased; text-shadow: 0px 0px 0px #000000;}*/

div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

h1, h2, h3, h4, h5, h6{ font-family: 'Rubik', sans-serif;}

a{ color:#15b2ef; transition:all 0.5s ease 0s;}
a:hover{ text-decoration:underline;}
img { vertical-align: middle;}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}

.container{ max-width:1170px; margin:0 auto; width:100%;}

.mainDiv{ max-width:1600px; margin:0 auto; overflow:hidden; position:relative;}

.header-wraper{ position:relative; z-index:100; background:transparent linear-gradient(88deg, #0180af 0%, #01445d 100%); box-shadow:0 0 10px rgba(0, 0, 0, .3)  }
.header-wraper:before { background-image: url(../images/header-bg.png); background-position: right center; background-repeat: no-repeat; content: ""; height: 129px; position: absolute; right: 10px; top: 10px; width: 290px; z-index: 9;}




.header-wraper .top-wraper { background: rgba(0, 0, 0, 0.3); border-bottom: 1px solid #0180af; color: #f5f9fa; font-size: 13px;  padding: 8px 0;}
.top-wraper .reqBlock{ float:left; width:50%; text-align:left; text-transform:uppercase; font-weight:bold;}
.top-wraper .reqBlock a{ color: #f5f9fa;}
.top-wraper .reqBlock a:hover{ text-decoration:none;}
.top-wraper .reqBlock p{}
.top-wraper .callBlock{ float:right; text-align:right; text-transform:uppercase; font-weight:bold;}
.top-wraper .callBlock i{ margin:0 10px 0 0; font-weight:bold; font-size:14px;}
.header-wraper .bottom-wraper{ padding:15px 0;}
.bottom-wraper .logo{ width:350px; float:left;}
.bottom-wraper .logo img{ max-width:100%;}
.bottom-wraper .nav-wraper{ width:800px; float:right; position:relative; z-index:10;}


.sf-menu { float:right; margin-top:8px;}
.sf-menu > li > span { display: block; position: relative;}
.sf-menu ul { position:absolute; top:-999px; display:none; }/*offset of submenus need to match (see below)*/
.sf-menu li { position:relative; background: none;}
.sf-menu a { display: block; text-decoration: none;}
.sf-menu a:hover {text-decoration: none;}
.sf-menu li ul.servItem{ }
.sf-menu li ul.servItem li{ float:left; width:50%;}
/*================================>> 1 Level <<========================================*/
li.sfHover {position: relative;}
.sf-menu > li > a {vertical-align: middle; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; z-index: 100; 	}
.sf-menu > li > a { color: #fff; display:inline-block; font-size: 13px; font-weight:bold; line-height: 15px; padding: 14px 20px; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); text-transform:uppercase; font-family: 'Montserrat', sans-serif;}	
	
.sf-menu > li { display: block; position: relative;	float: left;}
.sf-menu > li + li {}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, 
	.sf-menu > li.sfHover > span { color: #ffa516;	}
.sf-menu > li.current > a{ color:#ffa516; }	
/*.sf-menu > li > a:after { position: absolute; display: block; content:"\f067"; left: 0px; right: 0; text-align: center;
	margin-left: -1px;	top: 25px; -moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;
	overflow: hidden; display: inline-block; font-family:FontAwesome; font-style: normal; font-weight:normal; line-height: 1;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color:#fff;}
	*/
/*.sf-menu > li > a.sf-with-ul:after { position: absolute; display: block; content:"\f107"; left: 0px; right: 0; text-align: center;
	margin-left: -1px;	top: -29px; -moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;
	overflow: hidden; display: inline-block; font-family:FontAwesome; font-style: normal; font-weight: normal; line-height: 1;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px;}*/
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top: 80px; box-shadow:0 0 0 10px rgba(255, 255, 255, 0.5); -moz-box-shadow:0 0 0 10px rgba(255, 255, 255, 0.5); -moz-box-shadow:0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-box-shadow:0 0 0 10px rgba(255, 255, 255, 0.5);  left: 0; margin-left: 0; width: 180px; z-index:99; background: #f9f9f9 ; text-align:left;}
/*.sf-menu > li > ul:before { position: absolute; left: 35px; margin-left: -4px; top: -11px; content: ""; border: 4px solid; border-color: transparent transparent #00b3cc transparent;}*/
.sf-menu > li > ul{ }
.sf-menu > li > ul.serv{}
.sf-menu > li > ul.serv li{ width:47%; float:left; padding:0 6px;}
.sf-menu > li > ul.serv li.last{ float:right;}
.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li > a { border-top: 1px solid #dadada;}
.sf-menu > li > ul > li > a { display: block; padding: 0px 15px; color: #5a5a5a; font-weight:bold; line-height: 39px; font-size:14px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #ffa516; background:#f1f1f1;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute; display: block; content:"\f107"; right: -3px; text-align: center; margin-left: -10px;	top: 13px;-moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;
	overflow: hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #939393;}
.sf-menu > li > ul > li > a.sf-with-ul:hover:after  { color: #b8baaa;}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul { top: -7px; left: 160px; z-index:99; position: absolute;	text-align: left; padding-top: 9px;	padding-bottom: 6px; padding-left:10px;background: #50dbde; width: 120px;	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;	-o-border-radius: 10px;
	border-radius: 10px;}
.sf-menu li li ul:before { position: absolute; left: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent #50dbde transparent transparent;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a { display: block; color: #aefdff; line-height: 28px; line-height: 39px;}
.sf-menu li li li + li a { border-top: 1px solid #67e0e2;}
.sf-menu li li li a:hover {	color: #fff;}

.quote-wraper { padding: 50px 0; position: relative; background: #00a2ff;}
.quote-block{}
.quote-1{ max-width:1000px; margin:0 auto;}
.quote-1-inner{ text-align:center;}
.quote-1-inner h3 { font-family: Georgia, "serif"; font-style: italic; font-size: 20px; line-height: 30px; margin-bottom: 10px; color: #fff;}
.quote-1-inner h4 { font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size: 18px; margin-bottom: 10px; color: #fff;}
.aboutBtn.quoteBtn{}


.box-wraper{ margin: 0 0 0; position:relative; z-index:300;  background:transparent linear-gradient(88deg, #01445d 0%, #0180af 100%);}

.boxBlock{ width:25%; float:left; position:relative;}
/*.boxBlock.dark{ background:#0180af;  }
.boxBlock.dark1{ background:#13455e ;}
.boxBlock.dark2{background:#0180af;}
.boxBlock.dark3{ background:#13455e ;}*/

.boxBlock .boxInner{ padding:15px; text-align:center; margin-bottom:0; position:relative; overflow:hidden; border-right:1px solid rgba(25, 255, 255, .3);}
.boxBlock .boxInner .boxIcon{}
.boxBlock .boxInner .boxIcon img{ width:35%;}
.boxBlock .boxInner .boxDetail{ padding:30px 0 0; -webkit-transition:all 100ms ease-in-out 0s; -transition:all 100ms ease-in-out 0s; -transition:all 100ms ease-in-out 0s; transition:all 100ms ease-in-out 0s; margin:0 0 15px 0;}
.boxBlock .boxInner .boxDetail h2{ font-size:19px; font-weight:500; margin:0 0 15px 0; color:#fff; text-transform:capitalize;}
.boxBlock .boxInner .boxDetail p{ color:#fff; line-height:25px;}
.boxBlock .boxInner .boxClick{ display:inline-block;  position:relative; bottom:0; -webkit-transition:all 100ms ease-in-out 0s; -transition:all 100ms ease-in-out 0s; transition:all 100ms ease-in-out 0s;}

.boxBlock .boxInner .boxClick a.readMore{ padding:5px 0; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; font-family: 'Rubik', sans-serif;}
.boxBlock .boxInner .boxClick a.readMore:hover{ color:#fff; background:none; text-decoration:none;}

.cube-wraper{ padding: 70px 0; position: relative; background: #f9f9f9;}
.cube-block{}
.cube-1:nth-child(1) .cube-1-inner{ border: 2px solid #00a2ff; }
.cube-1:nth-child(2) .cube-1-inner{ border: 2px solid #014159;}
.cube-1:nth-child(3) .cube-1-inner{ border: 2px solid #0180af;}
.cube-1{ float: left; width: 33.33%;}
.cube-1-inner{ margin: 10px 15px; background: #fff; box-shadow: 0 10px 15px rgba(0, 0, 0, .03); padding: 15px; border-radius: 10px; min-height: 250px;}
.cube-1-info{}
.cube-1-info h3{ color: #000; font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 10px; text-align: left;}
.cube-1-info p{}

.modern-wraper{  position: relative;}
.modern-block{}
.modern-1:first-child .modern-1-inner{ background: #00a2ff;}
.modern-1:last-child .modern-1-inner{ background: #0180af;}
.modern-1{ float: left; width: 50%;}
.modern-1-inner{ padding: 70px; min-height: 605px;}
.modern-1-info{}
.modern-1-info h3 { color: #fff; font-size: 20px; font-weight: 500; line-height: 30px; margin:15px 0; text-align: left;}
.modern-1-info ul{}
.modern-1-info ul li{ color: #fff; padding: 7px 0 7px 25px; text-align: left; position: relative;}
.modern-1-info ul li:before{ position: absolute; left: 0; top: 7px; font-size: 7px; color: #fff; font-family: FontAwesome; content: "\f04d"; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.modern-1-info p{ color:#fff; text-align: left;}

.info-wraper{ background:url(../images/bg.png) repeat; padding:60px 0; position:relative;}
.info-block{}
.info-1:first-child{ float:right;}
.info-1{ float:left; width:50%;}
.info-1-inner{ padding:15px; margin:0 15px; background:#fff; box-shadow:0 0 15px rgba(0, 0, 0, .1)}
.info-1-inner h2{ color: #064c6f; font-size: 30px; font-weight: 400; line-height: 35px; margin-bottom: 10px; text-align: left; text-transform: capitalize;}
.info-1-inner h1{ color: #064c6f; font-size: 25px; font-weight: 600; line-height: 30px; margin-bottom: 10px; text-align: left; text-transform: capitalize; text-transform: uppercase;}
.info-1-inner h1 span{ font-weight:normal;}
.info-1-inner h4 { font-size: 18px; font-weight: normal; margin-bottom: 20px;}
.info-1-inner p{ margin-bottom:10px;}

.info-1-img{}
.info-1-img img{ max-width:100%;}

.about-wraper{ padding:70px 0; background:transparent linear-gradient(88deg, #01445d 0%, #0180af 100%);}

.aboutleftBlock .aboutBtn{}
.aboutBtn a{ background:#13455e; border:1px solid #13455e; padding:7px 20px; font-size:13px; font-weight:bold; color:#fff; display:inline-block; text-transform:uppercase; margin-top:25px; font-style:normal; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.aboutBtn a:hover{ background:none; color:#13455e; text-decoration:none;}
.btnRead.white{ color:#13455e; background:#fff;}
.btnRead.white:hover{ color:#fff; border:1px solid #fff;}


.aboutContent .aboutRightBlock{ width:380px; float:right; }
.aboutRightBlock .aboutImages{ width:380px; overflow:hidden;}
.aboutRightBlock .aboutImages img{ width:100%; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.aboutRightBlock .aboutImages img:hover{ transform:scale(1.1);}
.aboutRightBlock .imagesContent{ background:#59abb3; text-align:center; padding:10px 0; }
.aboutRightBlock .imagesContent a{ color:#fff;}
.aboutRightBlock .imagesContent a:hover{ text-decoration:none;}
.aboutRightBlock .imagesContent h4{ text-transform:uppercase; color:#fff; font-weight:bold; font-size:17px; }
.aboutRightBlock .imagesContent h5{ font-weight:bold; text-transform:capitalize; font-size:13px;}
.aboutRightBlock{}
.aboutRightBlock iframe{ width:100%; height:420px; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, .23)}
.about-block{}
.about-1{ float:left; width:50%;}
.about-1-inner{ padding:0 15px;}
.about-1-info{}
.about-1-info h1{ color: #fff; font-size: 31px; font-weight: 400; line-height: 40px; margin-bottom: 15px; text-align: left; text-transform:capitalize;}
.about-1-info h2{ color: #fff; font-size: 31px; font-weight: 600; line-height: 40px; margin-bottom: 15px; text-align: left; text-transform:uppercase;}
.about-1-info h2 span{ font-weight: normal;}
.about-1-info h4{ font-size: 18px; font-weight: normal; margin-bottom: 20px; color:#fff;}
.about-1-info p{ color:#fff; margin-bottom:10px}


.faq-wraper{ background:url(../images/bg.png) repeat; position:relative; padding:70px 0; }
.faqHeading{ margin-bottom:20px;}
.faqHeading h2{  color: #064c6f; font-size: 30px; font-weight: 500; margin-bottom: 15px; text-align: left; text-transform:capitalize;}
.faqHeading h4{ font-size: 18px; font-weight: normal; margin-bottom: 20px; color:#000;}
.faqBlock{ }
.faqBlock p{ }
.faqBlock .faqBoxLeft{  float:left; width:560px;}
.faqBlock .faqBoxLeft p{ margin-bottom:12px;}
.faqBoxLeft .faqBtn{}
.faqBoxLeft .faqBtn a{ background:#fff; border:1px solid #fff; padding:7px 20px; font-size:13px; font-weight:bold; color:#13455e; display:inline-block; text-transform:uppercase; margin-top:25px;}
.faqBoxLeft .faqBtn a:hover{ background:none; text-decoration:none; color:#fff;}
.faqBoxRight{ float:right; width:560px;}



.twentytwenty-before-label-text{ display:none;}
.twentytwenty-after-label-text{ display:none;}
.twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after { content: " "; display: block; background: white none repeat scroll 0% 0%; position: absolute; z-index: 30; box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0px; width: 100%; height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label { transition-property: opacity; }
.twentytwenty-before-label::before, .twentytwenty-after-label::before { color: white; font-size: 13px; font-weight: 700; }
.twentytwenty-before-label::before, .twentytwenty-after-label::before { position: absolute; background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; line-height: 38px; padding: 0px 20px; }
.twentytwenty-horizontal .twentytwenty-before-label::before, .twentytwenty-horizontal .twentytwenty-after-label::before { top: 50%; margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label::before, .twentytwenty-vertical .twentytwenty-after-label::before { left: 50%; margin-left: -45px; text-align: center; width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0px; height: 0px; border: 6px inset transparent; position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; }
.twentytwenty-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -moz-user-select: none; }
.twentytwenty-container img { max-width: 100%; position: absolute; top: 0px; display: block; }
.twentytwenty-container * { box-sizing: content-box; }
.twentytwenty-before-label { opacity: 0; }
.twentytwenty-before-label::before { content: "Before"; }
.twentytwenty-after-label { opacity: 0; }
.twentytwenty-after-label::before { content: "After"; }
.twentytwenty-horizontal .twentytwenty-before-label::before { left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label::before { right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label::before { top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label::before { bottom: 10px; }
.twentytwenty-overlay { transition-property: background; background: transparent none repeat scroll 0% 0%; z-index: 25; }
.twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; }
.twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; }
.twentytwenty-before { z-index: 20; }
.twentytwenty-after { z-index: 10; }
.twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; border-radius: 1000px; box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle::before { bottom: 50%; margin-bottom: 22px; box-shadow: 0px 3px 0px white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle::after { top: 50%; margin-top: 22px; box-shadow: 0px -3px 0px white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle::before { left: 50%; margin-left: 22px; box-shadow: 3px 0px 0px white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle::after { right: 50%; margin-right: 22px; box-shadow: -3px 0px 0px white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; }
.twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; }


/*!
 *  Dental Care Font
 *  
 */ 
 
 @font-face {
  font-family: 'dentalcare';
  src: url('../fonts/dentalcare.eot');
  src: url('../fonts/dentalcare.eot?#iefix') format('embedded-opentype'),
  url('../fonts/dentalcare.svg#fontawesomeregular') format('svg'),
  url('../fonts/dentalcare.woff') format('woff'),
  url('../fonts/dentalcare.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"],[class*=" icon-"]{font-family: 'dentalcare';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-anesthesia:before{content:"\e900"}.icon-braces:before{content:"\e901"}.icon-brush-teeth:before{content:"\e902"}.icon-caries-defence:before{content:"\e903"}.icon-certificate:before{content:"\e904"}.icon-cleaned-tooth:before{content:"\e905"}.icon-cracked-tooth:before{content:"\e906"}.icon-dental-calculus:before{content:"\e907"}.icon-dental-care:before{content:"\e908"}.icon-dental-caries:before{content:"\e909"}.icon-dentist:before{content:"\e90a"}.icon-dentist-report:before{content:"\e90b"}.icon-healthy-tooth:before{content:"\e90c"}.icon-label:before{content:"\e90d"}.icon-medical-records:before{content:"\e90e"}.icon-medical-report:before{content:"\e90f"}.icon-parodontosis:before{content:"\e910"}.icon-parodontosis-a:before{content:"\e911"}.icon-patient-card:before{content:"\e912"}.icon-pin-tooth:before{content:"\e913"}.icon-protection:before{content:"\e914"}.icon-teeth:before{content:"\e915"}.icon-toothbrush:before{content:"\e916"}.icon-tooth-seal:before{content:"\e917"}.icon-x-ray:before{content:"\e918"}

.services-wraper{ padding:70px 0 70px 0; background:url(../images/bg.png) repeat;}
.servcesHeading{ margin-bottom:20px;}
.servcesHeading h2{  color: #0c354a; font-size: 32px; font-weight: 500; margin-bottom: 15px; text-align: left; text-transform:capitalize;}
.servcesHeading h4{ font-size: 18px; font-weight: normal; margin-bottom: 20px; color:#000;}


.servcesBlock{}

.servcesBlock .servBox{ width:32%; float:left; position:relative; margin:0 23px 23px 0;}
.servcesBlock .servBox.last{ margin:0 0 23px 0; float:right}
.servBox .servInner { background: #fff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.servInner .servImgDiv{ width:374px; height:271px; overflow:hidden;}
.servInner .servImgDiv img{ width:100%; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.servInner:hover .servImgDiv img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transform:rotate(10deg); transform:rotate(10deg);}
.servInner .servDetail{ padding:20px 0; }
.servInner a.servClick{}
.servInner .servDesc{ text-align:center; color:#0c354a; padding:0 15px 0; line-height:22px; position:relative; overflow:hidden;}
.servInner .Servicon{ text-align:center; color:#0c354a; padding:20px 0 20px;}
.servInner .Servicon i{ font-size:65px;}
.servInner .servDesc h3{ text-transform:capitalize; font-weight:500; font-size:20px; margin-bottom:15px; }
.servInner .servDesc p{ margin-bottom:15px; line-height:23px;}
.servInner .servBtn { display: inline-block; position:relative; text-align: center; width: 100%; transition:all 0.5s ease 0s;}

.servInner .servBtn a.servClick{ padding:5px 0; color:#0c354a; font-size:15px; text-transform:uppercase; font-weight:500; font-family:"Rubik",sans-serif}


.footer-wraper{ background:#022638; padding:70px 0; position:relative;}
.footer-wraper:before { background:url(../images/working-line.png) no-repeat; content: ""; height: 100%; left: 0; opacity: 0.02; position: absolute; top: 0; width: 100%;}
.footer-box{ float:left; width:33%; position:relative;}
.footer-box .footerInner{ padding:0 15px;}
.footerInner h3{ font-weight:500; text-transform:uppercase; font-size:18px; margin-bottom:15px; color:#fff; position:relative; padding-bottom:10px;}
.footerInner h3:before{ position:absolute; left:0; bottom:0; width:60px; height:2px; background:#15b2ef; content:"";}
.footerInner .addBlock{}
.addBlock .addlog{ margin-bottom:25px;}
.addBlock .addlog p{ color:#fff; text-align:left;}
.addBlock .phonelog { color: #fff; float: left; margin: 0 0 15px; width: 100%;}
.addBlock .phonelog .Ficon { background: #15b2ef ; color: #fff; display: block; float: left; height: 35px; margin: 0; text-align: center; width: 35px;}
.addBlock .phonelog .Ficon i{ margin:10px 0 0;}
.addBlock .phonelog .Fdesc{ width:85%; float:right;}

.socialBlock{ float:left; width:100%; margin:15px 0 0 0;}
.socialBlock ul{}
.socialBlock ul li{ float:left; margin:0 10px 0 0}
.socialBlock ul li a{ background: #15b2ef ; border:1px solid #15b2ef; line-height:35px; color: #fff; display: block; float: left; height: 35px; margin: 0; text-align: center; width: 35px;}
.socialBlock ul li a:hover{ text-decoration:none; background:none;}

.open-hrs-cont{ color:#fff; width:85%;}
.open-hrs-cont p{ float:left; width:100%; padding:5px 0; border-bottom:1px solid #0b2e40; font-size:14px;}
.open-hrs-cont p + p{ border-top:1px solid #155777;}
.open-hrs-cont p.middle{ text-align:left; text-transform:uppercase; font-size:14px; color:#fff; padding:10px 0; font-weight:bold;}
.open-hrs-cont .morning-time{ float:left; text-align:left; text-transform:uppercase; font-size:12px; color:#fff; font-weight:bold;}
.open-hrs-cont .even_time{ float:right; text-align:left; text-transform:uppercase; font-size:12px; color:#fff; font-weight:bold;}
.open-hrs-cont .moring-open{ float:left;}
.open-hrs-cont .even-open{ float:right}
.open-hrs-cont p.last-day{ }
.open-hrs-cont p.last-day .op_hrs{ float:right;}

.footerInner .appBtn{ margin:15px 0 0 0; width:85%; }
.footerInner .appBtn a{background: #15b2ef ; border:1px solid #15b2ef; line-height:38px; color: #fff; display: block; margin: 0; text-align: center; font-weight:bold; font-size:13px; text-transform:uppercase; }
.footerInner .appBtn a:hover{ text-decoration:none; background:none;}
.contactForm .right-form-area{}
.contactForm .form-area-1{ margin-bottom:5px;}
.contactForm .form-area-1.last{ }
.contactForm .form-area-1.last .input-box{  }
.contactForm .input-box { background: #0b2e40; border: 1px solid #155777; border-radius: 5px; color: #f1f1f1; font-size: 14px; height: 25px;
  padding: 8px 10px; width: 92%;}
.contactForm .textarea-box{ background: #0b2e40; border:1px solid #155777; height:55px; padding:10px; width:92%; color:#f1f1f1; border-radius:5px; -border-radius:5px; -webkit-border-radius:5px; font-family: 'Nunito Sans', sans-serif;}

.contactForm .form-area-sub{ text-align:center; margin:15px 0 0;}
.contactForm .submit{ background: #15b2ef ; border:1px solid #15b2ef ; border-radius: 4px;  color: #ffffff; cursor: pointer; cursor:pointer; padding: 11px 28px; font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; float:left; font-family:Arial, Helvetica, sans-serif; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.contactForm .submit:hover{ background:none;}

.copyright-wraper{ background: #0b2e40; border-top: 1px solid #155777; text-align:center; padding:25px 0; color:#f1f1f1; font-size:14px;}



.show-wraper{ padding:90px 0; position:relative;}
.show-wraper:before{ bottom: 0; content: "";  left: 0; opacity: 0.9; position: absolute; right: 0; top: 0;  background-image: linear-gradient(55deg, #59559a 0%, #064a84 100%); background-image:-ms-linear-gradient(55deg, #59559a 0%, #064a84 100%); background-image:-webkit-linear-gradient(55deg, #59559a 0%, #064a84 100%);}
#full-division-box { background-image: url(../images/parallex.jpg); }
/*#full-division-box,#full-static-box{ background-attachment: fixed; background-repeat: repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; height: 100%;overflow: hidden;width: 100%;  box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, 0.06) inset; } 
#full-static-box {box-shadow:none;background-position:center;}*/
.show-inner{ text-align:center; position:relative; color:#fff;}
.show-inner h3{ color:#fff; text-transform:uppercase; font-size:25px; font-weight:500;}

.inner-content-wraper{}
.inner-container{ border-left:1px solid #dadada; border-right:1px solid #dadada; padding:60px 15px;  }
.inner-content-wraper p{ margin-bottom:12px; line-height:25px;}
.aboutBlockInner{ margin-bottom:40px;}
.aboutBlockInner:last-child{ margin:0;}
.aboutBlockInner .aboutimg{ float:left; width:392px;}
.aboutBlockInner .aboutimg img{ width:94%; border:1px solid #dadada; background:#f9f9f9; padding:10px;}
.aboutBlockInner .aboutDr{ width:63%; float:right;}
.aboutBlockInner .aboutDr h1{  color: #0c354a; font-size: 25px; font-weight: 500; margin-bottom: 10px; text-align: left; text-transform:capitalize;}
.aboutBlockInner .aboutDr p.taglineinner{ color: #0c354a;   font-size: 14px;   font-weight: bold;   margin: 15px 0 20px;}

.innerContentImgBlock{ width:43%; float:left;}
.innerContentImgBlock img{width:94%; border:1px solid #dadada; background:#f9f9f9; padding:10px;}
.innerContentDesc h1{ color: #0c354a; font-size: 25px; font-weight: bold; margin-bottom: 20px;
  text-align: left; text-transform: uppercase;}

.innerContentDesc{ float:right; width:50%; padding:30px;}
.innerContentDesc a{ font-weight:bold; font-style:italic;}
h1.innerMainHeading{ color: #0c354a; font-size: 25px; font-weight: bold; margin-bottom: 40px;
  text-align: left; text-transform: uppercase;}
  
.inner-content-wraper ul{ padding:0 0 0 20px;}
.inner-content-wraper ul li{ list-style:square; padding:3px;}
.inner-content-wraper ol{ padding:0 0 0 20px;}
.inner-content-wraper ol li{ list-style:square; padding:3px 0;}

.form-border{ float:left; width:60%;}
.form-border h4{ color: #0c354a; font-size: 25px; font-weight: bold; margin-bottom: 40px;
  text-align: left; text-transform: uppercase;}
.form-border .txtbox {   border: 1px solid #dadada;  height: 25px; width: 65%; padding:7px 10px;}
.form-border .submit{}
.form-border .submit{ background: #15b2ef ; border:1px solid #15b2ef ; border-radius: 4px;  color: #ffffff; cursor: pointer; cursor:pointer; padding: 11px 28px; font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; float:left; font-family:Arial, Helvetica, sans-serif; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; margin:0 0 0 165px;}
.form-border .submit:hover{ background:none; color:#0c354a;}

.contactInner{ float:right; width:40%;}
.contactInner h4{ color: #0c354a; font-size: 25px; font-weight: bold; margin-bottom: 40px;
  text-align: left; text-transform: uppercase;}
  
.galleryBlock{}
.galleryBlock .p-box{ float:left; margin:0 15px 15px 0;}
.galleryBlock .p-box img{ width:200px; height:180px; border:1px solid #dadada; padding:5px;}

.responcemenu{ padding:10px; width:100%; background:#fff; display:none;}

.innerMapBlock {  background: #fff; float: left; margin: 50px 0 0; padding: 15px; width: 97%; height:400px;}
.innerMapBlock #mapPart{ width:100%; height:100%;}

.capbox {background-color: #0b2e40 ; border: #0b2e40  0px solid; border-width: 0px 12px 0px 0px; display: inline-block; *display: inline; zoom: 1; /* FOR IE7-8 */ padding: 8px 8px 8px; width:90%;	}
.capbox-inner { font: bold 11px arial, sans-serif; color: #000000; background-color: #DBF3BA; margin: 5px auto 0px auto; padding: 3px; -moz-border-radius: 4px;
	-webkit-border-radius: 4px; border-radius: 4px; width:100%;	}
#CaptchaDiv { font: bold 17px verdana, arial, sans-serif; font-style: italic; color: #000000; background-color: #FFFFFF; padding: 4px; -moz-border-radius: 4px;
	-webkit-border-radius: 4px; border-radius: 4px;	}
#CaptchaInput {border: 1px solid #7a7a7a; margin: 10px; padding: 10px; width: 82%;}


.servinfo-wraper{ padding: 70px 0; position: relative; background: #0180af;}
.servinfo-block{}
.servinfo-1:first-child .servinfo-1-inner{ background:#00a2ff;}
.servinfo-1{ float: left; width: 33.33%;}
.servinfo-1-inner { margin: 10px 15px; padding: 20px; min-height: 170px; border-radius: 5px;}
.servinfo-1-info{}
.servinfo-1-info h2{ color: #fff; font-size: 20px; font-weight: 500; line-height: 30px; 	margin-bottom: 10px; text-align: left;}
.servinfo-1-info h3{ color: #fff; font-size: 20px; font-weight: 500; line-height: 30px; 	margin-bottom: 10px; text-align: left;}

.servinfo-1-info p{ color: #fff;}

.section-title { text-align: center; position: relative; margin-bottom: 30px;}
.section-title h3 { font-size: 30px; font-weight: 700; line-height: 40px; margin: 0 0 10px; padding: 0;}

.faq-wraper{ padding:70px 0; position:relative;}
.faq-block{width:100%;float:left;margin-top:45px}
.faqtitlebox{margin:0 15px 30px}
.faqtitlebox h2{color:#163967;font-size:28px;font-weight:600;line-height:38px;margin:0 0 20px;position:relative}.faqtitlebox p{}.Conclusion-block{margin:30px 15px 0}
.Conclusion-block p{ font-size: 17px;}
.Conclusion-block h3{ margin:15px 0; font-size: 18px;}
.dt-sc-toggle-set{margin:0;padding:0;width:100%}
.dt-sc-toggle-frame{border-style:solid;border-width:1px 1px 0;border-color:#e8edf2}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion {font-size: 20px;font-weight: 500;padding: 15px 15px 15px 40px;cursor: pointer;}
.dt-sc-toggle-frame .dt-sc-toggle-content{margin:0;padding:0 15px 15px;text-align:left}
.dt-sc-toggle-content p{text-align:left}.dt-sc-toggle-content ul{}
.dt-sc-toggle-content ul li{padding:7px 0}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before,.dt-sc-toggle-frame h5.dt-sc-toggle:before{left:18px}
.dt-sc-toggle-frame h5.dt-sc-toggle:before,.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before{background:0 0;border:none;height:auto;padding:0;text-align:inherit;top:12px;width:auto;border-radius:0;}
.dt-sc-toggle-content{clear:both;display:none;line-height:24px;margin:0 0 -20px;padding:0 0 0 75px}
h5.dt-sc-toggle-accordion a,h5.dt-sc-toggle a{display:block;font-size:16px;padding:15px 15px 15px 40px;color:#757575}
.dt-sc-toggle-set{background:#fff;margin:0 15px;width:100%}
.dt-sc-toggle-frame{border-width:1px 1px 0;border-style:solid}
.dt-sc-toggle-frame.last{border-bottom:1px solid #e8edf2}
h5.dt-sc-toggle-accordion,h5.dt-sc-toggle{clear:both;font-size:16px;margin:0 0 1px;padding:0;position:relative;transition:all 300ms linear;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;font-weight:400}
h5.dt-sc-toggle-accordion a,h5.dt-sc-toggle a{display:block;font-size:16px;padding:15px 15px 15px 75px}

h5.dt-sc-toggle-accordion a:hover,h5.dt-sc-toggle a:hover{text-decoration:none}
.dt-sc-toggle-content{clear:both;display:none;line-height:24px;margin:0 0 -20px;padding:0 0 0 75px}
h5.dt-sc-toggle:before,h5.dt-sc-toggle-accordion:before{content:"\f067";font-family:FontAwesome;font-size:10px;font-style:normal;font-weight:400;position:absolute;left:4px;top:17px;text-decoration:inherit}
h5.dt-sc-toggle.active:before,h5.dt-sc-toggle-accordion.active:before{content:"\f068"}
.dt-sc-toggle,.dt-sc-toggle-accordion{padding:0 0 20px;position:relative}
.dt-sc-toggle:last-child{padding:0}
h5.dt-sc-toggle:before,h5.dt-sc-toggle-accordion:before{background:#fff;border:1px solid;height:50px;margin:auto;padding:14px 0;text-align:center;top:0;width:50px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
.dt-sc-toggle:before,.dt-sc-toggle-accordion:before{content:"";border-left:1px dashed #c3cbd7;height:100%;position:absolute;left:28px;top:0;width:1px}

.elementcontact-wraper{ padding:60px 0;}
.elementcontact-block { max-width:1170px; margin:0 auto;}
.elementcontact-1{ float:left; width:33.33%;}
.elementcontact-1-inner { border: 3px double #0180af; margin: 0 15px; padding: 15px; min-height: 280px;}
.elementcontact-1-inner h3 { border-bottom: 3px double #e4e4e4; font-size: 18px; font-weight: 500; margin-bottom: 20px; padding-bottom: 10px; text-align: left; line-height: 26px;}
.elementcontact-1-inner .addBlock{}
.elementcontact-1-inner .addIcon{}
.elementcontact-1-inner .addIcon i{}
.elementcontact-1-inner .addDetail { color: #040404; text-align: left;}
.addBlock{ margin-bottom:15px;}
.addBlock .addIcon { background: #0180af; border-radius: 5px; float: left; height: 30px; line-height: 30px; margin: 0 10px 0 0; text-align: center; width: 30px; color: #fff;}
.addBlock .addDetail { width: 83%; float: right; font-size: 15px; text-align: left; color: #000;}


/*New Design css*/

.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}
.close:not(:disabled):not(.disabled){cursor:pointer}
button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
.modal{position:fixed;top:30px;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}
.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem; background:#1872c5; position:relative;}
.modal-header h2{ color:#fff; font-size:18px; text-align:center; font-weight:bold;}
.modal-header .close { background: none; color: #e7174d; float: right; font-size: 35px; line-height: 18px;
  position: absolute; right: 10px; top: 28px; z-index: 10;}
.modal-title{line-height:1.5; color: #1c1c1c; font-size: 23px; font-weight: 600; margin-top:10px; }
.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:55px 30px 30px; text-align:center;}
.modal-body p span{ margin-bottom:5px; display:inline-block;}
.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}

.modal-footer>:not(:first-child){margin-left:.25rem}
.modal-footer>:not(:last-child){margin-right:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){
	.modal-dialog{max-width:500px;margin:1.75rem auto}
	.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
	.modal-sm{max-width:300px}
}
@media (min-width:992px){.modal-lg{max-width:800px}}
.modal-body{}
.modal-body .namecol{ width:100%; margin-bottom:10px;}
.modal-body .namecol input, .modal-body .namecol.textcol textarea{ padding:8px 10px;}

.modal-body.modalpopupForm{ padding:20px;}
.modal-body.modalpopupForm h2 { font-size: 24px; line-height: 39px; margin-bottom: 20px;}
.modal-body.modalpopupForm h2 i{ background:#2271b1; display:inline-block; font-size:20px; color:#fff; width:40px; height:40px; line-height:40px; text-align:center;}
.modal-body.modalpopupForm h4 { color: #2a2a2a; font-size: 18px; font-weight: 400; margin-bottom: 0;  text-align: center; line-height:27px;}


#callme-1 { bottom: 31%; position: fixed; right: 15px; z-index: 100;}
#callme-1 a { background: #00a2ff; border-radius: 100%; color: #fff; display: inline-block; font-size: 18px; height: 45px; line-height: 45px;  text-align: center; width: 45px;}

#callme-3 { bottom: 22%; position: fixed; right: 15px; z-index: 100;}
#callme-3 a { background: #00a2ff; border-radius: 100%; color: #fff; display: inline-block; font-size: 18px; height: 45px; line-height: 45px;  text-align: center; width: 45px;}

#callme-2 { bottom: 13%; position: fixed; right: 15px; z-index: 100;}
#callme-2 a { background: #00a2ff; border-radius: 100%; color: #fff; display: inline-block; font-size: 18px; height: 45px; line-height: 45px;  text-align: center; width: 45px;}

#callme-3 span { display: none;}


.videoBlock{}
.videoBlock .video-1{ width:47%; float:left;margin:10px; }
.videoBlock .video-1 iframe{ width:100%;  height:300px;}