body{margin:0px;padding:0px;font-family: 'Montserrat', sans-serif;font-size:14px; line-height:28px;-webkit-text-size-adjust:100%; height:100%; color:#23282d; text-align:justify;}
*{-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: 'Montserrat', sans-serif; color:#23282d;}


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:#ea3a61; -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;}

p{ font-size:15px; text-align:left; line-height:25px; margin-bottom:12px;}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #1a1a1a;opacity: .9;
}

:-moz-placeholder {
	color: #1a1a1a;opacity: .9;
}

::-moz-placeholder {
	color: #1a1a1a;opacity: .9;
}

:-ms-input-placeholder {
	color: #1a1a1a; opacity: .9;
}

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

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

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

.middle-back{ }

.middle-wraper{ padding:0 0; transition:all 0.5s ease 0s; }


.middle-wraper .logo{ width:70px; 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{ display:block;}
.middle-wraper .logo img.logo-dark{ display:none;}

.middle-wraper.pagemiddlewraper{ border-bottom: 1px solid rgba(255, 255, 255, .1);}

.middle-wraper .nav-wraper { float:right; width: 100%; max-width:75%; margin-top:25px;}

.middle-right { float: right; max-width: 25%; width: 100%; text-align:right;}
.midbtn{}
.midbtn a { background:linear-gradient(70deg, #ffa024 0%, #ffe91c 100%); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); color: #fff; display: inline-block; font-size: 13px; font-weight: 500; letter-spacing: 2px; margin: 11px 10px 0; padding: 6px 30px; position: relative; text-transform: uppercase; z-index: 10; overflow:hidden;}
.midbtn a:before { background-color: #ffe91c; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 0; z-index: -1; border-radius: 50px;}
.midbtn a:hover:before{ width:100%;}
.midbtn a:hover{ text-decoration:none;}
.socialbtn{ float:right; margin-top:15px;}
.socialbtn a:hover{}
.socialbtn a{}
.socialbtn img{ margin:0 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); border:1px solid rgba(255, 255, 255, .5);}


.sf-menu { 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;}
/*.sf-menu > li:before{ position:absolute; left:-10px; top:30px; width:6px; height:6px; border-radius:100%; content:""; background:#fff;}*/
.sf-menu > li:first-child:before{ display:none;}
/*================================>> 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: 14px; font-weight:600; line-height: 15px; padding: 15px 15px; 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:last-child > a{  }
.sf-menu > li:last-child > a:hover{ }

.sf-menu > li { display: inline-block; float:left; position: relative;}
.sf-menu > li + li { margin-left:0;}
.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-bottom:2px solid #e7174d; color:#fff;}
.sf-menu > li.current > a{ border-bottom:2px solid #e7174d; color:#fff;}	
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:95px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  left: 0; margin-left: 0; width: 220px; z-index:99; background: #14181b; text-align:left; transition:all 0.5s ease 0s; opacity:0;}

.sf-menu > li:hover > ul, .sf-menu > li.sfHover:hover > ul{ top:80px; opacity:1;}

.sf-menu > li.dropdown ul { left: -200px; width: 600px;}
.sf-menu > li.dropdown ul li{ float:left; width:50%; text-align:left;}
.sf-menu > li:nth-child(3) ul{  left: -270px; width: 600px;}
.sf-menu > li:nth-child(3) ul li{ float:left; width:50%; text-align:left;}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li a { border-top:1px solid rgba(255, 255, 255, 0.1); }
.sf-menu > li > ul > li > a { color: #fff; display: block; font-size: 12px; font-weight: 500; line-height: 20px; padding: 11px 5px; margin: 0 5px; text-transform: uppercase; transition: all 0.5s ease 0s; letter-spacing: -.5px;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #e7174d; }
.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;}

.sticky { 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); background:#14181b;}
.sticky{}
.middle-wraper.sticky .logo img.logo-white{ }
.middle-wraper.sticky .logo img.logo-dark{ }
.middle-wraper.sticky .sf-menu > li > a { }
.middle-wraper.sticky .sf-menu > li > a:hover{ }
.middle-wraper.sticky{ opacity:1;}
.middle-wraper.sticky .logo{ margin:5px 0; width:60px; }
.middle-wraper.sticky .logo img.logo-white { }
.middle-wraper.sticky .nav-wraper{ margin-top:6px;}


.slider-wrapper{ position:relative; }
.slider-wrapper:before{}
.slider-home{ position:relative}
.slider-home:before{ background:rgba(0, 0, 0, .7); position:absolute; left:0; width:100%; top:0; height:100%; content:""; z-index:10;}
.slider-wrapper.default > div #left{ display:none;}
.slider-wrapper.default > div #right{ display:none;}
.slider-wrapper.default>div #slides img {width: 100%; animation: animate 15s ease;}
.slider-wrapper.default>div #bullets{ display:none;}
/*@-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.3);
}
}*/


.banner-wraper{ position:relative}
.banner-block{}
.banner-img-div img{ max-width:100%;}
.banner-img-div{}
.banner-img-desc{ position:absolute; width:100%; text-align:left; top:45%; max-width:600px; font-weight:700; left:4%; z-index:10;}
.banner-img-desc h1{ color: #ffffff;font-size: 50px; font-weight: 600; letter-spacing: 1px; line-height: 60px; margin: 0 0 0;text-transform: uppercase; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);}
.banner-img-desc h2 { color: #ffffff; font-size: 22px; font-weight: 600; line-height: 32px; margin: 0; padding-bottom: 20px; text-transform: uppercase;}

.banner-img-desc p.first-para{color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 24px; text-align:left; max-width:80%; margin:0 auto 12px; font-style:italic;}
.banner-img-desc h3{ font-size:24px; font-weight:700; line-height:34px; color:#fff; text-transform:uppercase; padding-bottom:15px}
.banner-img-desc h4 { color: #faac1d; display: inline-block; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0;}
.banner-img-desc h5 { color: #fff; font-size: 25px; font-weight: 700; line-height: 40px; margin: 6px 0; padding-bottom: 15px; padding-top: 10px;}
.banner-img-desc h4 span{ color:#ff7300;}
.banner-logo{ margin-bottom:50px;}
.banner-logo img{ max-width:35%;}
.banner-img-desc .slidertxt { color: #fff; font-size: 17px; font-weight:normal; line-height: 26px; padding: 0 0 35px;}


.downloadbtn {margin: 30px auto 0; padding-bottom: 0;}

.theme-btn { background: #e7174d; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); color: #fff; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 2px;  line-height: 25px; margin: 0 10px; overflow: hidden; padding: 11px 30px;  position: relative; text-transform: uppercase; z-index: 10; border-radius: 5px;}
.theme-btn:before{ background-color: #23282d; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 0; z-index: -1;}
.theme-btn:hover:before{ width:100%;}
.theme-btn:hover{ text-decoration:none;}

.theme-btn.active{ background-color: #101130;}
.theme-btn.active:before{ background: #f7c600;}

.aboutbox-wraper{}
.aboutBlock{}
.aboutBlock .aboutBox{ width:33.33%; float:left; min-height:274px;}
.aboutBox.blue{ background:#12b6b7 url(../images/icon01.png) center center no-repeat;}
.aboutBox.yellow{ background:#e78102 url(../images/icon02.png) center center no-repeat;}
.aboutBox.pink{ background:#e70a39 url(../images/icon03.png) center center no-repeat;}

.aboutBox p.small-text{ font-weight:bold; letter-spacing:4px; font-size:17px; text-transform: uppercase; padding:90px 25px; color:#fff; text-align:center; line-height:26px;}




.section-title{ text-align:center; margin-bottom:30px; position:relative;}
.section-title h2{ color: #23282d; font-size: 23px; font-weight: 600; letter-spacing: 1px; line-height: 28px; text-transform:uppercase; margin-bottom:15px;}
.section-title h2 span{ font-size:18px;}
.section-title .divider{ width:45px; height:4px; margin:0 auto; background:#e7174d; border-radius:10px;}
.section-title.white h2{ color:#fff;}

.about-wraper .section-title{ }
.about-wraper .section-title .divider { }
.about-wraper{ padding:50px 0;}
.about-row{ }
.about-row p{ text-align:left; margin:0;}



.about-block{ margin-top:70px;}
.about-1{ float:left; width:50%;}
.about-1-inner{ padding:0 15px;}
.about-1-img{}
.about-1-img img{ max-width:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: translateY(0px); transform: translateY(0px); transition:all 0.5s ease 0s;}
.about-1-info{ float: right; margin: -27% 19px 0 0; max-width: 350px; padding: 28px 50px; position: relative; top: 0; z-index: 10; background:#e7174d;}
.about-1-info h3{ color:#fff; font-size: 22px; font-weight: 600; letter-spacing: 2px; line-height: 28px; margin-bottom:15px;}
.about-1-info p{   font-size: 16px; line-height: 24px; margin-bottom: 15px; color:#fff;}
a.simplebtn { color: #fff; font-weight: bold; text-transform: uppercase; display:inline-block;}
a.simplebtn:hover{ text-decoration:none;}
.about-1-inner:hover .about-1-img img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transform: translateY(5px); transform: translateY(5px);}


.service-wraper{ padding:70px 0; position:relative; background:url(../images/bg.jpg) no-repeat center; background-size:cover;}
.service-wraper:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; background-color:rgba(41,55,66,0.8); }
.services-block{ position:relative;}
.services-1{ float:left; width:33.33%;}
.services-1-inner { border: 1px solid rgba(234, 58, 97, 0.5);  margin: 15px; min-height: 220px; padding: 20px 15px; position: relative; text-align: center;}
.services-1-front{ transition:all 0.5s ease 0s;}
.services-1-front i { border-radius: 100%; color: #fff; font-size: 25px; height: 50px; line-height: 50px; margin-bottom: 15px; text-align: center;  width: 50px;}
.services-1-title { color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase;}
.services-1-para{ color:#fff; line-height:22px; text-align: left;}
.services-1-back{ border-radius: 2px; left: 0; position: absolute; top: 0; transform: rotateY(180deg); transform-style: preserve-3d; width: 100%; transition:all 0.5s ease 0s; background:#e7174d; backface-visibility:hidden; height:100%; padding:25px;}
.services-1-inner:hover .services-1-back{  transform: rotateY(0deg); transform-style: preserve-3d;}
.services-1-inner:hover .services-1-front{ transform: rotateY(180deg); transform-style: preserve-3d; opacity:0;}
.services-1-back a.simplebtn{ margin-top:20px;}

.services-1:nth-child(1) .services-1-front i{ background:#00bac6; }
.services-1:nth-child(2) .services-1-front i{ background:#e78103; }
.services-1:nth-child(3) .services-1-front i{ background:#e7003e; }
.services-1:nth-child(4) .services-1-front i{ background:#e7003e; }
.services-1:nth-child(5) .services-1-front i{ background:#e78103; }
.services-1:nth-child(6) .services-1-front i{ background:#00bac6; }


.info-wraper{ padding:70px 0; position:relative;}
.info-block{}
.info-1{ float:left; width:25%;}
.info-1-inner{ margin:10px;}
.info-1-img{ position:relative;}
.info-1-img:before{ position:absolute; left:0; bottom:0; width:100%; height:0; background-color:rgba(41,55,66,0.3); content:""; transition:all 0.5s ease 0s;}
.info-1-img i { color: #fff; font-size: 42px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 100%; transition:all 0.5s ease 0s;}
.info-1-img img{ max-width:100%;}
.info-1-info{ background:#23282d; padding:25px; color:#fff; font-size:15px; font-weight:600; text-align:left; transition:all 0.5s ease 0s;}
.info-1-info span{}

.info-1-inner:hover .info-1-img:before{ height:100%;}
.info-1-inner:hover .info-1-img i{ opacity:1;}
.info-1-inner:hover .info-1-info{ background:#e7174d;}

.strip-wraper{ padding:50px 0 50px; position:relative; background:rgba(41, 55, 66);}
.strip-block{}
.strip-1:last-child{ }
.strip-1{ float:left; width:100%;}
.strip-1-inner{ padding:0 15px;}
.strip-1-inner h2 { color: #ffffff; font-size: 22px; font-weight: 600; line-height: 30px; text-align:center; text-transform: uppercase;}
.strip-1-btn{ text-align:right;}
.strip-1-btn a.themebtn{ font-size:20px; text-transform:uppercase; font-weight:700; padding:15px 20px; color:#e54053;}

.strip-wraper.strip1-wraper:before { border-color: #e54053 transparent transparent; border-style: solid; border-width: 20px 25px; bottom: -35px;  content: ""; left: 50%; position: absolute; transition: all 0.3s ease-in-out 0s;}

.choose-wraper .section-title{ text-align:left;}
.choose-wraper .section-title .divider{ margin:0;}
.choose-row{ text-align:left;}

.choose-wraper{ padding:50px 0 30px; position:relative; background: #e4e4e4;}
.choose-block{}
.choose-1{ float:left; width:33.33%; margin:10px 0;}
.choose-1-inner{ padding:0 15px;}
.choose-1-info{ overflow:hidden;}
.choose-1-info h3 { font-size: 16px; font-weight: 600; line-height: 26px; margin-bottom: 5px; text-transform: uppercase;}
.choose-1-info p{}
.choose-1-icon{ float:left; margin:6px 20px 0 0 ;}
.choose-1-icon i{ color:#e7174d; font-size:35px;}



.callback-wraper{ background:url(../images/callbg.jpg) left center; background-size:cover; padding:70px 0; position:relative;}
.callback-wraper:before{ position:absolute; left:0; bottom:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.7); content:""; transition:all 0.5s ease 0s;}
.callback-block{ position:relative;}
.callback-1{ float:right; width:50%;}
.callback-1-inner{ padding:0 15px;}
.callback-1-inner h3 {color: #23282d;font-size: 22px;font-weight: 600;line-height: 34px;margin-bottom: 30px;padding: 0 10px;text-transform: none;text-align: left;}
.formBlock:nth-child(3){ width:100%;}
.formBlock { float: left; margin-bottom: 18px; padding: 0 10px; width: 50%;}
.formBlock .txtbox { background:none; border: 2px solid #a6a9aa; color: #000; font-family: 'Montserrat', sans-serif; font-weight: normal; height: 55px; padding: 0 15px;  width: 100%;}
.formBlock select.txtbox{ color: #a3a3a3;}
.formBlockSub { float: left; margin-top: 0; padding: 0 10px; width: 100%;}
.formBlockSub .submit { background:#ea3a61; border-radius: 5px; color: #fff; cursor: pointer; font-family: 'Montserrat', sans-serif; font-weight: bold; padding: 12px 28px; text-transform: capitalize;}
.formBlock.formBlockarea{ width:100%;}
.formBlock.formBlockarea .txtareabox{ background:none; border: 2px solid #a6a9aa; color: #000; font-family: 'Montserrat', sans-serif; font-weight: normal; height: 100px;  padding: 0 15px;  width: 100%; font-size:15px;}
label.error{ color:#e14434; }



.footer-wraper{ padding:60px 0 0; background:#23282d;}
.footer-block{}
.footer-1:nth-child(1) .footer-1-inner{ padding-left:15px}
.footer-1:nth-child(3) .footer-1-inner{ padding-right:15px}
.footer-1:nth-child(3) .footer-1-inner:before{ display:none;}
.footer-1{ float:left; width:33.33%;}
.footer-1-inner { min-height: 230px; padding: 0 70px; position: relative;}
.footer-1-inner:before{ position:absolute; right:0; top:0; width:1px; height:100%; content:""; background:rgba(255, 255, 255, 0.25)}
.footer-1-inner h3 { color: #fff; font-size: 22px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px;}
.footer-1-inner h4 { color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 12px;}
.footer-1-inner h5 { color: #fff; font-size: 16px; font-weight: normal; letter-spacing: 1px; margin-bottom: 12px;}
.footer-1-inner p { color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 300; margin-bottom: 5px; line-height: 24px;}
.footer-1-img{}
.footer-logo{ margin-bottom:30px;}
.footer-logo img{ max-width:75%;}
.footer-1-img{}
.footer-1-img img{ max-width:45%;}
.footer-1-inner a{ color:#e4e4e4;}
.usefullinks{ text-align:left;}
.usefullinks li{ text-align:left; position:relative; padding:3px 0 3px 25px; font-size:14px; font-weight:normal; color:rgba(255, 255, 255, 0.6); }
.usefullinks li:before{position:absolute; left:0; top:5px; content:"\f046"; color:#e7174d; font-family: 'FontAwesome';}

.usefullinks li a{ font-weight:normal; color:rgba(255, 255, 255, 0.7);}
.usefullinks li a:hover{ text-decoration:none; color:#e7174d;}

ul.contact-info li {  border: none; box-shadow: none; position: relative; padding: 0px 0px 5px 30px; text-align:left; margin-bottom:15px;}
ul.contact-info li i { font-size: 21px; color:#e7174d; position: absolute; top: 3px; left: 0;}
ul.contact-info li span { display: block; color:rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 400; line-height: 26px;}

.sontactsubtitle{ color:#fff; font-weight:800; text-transform:uppercase;}

.contactus{}
.contactus i{ color:#f70068; margin:0 7px 0 0;}
.contactus p{ margin:10px 0;}
.social-icon-one{ position:relative; margin-top:0;}
.social-icon-one li { display: inline-block; margin-bottom: 0; margin-right: 8px; position: relative;}
.social-icon-one li a{ background-color: #fff; color: #ea3a61; display: block; font-size: 16px; height: 40px; line-height: 40px; position: relative; text-align: center; transition: all 900ms ease 0s; width: 40px; border-radius:100%;}
.social-icon-one li a i{ margin:0; }

.social-icon-one li a:hover{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.social-icon-one li a:hover{background-color: #ea3a61; color: #ffffff;}
.social-icon-one li a:hover i{ color: #ffffff;}

.footerlast-wraper { background: #30353a; margin-top: 50px; padding: 15px 0;}
.footerlast-block{}
.socialtop{}
.socialbottom{ border-bottom:1px solid rgba(255, 255, 255, .3); padding-bottom:30px; margin-bottom:35px;}
.socialbottom ul{ text-align:center;}
.socialbottom ul li{}
.socialbottom ul li a{ border-radius:100%; border:none;}
.socialbottom ul li a:hover{}
.socialbottom ul li a.facebook{ background:#4966ab;}
.socialbottom ul li a.twitter{ background:#35abdb;}
.socialbottom ul li a.linkedin{ background:#0674b0;}
.socialbottom ul li a.pinterest{ background:#e94642;}

.copyright { color: #e4e4e4; float: left; font-size: 14px; text-align: right; width: 50%;}
.copyname{ color: #e4e4e4; float: left; font-size: 14px; text-align:left; width: 50%;  margin-top:10px;}

a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop {  background:#ea3a61; border-radius:50%; bottom: 15px; height: 45px; line-height: 5px; position: fixed; right: 15px; text-decoration: none; width: 45px; 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  ;}  

.socialbtnstick{ position:fixed; z-index:9999; right:15px; bottom:65px;}
.socialbtnstick a{ display:block; font-size:16px; border-radius:100%; color:#fff; width:45px; height:45px; line-height:45px; text-align:center; margin-top:5px;}
.socialbtnstick a.fb{ background:#354d8e;}
.socialbtnstick a.lin{ background:#347ed4;}
.socialbtnstick a.tw{ background:#00a3f6;}
.socialbtnstick a:hover{ text-decoration:none;}

 


.inner-banner-wraper{ background:#18222b;  padding:140px 0 40px; position:relative; }


.innerbanner-block{}
.innerHeading{ text-align:center; position:relative;}
.innerHeading h1{ color: #fff;font-size: 23px;font-weight: 600;letter-spacing: 1px;line-height: 28px;	text-transform: uppercase;margin-bottom: 15px;}
.innerHeading .decor{ background:#fff;}
.innerHeading .decor:before{ background:#fff;}
.breadcrum{ text-align:center; position:relative;}
.breadcrum ul{}
.breadcrum ul li { display: inline-block; font-size: 13px; text-transform: uppercase; color:rgba(255, 255, 255, .8); font-weight: 500;}
.breadcrum ul li a{ color:rgba(255, 255, 255, .8);}
.breadcrum ul li a:hover{ color:#fff; text-decoration:none;}
.breadCrumTP{ color:#fff;}
.breadCrumTP a { color: rgba(255, 255, 255, 0.8); font-size: 13px; font-weight: 500; padding: 0 5px; text-transform: uppercase;}

.inner-content-wraper{ padding:50px 0;}
.leftServBlock{ width:320px; float:left;}
.leftServBlock h2{ color: #252525; font-size: 20px; font-weight: 600; line-height: 38px; text-transform: uppercase; margin-bottom:25px;}
.leftServBlock ul{}
.leftServBlock ul li{ padding:7px 0 7px 20px; border-bottom:1px solid #f1f1f1; position:relative;}
.leftServBlock ul li:before{ position:absolute; left:0; top:7px; color:#00a4ef; content:"\f00c"; font-family: "FontAwesome";}
.leftServBlock ul li a{ color:#00a4ef; margin:0;}
.leftServBlock ul li a:hover{ margin:0 0 0 5px;}

.rightDetailBlock{ width:800px; float:right;}
.rightDetailBlock h1{ color: #252525; font-size: 20px; font-weight: 600; line-height: 38px; text-transform: uppercase; margin-bottom:25px;}
.rightDetailBlock p{ margin-bottom:12px;}
.rightDetailBlock ol{ margin:0 0 0 0; padding: 0 0 0 25px;}
.rightDetailBlock ol li{ padding:4px 0; list-style:decimal;}
.rightDetailBlock ul { margin:0 0 0 0; padding: 0 0 0 25px;}
.rightDetailBlock ul li{ padding:4px 0; list-style:square}

.innerAboutBlock{}
.innerAboutBlock p{ margin-bottom:12px; color:#5a5a5a;}
.innerAboutBlock h1{ color: #252525; font-size: 20px; font-weight: 600; line-height: 30px; text-transform: uppercase; margin:15px 0;}
.innerAboutBlock h2{ color: #252525; font-size: 20px; font-weight: 700; line-height: 30px; text-transform: uppercase; margin:15px 0;}

.formBorder{ float:left; width:60%;}
.formBorder h4{ color: #252525; font-family: "Raleway",sans-serif; font-size: 18px; font-weight: 600; line-height: 38px; text-transform: uppercase; margin:15px 0;}
.addBlock{ float:right; width:40%;}
.addBlock h4{ color: #252525; font-family: "Raleway",sans-serif; font-size: 18px; font-weight: 600; line-height: 38px; text-transform: uppercase; 
margin:0 0 15px;}
.addBlock i{ float:left; border:1px solid #00a4ef; height:30px; width:30px; line-height:30px; font-size:15px; color:#00a4ef; text-align:center;}
.addBlock span{ float:right; width:90%; text-align:left;}
.addBlock p{ float:left; width:100%;}

.client-wraper{ padding:50px 0 50px; border-top:1px solid #f1f1f1; background: #e9e9e9;}
.clientBlock{ max-width: 1000px; margin:20px auto 0; text-align:center;}
.clientBox{}
.clientBoxInner{}
.clientDesc{ margin-bottom:30px; font-size:17px;}
.clientDesc p{ text-align: center}
.clientInfo{ font-weight:bold; color:#00a4ef ; text-transform:uppercase; font-weight:bold;}
.simple-heading h2{ color: #252525; font-size: 20px; font-weight: 700; line-height: 30px; text-transform: uppercase; margin:15px 0; text-align:center}
.missionblock{ border-left: 7px solid #ea3a61; padding: 0 0 0 10px;}


.formBorder.enquiryBoreder{ width:100%;}
.enquiryBoreder{}
.formBorder .enqBlock{}  
.enqBlock .engRow{ margin-bottom:20px;}
.enqBlock .enqInput{ float:left; width:33%;}
.enqInputMsg{}
.enqInputMsg .txtbox{ width:97%;}
.submit {margin-left: 0;background: #ea3a61;padding: 14px 35px;border: none;cursor: pointer;color: #fff;	text-transform: uppercase;font-weight: bold;letter-spacing: 1px;font-size: 14px;margin-top: 20px;}

.careerBlock{}
.careerBlock .engRow{ margin-bottom:20px;}
.careerBlock .careerInput{ float:left; width:50%;}
.careerInputMsg .txtbox{ width:95%}
.txtbox {border: 1px solid #e4e4e4;padding: 10px;height: 45px;width: 95%;}
label {width: 100%;float: left;}
em {font-weight: bold;padding-right: 1em;vertical-align: top;color: #ff0000;}
  
#menu-icon{ display:none;}  



@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:1000px;}
	
	.banner-img-desc{ left:2%;}
	.banner-img-desc h1 { font-size: 30px; line-height: 40px;}
	.banner-img-desc h2 { font-size: 30px; line-height: 40px; margin-bottom: 0;}
	.banner-img-desc h4 { font-size: 20px; line-height: 35px; padding-bottom: 30px;}
	.middle-wraper .logo{ }
	.middle-wraper .nav-wraper{ }
	.services-1-inner{ min-height:240px;}
	
	

}

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

@media screen and (max-width:990px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:760px}		
	.middle-wraper .logo { margin: 5px 0;}
	.middle-wraper{ background:#14181b;}
	.sf-menu > li + li{ margin:0;}
	.middle-wraper .nav-wraper { margin: 27px 0 0 0; max-width: 30%; text-align: right;}
	.middle-wraper .nav-wraper.nxtnav-wraper {margin-bottom: 0; margin-top: 0;}
	#menu-icon { color: #fff; cursor: pointer; display: block; font-size: 18px; left: 0; position:relative; top: 0;}
	#menu-icon span { font-size: 17px; font-weight: 500; margin: 0 0 0 6px; text-transform: uppercase;}
	.menu-menu-1-container{ width:100%; position:absolute; left:0; top:88px;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	.sf-menu > li ul{ width:100%; left: 0; opacity: 1;visibility: visible;}
	.sf-menu > li:nth-child(3) ul li{ width:100%; float: none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.sf-menu > li:nth-child(3) ul{ width:100%; left: 0; opacity: 1;visibility: visible;}
	.sf-menu > li:nth-child(3) ul li{ width:100%; float: none;}
	.sf-menu > li{ width:100%; margin:0;}
	
	.sf-menu > li > a{ padding:12px 15px; width:100%; text-align:left; color:#2a2a2a;}
	.sf-menu > li > a:hover{ color:#e70a39;}
	.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; color:#e70a39;}
	.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: 12px; width: 150px; z-index:200; cursor:pointer;}
	
    .sf-menu li strong.opened { background-position: right 7px;}
    .sf-menu > li{ background:#f9f9f9;}
    li#menu-item-96 ul{ width:100%; float:left;}
    li#menu-item-96 ul li{ width:100%;}
    .sf-menu li ul { background: #e4e4e4; padding: 12px 28px; max-width: 100%;}
    #menu-icon{ display:block;}
    .header-wraper{ position:relative;}
	
	
	.type-1 { float: left; width: 50%;}
	.type-1:last-child{ width:100%; margin-top:30px;}
	.safe-1 { float: left; width: 100%; margin:10px 0;}
	.location-1:first-child{ width:100%; margin-bottom:30px;}
	.location-1{ width:100%;}
	.strip-1 { float: left; width: 100%;}
	.strip-1:last-child { float: right; text-align: center; width: 100%;}
	.strip-1-inner h2{ text-align:center;}
	.strip-1-inner p{ text-align:center;}
	.query-1{ width:100%; margin:15px 0;}
	.innerbanner-wraper{ padding:50px 0;}
	.branch-1-info h2{ font-size:26px; line-height:36px;}
	.banner-img-desc {left: 2%;top: 20%;}
	.services-1{ width:50%;}
	.aboutBox p.small-text{ padding: 75px 15px;}
	.services-1-inner{ min-height:220px;}
	.choose-1{ width:100%;}
	.footer-1{ width: 100%; margin: 10px 0;}
	.footer-1-inner {min-height: 100%;padding: 0 15px;position: relative;}
	.sf-menu > li.current > a{ color:#252525;}
	.inner-banner-wraper{ padding:40px 0;}
	.leftServBlock{ padding:0 15px; width: 100%;}
	.rightDetailBlock{ width:100%; padding: 0 15px; margin-top: 30px;}
	.imgBlockBox img{ max-width: 100%}
	.leftServBlock ul li{ text-align:left;}
	
	

  
  
 
	
	
}

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

@media screen and (max-width:767px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:600px}
	.support-wraper { margin-top: 0; position: relative; z-index: 20; padding-top: 30px;}
	.support-1{ width:100%;}
	.banner-img-desc h2 {font-size: 20px;line-height: 30px;margin-bottom: 0;padding-bottom: 5px;}
	.banner-img-desc .slidertxt{ font-size:16px; padding-bottom:15px;}
	.location-wraper{ padding:0 0 50px;}
	.type-1-list ul li{ margin-bottom:20px;}
	.control-1{ width:100%;}
	.footer-wraper{ padding:30px 0 0 0;}
	.nav-wraper.headerbtn{ width:100%;}
	.nav-wraper.headerbtn { max-width: 100%; width: 100%; text-align: left;}
	.branch-1{ width:100%;}
	.aboutBox p.small-text {padding: 40px 15px 0;}
	.aboutBlock .aboutBox{ min-height:210px;}
	.choose-wraper, .about-wraper, .service-wraper, .callback-wraper{ padding:40px 0;}
	.callback-1{ width:100%;}
	.footerlast-wraper{ margin-top:20px;}
	.careerBlock .careerInput{ width:100%;}
	.enqBlock .enqInput{ width:100%; margin-bottom: 12px;}
	.formBorder{ width:100%;}
	.addBlock{ width:100%; margin-top: 30px;}
	
	

	
}

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

@media screen and (max-width:580px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:440px}
	.banner-img-desc h1{ font-size:18px; line-height:28px;}
	.banner-img-desc h2{ font-size:16px; line-height:25px;}
	.banner-img-desc h4{ font-size:18px; line-height:27px;}
	.banner-img-desc h5{ font-size:18px; line-height:27px;}	
	.banner-img-desc { top: 9%; max-width: 96%;}
	.theme-btn{ padding:7px 20px; letter-spacing: 0; margin:0;}
	.aboutBlock .aboutBox{ width:100%; min-height: 100%; padding: 15px;}
	.aboutBox p.small-text{ padding:0; letter-spacing: 0;}
	.strip-wraper{ padding:40px 0;}
	.strip-1-inner h2{ font-size:18px; line-height: 27px;}
	
	.banner-img-desc .slidertxt { font-size: 15px; font-weight: normal; padding-bottom: 15px;}
	.location-1-title h2{ font-size:28px;}
	.type-1 { float: left; width: 100%;}
	.control-1-title{ font-size:28px; line-height:38px;}
	.formBlock{ width:100%;}
	.query-1-info h3{ font-size:28px;}
	.query-1-info ul li{ font-size:15px; width:32%;}
	.footer-1{ width:100%;}
	.copyname{ width:100%; text-align:center;}
	.copyright{ width:100%; text-align:center;}
	.box-1-info ul li{ width:48%; margin:5px 0;}

	
	.section-title h2{ font-size:18px;}
	.services-1{ width:100%;}
	.services-1-inner{ min-height: 100%; padding: 15px;}
	.innerHeading h1 {font-size: 18px;letter-spacing: 0;line-height: 25px;margin-bottom: 10px;}
	.innerAboutBlock{ padding:0 15px;}
	.inner-content-wraper{ padding:35px 0;}
	.addBlock span {float: right;width: 85%;text-align: left;}

	
	
	
	
	
}

/*##################################    for width 360px  ########################################*/

@media screen and (max-width:479px)
{
	.middle-wraper .logo{ width:50px;}
	.banner-img-desc {top: 15%;max-width: 96%; left: 10px;}
	.strip-1-inner h2 {font-size: 15px;line-height: 25px;}
	
	.banner-img-desc .slidertxt{ display:none;}
	.banner-img-desc h3 { font-size: 14px; line-height: 30px; padding-bottom: 0;}
	.theme-btn{ padding:7px 15px;}
	.query-1-info ul li{ width:48.5%}
	.branch-1-info ul li{ width:48.5%;}
	.aboutBox p.small-text{ font-size:15px;}
	.about-row, .choose-row{ padding:0 15px;}
	.choose-1-info h3{ text-align:left; font-size: 15px; line-height: 15px;}
	.callback-1-inner h3{ font-size:19px;}
	.middle-back {padding: 0 10px;}
	
	

}