@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/*font-family: 'Open Sans', sans-serif;*/

@font-face {
    font-family: 'josefin_sansbold';
    src: url('fonts/josefinsans-bold_1-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-bold_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansregular';
    src: url('fonts/josefinsans-regular_1-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-regular_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'josefin_sanssemibold';
    src: url('fonts/josefinsans-semibold_1-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-semibold_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
::-moz-selection{ background: #cae7fd; color:#4c4c4c; text-shadow: none; }
::selection { background:#cae7fd; color:#4c4c4c; text-shadow: none; } 
   
a {/*color:#fff;*/ text-decoration:none; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms;
-o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }
a:hover,a:focus {/*color:#d8a50e;*/ text-decoration:none; outline: none; }

.alignleft { margin: 0; padding: 0 15px 0 0; float: left; vertical-align: middle;}
.alignright { margin: 0; padding: 0 0 0 15px; float: right;}


h1 { margin:0; padding:0 0 10px 0; font-size:47px; line-height:110%; font-family: 'josefin_sanssemibold'; color: #292727;}
h2 { margin:0; padding:0 0 10px 0; font-size:30px; line-height:110%; font-family: 'josefin_sanssemibold'; color: #000;}
h3 { margin:0; padding:0 0 10px 0; font-size:22px; line-height:110%; font-family: 'josefin_sanssemibold'; color: #000;}
p { margin: 0; padding:0 0 10px 0; font-size:18px; line-height:140%; font-family: 'josefin_sanssemibold'; color: #000; padding-bottom: 15px;}


/* To Hide te translate bar at top*/
body {top: 0px !important;/* position: static !important;*/ }
img{max-width: 100%; height: auto;}
/*.pos-rltv{position: relative;}*/

#layout-wrapper { /*padding: 0; margin: 0 auto; display: table; */ position: relative; width: 100%; overflow: hidden;}
.container { width: 1100px !important; position: relative; margin:0 auto; display:table; padding:0px;}
.main-container{width:1250px; position: relative; margin:0 auto; /*display:table;*/ padding:0px;}
.clr47{clear: both; height: 47px;}
.clr40{clear: both; height: 40px;}
.clr20{clear: both; height: 20px;}
.clr10{clear: both; height: 10px;}
.clr-blank{clear: both; height: 1px;}
.left{float: left;}
.right{float: right;}
/*header { background-color: #FFF; width: 100%; float: left; height: auto; opacity: 1; padding: 0px 0; }
*/
header {margin:0; padding:0; margin:0 auto; width:100%;  } 
.header-sc{margin:0; padding:0 0 0px; margin: 0 auto; width: 100%; background:#fff; 
width: 100%; height: auto; position: relative; left: 0; top: 0; z-index: 99 }
.top-logo{ width: 170px; margin: 0px 0px 0px; float: left; position: relative; z-index:1; }
.top-logo img{ width: 100%; height: auto; }
.headerBotpart{ position: relative; width:auto; height:46px; float: right !important; margin-top: 47px; z-index:1 !important; }

.sticky { position: fixed; top: 0;width: 100%;background-color: #FFF; height: 85px;
transition: all 2.5s ease 0s; }

/*.sticky + .content {
  padding-top: 102px;
}*/
.sticky .header-sc { padding-bottom:30px !important;}
.sticky .top-logo { width: 120px !important; margin:-5px 0px 5px !important; transition: all 0.5s ease 0s;}
.sticky .headerBotpart{ margin-top: 25px !important;}
.sticky ul.slimmenu li a {padding: 68px 0 32px;}

section#bannerArea { clear: both; margin: 0px auto 0; width: 100%; z-index: 0 !important; position: relative;}
section#bannerArea .container-bnr {/*display: block;*/ width: 100%; margin: 0px auto; position: relative;}
#myCarousel .row{ margin-top:-2px;  }
.topsection{ width: 100%; margin: 0 auto; position: relative; margin-top: -1px; min-height: 100%; z-index: 0;  } 

.banner-info{ clear: both; margin: 120px auto 0px; width:100%; padding: 0; position: absolute; left: 0; right: 0; top:0; height:auto; opacity: 1 !important; z-index: 99;}

h1.bannerH1 {
  margin: 177px 0px 0px;
  height: auto;
  width:100% !important;
  font-family: 'josefin_sansbold';  
  font-size: 60px !important;
  line-height: 66px;
  text-align: center;
  color: #FFF;     }

h2.bannerH2 {
  clear: both;
  margin-top: 16px !important; 
  font-size: 23px;  
  text-shadow: none;
   font-family: 'josefin_sansregular';
  color:#FFF; text-align: center; 
}
h2.bannerH2 p{color:#fff;}
.banrbtns {
  clear: both;
  margin-top: 20px !important;
  width: 100%; float: none; margin: 0 auto; display: table;
}
a.bnrbtn{background-color: transparent;
  border:1px solid #FFF !important;
  font-family: 'josefin_sanssemibold';
  color:#FFF; text-align: center;
  font-size: 20px; line-height: 60px;
  text-shadow: none;
  width: 224px !important; height: 62px !important;
  margin: 0 auto; display: table;}
a.bnrbtn:hover{background-color: #FFF; color:#000; border:1px solid #FFF !important;}


/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: transparent;  }
.carousel-fade .carousel-control { z-index: 2;  }  
.carousel-fade .item { margin: 0 auto; background-size: cover; opacity: 0; 
  -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .item:after{content: ''; width: 100%;height: 100%; position: absolute; left: 0;top: 0;background-color: rgba(0,0,0,0.5); }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
line-height: 1; width: 100%; height: auto; background-size: cover; }

.carousel-fade .next.left, .carousel-fade .prev.right, .carousel-fade .item.active { opacity: 1; }
.carousel-fade .active.left, .carousel-fade .active.right { left: 0;  opacity: 0; z-index: 1;    }

/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
 .carousel-fade .carousel-inner > .item.next,
 .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {  opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
/* Carousel Control custom */
.carousel-control .control-icon { font-size: 50px; height: 30px; margin-top: -15px; width: 30px; display: inline-block;
position: absolute; top: 50%; z-index: 5; color: #000;}
.carousel-control .prev { margin-left:  -15px; left: 50%; } /* Prev */
.carousel-control .next { margin-right: -15px; right: 50%; } /* Next */
.carousel-control { bottom: 0; color: #ffffff;  font-size: 20px; left: 0;  opacity: 0.5; position: absolute;
    text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 0; width: 4% !important; }
/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
-webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease;
-o-transition: all 250ms ease; transition: all 250ms ease; } 
/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left {top:50%; left: 5px; width: 55px; height: 50px; background: url("images/left-arrow.png") left 0 no-repeat; }
.carousel:hover a.carousel-control.right { top:50%; right: 15px; width: 55px; height: 50px; background: url("images/right-arrow.png") left 0 no-repeat;  }  

/* Carouse Indicator */
.carousel-indicators li.active, .carousel-indicators li { border: 0; }
.carousel-indicators li {background: #FFF; border: 1px solid #ef1315; margin: 0 3px; width: 12px; height: 12px; }
.carousel-indicators li.active { background: #ef1315; border: 1px solid #FFF; margin: 0 3px; }

/*---------Body part------*/
section#featured-sec{width: 100%; float: left; margin:0px 0px; padding: 55px 0px; position: relative; background: url(images/featured-bg.jpg) 0 0 no-repeat; background-size: cover;}

section#featured-sec h1{text-align: center; width: 55%; margin: 0 auto; position: relative; color: #292727; }
section#featured-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #292727;}
section#featured-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #292727;}

#featured-slider {width: 1100px; float: right; position: relative; margin-left: 25px; margin-top: 30px;}
.featured-box{position: relative; width: 230px; float: left; position: relative;}
.featured-box:hover{cursor: pointer;}
.featured-pic{width: 226px; margin: 0 auto 6px; position: relative;}
.featured-pic img{width: 226px; height: 226px;border-radius: 50%; height: auto;}
.featured-box:hover .featured-pic img{ width: 226px; height: 226px; filter:brightness(50%); -webkit-filter:brightness(50%); -moz-filter:brightness(50%); }
.featured-box:hover .featured-pic:after{content: ""; position: absolute; float: left; left: 44%;top: 44%; opacity: 1; width: 37px; height: 36px; 
background: url('images/wht-plus.png') 0 0 no-repeat; opacity: 1; z-index: 9999; }

.featured-box h3{text-align: center; color: #000; font-size: 22px;}
.featured-box p{text-align: center; color: #000; font-family: 'josefin_sansregular'; padding-bottom: 8px; }
.featured-box p.fearted{ text-decoration: none; font-size: 19px; }
.featured-box p.location{color: #555252;}
.featured-box p.location span.blod{font-family: 'josefin_sanssemibold'; color: #000; padding-right: 15px;}
span.starpart{ width:127px; height: 22px; margin: 0 auto; display: table; clear: left;float: none; }
span.starpart img{width: 100%; height: auto;}
span.starpart > br{display: none !important;}
span.yellow-starpart{ width:54%; margin: 0 auto; display: table; clear: left; }
img.yellow-star{width: 18px;height: 16px; float:left; margin-left: 5px;}


section#ourservices-sec{width: 100%; float: left; clear: both; margin:0px 0px; padding: 50px 0px 180px; position: relative;
background: url(images/services-bg.jpg) 0 0 no-repeat; background-size: cover;}

section#ourservices-sec h1{text-align: center; width: 50%; margin: 0 auto 25px; position: relative; color: #FFF; }
section#ourservices-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #FFF;}
section#ourservices-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #FFF;}
section#ourservices-sec p{ color: #FFF; line-height: 30px; text-align: center; padding: 0px 95px; }

/*=====*/
section#services-slider{width: 100%; float: left; clear: both; margin:0px 0px; padding: 50px 0px 100px; position: relative;
background:#FFF; }

 #defence-right-slider { float: left; margin-right: 0px; margin-top: -160px; position: relative; width: 1100px;}

.defence-slider-pic{width: 261px; float: right; border:2px solid #FFF;}
.defence-slider-pic img{width: 100%; height: auto;}
 #defence-right-slider p{ text-align: center !important; font-weight: bold; padding-bottom: 10px; }

.homepicRow{ float: left; position: relative; float: left; width: 261px; padding: 0; margin: 0px 12px; border:0px double #b8b8b8; cursor: default !important;}
.homepicRow:after {content: ''; position: absolute; left: 0; bottom: 0; width: 261px; height:62px;
margin: 0px 0 0 0px; z-index: 0; background: rgba(0,0,0,0.5);}

.homepicRow h3{ margin: 0 auto; position: absolute; height: 50px; width:auto; bottom: 0px; left: 0; right: 0; 
 font-size: 25px; line-height: 26px; z-index: 33; color: #FFF; text-align: center; padding-top: 10px; }
.homepicRow:hover h3{ display: none; }

.overlay { position: absolute; bottom: 12px; top: 12px; left: 12px; right: 0; background: rgba(255, 255, 255, 0.7);
  overflow: hidden; width: 90%; height:0; transition: .5s ease; -webkit-transition: .5s ease; -moz-transition: .5s ease; z-index: 333;}
.homepicRow:hover .overlay { height: 90%;}
.homepicRow:hover .overlay:after{content: ""; width: 37px; height: 36px; float: left; position: absolute; left:40%; top: 30%;
background:url("images/blk-plus.png") 0 0 no-repeat;}

.text {/*white-space: nowrap; */ color: white; position: absolute; /* overflow: hidden;*/
  top: 80%; left: 50%; width:94%; float:left; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); margin: 0px 0px 0px; clear: left; padding: 0px 0px 0px;}

.text p{font-family: 'josefin_sansregular'; color: #000; text-align: center; font-size: 17px; font-weight: 300; line-height: 20px;
padding-top:0px;}

/*.text p.heading{  font-family:'OpenSans-Bold'; font-size: 21px; line-height: 26px; color: #000; 
text-align: center; position: relative; margin: 30px 0 30px;}*/
/*======*/


section#about-sec{width: 100%; float: left; margin:0px; padding: 60px 0px 80px; position: relative; background: url(images/about-bg.jpg) 0 0 no-repeat; background-size: cover;}
.about-photopanel{ width:550px; float:right; margin-top: 12px; position: relative;}
.about-photopanel img{ width:100%; height:auto;}

.about-leftpanel{ width:50%; float:left; position: relative; clear: left; }
.about-content{ float:left; position:relative; padding:0px 0px 40px;}
.about-content h1{text-align: left; color: #000; position: relative; float: left; width: 54%; margin-bottom: 10px;}
.about-content h1:after{content: ""; width: 90px; height: 2px; float: right; position: absolute; right: 0; top: 25px; border-top:2px solid #000;}

.about-content h2{color:#000; text-align:left; padding-bottom: 20px; clear: left;}
.about-content p{color:#555252; font-family: 'josefin_sansregular'; text-align:left; margin-bottom: 0px; padding-right: 30px; clear: left; }
a.readmore{ clear: both; width: 150px; text-align: center; background: #000; color: #FFF; padding: 15px 40px;
font-family: 'josefin_sansregular'; font-size: 17px; border:1px solid #000;  }
a.readmore:hover,a.readmore:focus{outline: none; border:1px solid #000; background: transparent; color: #000;}

ul.terms{ float: left; width: 100%; margin: 0px 0px 0px -20px; position: relative; list-style: none; padding: 0px;}
ul.terms li{margin:0px; width: 33.33%;float: left; list-style: none; padding:0px; position: relative;}
ul.terms li img.termicon{ width: 76px; height: 60px; margin: 20px auto 5px; float: none; display: table;  }
ul.terms li h3{ color: #fff;text-align: center; clear: both; }
ul.terms li p{color: #555252; padding: 0 10px; font-size: 23px; text-align: center; clear: both;}
ul.terms li:first-child:after{content: ""; position: absolute; right: 0;top: 0; border-right: 1px solid #8f8f8f; height: 110px; float: left; margin-top: 35px;}
ul.terms li:last-child:after{content: ""; position: absolute; left: 0;top: 0; border-right: 1px solid #8f8f8f; height: 110px; float: left; margin-top: 35px;}

ul.terms li:nth-of-type(2n+1){ float: left; }
ul.terms li:nth-of-type(2n+2){ float: left;}
ul.terms li .bigiocn{width: 110px; height: 110px; float: right; position: absolute; right: 5px; bottom: -2px; opacity: 0.1; }
ul.terms li img.bigiocn{ width: 100%;height: auto; }

section#subscription-sec{width: 100%; float: left; margin:0px; padding: 80px 0px 70px; position: relative; background:#FFF; background-size: cover;}
section#subscription-sec h1{text-align: center; width: 67%; margin: 0 auto 25px; position: relative; color: #171616; }
section#subscription-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #171616;}
section#subscription-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #171616;}
p.top-subscription-text{ color: #494949; line-height: 30px; text-align: center; padding: 0px 0px; }

ul.subscription-pkg{ padding: 0; margin: 30px 0px 0px; float: left; width: 100%; list-style: none; }
ul.subscription-pkg li{ padding: 25px 15px; margin: 0 0px 20px 38px; float: left; width: 31%; border:1px solid #d2d2d2;background-color: #FFF; transition:1.5s all; -moz-transition:1.5s all; -webkit-transition:1.5s all; }
ul.subscription-pkg li:first-child{margin-left: 0px;}
ul.subscription-pkg li:nth-child(4){margin-left: 0px;}
ul.subscription-pkg li:nth-child(7){margin-left: 0px;}
ul.subscription-pkg li:hover{border:1px solid #000; background-color: #000; cursor: pointer; }
h3.subscrip-head{font-family: 'josefin_sansbold'; font-size: 31px; color: #171616; text-align: center; letter-spacing: 0.05em; position: relative;}
h3.subscrip-head:after{content: ""; position: absolute; left: 0; right: 0; bottom: 3px; width: 100%; height: 1px; border-bottom:1px solid #c4c4c4;}

h2.rate{font-family: 'josefin_sansbold'; font-size: 48px; color: #171616; text-align: center; padding: 35px 0px;}
p.subscrip-text{clear: both; text-align: center; padding-top: 10px; font-family: 'josefin_sansregular'; color: #a2a2a2; }
ul.subscription-pkg li a.readmore{float: none;margin: 0 auto;display: table; width: 160px;}
/*------Hover -----*/
ul.subscription-pkg li:hover h3.subscrip-head:after{border-bottom:1px solid #535353;}
ul.subscription-pkg li:hover h3.subscrip-head{color: #FFF;}
ul.subscription-pkg li:hover h2.rate{color: #FFF;}
ul.subscription-pkg li:hover p.subscrip-text{color: #939393;}
ul.subscription-pkg li:hover a.readmore{background-color: #FFF; width: 160px;color: #000 !important;}


section#testimonials-sec{width: 100%; float: left; margin:0px; padding: 60px 0px 80px; position: relative; background: url(images/testimonial-bg.jpg) 0 0 no-repeat; background-size: cover;}
section#testimonials-sec h1{text-align: center; width: 45%; margin: 0 auto 25px; position: relative; color: #FFF; }
section#testimonials-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #FFF;}
section#testimonials-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #FFF;}
section#testimonials-sec p{color:#97999b; text-align: center; padding: 0px 55px 15px; }

#Testimonials-slider-part {width: 1000px; margin:0 auto; padding: 0;}
.testimonial-box{width: 630px; height: 400px; float: left; position: relative; padding-top: 50px; margin-left: 175px;}
.testimonial-box:before{ width: 545px; height: 257px; float: left; content: ""; position: absolute; 
left: 0; top: 70px; background: url("images/tetimonial-border.png") left 0 no-repeat; }

.testimonial-photo{width: 98px;height: 98px; float: right; margin-right: 15px; position: relative; z-index: 999; margin-top: -25px;}
h6.testimoni{font-family: 'josefin_sansregular';font-size: 22px; line-height: 30px; color: #FFF; text-align: center; margin: 116px 0px 0px 55px; min-height: 100px;}
h5.designation{ width: 280px; margin: 41px auto; display: table; position: relative; clear: left; }
h5.designation:before{content: ""; width: 82px;height: 56px; float: left; left: 0; top: 0; background: url("images/invite.png") left 0 no-repeat;}

 span.testinomi-name{width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; color: #FFF; line-height: 40px; clear: left; padding-left: 35px;}
 span.city-name{ width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: #818488; line-height: 30px; clear: left; padding-left: 45px;}

section#download-app-sec{width: 100%; float: left; margin:0px 0px; padding:80px 0px 90px; background:#FFF; position: relative;}
.download-app-leftpanel{float: left; position: absolute; left: 0; top: 0; width: 60%; margin-left: 77px; margin-top: 35px; }
.download-app-leftpanel h1{ color:#000; text-align:left; width: 80%; position: relative; padding-bottom: 15px;}
.download-app-leftpanel h1:after{content: "";float: right; position: absolute; right: 0;top: 33px;width: 90px; height: 3px; border-top: 2px solid #000;}
.download-app-leftpanel p{font-family: 'josefin_sansregular'; color: #555252; text-align: left; }

ul.apps-btn{float: left; width: 100%; padding: 0; margin: 30px 0px 0px;}
ul.apps-btn li {float: left; width: 202px; list-style: none; padding: 0;margin: 0px;}

.download-app-rightpanel{width: 550px; float: right; position: relative; margin-right:-30px;  }
.download-app-rightpanel img{width: 100%;height: auto;}

footer{width: 100%; float: left; margin: 0; padding: 0px; position: relative; background:#000;}
#footer-topart{width: 100%; float: left; margin:0px; padding: 100px 0px 100px; position: relative; background: url(images/fotter-bg.jpg) 0 0 no-repeat; background-size: cover;  }
img.bottom-logo{max-width: 100%;height: auto; margin: -11px auto; display: table;}

ul.btnnav{  margin: 40px auto 15px; padding: 0; width: 63%; list-style: none;}
ul.btnnav li{font-family: 'josefin_sansregular'; color: #c8c8c8; font-size: 20px; float: left; list-style: outside none none; margin: 0px 24px 20px; padding: 0; }
ul.btnnav li a{color: #c8c8c8; text-decoration: none;}
ul.btnnav li a:hover{color: #FFF; text-decoration: none;}
ul.btnnav li.current-menu-item > a{color: #FFF!important;  }

ul.address { margin: 30px auto 0; padding: 0 0 0 0px; width: 56%; clear: both;}
ul.address li { float: left; list-style:none; margin: 0px 0px 20px; padding: 0; width: 50%; }
ul.address li img.address-icon{max-width: 100%; height: auto; float: left; margin:12px 10px 0px 0px;}
ul.address li h4{font-family: 'josefin_sansregular';  color: #c8c8c8; text-align: left;}
ul.address li h4 a{color: #c8c8c8; text-decoration: none;}
ul.address li h4 a:hover{color: #FFF; text-decoration: none;}
ul.address li h4 > br{ display: none; }
ul.socialicon{  padding:0; margin:53px auto 0px;list-style:none; width:17%;}
ul.socialicon li{float:left;padding:0;margin:0 8px;list-style:none; width:auto;}
ul.socialicon li:hover,ul.socialicon li:focus{opacity:.9;outline:0}

ul.socialicon li i.fa { background-color:transparent; border: 1px solid #c8c8c8; border-radius: 30px;
color: #c8c8c8; font-size: 22px; line-height: 30px; text-align: center; 
margin: 5px 0 0 2px; padding: 4px 0px; width: 40px; height: 40px; }
ul.socialicon li i.fa:hover { background-color: transparent; transition:1.5s all; -moz-transition:1.5s all; -webkit-transition:1.5s all;
color:#FFF; border: 1px solid #c8c8c8; }

#copyrightpart{float: left; width: 100%; height: 60px; background: #000;}
p.copyright{ text-align: center; font-size: 17px; color: #FFF; font-family: 'josefin_sansregular'; padding: 20px 0px 10px 0px; width: 100%;}
div.copyright{ 
	font-size: 17px;
    color: #FFF;
    font-family: 'josefin_sansregular';
    padding: 20px 0px 10px 100px;
    width: 50%;
    float: left;
}
div.privacy_policy a{ color:#fff; }
div.privacy_policy{ 
    font-size: 17px;
    color: #FFF;
    font-family: 'josefin_sansregular';
    padding: 20px 0px 10px 37px;
    width: 50%;
    float: right;
    text-align: right;
    padding-right: 120px;
}
p.develope{font-size: 12px; text-align: center; color: #FFF; }
p.develope a{color: #c9c9c9;}
p.develope a:hover,p.develope a:focus{color: #FFF;}
#topcontrol{ bottom: 18px !important; cursor: pointer; opacity: 1; position: fixed; right: 60px !important;}


.dbl-brdr {
    float: left;
    margin: 0 0 35px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.dbl-brdr::after {
    border-top: 2px solid rgb(0, 0, 0);
    content: "";
    height: 15px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 25px;
    width: 70%;
}

.dbl-brdr h1.head1 {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    display: initial;
    float: none !important;
    padding: 0 15px 0px;
    position: relative;
    text-align: center !important;
    width: auto;
    z-index: 9;
}

/*----------------------Inside page-------------------*/
section#inside-banner{ width: 100%; height:100%; margin: 0 auto; position: relative; clear: both; }
section#inside-banner img{width: 100%; height: auto; }
section#inside-banner:before{content: ""; width: 100%; height: 100%; position: absolute; float: left; left: 0; top: 0; background-color: rgba(0,0,0,0.4); }
.insidebanner-info{ position: absolute; margin: 0 auto; left: 0;right: 0; top: 0; margin-top: 10%; width: 100%;}
h1.insideh1{font-family:"josefin_sanssemibold"; font-size: 81px; color: #FFF; text-align: center;}
h1.insideh1 p{font-family:"josefin_sanssemibold"; font-size: 81px; color: #FFF; text-align: center;}
ul.inside-bnr-link{padding: 0; margin: 10px auto 0px; list-style: none;width: 40%; }
ul.inside-bnr-link li{padding: 0; margin: 0 10px; list-style: none; float: left; width: auto; text-align: center; color: #d5d5d5; font-family: 'josefin_sansregular'; font-size: 20px; }
ul.inside-bnr-link li a{color: #d5d5d5; }
ul.inside-bnr-link li a:hover{color: #FFF; }
ul.inside-bnr-link li a.target{color: #FFF; }

.insidebanner-info-signup{ position: absolute; margin: 0 auto; left: 0;right: 0; top: 0; margin-top: 10%; width: 90%;}
h1.insideh2{font-family:"josefin_sanssemibold"; font-size: 40px; color: #FFF;text-align: center;}


section#inside-body-sec{width: 100%; float: left; margin:0px 0px; padding: 55px 0px; position: relative; background:#FFF; background-size: cover;}
section#inside-body-sec .dbl-brdr h1{ 
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    display: initial;
    float: none !important;
    padding: 0 15px 0px;
    position: relative;
    text-align: center !important;
    width: auto;
    z-index: 1;
}

section#inside-body-sec .dbl-brdr { float: left; margin: 0 0 5px !important;}
section#inside-body-sec .dbl-brdr:after{width: 55% !important;}
section#inside-body-sec p{ clear: both; }


/*-----------How It Works-------------*/
.insidebanner-info-howitworks{ position: absolute; margin: 0 auto; left: 0;right: 0; top: 0; margin-top: 10%; width: 50%;}
h1.insideh3{font-size: 40px; color: #FFF; padding-left: 30px;}
.app-buttons{ width:80%; position: absolute; margin: 0 auto;left: 0; right: 0; bottom: -100%;  }
.app-buttons ul.apps-btn{}
.app-buttons ul.apps-btn li {margin: 0 5px;}

ul.inside-howitworks-link{padding: 0; margin: 10px auto 0px; list-style: none;width: 62%; }
ul.inside-howitworks-link li{padding: 0; margin: 0 10px; list-style: none; float: left; width: auto; text-align: center; color: #d5d5d5; font-family: 'josefin_sansregular'; font-size: 20px; }
ul.inside-howitworks-link li a{color: #d5d5d5; }
ul.inside-howitworks-link li a:hover{color: #FFF; }
ul.inside-howitworks-link li a.target{color: #FFF; }

section#Howitworks-sec{width: 100%; float: left; margin:0px 0px; padding: 55px 0px; position: relative; background:#FFF; background-size: cover;}
/*section#Howitworks-sec h1{text-align: center; width: 50%; margin: 0 auto 25px; position: relative; color: #000; }*/
/*section#Howitworks-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #000;}
section#Howitworks-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #000;}*/
section#Howitworks-sec p{}

section#Howitworks-sec .dbl-brdr { float: left; margin: 0 0 35px;}
section#Howitworks-sec .dbl-brdr::after {top: 25px; width: 45%;}


ul.getting-started{ padding: 0; margin: 0px; list-style: none; float: left; width: 100%;}
ul.getting-started li{padding: 0 0px 15px;margin: 0 10px 10px; list-style: none; float: left; width: 31%; position: relative;}
ul.getting-started li:after{content: ""; width: 1px; height: 130px; float: right; position: absolute; right: 0; top: 0; border-right: 1px solid #c8c8c8; margin: 20px 0px 0px 5px;}
img.getting-icon{height: 73px;width: 71px; margin: 0 auto;display: table;}
ul.getting-started li h4{font-family: 'josefin_sansregular'; font-size: 30px;color: #000; text-align: center; padding: 10px 0px 10px;}
ul.getting-started li p{ text-align: center; color: #000; padding: 0px 15px !important; font-family: 'josefin_sansregular';}
ul.getting-started li:last-child:after{display: none;}

section#Whatisan-sec{width: 100%; float: left; margin:0px 0px; padding: 55px 0px; position: relative; 
background-image:url("images/whatisan-bg.jpg");
    height: 377px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}

section#Whatisan-sec h1{text-align: center; width: 42%; margin: 0 auto 25px; position: relative; color: #FFF; }
section#Whatisan-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #FFF;}
section#Whatisan-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #FFF;}
p.whatisan-text{font-family: 'josefin_sansregular'; color: #e1e1e1; text-align: center; padding: 0 145px 15px;  }
section#Whatisan-sec a.readmore{float: none;margin: 15px auto; display: table; width: 160px; background-color: #FFF; border:1px solid #FFF; color: #000; padding: 12px 20px;}
section#Whatisan-sec a.readmore:hover{ background-color: #000; border:1px solid #FFF; color: #FFF;}

section#Whyshould-you-use-sec{width: 100%; float: left; margin:0px 0px; padding: 85px 0px; position: relative; background-color: #ececec;}
section#Whyshould-you-use-sec .dbl-brdr { float: left; margin: 0 0 35px;}
section#Whyshould-you-use-sec .dbl-brdr:after {top: 25px; width: 63%;border-top:2px solid #000!important;}
section#Whyshould-you-use-sec .dbl-brdr h1.head1 { background:#ececec !important;}

/*section#Whyshould-you-use-sec h1{text-align: center; width: 66%; margin: 0 auto 25px; position: relative; color: #000; }
section#Whyshould-you-use-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #000;}
section#Whyshould-you-use-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #000;}*/
p.whyshould-text{font-family: 'josefin_sansregular'; color: #000; text-align: center; padding: 0 145px 15px;  }


section#Whats-sec{width: 100%; float: left; margin:0px 0px; padding: 85px 0px; position: relative; background-color: #FFF;}
.Whats-photopart{float: left; width: 50%;}
.Whats-photo{width: 550px; height: auto; }
.Whats-photo img{width:100%; height: auto; }
.Whats-content{ float: left; width:50%; position: relative; padding: 94px 0px 0px 32px;}
.Whats-content h4{ width: 39%; padding-bottom: 15px; float: left; font-family: 'josefin_sanssemibold'; font-size: 30px; color: #000; position: relative;}
.Whats-content h4:after { border-top: 2px solid #000; content: ""; float: right; height: 2px; position: absolute; right: 0; top: 20px; width: 90px;}
.Whats-content p{clear: left; color:#494949; font-family: 'josefin_sansregular'; font-weight: 400; text-align: left; line-height: 160%; padding-right:5px; }
.Whats-content a.readmore{margin-top: 15px; float: left; width: 170px; padding: 14px 20px;}
.Whats-content p.secondtext{clear: left; color:#494949; font-family: 'josefin_sansregular'; font-weight: 400; text-align: left; line-height: 160%; padding-right:25px; }

section#Marlo-features-sec{width: 100%; float: left; margin:0px 0px; padding: 55px 0px; position: relative; background-color: #121111;}
section#Marlo-features-sec .dbl-brdr { float: left; margin: 0 0 35px;}
section#Marlo-features-sec .dbl-brdr:after {top: 25px; width: 45%;border-top:2px solid #FFF!important;}
section#Marlo-features-sec .dbl-brdr h1.head1 { background:#121111 !important;color: #FFF !important;}

/*section#Marlo-features-sec h1{text-align: center; width: 50%; margin: 0 auto 25px; position: relative; color: #FFF; }
section#Marlo-features-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #FFF;}
section#Marlo-features-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #FFF;}*/
/*------Ul li------------*/
.features3row { font-size: 14px !important; line-height: 38px; position: relative; text-align: center; width: 100%; margin-top: 36px;}
.features3row ul { left: -10px; list-style-type: none; position: relative;}
.features3row li { background-color: #FFF; border: 0 none; /* box-shadow: 0 0 20px 0 #000;*/ color: #000; display: inline-block;
font-size: 14px !important; margin-bottom: 25px; margin-right: 15px; overflow: hidden; position: relative; text-align: center;
vertical-align: middle; width: 31%; padding-top: 39px; padding-bottom: 15px;}
.features3row li img.featuricon{width: 82px;height: 82px; margin: 0 auto 40px; border:1px solid #000; display: table;}
.features3row li h4{ padding-bottom: 15px; font-family: 'josefin_sanssemibold'; font-size: 30px; color: #000; text-align: center;}

.features3row li:hover{cursor:default;  }
.features3row li:hover h4{color: #7b7b7b;}
.features3row li:hover img.featuricon{border: 1px solid #7b7b7b; }

section#Find-relationship-sec{width: 100%; float: left; margin:0px 0px; padding: 85px 0px; position: relative; background-color: #FFF;}
/*section#Find-relationship-sec h1{text-align: center; width: 69%; margin: 0 auto 25px; position: relative; color: #000; }
section#Find-relationship-sec h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #000;}
section#Find-relationship-sec h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #000;}*/
section#Find-relationship-sec a.readmore{margin: 15px auto; display: table; width: 225px; padding: 14px 20px;}

.Android-an-ios-icon{width: 150px; margin: 0 auto; }
.Android-an-ios-icon img{width: 100%; height: 100%;}


/*----------------Our Lawyers Page --------------------*/

h1.insideh4{font-family:"josefin_sanssemibold"; font-size: 81px; color: #FFF;text-align: center; padding-top: 96px;/*padding-top: 55px;*/}

section#ourlawyers-sec{width: 100%; float: left; margin:0px 0px; padding: 55px 0px; position: relative; background: url(images/featured-bg.jpg) 0 0 no-repeat; background-size: cover;}
.ourlawyers-toptext{margin: 0 auto; width: 100%; position: relative;}
.ourlawyers-toptext h1{text-align: center; width: 43%; margin: 0 auto; position: relative; color: #292727; }
.ourlawyers-toptext h1:before{content: "";float: left; position: absolute; left: 0;top: 26px; width: 100px; height: 3px; border-top: 2px solid #292727;}
.ourlawyers-toptext h1:after{content: "";float: right; position: absolute; right: 0;top: 26px;width: 100px; height: 3px; border-top: 2px solid #292727;}
.ourlawyers-toptext h4{font-family:"josefin_sanssemibold"; font-size: 24px; color: #000; text-align: center;}

#ourlawyers-body {width:100%; float: left; position: relative; margin-top: 50px; }
ul.ourlawyers-list{ padding: 0; margin: 0px 0px 0px 27px;list-style: none; width: 100%;float: left; }
ul.ourlawyers-list li{ padding: 0; margin: 0 0px 35px; float: left; list-style: none; width: 25%; }
.lawyrspic-box{position: relative; width: 228px; float: left; position: relative; }
.lawyrspic-box:hover{cursor: pointer;}
.ourlawyers-pic{width: 226px; margin: 0 auto; position: relative; z-index: 999; border-radius: 50%; background-color: #d0d0d0; }
.ourlawyers-pic img{width: 226px; height: 226px; border-radius: 50%; height: auto;}
.lawyrspic-box:hover .ourlawyers-pic img{ width: 226px; height: 226px; filter: brightness(80%); -webkit-filter:brightness(80%); -moz-filter:brightness(80%); }
/*.lawyrspic-box:hover .ourlawyers-pic:after{content: ""; position: absolute; float: left; left: 44%;top: 44%; opacity: 1; width: 37px; height: 36px; 
background: url('images/wht-plus.png') 0 0 no-repeat; opacity: 1; z-index: 9999; }
*/
.ourlawyers-details{position: relative; width: 99%; margin: 0 auto; clear: both; background-color: #d5d5d5; border:1px solid #dbdbdb; margin-top: -115px; padding: 115px 10px 50px;}
.lawyrspic-box:hover .ourlawyers-details{cursor: pointer; background-color: #d5d5d5; border:1px solid #a2a2a2;}
.ourlawyers-details-row{width: 100%; margin: 0 auto; border-bottom: 1px dotted #a2a2a2; padding-top: 5px; padding-bottom: 0px; }
.ourlawyers-details h3{text-align: center; color: #000; font-size: 20px; padding: 0px 0px 5px;}
.ourlawyers-details p{text-align: center; color: #000; font-family: 'josefin_sansregular'; padding-bottom: 4px; }
.ourlawyers-details p.lawyersname{ font-size: 18px; }
.ourlawyers-details p.location{color: #555252;}
.ourlawyers-details p.location span.blod{font-family: 'josefin_sanssemibold'; color: #000; padding-right: 15px;}
.ourlawyers-details span.yellow-starpart{ width:62%; margin: 6px auto 12px; display: table; clear: left; }
.ourlawyers-details img.yellow-star{width: 18px;height: 16px; float:left; margin-left: 5px;}

a.lawyers-buttons{ width:auto;/*width: 150px;*/ text-align: center; background: #000; color: #FFF; padding: 5px 12px;
font-family: 'josefin_sansregular'; font-size: 17px; border:1px solid #000; }
a.lawyers-buttons:hover,a.lawyers-buttons:focus{outline: none; border:1px solid #000; background: #FFF; color: #000;}

/*-------------------FAQ's Page-------------------------*/

h1.insidehfaq{font-family:"josefin_sanssemibold"; font-size: 40px; color: #FFF;text-align: center; padding-top: 160px;}

.bs-example{
      margin: 20px;
    }
    h4.panel-title {
        font-size: 20px;
    }
   .panel-title .glyphicon {
    font-size: 24px;
    font-weight: 800;
    line-height: 43px;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit; font-weight: 600;}  
/*----------------Sign upPage --------------------*/
.insidebanner-info-signup{ position: absolute; margin: 0 auto; left: 0;right: 0; top: 0; margin-top: 10%; width: 90%;}
h1.insideh2{font-family:"josefin_sanssemibold"; font-size: 40px; color: #FFF;text-align: center;}


section#signup-sec{width: 100%; float: left; margin:0px 0px; padding: 55px 0px; position: relative; background: url(images/featured-bg.jpg) 0 0 no-repeat; background-size: cover;}


ul.signup-bnr-link{padding: 0; margin: 10px auto 0px; list-style: none;width: 24%; }
ul.signup-bnr-link li{padding: 0; margin: 0 10px; list-style: none; float: left; width: auto; text-align: center; color: #d5d5d5; font-family: 'josefin_sansregular'; font-size: 20px; }
ul.signup-bnr-link li a{color: #d5d5d5; }
ul.signup-bnr-link li a:hover{color: #FFF; }
ul.signup-bnr-link li a.target{color: #FFF; }

.signup-toptextpart{width: 80%; margin: 0 auto; clear: both;}
.signup-toptextpart h4{ color: #000; font-family: "josefin_sanssemibold"; font-size: 20px; line-height: 30px; text-align: center;}


.form-signup{width:100%; float: left; margin: 8px 0px 10px; padding: 0;}
.form-signup label{font-family:"josefin_sanssemibold"; font-size:18px; float: left; text-align: left; color: #000;}
.form-contact{border: 1px solid #575757; width: 100%; background-color: #FFF; color: #000; float: left; border-radius:6px; z-index: 99;
font-family: 'Open Sans', sans-serif;font-size: 14px; font-weight: normal; height: 46px; margin: 4px 0; padding: 0 15px; line-height: 50px; transition: all 1s; }
/*input:required, textarea:required, select:required{
    border-color: #D1D1D1 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}*/
.form-contact:hover, .form-contact:focus{border: 1px solid #000; outline: none; background-color: #e9f1f3;}
textarea.form-contact{height: 87px;}
/*select.form-contact{ color:gray !important; position:relative; }
option.form-contact{font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; color:gray !important; position:relative;}
*/ 
.submit-signup{width: 20%; border:1px solid #FFF; border-radius:6px; color: #FFF; border: none; cursor: pointer; font-size: 24px; 
font-family: 'josefin_sansregular'; margin: 10px 0 5px 7px; float: left; 
 transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; outline: none; padding:15px 0;
background:#000;}
.submit-signup:hover{ color: #000; background: #FFF; border:1px solid #000;}

/*--------*/
.photoupload{float: left; border: 1px solid #575757; width: 66%; background: #FFF !important; color: #000; float: left; border-radius:6px;
font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; height: 46px; margin: 10px 0; padding: 0 15px; line-height: 50px; transition: all 1s; }

.document-upload-wrap { width: 50%;}
.file-upload-content { margin-top: -62px;}
.form-status1{float: left; clear: left; margin-top: 20px; color:#008e07; text-align: center;}
.file-upload-document{ float: right; border:double 4px #575757; padding: 5px; }
input[type="file"] {font-family: 'Open Sans', sans-serif; font-size: 16px; display: block;}
input[type="file"]:hover, input[type="file"]:focus{border: 1px solid #000; outline: none; background-color: #e9f1f3;}

/*--------*/
.custom-select {
 /* position: relative;
  font-family: Arial;*/
}

.custom-select select {
  display: none;/*hide original SELECT element:*/
}

.select-selected {
  border: 1px solid #575757 !important; width: 100%; background-color: #FFF; color: #000; float: left; border-radius:6px; z-index: 99;
font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 27px; font-weight: normal; height: auto; margin: 4px 0; padding: 0 15px; transition: all 1s; }

.select-selected:hover, .select-selected:focus{border: 1px solid #000; outline: none; background-color: #e9f1f3;}


/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 54px;
  right: 40px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 44px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #a6a6a6;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;clear: left;
}

div.wpcf7-mail-sent-ok { border: 2px solid #398f14; clear: left;}

.form-error { float: left;color: #db2929;}

.form-success-msg {     
	color: #076848;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.form-error-msg {     
	color: #db2929;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}