html,
body {
  
    z-index: 1; 
    overflow-x: hidden;
    background-color: #ebebeb!important;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
  

html {
  scroll-behavior: smooth;
}
body a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	font-family: 'roboto', sans-serif;
}
.phone-col {padding-left: 70px!important;}
body img {
    width: 100%;
}

.mt-5{
    padding: 0!important;
}
.crat-img{width: 22px;}
a:hover {
    text-decoration: none;
}
.table-bordered { margin: 30px 0px;
    background: #fff;
    font-size: 17px;
}
.table-bordered th{text-align:center;}
.table-bordered td{text-align:center;}
.right-align{text-align:right!important;}
.blank-td{background: #fff;
    border: 0px !important;}
.custom-bullet li {
    
    display: block;
    font-size: 17px;
    padding: 5px 0px;
   
}

.flex-div{flex-wrap: wrap;}
.custom-bullet span{
    float: left;
    width: 33px;
    height: 28px;
    padding: 4px 15px 0px 0px;
    margin-top: -5px;
}
/*.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point
   
    content: "\f0a4";
    font: normal normal normal 22px/1 FontAwesome;
    font-size: 12px;float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #000;
    padding-right:10px;

}*/

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
   
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
	color: #2C3845;
}
li {
    list-style-type: none;
}
p {
   
    font-size: 17px;
    line-height: 2em;
    color: #2C3845;
}





ul {
    margin: 0;
    padding: 0;
}
.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f2f2f;
}
/*-- header --*/


.fa-angle-down:before {
    content: "\f107";
    margin-left: -25px !important;
    font-size: 22px;
}
a.navbar-brand {
    font-family: 'Bauer Bodoni', serif;
    font-size: 0.85em;
    color: #fff;
    padding: 0;
    font-weight: 600;
    margin: 0;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    position: relative;
}
h1 a:hover{
    
    color: #fff !important;

}


.about-us-section{position: relative; }
.about-us-section h3{ text-align: left; color: #444444;}
.about-us-section p {text-align: left;}
.header-agile {
    width: 90%;
    margin-right: 10px;
}
.social ul li {
    margin: 0px;
    display: inline-block;
}
.social ul li a {
    font-weight: 400;
    text-transform: capitalize;
    color: #ddd;
    letter-spacing: 1px;
    font-size: 15px;
    position: relative;
    padding: 0 0.1rem;
}
.social.social-invisible {
    display: none;
}
/*-- //header --*/


.bottom-nav {
    position: fixed;
    left:0px;
    bottom: 15px;
    z-index: 99999;
    height: 20px;
    line-height: 20px;
    display: block !important;
}

.bottom-nav ul{left: 0;}
.bottom-nav ul li{display: inline-block;} 
.bottom-nav ul li a{ color: #92715E; padding: 8px;}


a{text-decoration: none !important;}
a:hover{color: inherit !important;}
.product-title{ 
    padding: 9px;
    font-size: 15px;
}


.product-title-2{ 
    padding: 9px;
    font-size: 18px;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

p.sub-para {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 300;
}

.slider-top span {
    font-weight: 600;
}

.sapc-top{margin-top: 40px;}






.mobile-nav {display: none;}




  section.Bannerform {
    width: 100%; 
    height:100vh ;
   
    background-image: url(../images/bg@2x.png);
    
    background-repeat: no-repeat;
    background-size: cover;
   
  
}
  
.bottom-gd-ser {margin: 20px 0px; position: relative;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 5px 5px 10px 0 rgba(76, 110, 245, .1);
    -webkit-transition: .30s ease-in-out;
-moz-transition: .30s ease-in-out;
-o-transition: .30s ease-in-out;
transition: .30s ease-in-out;
    
}


.img-hover-zoom {margin: 0px;
   
    overflow: hidden;
    border-radius: 0px;
   
    
   
}

        
.img-hover-zoom--basic img {
    transition: transform .5s ease;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;}

.img-hover-zoom--basic:hover img {
    transform: scale(1.2);
}


.img-hover-zoom--basic:hover img.Icondi {
    transform: scale(1);
}

.bottom-gd-ser img{width: 100%; overflow: hidden;}
.title-img{position: absolute; left: 0px; right: 0; top: 56px;}


.title-img h4{
    color: #fff; font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
   letter-spacing: 3px;
    padding-left: 40px;
    line-height: 32px;
    text-align: left;
    text-transform: uppercase;
    
  }

.layout-img{background: url(../images/ring.png) no-repeat center center;}
.triangle-4 {
    
        width: 10px;
        height: 10px;
        border-bottom: solid 20px #e7ebef;
        border-left: solid 20px transparent;
        border-right: solid 20px transparent;
        margin: -26px auto !important;
        position: absolute;
        z-index: 99999999;
        left: 63px;
    }
  

  .triangle {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
  }

/*#region MODULES */

nav ul li a:hover{color:#fff !important; opacity: 100%;}
nav ul li a:focus{color:#fff !important;}
.menu ul li a:hover{color:inherit!important; }


#slider1 {
    width: 100%;
}

.md-screen{display: block;}

.sm-screen{display: none !important; }

@media screen and (max-width: 800px) {
    .csslider>.navigation {
        bottom: 75px;
    }

    .triangle{display: none}
}
@media screen and (max-width: 768px) {
    .csslider>ul>li {
        min-height: 486px;
    }
    .md-screen{display: none;}

   

    
    .sm-screen{display: none !important;}
    .triangle{display: none}
    .banner-bg{ min-height: 600px;}
.bottom-logo{display: none;}
.navbar-inverse .navbar-toggle{
    margin: 30px 15px;
}


html body .FormBg{margin-top: 520px }

    .banner-video{display: none;}
    video{display: none;}
    section.Bannerform {
        width: 100%; 
        height:100vh ;
        float: left;
        background-image: url(../images/bg@2x.png);
        
        background-repeat: no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      
    }



   
}
@media screen and (max-width:736px) {
    .triangle{display: none}
    .csslider>.navigation {
        bottom: 40px;
    }
    .margin{margin-top: 30px; padding-top: 35px;}
    .custom-bullet li{text-indent: -33px; margin-left: 30px;}
    .about-us-bg {
      
        background-position: -897px 0px !important;
    }
    .about-us-bg h1{line-height: 32px !important; padding-top: 48px !important; margin: 0px !important;}
    .finished-title{background-position: -797px 0px !important;}
    .finished-title h1 {margin: 0px!important; padding-top: 60px !important; line-height: 37px !important;}
    .layout-title{background-position: -70px 0px !important;}
    .layout-title h1 {margin: 0px!important; padding-top: 60px !important; line-height: 37px !important;}
    .service-title h1{margin: 0px!important; padding-top: 60px !important; line-height: 37px !important;}
    .newslatter-bg form input.Submitbtn {
       
        margin-top: -14px !important;
    }
    .newslatter-bg form input.FieldInput {
       
        width: 62% !important;
    }
    .sapc-top {
        margin-top: 20px;
    }

    .social-icon {
        position: absolute;
        bottom: 0px !important;
        left: 7%;
        margin-bottom: 14px;
        font-size: 15px!important;
    }
    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 30px;
        
       
    }

}

@media screen and (max-width: 640px) {
    .csslider>ul>li {
        min-height: 420px;
    }
    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 28px;

    }

    .triangle{display: none}
    .banner-bg{ min-height: 600px;}
}
@media screen and (max-width: 600px) {
    .csslider>ul>li {
        min-height: 385px;
    }

    .banner-bg{ min-height: 385x;}

    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 25px;

    }
}
@media screen and (max-width: 480px) {
    .csslider>ul>li {
        min-height: 330px;
    }
    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 16px;

    }
    .banner-bg{ min-height: 330x;}
}
@media screen and (max-width: 384px) {
    .csslider>ul>li {
        min-height: 280px;
    }

    .banner-bg{ min-height: 330x;}

    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 12px;

    }
}


@media screen and (max-width: 320px) {
    
    .FormBg.align-self-center.ForMobile {
        padding: 20px 20px !important;
       
    }
    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 12px;

    }


    .newslatter-bg form input.Submitbtn {
        padding: 18px 15px !important;
        margin-top: -14px !important;}
}

.logo-width{width: 180px; padding-left: 20px !important; }
/* //banner */
.powered-by {margin-top: -10px;}
.powered-by span {
    display: block;
    color: #fff!important;
    font-size: 13px;
    width: 130px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    top: 21px;
    left: -72px;
    font-weight: normal;
}

/* header */
/* CSS Document */
header { display: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    padding: 20px 0px;
    background:#305476;
}

.header-inner{ display: none;  background: #305476;
    position: relative;
}
.toggle,
[id^=drop] {
	display: none;
}



/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin: 31px 0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}

/* Styling the links */
nav a { cursor: pointer !important;
    font-weight: 400;	
    color: #FFFFFF;
    opacity: 0.7;
    font-size: 16px;
    position: relative;
    padding: 0px 18px;
}

nav a:hover{color: #fff;}

.active-nav{opacity: 100%; color: #fff !important; font-weight: bold !important;}

nav ul li ul li:hover { background: #f2f4f6; }

/* Background color change on Hover */
nav a:hover { 
    color: #c4aa75;
    background: transparent;
}
.menu li.active  a{ 
    color: #fff;
    background: transparent;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 10px; 
    background: #e7ebef;
    padding: 10px;
}
ul.inner-dropdown a:hover {
	color: #333;
}
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:180px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul li a {
    color: #fff;
    padding: 5px 10px;
    display: block;
    font-size:14px; 
    text-transform:capitalize;
    letter-spacing: normal;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:only-child:after { content: ''; }

nav ul ul li a {
    color: #1c3145;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: normal;
}

.cart-icon{right: 0;
    float: right;
    margin-right: 2px;
    margin-top: 0px;}


    .cart-icon a{ color:#fff;}


    

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 991px) {
    .powered-by {display: none;}
    .mt-3, .my-3 {
        margin-top: 0px !important;
    }
    .triangle{display: none}
    .mobile-nav {display: block;}
    .cart-icon {
        right: 0;
        float: right;
        margin-right: -13px;
        margin-top: 9px;
    }

    .mobile-remove {display: none}

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
    }
    ul.inner-dropdown a:hover {
        color: #fff;
    }

    nav ul li ul li:hover {
        background: #1e1e2d;
    }
    nav ul ul li a {
        color: #fff;
        padding: 5px 10px;
        display: block;
        font-size: 14px;
        text-transform: capitalize;
        letter-spacing: normal;
    }


    nav a {
        font-weight: 400;	
        text-transform:uppercase;
        color: #eee;
        letter-spacing: 1px;
        font-size: 14px;
        position: relative;
        padding: 0px 10px;
    }

    .fa {
        float: right;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.drop-down-icon{float: right;}

	nav {
		margin: 0;
	}
	.header-agile{
		float: left;
	}
	nav ul {
		width: 100%;
	}
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		padding: 4px 12px;
		font-size: 30px;
		text-decoration:none;
		border:none;
		float: right;
		background-color: #17172c;
        color: #fff;
        margin-top: 10px !important
	}
	.menu .toggle {
		float: none;
		text-align: left;
		margin: auto;
		padding: 2px 10px 2px;
		font-weight: normal;
		font-size: 15px;
		letter-spacing: 1px;
		background: none;
        color: #fff;
        TEXT-TRANSFORM: uppercase;
	}

	.toggle:hover {
		color:#fff;
		
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		background: #17172c;
        padding: 15px 0;
        text-align: left;
        margin-bottom: -11px;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		padding: 10px 0;
    border-bottom: 1px solid #0e0d28;
    
    
	}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: transparent;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		padding: 14px 0px;
    text-align: center;
    color: #fff;
    background: #222139;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	nav a {
		color: #fff;
	}
	nav a:hover {
		color: #fff;
	}
	.menu li.active a {
		color: #fff;
	}
	nav ul ul li a {
		display: inline-block;
		font-size: 15px;
	}
	ul.inner-dropdown {
		padding-bottom: 0 !important;
		padding-top: 8px !important;
	}
}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}

.proudt-button {
    padding: 10px;
    font-size: 11px;
    position: relative;
}
/*-- // header --*/

/* -- about --*/
.about h4 {
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.about-padding {
    padding: 2em 4em;
}
.img-div {
    position: relative;
}
.position-img {
    position: absolute;
    right: 0;
    bottom: 10%;
}
.position-img1 {
    position: absolute;
    left: 0;
    bottom: 10%;
}
/* -- //about --*/


/*-- services --*/

.bottom-gd-content h4 {
    letter-spacing: normal;
}
.bottom-gd-icon span {
    font-size: 2em;
    color: #ff3c41;
}

.bottom-gd-ser {margin: 20px 0px; position: relative;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 5px 5px 10px 0 rgba(76, 110, 245, .1);
    -webkit-transition: .30s ease-in-out;
-moz-transition: .30s ease-in-out;
-o-transition: .30s ease-in-out;
transition: .30s ease-in-out;
    
}


.img-hover-zoom {margin: 0px;
    
    overflow: hidden;
    border-radius: 0px;
    z-index: -1;
   
    
   
}
.form-control:focus{border: 1px solid #7e7e7e !important}
        
.img-hover-zoom--basic img {
    transition: transform .5s ease;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;}

.img-hover-zoom--basic:hover img {
    transform: scale(1.2);
}

.img-hover-zoom--basic:hover img.Icondi {
    transform: none;
}

.img-hover-zoom--basic img.Icondi {
    transition: unset;
    transition-property: unset;
    transition-duration: unset;
    transition-timing-function: unset;
    transition-delay: unset;
}


.bottom-gd-ser img{width: 100%; overflow: hidden;}
.title-img{position: absolute; left: 0px; right: 0; top: 140px; z-index: 9999;}
.title-img h4{font-size: 35px; font-weight: normal; color: #fff; text-align: center; line-height: 45px; }
.title-img p{font-size: 15px; font-weight: normal; color: #fff;}
.title-img.Black h4 {
    color: #000;
}






  .bottom-gd-ser-2 {margin: 20px 0px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 5px 5px 10px 0 rgba(76, 110, 245, .1);
  }


.proudt-img{ padding: 10px;}


.proudt-button{ width: 100%; bottom: 0px;
 border-top: 1px solid #DDD;
 padding: 10px;
 font-size: 16px;
position: relative;

}

.proudt-button-2{ width: 100%; bottom: 0px;
    border-top: 1px solid #DDD;
    padding: 10px;
    font-size: 16px;
   position: relative;
   
   }



.bottom-space{margin-bottom: 0px; padding: 0!important;}
.bottom-gd-ser a{color:#000}

.arrow-icon{ position: absolute; right: 50px; width: 30px; bottom: 50px;}
.arrow-icon:hover{-webkit-transform: translateZ(0); right: 50px;
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}



    .bottom-gd-ser:hover.arrow-icon{-webkit-transform: translateZ(0);right: 50px;
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;}


h3.heading {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 3px;
}
.services{
    background: transparent;
    width: 100%;
    float: left;
}
/*-- //services --*/


/*-- gallery --*/
section#gallery {
    position: relative;
}

.gal-img {
    padding: 10px;
}

.gal-img img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    margin-bottom: 15px;
}

.gal-img:hover.gal-img img {
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
}
/*-- popup --*/

.pop-overlay {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

.pop-overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    background: #fff;
    border-radius: 5px;
    max-width: 500px;
    position: relative;
    margin: 8em auto;
    padding: 3em 1em;
}

.popup p {
    font-size: 16px;
    color: #666;
    letter-spacing: .5px;
    line-height: 30px;
}

.popup h2 {
    margin-top: 0;
    color: #fff;

}

.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.popup .close:hover {
    color: #ff3c41;
}

/*-- //popup --*/
/*-- //gallery --*/


/*-- stats --*/
.stats-info {
    background: url(../images/banner2.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}
.stats-info h3.heading,p.center{
	color: #fff;
}
.overlay {
    background: rgba(0, 0, 0, 0.5);
}
p.text-li {
    color: #ccc;
}
.stats-grid-w3-agile .icon-right-w3ls {
    background: #ff3c41;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #fff;
    margin: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.stats-grid-w3-agile span.fa {
    font-size: 30px;
    color: #fff;
    line-height: 65px;
}

.counter {
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    font-weight: 700;
}

/*-- //stats --*/


/*-- contact --*/
.contact-left span {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    color: #03A9F4;
    font-size: 16px;
    padding-left: 10px;
}
.contact input[type="text"], .contact input[type="email"], .contact select, .contact textarea {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 12px 20px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    background-color: transparent;
    text-transform: capitalize;
    background-image: none;
    letter-spacing: 1px;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #ccc;
}
.contact textarea {
    height: 120px;
}
.footer-style-w3ls p {
    font-size: 16px;
}
.footer-style-w3ls p a{
    color: #707579;
}
.contact button.btn {
    background: #ff3c41;
    font-size: 17px;
    display: inline-block;
    color: #fff;
    border: none;
    padding: 12px 40px;
    letter-spacing: 2px;
    margin-top: 0px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.contact iframe{
	border:none;
	outline: none;
	height:310px;
	width:100%;
	padding: 5px;
}
.phone-icon {
    text-align: center;
}
/*-- //contact --*/


/* -- //newsletter --*/
.subscribe-text input[type="email"] {
    outline: none;
    padding: 13px 20px;
    color: #333;
    font-size: 16px;
    width: 88%;
    border: none;
    background: none;
    letter-spacing: 1px;
}
.subscribe-text {
    background: #f5f6f7;
}
button.btn1 {
    color:#808080;
    border: none;
    padding: 13px 0;
    outline: none;
    text-align: center;
    text-decoration: none;
    background: none;
   cursor:pointer;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    width: 12%;
}
.subscribe-text form {
    border: 1px solid #808080;
    width: 100%;
}


.social-icon
    {position: absolute;
    bottom: 50px;
    left: 5%;
    margin-bottom: 14px;
    font-size: 22px;
}


.social-icon a{color:#fff}

/*-- footer --*/

ul.bottom-links-w3_pvt {
    border-top: 1px solid #1a1d1d;
    border-bottom: 1px solid #1a1d1d;
    padding: 1.5em 0;
    margin: 3em 0;
}

ul.bottom-links-w3_pvt li {
    display: inline-block;
    margin: 0 2em;
}

ul.bottom-links-w3_pvt li:last-child {
    float: right;
}

ul.bottom-links-w3_pvt li a.active,
ul.bottom-links-w3_pvt li a:hover {
    color: #34c663;
}

ul.bottom-links-w3_pvt li a {
    font-size: 14px;
    color: #606161;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footv4-left h2 a {
    font-size: 0.9em;
    letter-spacing: 0.5px;
    color: #fff !important;
    display: block;
    position: relative;
    margin-bottom: 1em;
    font-weight: 800;
    text-transform: uppercase;
}

ul.d-flex.header-agile li span {
    margin-right: 1em;
    color: #0cc5b7;
}

.footv4-left ul.v4-rel li {
    display: block;
    list-style-type: none;
    margin-bottom: 10px;
}

ul.footer-link li {
    display: inline-block;
    line-height: 2;
    margin-right: 1em;
}

ul.footer-link li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 17px;
    letter-spacing: 1px;
}
footer { padding-bottom: 30px;
    background: #305476;
float: left;
    width: 100%;
   
  

  
}


footer p {margin: 0px !important;
    font-size: 16px;
    letter-spacing: normal;
   
}
footer p a {color:#fff;
    opacity: .7;
}

footer p a:hover {color: #fff !important; opacity: 100%;}

footer p ul li {float:left;}


footer p ul li a {color:#fff}

.fb-icon{padding-right: 4px;}

.footer-title{font-size: 16px; color:#fff; padding-bottom: 0px; text-transform: uppercase; letter-spacing: 2px; }
.footer-title a{color:#fff;}
.footer-title a:hover{color:#817172 !important;}
.footer-content { line-height: 22px;
    padding-bottom: 15px;
    color: #fff;
}


.layout-title{ background: url(../images/layout-titile-bg.png) no-repeat right;
     min-height: 164px;background-color: #fff; margin-bottom: 30px;}

.layout-title h1 {color: #2C3845; text-transform: uppercase;
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 5px;
  line-height: 52px;
}


.finished-title{ background: url(../images/Finished-bg.png) no-repeat right;
    min-height: 164px;background-color: #fff; margin-bottom: 30px;}

.finished-title h1 {color: #2C3845; text-transform: uppercase;
 font-size: 44px;
 font-weight: 300;
 letter-spacing: 5px;
 line-height: 52px;
}



.about-us-bg{ background: url(../images/about-us.png) no-repeat right;
    min-height: 164px;background-color: #f9f9f9; margin-bottom: 30px;}

.about-us-bg h1 {color: #2C3845; text-transform: uppercase;
 font-size: 44px;
 font-weight: 300;
 letter-spacing: 5px;
 line-height: 52px;
 margin: 0px;
}




.service-title{ background: url(../images/Services-bg-2.png) no-repeat right ;
    min-height: 164px; margin-bottom: 30px; background-size: cover;}

.service-title h1 {color: #fff; text-transform: uppercase;
 font-size: 44px;
 font-weight: 300;
 letter-spacing: 5px;
 line-height: 52px;
}

.heading-text{color: #2C3845;
    font-weight: normal;
    padding: 10px 0px !important;
    margin: 0px !important;
font-size: 32px;
letter-spacing: 0;
line-height: 38px;}
.address{opacity: .4;}
.newslatter-bg{ margin-top: 70px; display: none;
    background: url(../images/newslatter-bg.png) no-repeat  center; padding: 53px 0px;
    clear: both;
    background-size: cover;
    min-height: 254px;
 }

 .newslatter-bg h3{text-align: center; color: #FFFFFF;
    font-size: 32px;
    letter-spacing: 2.64px;
    padding-bottom: 30px;
    margin: 0px !important;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 38px;}
.newslatter-bg form {
    max-width: 460px;
    background-color: #FFFFFF;
    padding: 12px 10px;
    margin: 10px auto;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 217, 217);
    
}
.newslatter-bg form input.FieldInput {
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 70%;
    text-align: left;
    color: #2C3845;
    border: none;
    outline: none;
    padding-right: 10px;
}

.newslatter-bg form input.Submitbtn {
    border: none;
    color: #fff;
   
    font-size: 16px;

    letter-spacing: 0;
    text-align: center;
    background-color: #4E88BD;
    padding: 18px 35px;
    float: right;
    margin-top: -13px;
    margin-right: -16px;
 
}



.footer-content a{color: #fff; opacity: .7 !important;}
.footer-content a:hover{color: #fff !important; opacity: 100% !important;}


.footer-center{text-align: center;}

.footer-icon{ margin: 25px auto 0px;}


.footer-icon a { 
    color: #fff !important;
    padding: 8px 0px 0px 0px;
    margin: -2px auto 0px;
    display: block;
   font-size: 25px;
    border-radius: 50%;
    height: 40px;
    width: 25px;
}

.footer-icon a:hover {
    opacity: 100%;
    color: #fff !important;
   
}


.copy-right p a {
	color: #fff;
}
.footer-logo a {
    font-size: 32px;
    color: #eee;
    letter-spacing: 1px;
    font-weight: 600;
}
/*-- //footer --*/




.wel-title{ text-align: center; padding:0px; margin: 0px;}


.wel-title-3{ text-align: center; padding:0px; margin-top: 0px;}

.wel-title-1{ text-align: center; padding:10px;}

/*-- Responsive design --*/











.round-img{ display: block;}
.banner-div{display: none;}

.proudt-img.arrow-icon {transition: width 2s; }
.proudt-img:hover .arrow-icon {width: 200px;}



@media(max-width:1080px) {
	.csslider>ul>li, .bs-slider-overlay, .csslider>ul>li, .bs-slider-overlay1 {
		min-height: 680px;
	}
	h4.agile-title, h1.agile-title, h2.agile-title {
		font-size: 3.5em;
	}
	.banner-text {
		padding-top: 7vw;
	}
	.about-padding {
		padding: 2em 3em;
	}
	.about h4 {
		font-size: 28px;
	}
	h3.heading {
		font-size: 35px;
		letter-spacing: 1px;
	}
	p.text-li {
		font-size: 15px;
	}
	.bottom-gd-content h4 {
		letter-spacing: normal;
        font-size: 22px;

    }
    
.product-title {
        padding: 9px;
        font-size: 12px;
    }
   

    

}


.empty-row{ display: none; }
ul.footer-icon li {
    opacity: 0.6;
    color: #fff !important;
    padding: 8px 14px 0px 0px;
    margin: -2px auto 0px;
    display: inline-block;
    font-size: 25px;
}

@media(min-width:1024px) and (max-width:1090px){
    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 0.55em;
    }
    .proudt-button {
        width: 100%;
        bottom: 0px;
        padding: 10px;
      
        position: relative;
    }
    nav a {padding: 7px;}
    .sm-screen{display: none !important; }

    .FormBg {padding: 50px 30px!important;
        
    }

    .empty-row{ display: block !important; height:700px;}

    html body .FormBg {
        
        background: rgba(67,60,58,0.70);
       
  
    
     
    }
    
    .follow-us {
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 11px;
        color: #fff;
        padding-bottom: 10px;
        text-transform: uppercase;
    }

}


@media(min-width:1021px) and (max-width:1025px){
    
    html body .FormBg.align-self-center.ForDesktop{ display: block;
        padding: 50px 25px!important;
    }
.ipad-view{ display: none !important;}
.web-view{display: block !important;} 
    body .FormobileView {
        display: block !important;
    }

    .FormBg.align-self-center.ForMobile {
        padding: 50px 35px!important;
        backdrop-filter: inherit;
        border-radius: 0px;
        background: rgb(0 0 0 / 10%);
        background: inherit;
    }

}

.web-img{display: block;}
.mob-img{display: none;}
@media(max-width:1024px) {
    
    .sm-screen{display: block !important; }
    .md-screen{display: none;}
    .

    
    .proudt-button-2 {
        padding: 10px;
        font-size: 18px !important;
        position: relative;
        color: #fff;
    }

    .product-title-3 {
        font-size: 22px;
        color: #fff;
        padding: 20px;
    }
    

   
	.csslider>ul>li, .bs-slider-overlay, .csslider>ul>li, .bs-slider-overlay1 {
		min-height: 650px;
    }
    .help{padding-left: 25px;}
    .product-title {
        padding: 9px;
        font-size: 12px;
    }

    .proudt-button {
        width: 100%;
        bottom: 0px;
        padding: 10px;
       
        position: relative;
    }

}

.img-spac{ margin-bottom: 50px;}

.mob-img{display: none;}
.web-view{display: block;} 

@media(min-width:1366px) and (max-width:1366px){
    .ipad-view{ display: block;}
    .web-view{display: none;} 
   
}
.br{display: none;}
@media(min-width:768px) and (max-width:991px){
    
    .footer-icon a {
       
        padding: 8px 6px 0px 6px;
       width: auto;
        font-size: 24px;
    }

    .service-div img {
        height: 125px;
        position: relative;
    }
    .col-div h2{padding: 14px !important;font-size: 22px !important;}
    .white-div h2{padding: 14px !important;font-size: 18px !important; left: 14px !important;}
    .service-div h2{padding: 14px !important;font-size: 22px !important; }
    section.Bannerform {
        width: 100%; 
        height:100vh ;
        float: left;
        background-image: url(../images/tablet-bg@2x.jpg);
       
        background-repeat: no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      
    }
    .navbar-header {
        display: flex;
        justify-content: center;
    }
    
    .md-screen{display: none !important;}
    .sm-screen{display: block !important;}
    .navbar-brand {float: none !important;}
    .header-agile {
        width: 97%;
     
    }
    .logo-width {
        width: 180px;
        padding-left: 20px !important;
        padding: 10px 0px;
        margin-top:0px !important ;
    }

    

    html body .FormBg{background: none !important; backdrop-filter:none !important;}
    .FormBg.align-self-center.ForMobile {
        padding: 0px 0px!important;
        backdrop-filter: none !important;
        border-radius: 0px;
        background: none !important;
      
    }
  
.br{display: block;}
    .login100-form { padding: 10px 35px!important;
       
        background-color: rgba(0,0,0,0.24);
        border-radius: 0px;
        max-width: 600px; margin: 150px  auto auto; 
        margin-left: 100px;
    }
}
    a.Backbtn.aboutbackbutton.mobiledevice{
        display: none;
    }
    .Backbtn.diamondbackbutton.mobiledaimondsections{
        display: none;
    }
    body .navbar-toggle {
        display: block;
    }

    .ForDesktopView{
        display: none;
    }
    .empty-row{ display: block !important; height: 900px;}

    body .FormobileView {
        display: block;
    }

    body .btn-container {
        display: block;
    }

   body .DiamondsService .heightaut .img-hover-zoom{
        height: auto;
        overflow-y: hidden;
    }
    
    body .navbar-inverse .navbar-toggle {
        position: absolute;
        left: 0;
        margin: 0;
        top: 35px;
        left: 27px;
        border: none;
    }

.round-img{ display: none;}
.banner-div{display: block;}
body .Tablet {
    display: block;
}
body .Desktop{
    display: none;
}
.title-img{
    left: 34px;
    right: 0;
}
.Backbtn i{
    float: left;
    display: flex;
justify-content: center;
margin-top: 0;
}

body .Backbtn{
    display: flex;
justify-content: center;
margin-top: 0;
float: none;
}
body .heightaut .img-hover-zoom{
    margin: 20px 40px;
    background: #0000008f;
   
    
}

body .DiamondsService .heightaut .img-hover-zoom{
    margin: 20px 40px;
}
body .ABoutMain{
    padding-top: 90px;
    
}


.bottom-section{background-color: #ebebeb; padding: 50px 0px;}
.bottom-section h1{color: #2C3845;
    text-transform: uppercase;
    font-size: 44px;
    padding-bottom: 40px;
    font-weight: 300;
    letter-spacing: 5px;
    text-align: center;
}
.col-div{position: relative;}
.col-div h2{margin: 0px !important; padding: 24px; position: absolute; top:0px; left: 0px; color: #FFFFFF;
font-size: 32px;
font-weight: 300;
line-height: 38px;}
.white-div{background-color: #FFFFFF; padding: 0px;}
.white-div img {position: relative;}
.white-div h2{position: absolute; top: 0px; left:24px; color: #2B4866;
  
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px; margin: 0px !important; padding: 24px;}
    .row-spac{margin-top: 35px !important;}
    .service-div{ position: relative;}
    .service-div img{position: relative;}
    .service-div h2 {position: absolute; top: 0px; left:0px; color: #FFFFFF;
        font-size: 32px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 38px; padding: 24px; margin: 0px !important;}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        section.Bannerform{background-position: -47px 0px;}
      

     }




   


     @media only screen 
     and (device-width : 320px) 
     and (device-height : 568px) 
     and (-webkit-device-pixel-ratio : 2) { 
       

        .video-div a {
            display: inline-block;
            color: #C4AA75;
            font-size: 13px;
            padding: 5px;
        }
    }

@media(min-width:319px) and (max-width:767px){ .modal-dialog {
    max-width: 700px !important;
    left: inherit !important;
}
.video-div { text-align: center;
    position: absolute;;
    background:none; padding: 0px;
    right: 0 !important;
    bottom: 0px;
    
}
.login100-form-btn{margin-top: 5px !important;}
.br{display: block;}
.mobile-sapcing{padding-left: 20px !important; padding-right: 10px !important}
.video-div a { float: left; margin-left: 15px;
    display: inline-block;
    color: #C4AA75;
    font-size: 15px;
    padding: 5px;
}
    .bottom-nav{display:none !important;}
   .web-img{ display: none;}
    .mob-img{display: block;}
    .content-padding{padding-bottom: 30px; padding-left: 20px; padding-right: 20px;}
    .content-padding-2{padding-bottom: 30px;}
  
   body .ABoutMain h5{
        font-size: 30px;
    }

    body .ForDesktopView {
        display: none;
    }

    body .FormobileView {
        display: block;
    }

   body .btn-container {
        display: block;
    }

    .DiamondsService {
        background-image: inherit!important;
        background: #eff1f4;
    }

    .DiamondsService .heightaut .img-hover-zoom{
        margin: 0;
    }


    .MouseIcon img.DesktopImg {
        display: none;
    }
    body .MouseIcon img.MobImg {
        display: initial;
        width: 25px;
        margin-top: 15px;
    }
    body .space-footer h3{
        font-size: 16px!important;
    }

   

    body .space-footer .Company{
        font-size: 14px;
    }

    .FormBg.align-self-center.ForMobile{ padding: 20px 40px;
        display: block; 
        background-color: rgba(0,0,0,0.24);
        border-radius: 4px;
        margin-bottom: 30px;
        left: 5% !important;
        position: absolute;
        bottom: 30px;
        max-width: 90% !important;
            }
            .logo-width {
                width: 150px;
                margin-top: -7px !important
            }    
    html .Dflex{
        padding-top: 10px!important;
        margin-top: 20px;
        background: #305476;
        border-radius: 30px;
        padding: 0px 10px;
    }
    .RagisterNow a{
        font-size: 13px;
    }
   body section.Bannerform{
        background-image: url(../images/mob.jpg);
      
        padding-bottom: 25px;
        margin-bottom: 50px;
       
    }

    .Dflex .DontHave p{color: #ddd;
        font-size: 13px;
    }
    .ForDesktop{
        display: none;
    }
    body .Mobile {
        display: block;
    }
    body .navbar-toggle{
        float: left;
    }
    .navbar-header{
        display: flex;
        justify-content: center;
    }
    body .Desktop{
        display: none;
    }
    .title-img{
        left: 15px;
        top: 5px;
    }
    .title-img h4{
        font-size: 25px;
        line-height: 30px;
    }
    body .arrow-icon {
   
        right: 30px;
        bottom: 25px;
    }
    .space-footer .col-sm-3{
        margin-top: 40px;
    }
    .navbar-inverse .navbar-brand{
        padding: 0;
    }
   body .navbar{
    padding: 7px 0;
    }
    body .navbar-inverse .navbar-toggle {
        
        position: absolute;
        left: 0;
        margin: 0;
        top: 30px;
        left: 40px;
        border: none;
    }

    body .heightaut .img-hover-zoom {
        margin: 0;
        background: transparent;
        backdrop-filter: inherit;
        padding: 20px!important;
    }
    .HeightSet {
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
    }
   body .title-img {
   
        top: 120px;
    }
    body .heightaut .img-hover-zoom{
        margin: 0px 30px;
        background: transparent;
        backdrop-filter: inherit;
        padding: 20px!important;
       
        
    }

    body .DiamondsService .heightaut .img-hover-zoom {
        margin: 0;
        box-shadow: none;
        height: auto;
        padding-bottom: 5px!important;
        backdrop-filter: blur(50px);
    }
    .Backbtn i{
        float: left;
        display: flex;
    justify-content: center;
    margin-top: 0;
    }

    body .Backbtn{
        display: flex;
    justify-content: center;
    margin-top: 0;
    float: none;
    }

    .services .Backbtn{
        display: none;
    }

    .pull-left {
        float: left !important;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .pull-right {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    body .ABoutMain {
        padding-top: 70px;
        background-image: inherit;
    }
   
    }
    

    @media(min-width:881px) and (max-width:991px){
       
        html body .FormBg{left: 19%;}
       
    
    }
   
    @media(min-width:768px) and (max-width:800px){
    html .Dflex{
        padding-top: 10px!important;
        margin: 20px auto;
        background: #305476;
        border-radius: 30px;
        padding: 0px 10px;
        max-width: 300px;
    }
    html body .FormBg{left: 14%;  
    }
   
}




@media(min-width:1020px) and (max-width:1024px){ .logo-width{width: 180px;}
    .login100-form-btn {width: 320px !important;
       
    }
    .row-spac {
        margin-top: 26px !important;
    }
html body .FormBg{ position: absolute; bottom: 100px;}
section.Bannerform {
    width: 100%;
    height: 100vh;
    background-image: url(../images/bg@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -130px;
}
}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .row-spac {
        margin-top: 26px !important;
    }
    .login100-form-btn {
        margin-left: 65px;}
    section.Bannerform {
        width: 100% !important; 
        height:100vh ;
        float: left;
        background-image: url(../images/tablet-bg@2x.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important ;
       background-position: -100px !important;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      
    }

    nav a {padding: 7px;}
    html body .FormBg.align-self-center.ForDesktop {
        display: block;
        padding: 5px 25px!important;
        right: 5%;
        width: 100%;
        bottom: 0px;
    }
    html body .FormBg {
        position: absolute;
        bottom: -500px;
        bottom: 450px !important;
    }
}


@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    section.Bannerform {
       
       background-position: -250px !important;
        }  
        html body .FormBg {
          
            margin-top: 370px !important;
           
        }
}


.sm-screen{display: none!important;}

html body .FormBg {
    max-width: 400px !important;
}


@media(min-width:992px) and (max-width:1019px){
    section.Bannerform {
        width: 100%; 
        height:100vh ;
        float: left;
        background-image: url(../images/bg@2x.png);
        background-repeat: no-repeat !important;
        background-size:cover !important ;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      
    }
    html body .FormBg{ left: 400px !important ;}

    html body .FormBg{margin-top: 232px !important;}
    .video-div{bottom: 0px !important; top:705px;}
}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.ipad-view{display: block !important;}

}



@media(min-width:768px) and (max-width:1024px){
    .custom-bullet li{text-indent: -33px; margin-left: 30px;}
    .banner-video{display: none;}
   
    header{position: relative;}
   
    video{display: none;}
    .ipad-view{ display: none !important;}
    .web-view{display: block !important;} 
}




@media(min-width:768px) and (max-width:1023px){

    .icon-diamond-icon:before{}
    .MouseIcon img.DesktopImg {
        display: initial;
    }
    
    .proudt-button {
        width: 100%;
        bottom: 0px;
    
        padding: 10px;
        font-size: 16px;
        position: relative;
    }
    

    .proudt-button-2 {
        padding: 10px;
        font-size: 18px !important;
        position: relative;
        color: #fff;
    }

    .product-title-3 {
        font-size: 22px;
        color: #fff;
        padding: 20px;
    }
    
    
    nav a {
        font-weight: 400;
        text-transform: uppercase;
        color: #eee;
        letter-spacing: 1px;
        font-size: 13px;
        position: relative;
        padding: 0px 15px !important;
    }

    .footer-title {
        font-size: 16px;
       
        padding-bottom: 10px;
        text-transform: uppercase;
    }

    .follow-us {
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 14px !important;
      
        padding-bottom: 10px;
        text-transform: uppercase;
    }

    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 0.55em;
    }

    a.navbar-brand {
        font-family: 'Bauer Bodoni', serif;
        font-size: 0.65em;
    }

    .proudt-button {
        width: 100%;
        bottom: 0px;
       
        padding: 10px;
        
        position: relative;
    }

 

}
.bottom-div{display: none;}


@media(max-width:991px) {

    .product-title {
        padding: 9px;
        font-size: 12px;
    }



    .product-title-2 {
        padding: 9px;
        font-size: 17px;
    }

    .proudt-button {
        width: 100%;
        bottom: 0px;
       
        padding: 10px;
        font-size: 16px ;
        position: relative;
        
    }
	.about-padding {
		padding: 0em 1em;
	}
	.img-div {
		margin: 4em 0;
	}
	.csslider>ul>li, .bs-slider-overlay, .csslider>ul>li, .bs-slider-overlay1 {
		min-height: 600px;
	}
	header {
		padding: 0rem 0;
	}
	.social.social-invisible {
        width: 80px;
        left: 20px;
        bottom: 14px;
		display: block;
	}
    .social{ 
        width: 80px;
        position: absolute;
        left: 20px;
        bottom: 10%;
		display: block;
	}
	.header-agile {
		width: 97%;
	}
}
@media(max-width:900px) {
	h4.agile-title, h1.agile-title, h2.agile-title {
		font-size: 3em;
	}
	.banner-text {
		padding-top: 5vw;
    }
    .modal-dialog {
      
        left: 0% !important;
    }
    .arrow-icon{ position: absolute; right: 50px; width: 30px; bottom: 50px;}
    .logo-right{float: right;}

    .menu-left{float: left;}

    .menu-li{padding-top: 0px !important}
    .phone-col {
        padding-left: 0px!important;
    }

   
}
@media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape) {
   body section.Bannerform{background-position: -53px 54px !important;}


}

@media(max-width:736px) {
    .white-div{margin-bottom: 32px;} 
    .col-div{margin-bottom: 32px;}
    .web-img{display: none;}
.mob-img{display: block;}
    .header-agile {margin-top: 10px !important;
        width: 68% !important;
    }
    .col-div h2 {
        margin: 0px !important;
        padding: 14px;
    }.white-div h2 {
        
        left: 14px;
    }
    .newslatter-bg {
        margin-top: 0px;

    }

    .bottom-section {
        background-color: #ebebeb;
        padding: 50px 0px 31px;
        float: left;
    }
    .newslatter-bg form input.Submitbtn {
       
  
        padding: 18px 25px;
       
        margin-top: -14px !important;
        margin-right: -16px;
    }
    .service-div h2{padding: 14px;}
    .search-trigger, .menu-trigger, .grid-trigger, .hs-user, .more-trigger {
        position: absolute;
        top: 5px;
       left: -10px;
    }
    .modal-dialog {
      
        left: 0% !important;
    }
    .logo-width {
        width: 120px;}
    .proudt-button-2 {
        padding: 10px;
        font-size: 18px !important;
        position: relative;
        color: #fff;
    }
    .product-title-3{ font-size: 22px; color: #fff; padding: 20px;}
    .product-title-2 {
        padding: 9px;
        font-size: 14px;
    }

    h1{font-size: 27px !important;}
    h2{font-size: 24px !important;}
    h3{font-size: 22px !important;}

   

  

.add-banner{background: url(../images/Exquisite-Value.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    
}

.add-banner-height{min-height: 300px;}


    .proudt-button-2 {
        
        font-size: 14px;
    
    }

.bottom-div{bottom: 50px;position: absolute; right: 30px; display: block;}
    .banner-button-2{font-size: 18px!important;
        margin-top: 150px!important;
        float: right !important;
        position: relative;
        border: 1px solid #fff;
        padding: 10px 25px!important;
        color: #fff;
        right: 30px;
    
    
    }


    
   

    .banner-button{ display: none !important; }

    .wel-title-3{ text-align: center; padding:20px; margin: 0px 0px 20px;}

    .wel-title-1{ text-align: center; padding:10px; font-size: 18px !important;} 

.social-b-icon{display: none;}

    .carousel-indicators {
        position: absolute;
        bottom: -9px !important;
        left: 50%;
        z-index: 8;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }

    .banner-text a {
        font-size: 18px!important;
        margin-top:  150px!important;
        float: right !important;
        
    }


    .banner-text a {
        font-size: 22px;
        color: #fff;
        outline: none;
        margin-top: 20px;
        display: inline-block;
        position: relative;
        border: 1px solid #fff;
        padding: 10px 25px!important;
        float: left;
        
    }

    .carousel-caption {
       
        left: 8% !important;
    }

.remove{display: block;     font-size: 15px;
    text-transform: uppercase;}

.center {text-align: center;}
.phone-col {padding-left: 15px!important;}


.phone-top{margin-top: 20px;}
.footer-title {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
    .toggle {

        margin-right: 0px;
        margin-top: 10px !important;
}
   
    .cart-icon {
        right: 0;
        float: right;
        margin-right: -4px;
        margin-top: 10px;
    }


	h4.agile-title, h1.agile-title, h2.agile-title {
		font-size: 28px;
        letter-spacing: 1px;
       
    padding: 8px;
    }
    


    

	.banner-text h5 {
		letter-spacing: 4px;
		font-size: 1.2em;
	}
	.csslider>ul>li, .bs-slider-overlay, .csslider>ul>li, .bs-slider-overlay1 {
		min-height: 550px;
	}
	.stats-grid-w3-agile .icon-right-w3ls {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.stats-grid-w3-agile span.fa {
		font-size: 25px;
		line-height: 60px;
	}
	.counter {
		font-size: 34px;
	}
	.footer-logo a {
		font-size: 28px;
	}
	.copy-right p {
		font-size: 16px;
	}
}

@media(max-width:667px) {

    .carousel-caption {
        position: absolute;
        right: 15%;
        top: -60px;
        left: 27%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
	.img-div {
		margin: 2em 0 0;
	}
	.position-img, .position-img1 {
		position: static;
		margin: 2em 0;
	}
	.about h4 {
		font-size: 25px;
	}
	p {
		font-size: 16px;
	}
	.csslider>ul>li, .bs-slider-overlay, .csslider>ul>li, .bs-slider-overlay1 {
		min-height: 500px;
    }
   
    .toggle {
    
        margin-right: 20px;
        margin-top: 10px !important;
    }
    .phone-col {padding-left: 15px!important;}

}


@media(max-width:568px) {.header-agile {
  
   
}

    .FormBg.align-self-center.ForMobile{margin-top: 200px;}
    .carousel-caption {
        position: absolute;
        right: 15%;
        top: -60px;
        left: 27%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
	h3.heading {
		font-size: 30px;
		letter-spacing: 1px;
	}
	h4.agile-title, h1.agile-title, h2.agile-title {
		font-size: 22px !;
		letter-spacing: 1px;
	}
	.banner-text h5 {
		letter-spacing: 3px;
		font-size: 1em;
	}
	.csslider>ul>li, .bs-slider-overlay, .csslider>ul>li, .bs-slider-overlay1 {
		min-height: 450px;
    }

    .phone-col {padding-left: 15px!important;}

    html body .psetup .navbar-nav{
        margin-right: 0!important;
    }
    html body .psetup {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .navbar-inverse .navbar-toggle{
        margin: 30px 15px;
    }
   
}
@media(max-width:480px) {
    .header-agile {
     
     
    }
    .proudt-button {
        padding: 10px;
       
        position: relative;
    }
    .carousel-caption {
        position: absolute;
        right: 15%;
        top: -60px;
        left: 27%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
	.bottom-gd-content h4 {
		font-size: 20px;
    }
    .help{padding-left: 15px;}
	p {
		line-height: 1.8;
	}
	.banner-text {
		padding-top: 35vw;
	}
	.menu .toggle {
		width: 30%;
	}
	ul.footer-link {
		text-align: center;
    }
    

    .phone-col {padding-left: 15px!important;}
}
@media(max-width:414px) { .FormBg.align-self-center.ForMobile{margin-top: 100px ;}
    
    .carousel-caption {
        position: absolute;
        right: 15%;
        top: -60px;
        left: 16% !important;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
	.about h4 {
		font-size: 23px;
	}
	.counter {
		font-size: 30px;
	}
	h3.heading {
		font-size: 27px;
		letter-spacing: 0px;
	}
	.contact input[type="text"], .contact input[type="email"], .contact select, .contact textarea {
		font-size: 14px;
	}
	.contact button.btn {
		font-size: 16px;
		padding: 10px 35px;
		letter-spacing: 1px;
	}
	h4.agile-title, h1.agile-title, h2.agile-title {
		font-size: 22px;
		letter-spacing: 1px;
	}
	.banner-text h5 {
		letter-spacing: 2px;
		font-size: .9em;
	}
	.banner-text {
		padding-top: 45vw;
	}
	.menu .toggle {
		width: 100%;
    }
    
    .toggle {
        margin-right: 0px; 
         margin-top: 0px 
    }


    .phone-col {padding-left: 15px!important;}

}
@media(max-width:384px) {
    .proudt-button {
        padding: 10px;
       
        position: relative;
    }
   
    .carousel-caption {
        position: absolute;
        right: 15%;
        top: -60px;
        left: 27%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .phone-col {padding-left: 15px!important;}

	h4.agile-title, h1.agile-title, h2.agile-title {
		font-size: 22px;
		letter-spacing: 1px;
	}
	.banner-text {
		padding-top: 45vw;
	}
	.banner-text a {
		font-size: 15px;
		margin-top: 10px;
	}
	.footer-logo a {
		font-size: 25px;
		letter-spacing: 0;
	}
	.popup {
		margin: 8em 1em;
    }
    

    .remove{display: block;     font-size: 14px;
        text-transform: uppercase;}
    
        .footer-title {
            font-size: 16px;
          
            padding-bottom: 10px;
            margin-bottom: 0px;
        }
    .footer-content {
        padding-bottom: 10px;
    }


}


@media(max-width:360px) {

   
    .FormBg.align-self-center.ForMobile{margin-top: 100px ;}
    .toggle {
      margin-right: 0px; 
        margin-top: 20px
    }
    .open{ display: block !important}
    .phone-col {padding-left: 15px!important;}

}





@media(max-width:375px) { .FormBg.align-self-center.ForMobile{margin-top: 100px }
    .toggle {
      margin-right: 0px; 
        margin-top: 20px
    }
    .open{ display: block !important}
    .phone-col {padding-left: 15px!important;}

}
@media(max-width:320px) {
    .toggle {

        margin-right: 40px;
       
}
h1{font-size: 24px !important;}
h2{font-size: 22px !important;}
h3{font-size: 18px !important;}
.header-agile {
    margin-top: 20px;
    width: 70% !important;
}

.FormBg.align-self-center.ForMobile{margin-top: 100px;}

.open{ display: block !important}
.login100-form-btn {
    float: left;
    margin-top: 10px;
}
.proudt-button {
    padding: 10px;

    position: relative;
}
    .cart-icon {
        right: 0;
        float: right;
        margin-right: -4px;
        margin-top: 20px;
    }





    
    }

    .footer-bottom{ background: #2C3845;;  text-align: center;  padding-bottom: 0px !important;}
    .footer-bottom p{ opacity: 0.7;  line-height: 40px;
        color: #FFFFFF !important;
margin: 0px;
        font-size: 14px;
        letter-spacing: 0;
        }


.phone-col {padding-left: 15px!important;}


.follow-us{padding-top: 0px;
    padding-bottom: 0px;font-size: 17px;
    color: #fff;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.icons-footer {
    padding: 0px 12px 0px 0px;
    margin-top: -20px;
    font-size: 22px;
}

/*-- //Responsive design --*/




.Tablet{
    display: none;
}

.Mobile{
    display: none;
}



/*--- Form Css Start --- */


a:focus {
    outline: none !important
}

a:hover {
    text-decoration: none;
    color: #403866
}



ul,
li {
    margin: 0;
    list-style-type: none
}

input {
    outline: none;
    border: none
}

textarea {
    outline: none;
    border: none
}

textarea:focus,
input:focus {
    border-color: inherit !important
}

input::-webkit-input-placeholder {
    color: #8f8fa1
}

input:-moz-placeholder {
    color: #8f8fa1
}

input::-moz-placeholder {
    color: #8f8fa1
}

input:-ms-input-placeholder {
    color: #8f8fa1
}

textarea::-webkit-input-placeholder {
    color: #8f8fa1
}

textarea:-moz-placeholder {
    color: #8f8fa1
}

textarea::-moz-placeholder {
    color: #8f8fa1
}

textarea:-ms-input-placeholder {
    color: #8f8fa1
}

label {
    display: block;
    margin: 0;
    color: rgba(255,255,255,0.6);

}

button {
    outline: none !important;
    border: none;
    background: 0 0
}

button:hover {
    cursor: pointer
}

iframe {
    border: none !important
}

.txt1 {
 
    font-size: 14px;
    color: #DADFFF;;
    line-height: 1.4;
    font-family: 'roboto', sans-serif;
}
.txt1:hover{
    color: #70ACF3!important;
}
.limiter {
    width: 100%;
    margin: 0 auto
}

.container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.wrap-login100 {
    width: 390px;
    background: #fff;
    border-radius: 10px;
    position: relative
}

.login100-form {
    width: 100%
}

.login100-form-title {
    
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    text-align: left;
    width: 100%;
    display: block;
     margin-bottom: 25px;
     font-family: 'roboto', sans-serif;

}

.wrap-input100 {
    width: 100%;
    position: relative;
  
    
    border-radius: 3px
}
.input100-b {border: 1px solid #A4A29F;}
.input100 {

    color: #fff;
    line-height: 1.2;
    font-size: 18px;
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,0.24);
    border: 1px solid #BBBDC3;
    border-radius: 3px;
    height: 45px;
    padding: 0 20px 0 10px
}

.focus-input100 {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    pointer-events: none;
    border: 1px solid #BFC6D6;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scaleX(1.1) scaleY(1.3);
    -moz-transform: scaleX(1.1) scaleY(1.3);
    -ms-transform: scaleX(1.1) scaleY(1.3);
    -o-transform: scaleX(1.1) scaleY(1.3);
    transform: scaleX(1.1) scaleY(1.3)
}

.input100:focus+.focus-input100 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.eff-focus-selection {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.input-checkbox100 {
    display: none
}

.label-checkbox100 {
    font-size: 14px;
    color: rgba(255,255,255,0.6);

    line-height: 1.2;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-weight: normal!important;
    font-family: 'Roboto', sans-serif!important;
}

.label-checkbox100::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 13px;
    color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 2px solid #4E88BD;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px;
}

.input-checkbox100:checked+.label-checkbox100::before {
    color: #fff;
    background: #4E88BD;
}

.container-login100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;


}

.login100-form-btn {
   float: left;
   margin-top: 25px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #4E88BD;
    border-radius: 3px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    border-radius: 30px;
}

.login100-form-btn:hover {
    background-color: #4797e1;
}

.validate-input {
    position: relative;
    margin-bottom: 25px;
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 3px;
    padding: 4px 25px 5px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    pointer-events: none;
    font-family: Ubuntu-Regular;
    color: #c80000;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.alert-validate::after {
    content: "\f12a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1
}

@media(max-width:992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1
    }
}





section.MainHeader {
    width: 100%;
    float: left;
    position: relative;
    top:0;
}

.NavSet{
   padding: 15px 0;
   margin-bottom: 0px!important;
}

body .navbar-brand {
    margin-left: 0!important;
}

html body .psetup{
    padding-left: 60px;
    padding-right: 60px;
}

html body .psetup .navbar-nav {
    margin: 20px 0;
    margin-right: -50px;
}

html body .psetup .navbar-nav li a {
    padding: 10px 25px;
    text-transform: inherit;
    font-size: 17px;
}

.ABoutBg{

}



body .navbar-inverse {
    backdrop-filter: blur(10px);
    background: #0c1b206b;
    background-color: #0c1b206b;
}

html body .FormBg { max-width:360px !important; 
    margin-top: 170px;
    padding: 20px 20px;
   right: 8%;
   background-color: rgba(0,0,0,0.24);
    border-radius: 4px;
    float: right;
   

 
}

.Dflex{
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.Dflex .DontHave{
    margin: 0 10px;
}
.RagisterNow a {
    color: #DADFFF;
}
body .RagisterNow a:hover{
    color: #70acf3!important;
}
.Dflex .DontHave a {
    color: #fff;
}
.Dflex .DontHave p{color: #D3D2D2;
    font-size: 14px;
    line-height: inherit;
}
img.Icondi {
    width: 25px;
    display: block;
    margin: 0 auto;
}






.space-footer h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    color: #ccccccc7!important;
    color: #91989A!important;
    margin-top: 0!important;
}

.space-footer .Company{
    font-size: 20px;
    font-weight: 400;
    color: #ccccccc7!important;
}

.space-footer a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.space-footer a:hover {
    color: #fff!important;
}

.space-footer .Company {
    font-size: 16px;
    font-weight: 400;
    color: #ccccccc7!important;
    padding: 0;
    line-height: 28px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff!important;
    background-color: #08080800!important;
}

.heightaut .img-hover-zoom {
    padding: 25px 30px 55px 30px!important;
    backdrop-filter: blur(8px);
    background: rgb(255 255 255 / 0%);
    border: none;
    border-radius: 0;
    margin: 10px;
    background: #0000008f;

}

.DiamondsService .heightaut .img-hover-zoom {
    padding: 25px 30px 55px 30px!important;
    backdrop-filter: blur(8px);
    background: rgb(255 255 255 / 0%);
    border: none;
    border-radius: 0;
    margin: 10px;
    background: rgba(255,255,255,0.08);
    height: 465px;
    overflow-y: scroll;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
}



.navbar{
    z-index: 9999;
}
.ABoutMain{
    padding: 175px 0 70px 0;
    background-image: url(../images/about-us-bg-2@2x.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}



body .DiamondsService h5{
    color: #000;
}
.ABoutMain h5 {
    text-align: center;
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 50px;
}

.Backbtn {
    color: #55a7a2;
    font-size: 18px;
    margin-top: -90px;
    float: left;
    cursor: pointer;
}

.Backbtn i{
    margin-right: 8px;
}
.heightaut .img-hover-zoom h4{
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: 'roboto', sans-serif;
}
.heightaut .img-hover-zoom p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'roboto', sans-serif;
    line-height: 26px;
}

.DiamondsService .heightaut .img-hover-zoom p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: 'roboto', sans-serif;
    line-height: 26px;
}

.DiamondsService .heightaut .img-hover-zoom h4{
    color: #000;
}

.validate-input i {
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 20px;
    color: #ccc;
}
.validate-input img {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 25px;
}

@media(min-width:999px) and (max-width:4000px){

  
    html body .collapse {
        display: block;
    }
    
}


@media(min-width:300px) and (max-width:768px){
    header{position: relative;}
    .navbar-header {
       
        width: 100%;
    }
    
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
    color: #fff!important;
}


.MouseIcon{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -67px;
}

.MouseIcon img {
    width: 35px;
}

body label{
    font-weight: 400;
    font-family: 'Roboto', sans-serif;

}

.Dflex .DontHave a {
    color: #cccccc70!important;
    z-index: 9999;
}

.Dflex .DontHave a{
    color: #cccccc70!important;
}

.arrow-icon img {
    width: 36px;
}

.ForMobile{
    display: none;
}

.MouseIcon img.MobImg {
    display: none;
}




.bg-danger p{
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
body .bg-danger {
    background-color: red;
    padding: 10px;
    margin-top: -20px;
}

.modal-open .modal{
    z-index: 9999;
}
.navbar-inverse {
    z-index: 999;
}

.modal-header {
    border: none!important;
}

.modal-footer .btn + .btn {
    background-color: #55a7a2;
    border: none;
    padding: 10px 15px;
}

.modal-body {
  
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

button.btn.btn-secondary:hover{
    border: 1px solid #55a7a2;
    padding: 10px 15px;
}

button.btn.btn-secondary{
    border: 1px solid #fff;
    padding: 10px 15px;
}


#slide-panel {
    width:100%;
 
    position: relative;
    left: 0px;
    float:right;
}
#opener {
    margin:-10px -50px 0px 0px;
    padding-top:15px;
    border-radius:0;
}
#content {
    float: left;
 
    width: 100%;
    
}




.navbar-brand>img{
    margin: 0 auto;
}

.navbar-inverse{
    border: none!important;
}

.Backbtn.diamondbackbutton.mobiledaimondsections i{
    color: #fff;

}

.diamondbutton {
    cursor: pointer;
}


#section {
    width: 500px;
    height: 400px;
    word-wrap: break-word;
  }
  
  .moretext {
    display: none;
  }
  


  #text{
    display:none;
    }
 .btn-container{
      margin: auto;
      
    }
  

    .btn-container button {
        float: right;
        font-size: 14px;
        color:#52a6a2;
    }

    .btn-container button i{
        float: initial;
    }


    .FormobileView{
        display: none;
    }

    .btn-container {
        display: none;
    }



    .twelve {
        padding-top: 130px;
        padding-bottom: 80px;
    }
    input:-webkit-autofill,
    input:-webkit-autofill:focus {
        transition: background-color 600000s 0s, color 600000s 0s;
    }
    input[data-autocompleted] {
        background-color: transparent !important;
    }