body{margin:0px;padding:0px;font-family: 'Roboto Condensed', sans-serif;font-size:15px; line-height:24px;-webkit-text-size-adjust:100%; height:100%; color:#48596d; text-align:left; font-weight:400;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 
h1, h2, h3, h4, h5, h6{ font-family: 'Roboto Condensed', sans-serif; color: #1c1f21}


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}

a{ color:#044687; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; 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;}

@media (min-width: 1200px)
{
	.container { max-width: 1140px;}
	.bannerarea-img-desc{ left:6%!important;}
	
}

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

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

.header-wraper { position:relative; width: 100%; z-index: 100;}

.top-wraper { position: relative; z-index: 20; background: #00375e; margin: 0 auto; padding: 0 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.top-block{ text-align: right;}
.top-1:last-child .top-1-inner{ margin:0;}
.top-1:nth-child(2){ text-align: center;}
.top-1{ display: inline-block; vertical-align: top;}
.top-1-inner{ margin:5px 15px;}
.top-1-icon { color: #3db0f6; display: inline-block; font-size: 14px; vertical-align: top; margin: 0 5px 0 0;}
.top-1-info { color: #fff; display: inline-block; font-size: 14px; font-weight:normal; vertical-align: top;}
.top-social{}
.top-social ul{ float:right; margin-top:3px;}
.top-social ul li{ display:inline-block;}
.top-social ul li a { color: #fff; display: inline-block; height: 32px; line-height: 32px; text-align: center; width: 32px; border-radius:100%; font-size: 14px;}
.top-social ul li a:hover{ text-decoration:none; color: #3db0f6;}

.middle-wraper{ padding:0 0; background:rgba(255, 255, 255, 0.15); }
.middle-wraper .logo{ width:270px; float:left; margin:10px 0; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.middle-wraper .logo img{ max-width:100%; transition:all 0.5s ease 0s;}
.middle-wraper .logo img.logo-white{}
.middle-wraper .nav-wraper{ width:66%; float:right; margin-top:25px; }

.sf-menu { margin:0 auto; text-align:center; float:right;}
.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{ position:relative;}

/*================================>> 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: #1c1f21; display:inline-block; font-size: 14px; font-weight:700; line-height: 15px; padding: 15px 10px; 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;}	

.sf-menu > li > a{ position:relative;}


.sf-menu > li { display: block; position: relative;	float: left;}
.sf-menu > li + li { margin-left:20px;}
.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: #3db0f6; }
.sf-menu > li.current > a{ }	

/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:65px;  left: 0; margin-left: 0; width: 220px; z-index:99; background: #fff ; text-align:left; box-shadow:0 0 7px rgba(0, 0, 0, .3);}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li { border-top: 1px solid #cfcfcf;}
.sf-menu > li > ul > li > a { display: block; padding: 6px 15px; color: #5a5a5a; font-weight:500; line-height: 24px; font-size:15px; 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: #fff; background:#00375e;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute;content:"\f107"; right: 5px; 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:0; left: -220px; z-index:99; position: absolute; text-align: left; width: 220px; background: #fff;}
.sf-menu li li ul:before { position: absolute; right: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent transparent transparent #00375e;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a {  display: block; padding: 6px 15px; color: #5a5a5a; font-weight:500; line-height: 24px; font-size:15px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li li + li a { border-top: 1px solid #cfcfcf;}
.sf-menu li li li a:hover {	color: #fff;}

.sticky { background: #fff; border-top: 0 none; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1100; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 6px rgba(0,0,0,.2); box-shadow:2px 2px 6px rgba(0,0,0,.2);}
.sticky{}
.middle-wraper.sticky .logo{ margin:10px 0;}
.middle-wraper.sticky .sf-menu > li > a{ }
.middle-wraper.sticky .logo img.logo-white { width: 60%;}
.middle-wraper.sticky .nav-wraper{ margin-top:10px;}
.middle-wraper.sticky .middlecallbtn{ margin:10px 0 0 0;}


.slider-wrapper{ position:relative; }
.slider-wrapper:before{}
.slider-home{ position:relative}
.slider-home:before{ background:linear-gradient(270deg, #161B394D 0%, #01385f 100%); position:absolute; left:0; width:100%; top:0; height:100%; content:""; z-index:10; opacity: .6;}
.slider-wrapper.default>div #slides img {width: 100%; animation: animate 15s ease;}
.slider-wrapper.default > div #left{ display:none;}
.slider-wrapper.default > div #right{ display:none;}


.homebtn{ padding-top:20px;}

@-webkit-keyframes animate {
0% {
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
-o-transform-origin: bottom right;
transform-origin: bottom right;
transform: scale(1.0);
}
100% {
transform: scale(1.12);
}
}


.themebtn{font-size:14px;color:#fff!important;padding:15px 30px;line-height:1;transition:all .5s; text-transform:uppercase; position:relative;cursor:pointer;text-align:center;overflow:hidden; z-index:1; background:#186da3; display:inline-block; box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; font-weight: 700; letter-spacing: 1px;}
.themebtn i{position:relative;top:1px;margin-right:5px}
.themebtn:before{top:0;left:0}
.themebtn:after,.themebtn:before{content:"";position:absolute;width:0;height:100%;background-color:#013661; z-index:-1;transition:all .5s}
.themebtn:after{bottom:0;right:0}
.themebtn.active{margin-left:20px;color:#fff;background:#f7b973}
.themebtn:hover{color:#fff; text-decoration:none;}
.themebtn:hover:before{left:auto;right:0;width:50%}
.themebtn:hover:after{left:0;right:0;width:50%}

.pagebtn { margin-top: 25px; float: left;width: 100%;}


.about-wraper{ padding: 70px 0; position: relative;}
.about-block{}
.about-1{ float: left; width:50%;}
.about-1-inner{ padding: 0 15px;}
.about-1-img{ display:flex; align-items: center; column-gap: 15px;}
.about-area-img{ width: 50%;}
.about-img{ }
.about-img img { max-width: 100%; border-radius: 10px;}
.about-area-img{}
.about1-img{ background-color: #196ea4; padding: 20px 0 10px; border-radius: 10px; text-align: center; margin-top: 20px;}
.about1-img h3{ font-size: 50px; line-height: 60px; color: #fff;}
.about1-img p{ text-align: center; color: #fff;}

.about2-img{ background-color: #00375e; padding: 20px 0 10px; border-radius: 10px; text-align: center; margin-bottom: 20px;}
.about2-img h3{ font-size: 50px; line-height: 60px; color: #fff;}
.about2-img p{ text-align: center; color: #fff;}


.about-1-info{ padding-left:0;}
.about-1-info h4{ color: #1b72a7; text-transform: uppercase; margin-bottom: 5px; position: relative; margin-left: 40px;}
.about-1-info h4:before{ background-color: #1b72a7; display: inline-block; position: absolute; content: ""; top: 11px; text-align: left; width: 30px; height: 2px; margin: 0px 10px 0px -40px;}
.about-1-info h4:after{ background-color: #1b72a7; display: inline-block; position: absolute; content: ""; top: 11px; text-align: left; width: 30px;	height: 2px; margin: 0px -40px 0px 10px;}
.about-1-info h1{ color: #212529; font-size: 50px; font-weight: 700; line-height: 60px; margin: 0 0 25px 0;	text-align: left;}
.about-1-info h3{ color: #1b72a7; text-transform: uppercase; margin: 15px 0 10px; position: relative;}
.about-1-info p{ margin-bottom:12px;}
.about-1-info a.themebtn{ margin-top:25px;}

.about1-block{ margin-top: 50px; background: #f9f9f9; padding: 20px;}
.about-2{}
.about-2-inner{}
.about-2-info{}
.about-2-info h5 { margin-bottom: 25px; text-align: center; font-size: 20px; font-weight: 400;line-height: 30px;}
.about-2-info ul{}
.about-2-info ul li { display: inline-block; background: #196ea4; padding: 10px 10px 10px 35px; color: #fff; position: relative; margin: 0 0 10px 0;	border-radius: 8px 30px 30px 8px; width: 32%;}
.about-2-info ul li::before { position: absolute; left: 12px; top: 7px; content: "\f00c"; color: #fff; font-family: 'FontAwesome'; font-size: 14px;}


.section-title{ text-align:center; margin-bottom:30px;}
.section-title h2 {color: #111315;font-size: 40px;font-weight: 700;	line-height: 55px;margin: 0 0 15px 0;text-transform: capitalize;}
.section-title .linehd{ background:#9e4b47; height:2px; width:100px; margin:0 auto; margin-top:10px;}
.section-title p{ margin-top:0;}
.sectionsubtitle{ color: #1b72a7; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; font-size: 14px; position: relative; font-weight: 600; margin-left: 0;}
.sectionsubtitle:before{ background-color: #1b72a7; display: inline-block; position: absolute; content: ""; top: 11px; text-align: left; width: 30px; height: 2px; margin: 0px 10px 0px -40px;}
.sectionsubtitle:after{ background-color: #1b72a7; display: inline-block; position: absolute; content: ""; top: 11px; text-align: left; width: 30px;	height: 2px; margin: 0px -40px 0px 10px;}
.section-title h3 { font-size: 25px; font-weight: normal; line-height: 35px; color: #196ea4; }

.section-title.white .sectionsubtitle {}
.section-title.white h2{ color: #fff;}
.section-title.white p{ color:#fff;}

.section-title.section-left{ text-align: left; padding: 0 15px;}


.services-wraper{ padding: 70px 0 70px; position: relative; background: #f9f9f9; }
.services-block {}
.services-1{ float: left; width: 33.33%; }
.services-1-inner{margin: 15px; position: relative; box-shadow: 3px 10px 20px #d3cfcf; border-radius: 10px 10px 10px 10px; overflow: hidden; transition: all 0.5s ease 0s; top: 0; background: #fff}
.services-1-img{ position: relative; overflow: hidden;}
.services-1-img img{ max-width: 100%; transition: all 0.5s ease 0s;}
.services-1-info{ padding: 25px;  transition: all 0.5s ease 0s;}
.services-1-info h3 { font-size: 15px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;}
.services-1-info p{}
.services-1-inner:hover .services-1-img img{ transform: scale(1.1);}
.services-1-inner:hover .services-1-info{ background: #00375e;}
.services-1-inner:hover .services-1-info h3{ color: #fff;}
.services-1-inner:hover .services-1-info p{ color: #fff;}

.services-1 .services-1-inner:hover{ top:-10px}


.formtable { border-collapse: collapse; margin: 0 10px 20px; padding: 0 10px; width: 98.3%;}
.formtable td{ border: 1px solid #5f6879; color: #a3a3a3; padding:10px; width:50%}
.formBlock { float: left; margin-bottom: 18px; padding: 0 10px; width: 50%;}
.formBlock .txtbox { background: #fff !important; border-radius: 3px; color: #212529; font-weight: normal;	height: 55px; letter-spacing: 1px; opacity: 1; padding: 0 15px; width: 100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); font-size: 14px; border: 1px solid #ced4da;}
.formBlock.formBlocktextarea{ width:100%}
.formBlock.formBlocktextarea textarea{ background: #fff !important; border-radius: 3px; color: #212529; height: 100px; width: 100%; border: none; padding: 15px; border: 1px solid #ced4da; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);}
.formBlock select.txtbox{ color: #adadad;}
.formBlock select.txtbox option{ color: #000;}
.formBlockSub { float: left; margin-top: 20px; padding: 0 10px; width: 100%; text-align:left;}
.formBlockSub .submit { background:#0566c4; color: #fff; cursor: pointer; font-weight: bold; padding: 15px 45px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); text-transform: capitalize; border-radius: 30px;}
label.error{ color:#e14434; }




.footer-wraper{ background:#1b212f url("../images/pattern-1.png") no-repeat center center; background-size: cover; padding:50px 0 0; position: relative;}
.footer-top{ position:relative; margin-bottom: 60px;}
.footer-logo{ }
.footer-logo img{ max-width:80%;}

.footer-txt{ font-size:15px; margin-top: 15px; color: #e4e4e4}

.footer-social{ margin-top: 15px;}
.footer-social ul{}
.footer-social ul li{ float:left; margin:0 10px 0 0}
.footer-social ul li a {line-height: 35px;color: #fff;background: #3368c6;border-radius: 100%;display: block;float: left;height: 35px;margin: 0;	text-align: center;width: 35px;font-size: 13px;}
.footer-social ul li a:hover{ text-decoration:none; background:#044687; color:#fff;}

.footer-block{ position: relative;}
.footer-1{ float:left; width:33.33%;}
.footer-1-inner{ padding:0 15px;}

.footer-info{}
.footer-info p { color: #e4e4e4; font-size: 15px; line-height: 26px; margin: 15px 0; text-align: left;}
.footer-info a { color: #f7847e; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.footer-info a:hover{ text-decoration:none;}
.footer-1-inner h3 { font-size: 18px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; position: relative; text-transform: uppercase; padding-bottom:7px; color: #fff;}
.footer-1-inner h3:before{ position:absolute; left:0; bottom:0; background:#044687; content:""; width:40px; height:2px;}
.addBlock{}
.addIcon{}
.addIcon i{}
.addDetail{}
.addBlock{ margin-bottom:15px;}
.addBlock .addIcon { float: left; height: 30px; line-height: 30px; margin: 0 10px 0 0; text-align: center;	width: 30px; border-radius: 50%; background: #3368c6; color: #fff;}
.addBlock .addIcon i { color: #fff; font-size: 14px;}

.addBlock .addDetail{ width:85%; float:right; font-size:15px; text-align:left; color:#e4e4e4;}

.servlist{ float: left; width: 100%;}
.servlist li{ padding: 6px 0 6px 15px; position: relative; font-size: 15px; float: left; width: 50%; text-align: left;}
.servlist li:before { color: #3368c6; content: "\f04d"; font-family: FontAwesome; font-size: 8px; left: 0; position: absolute; top: 5px; transform: rotate(45deg);}
.servlist li a{ color: #e4e4e4;}
.servlist li a:hover{ text-decoration: none; color: #3368c6;}

.hours-list{}
.hours-item{ border-bottom:1px solid #4d4d4d; padding:10px 0;}
.hours-item span { color: #e4e4e4; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; width: 25.33%;}
.hours-item span:nth-child(1){ text-align:left;}
.hours-item span:nth-child(2){ text-align:center;}
.hours-item span:nth-child(3){ text-align:right;}
.hours-item h6{}
.hours-item h6:last-child{}
.hours-item:nth-child(2) span{ color: #e4e4e4;}

.copyright{ padding:15px 0; margin-top: 50px; position: relative; border-top: 1px solid rgba(255, 255, 255, .1);}
.copyblock{}
.copy-1{ float:left; width:50%; text-align:left; color:#e4e4e4; font-size:14px; padding: 0 15px;}
.copy-1-inner{}
.copy-1-inner a{ color:#0566c4;}
.copy-1:last-child{ text-align:right;}



a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; margin-top: 0; text-align: center;}
a#backtop {  background-color: #0566c4; border-radius:50%; bottom: 35px; height: 35px; line-height: 35px; position: fixed; right: 15px; text-decoration: none; width: 35px; z-index: 9999; font-size: 20px; font-weight: 400; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
a#backtop:hover{ text-shadow: 0 3px 0 #000, 0 4px 2px #fff; -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff; background:#4e3224  ;}  

.innerbanner-wraper{ background-size: cover!important; position: relative; padding: 70px 0;}
.innerbanner-wraper:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(270deg, #161B394D 0%, #01385f 100%); opacity: .7;}
.innerbanner-block{ position: relative; max-width: 50%}
.innertoptitle{}
.innertoptitle h1{ color: #fff; font-size: 50px; font-weight: 700; line-height: 60px; margin: 0 0 20px 0; text-align: left;}
.innertopdesc{ margin-bottom: 20px;}
.innertopdesc p{ color: #fff;}
.breadcrum{}
.breadcrum ul{}
.breadcrum ul li{ display: inline-block; margin: 0 10px 0 0; color: #fff;}
.breadcrum ul li a{ color: #fff;}
.breadcrum ul li a:hover{ text-decoration: none; color: #3db0f6;}

.integration-wraper{ background: #f9f9f9; padding: 70px 0; position: relative;}
.integration-block{}
.integration-1:first-child{ float:right;}
.integration-1{ float: left; width: 50%;}
.integration-1-inner{ margin: 15px;}
.integration-1-img{}
.integration-1-img img{ max-width: 100%; border-radius: 10px;}
.integration-1-info{}
.integration-1-info ul{}
.integration-1-info ul li { background: #196ea4; padding: 20px; margin-bottom: 10px; border-radius: 5px;}
.integration-1-info ul li:before{}
.integration-1-info ul li h3{ font-size: 20px; text-align: left; margin-bottom: 10px; color: #fff}
.integration-1-info ul li p{ color: #fff; margin-bottom: 12px;}

.integration-wraper.integration1-wraper .integration-1{ width:100%;}
.integration-wraper.integration1-wraper .integration-1 .integration-1-info ul{ text-align:center;}
.integration-wraper.integration1-wraper .integration-1 .integration-1-info ul li { display: inline-block; width: 23%; vertical-align: top; margin: 10px; min-height: 255px;}
.integration-wraper.integration1-wraper .integration-1 .integration-1-info ul li p{ text-align:left;}

.integration-wraper.integration1-wraper.integration2-wraper .integration-1 .integration-1-info ul li{ width: 31%; min-height: 185px;}

.about-wraper.aboutsinglelist-wraper{}
.about-wraper.aboutsinglelist-wraper .about-1-info ul{}
.about-wraper.aboutsinglelist-wraper .about-1-info ul li{ position: relative; padding: 10px 0 10px 25px;}
.about-wraper.aboutsinglelist-wraper .about-1-info ul li:before{ position: absolute; left: 0; top: 9px; content: "\f00c"; color: #196ea4; font-family: 'FontAwesome'; font-size: 14px;}

.about-wraper.aboutsingle-wraper .about-area-img { width: 100%;}

.singlecontnet-wraper{ padding: 70px 0; position: relative;}
.singlecontent-block{}
.singlecontent-1{}
.singlecontent-1-inner{}
.singlecontent-1-info{}
.singlecontent-1-info p{ font-size: 18px; line-height: 28px; text-align: center; font-weight: 600;}

.typessec-wraper{ position: relative; padding: 70px 0; background: #f9f9f9;}
.typessec-block{}
.typessec-1:nth-child(2) .typessec-1-img{ order:2;}
.typessec-1{ margin: 0 0 50px;}
.typessec-1-inner{ display: flex;align-items: center; column-gap: 20px; }
.typessec-1-img{ width: 50%;}
.typessec-1-img img{ max-width: 100%; border-radius: 10px;}
.typessec-1-info{ width: 50%;}
.typessec-1-info h3{ font-size: 30px; font-weight: 600; line-height: 40px; margin-bottom: 15px;}
.typessec-1-info ul{}
.typessec-1-info ul li{ position: relative; padding: 10px 0 10px 25px;}
.typessec-1-info ul li:before{ position: absolute; left: 0; top: 9px; content: "\f00c"; color: #196ea4; font-family: 'FontAwesome'; font-size: 14px;}

.innercontent-wraper{ padding:70px 0; background:#f9f9f9;}
.innercontent-block{}
.innercontent-1{ float:left; width:50%;}
.innercontent-1-inner{ padding:0 15px;}
.innercontent-1-img{}
.innercontent-1-img img { background: #fff; border: 1px solid #eee; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); max-width: 100%; padding: 8px;}

.innercontent-1-info{}
.innercontent-1-info p{}

.innercontent-wraper p{ margin-bottom:12px; text-align:left;}
.innercontent-wraper ul{ margin:0 0 10px 20px; padding:0;}
.innercontent-wraper ul li{ list-style:none; padding:3px 0; text-align:left; position:relative; font-weight:500;}
.innercontent-wraper ul li:before{left:-13px; top:3px; font-family: 'FontAwesome'; color:#1c8fc6; content:"\f111"; font-size:8px; position:absolute; }
.innercontent-wraper ol{ margin:0 0 10px 20px; padding:0;}
.innercontent-wraper ol li{ list-style:decimal; padding:3px 0; text-align:left; font-weight:500; }
.innercontent-wraper a{ color:#ffa024; }
.innercontent-wraper a:hover{ color:#1d47e1; text-decoration:none; }
.innercontent-wraper h2{ color: #1a2131; font-size: 22px;  line-height: 30px;  margin:12px 0; font-weight:normal;}
.innercontent-wraper h3{ color: #1a2131; font-size: 20px;  line-height: 30px;  margin:12px 0; font-weight:normal;}
.innercontent-wraper h3 strong{ font-weight:normal;}
.innercontent-wraper h4{ color: #1a2131; font-size: 19px;  line-height: 30px;  margin:12px 0; font-weight:500;}
.innercontent-wraper h5{ color: #1a2131; font-size: 18px;  line-height: 30px;  margin:12px 0; font-weight:500;}

#menu-icon{ display:none;}  


@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container{ width:98%; margin:0 auto; max-width:1000px;}
	.banner-img-desc{ left:0;}
	.banner-img-desc h2{ font-size:50px; line-height:70px;}
	#expertise-carousel{ max-width:800px;}
	.lefttitme-block::before{ width:83%;}
	.attend-block h3{ font-size:20px;}
	.register-section .sec-title h2{ font-size:30px;}
	.register-section .title-column .inner{ padding:20px;}
	.services-1-info{ padding:10px;}
	.about-1-info h1 { font-size: 28px; line-height: 38px; margin: 0 0 10px 0;}
	.innerbanner-block { position: relative; max-width: 100%; padding: 0 15px;}
	.innerbanner-wraper{ padding:40px 0;}
	.innertoptitle h1 { font-size: 35px; line-height: 45px; margin: 0 0 10px 0;text-align: left;}
	.about-2-info ul li{ width:100%;}
	.integration-1{ width:100%;}
	.integration-wraper.integration1-wraper .integration-1 .integration-1-info ul li{ width:100%; margin: 10px 0; min-height: 100%;}
	.typessec-1-inner{ display:block; padding: 0 15px;}
	.typessec-1-img{ width:100%;}
	.typessec-1-info{ width:100%; margin-top: 20px;}
	.typessec-1-info h3 { font-size: 22px; font-weight: 600; line-height: 30px; margin-bottom: 5px;}
	.integration-wraper.integration1-wraper.integration2-wraper .integration-1 .integration-1-info ul li{ width:100%; margin: 10px 0;}
	
	
	
	
	

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container{ width:98%; margin:0 auto; max-width:750px;}
	#menu-icon { border: 1px solid #00375e; border-radius: 5px; color: #00375e; cursor: pointer; display: block; float: right; margin: 13px 0 10px; width: 100px; position:relative;}
	#menu-icon i{ font-size:20px; color:#00375e; padding:10px; cursor:pointer;}
	#menu-icon span{ color:#00375e; text-transform:uppercase; font-weight:bold;} 
	.menu-container-1 { left: 8px; position: absolute; top: 130px;width: 98%;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	.sf-menu > li > a{ color:#5a5a5a;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%;}
	.sf-menu > li + li{ margin:0;}
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left;}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.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{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(../images/toogle-button2.png) no-repeat right -54px; height: 35px; position: absolute; right: 25px; top: 4px; width: 150px; z-index:200; cursor:pointer;}
	
    .sf-menu li strong.opened { background-position: right 7px;}
    .sf-menu > li{ background:#f9f9f9;}  
	.sf-menu li ul { background: #e4e4e4; padding: 12px 28px; max-width: 100%;}
	
	.sf-menu li li ul { left: 0;position: relative;text-align: left;width: 100%;background: #fff; padding: 0;}
	
	
	.banner-img-desc h2 { font-size: 35px; line-height: 50px;}
	#expertise-carousel { max-width: 550px;}
	.lefttitme-block::before { width: 78%;}
	.section-title h2{ font-size:30px; line-height:40px;}
	.about-1-inner h2{ font-size:26px; line-height:36px;}
	.feature-1 { float: left; width: 50%;}
	.strip-block h2{ font-size:25px; line-height:35px;}
	.register-1:first-child { width: 100%;}
	.register-1{ width:100%;}
	.innercontent-1:first-child{ margin-bottom:20px;}
	.innercontent-1{ width:100%;}
	.form-border{ padding:0 15px;}
	
	.middle-wraper .nav-wraper { width: 35%; float: right; margin-top: 5px;}
	.slider-caption h2 {font-size: 35px;font-weight: 700;line-height: 45px;text-transform: capitalize;}
	.about-1 { float: left; width: 100%;}
	.about-1:last-child{ margin-top:35px;}
	.services-1 { float: left; width: 50%;}
	.footer-1 { float: left; width: 100%;}
	.footer-1:nth-child(2){ margin:35px 0;}
	
	
	
	
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container{ width:98%; margin:0 auto; max-width:600px;}
	.middle-wraper .nav-wraper{ margin-top:5px;}
	.lefttitme-wraper{ margin-top:35px;}
	.lefttitme-block h3 {  margin: 0 0 20px 0; text-align: center; width: 100%; font-size:24px;}
	.lefttitme-block::before{ display:none;}
	.lefttitme-block{ padding:20px;}
	.section-title h2 { font-size: 24px; line-height: 35px;}
	.about-1{ width:100%;}
	.about-1:first-child{ margin-bottom:20px;}
	.about-wraper{ padding:35px 0;}
	.about-block{ margin-top:35px;}
	.attend-wraper{ padding:35px 0;}
	.footer-1 { float: left; width: 100%;}
	.footer-wraper{ padding:35px 0 0 0;}
	.footer-1:nth-child(2){ margin:20px 0;}
	.top-1{ display:none;}
	.top-1:last-child{ display:block;}
	.top-social ul { width: 100%; text-align: center;}
	
	
	
	
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.container{ width:98%; margin:0 auto; max-width:440px;}
	
	#menu-icon i { font-size: 17px; padding: 10px;}
	#menu-icon span{ font-size:14px;}
	.middle-wraper .logo{ width:200px;}
	.middle-wraper .nav-wraper{ width:35%;}
	.banner-img-desc h2 { font-size: 24px; line-height: 34px; padding:0;}
	.section-title h2 { font-size: 29px; line-height: 38px;}
	.feature-1{ width:100%;}
	.feature-1-inner { margin: 15px 0;}
	.strip-block h2 { font-size: 19px; line-height: 30px;}
	.register-section .sec-title h2 { font-size: 21px; line-height: 30px; margin-bottom: 15px;}
	.register-1:last-child .register-1-inner { padding: 20px;}
	.formBlock { padding: 0; width: 100%;}
	.footer-top { margin-bottom: 20px; padding-bottom: 20px;}
	.copyname { font-size: 14px; text-align: center; width: 100%;}
	.copyright { text-align: center; width: 100%;}
	.footerlast-wraper{ margin:0;}
	.about-wraper{ padding-bottom:0;}
	.slider-caption{ max-width:100%; padding: 0 15px; left: 0;}
	.services-1 { float: left; width: 100%;}
	
	
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto;}
	.top-wraper .callBlock .phoneDesc { float: left; padding: 0 10px; text-align: center; width: 100%;}
	.reqBlock .social ul li { display: inline-block; float: none; margin: 0;}
	.top-wraper .reqBlock{ width:100%; text-align:center; margin:10px 0 5px;}
	.middle-wraper .logo { width: 190px;}
	.middle-wraper .nav-wraper { margin-top: 0;}
	.menu-container-1 { top: 105px; width: 95%;}
	.section-title h2 { font-size: 23px; line-height: 33px;}
	.ai-images .aboutimg-3 img { max-width: 50px;}
	.aboutimg-3{ right:90px;}
	.about-1-inner ul li{ font-size:15px;}
	.about-1-inner ul{ width:100%; margin:0;}
	.feature-1-inner { margin: 15px;}
	.register-section .title-column .inner { padding: 20px 10px;}
	.register-block{ margin:0 15px;}
	.footer-top { margin:0 15px 20px; padding:0 0 20px;}
	.lefttitme-block { margin: 0 15px; padding: 20px;}
	.innerHeading h1{ font-size:25px; line-height:35px;}
	.slider-caption h2 { font-size: 20px;line-height: 30px;}
	.slider-caption .slidertitle{ line-height:24px;}
	.about2-img h3{ font-size:40px; line-height: 50px;}
	.copy-1{ width:100%; text-align: center;}
	.copy-1:last-child { text-align: center;}
	
	

}