@charset "utf-8";
/* CSS Document */


*{padding:0px; margin : 0 }
*{font-family: 'Raleway', sans-serif;}


nav li a{text-decoration: none !important;
color:#000 !important }

nav li a:hover{border-bottom: 3px solid #ff3333}
.current{border-bottom: 3px solid #ff3333}

nav{height: 70px;
width: 80%;float: left;
padding-left: 10%;
padding-right: 10%;
border-top: 10px solid #ff3333;
background:#fff}

#link-wrap{float:left;
width:auto;
height: auto;
margin-top: 25px;
background: #fff}

.links{
margin-right:13px;
font-size:16px;
float:left;
color:#000;
width: auto;
display:inline;
}

.wrapper{
width: 80%;
margin-top: 30px !important;
height:auto;
overflow: auto;
overflow: hidden;
overflow: auto;
margin-left: 10%;
float: left;
margin-right: 10%;

}

.cross{
width:auto;
display: none;
height: auto;
float: right;
font-size: 40px;
text-align: right;
margin-top: 0px;
margin-bottom: 10px;
font-weight: normal;
cursor: pointer;
}



.crosstwo{
width:auto;
height: auto;
float: left;
font-size: 40px;
text-align: right;

margin-top: 15px;
margin-bottom: 10px;
cursor: pointer;
	font-weight: bold;
color:#000 ;
display: none
}



.burgertwo{width:auto;
height: auto;
float: left;
font-size: 40px;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
color:000;
}





.mobile-icon{width:auto;
height: auto;
float: left;
font-size: 40px;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
color:000;
}

.tel-number{
margin-right:0px;
margin-top: 24px;
font-size:16px;
font-weight: bold;
float:right;
color:#000;
width: auto;
display:inline;
}


.faa{color:#000}

.red-bold{font-weight: bold !important;
color:#F00 }



footer{height: 60px;
width: 80%;float: left;
padding-left: 10%;
padding-right: 10%;
margin-top: 30px;
border-top: 1px solid #CCCCCC;
}


#footer-left{width:70%;
float:left;
height: 60px;
background: #fff;
color: #848484
}

#footer-right{width:30%;
float:right;
height: 60px;
background: #fff;
color: #848484
}

.social{margin-left: 10px;
height: auto;
display: inline;
font-size:16px; 
margin-top: 18px;
float:right
}


h6{margin-top: 20px;
font-weight: normal;
font-size: 16px;}

footer a {color:#333}


#logo{
height: auto;
float: left;
width: 50%;
overflow: auto;
overflow: hidden
}

#logo img{width: 200px;
height: 28px}

#right-logo img{width: 200px;
background-color:transparent;
	height: 28px}

#right-logo{
height: auto;
float: right;
width: 50%;
text-align: right;
overflow: auto;
overflow: hidden
}


#email-icon
{
height:38px !important;
 width:50px !important
 }
 
#loged
{
height:38px !important;
 width:172px !important
 }

.email-text
{
position:relative !important;
 top:-13px
 }
 
 .content-wrapper{
width:80%;
margin-left:10%;
margin-right:10%;
height:auto;
overflow:auto; overflow:hidden;
margin-top:30px;
float:left;
}

h1{
color:#535353;
text-transform:uppercase;
padding:0px;
font-size:20px;margin:0px;}
h3{
color:#535353 !important;
text-transform:uppercase !important;
padding:0px;
font-size:25px;margin:0px !important; }


.sub-head{color:#999; text-transform:none !important; font-weight:normal !important; font-size:20px !important}

.left-line{height:auto; 
overflow:auto;
float:left;
width:100% !important;
width:auto;
border-left:5px solid #ff3333;
padding-left:15px;
box-sizing: border-box !important;
overflow:hidden}

.grey-line{
border-left:5px solid #CCC !important;
}

@media screen and (max-width: 799px) and (min-width:0px){
 .boxes-wrapper{
width:80%;
margin-left:10%;
margin-right:10%;
height:auto;
margin-top:30px;
float:left;

}

.boxes
{
width:80%;
height:auto;
padding-left:10%; 
padding-right:10%;
float:left;
padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
background-color:#ff3333
}}


@media screen and (max-width: 1100px) and (min-width:800px){.boxes
{
width:110px;
height:auto;
float:left;
padding:15px;
background-color:#ff3333
}}


h2{color:#fff;
font-size:18px;}
.boxes p{color:#fff; font-size:24px;
font-weight:bold;
margin-top:10px;}
.more-text{color:#fff; font-size:14px !important; font-weight:normal !important; line-height:25px !important; text-align:center !important
}

.boxes{text-align:center}


.red{background-color:#F00 !important}
.blue{background-color:#ff3333!important}
.green{background-color:#551A8B !important}
.orange{background-color:#F60 !important}

.boxes img{width:100%; height:auto; margin-top:10px;
margin-bottom:0px}




.carousel,.carousel-inner,.carousel-item{position:relative}.carousel-inner{width:100%;overflow:hidden}.carousel-item{display:none;width:100%}
.carousel-item-next,.carousel-item-prev{position:absolute;top:0}@media (-webkit-transform-3d){.carousel-item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))){.carousel-item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:40px;height:40px;color:#000!important;background:center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::after,.carousel-indicators li::before{left:0;display:inline-block;width:100%;height:10px;content:"";position:absolute}.carousel-indicators li::before{top:-10px}.carousel-indicators li::after{bottom:-10px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%}body .carousel-item img{width:100%!important;height:auto!important}


/*FIREFOX SLIDER POSITIONING*/
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:flex}

/*SAFARI AND CHROME SLIDER POSITIONING*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:inline-block !important}
}


/*IE 11 AND EDGE SLIDER POSITIONING*/

@charset "<Internet Explorer 11 and Microsoft Edge>"; _:-ms-lang(x), .carousel-item-next,.carousel-item-prev,.carousel-item.active{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important}



/******************************************************************************/


/*ARROWS DESKTOP*/
.arrow-color{color:#fff!important;font-size:50px!important;opacity:0.5}

/*ARROWS MOBILE*/
@media screen and (max-width:750px) and (min-width:0px){.arrow-color{color:#fff!important;font-size:25px!important;opacity:.5}

	.cont-left{width:100% !important; float:left; height:30px; overflow:auto;
height:auto; overflow:hidden;
margin-bottom:50px;
color:#666
}
.cont-right{width:100% !important; float:left; height:30px; overflow:auto; height:auto; overflow:hidden; 

color:#666}

.submits {
    width: 60% !important;
    height: 60px;
    margin-bottom: 10px;
    margin-left: 20% !important;
    margin-right: 20% !important;
    float: left;
	background-color:#ff3333;
	border:none;
	outline:none;
    font-size: 18px;
    color: #fff;
	padding-top:19px;
	padding-bottom:17px;
	cursor:pointer !important;
	text-transform:uppercase;
	font-family: 'Mukta Mahee', sans-serif;
    
}
}



/*DEFAULT 100% WIDTH & 10% MARGINS*/
.slider-container{float:left;height:auto;overflow:auto;overflow:hidden;width:100%;
padding-top:0px}



.about{margin-top:50px !important; margin-bottom:50px !important}

.ptext{color:#666 !important; font-size:19px !important; margin-top:10px; line-height:30px !important}

.plan {font-size:19px !important; margin-top:10px;
}

.plan li{margin-left:40px !important; line-height:30px; list-style:square }


.rmor{padding:10px;
float:left;
color:#fff !important;
text-decoration:none;
font-size:16px !important;
margin-top:10px !important;
background-color:#ff3333 !important}

@media screen and (max-width:750px) and (min-width:0px){.ptext{color:#666 !important; font-size:19px !important; margin-top:10px !important;}
.about{margin-top:40px !important; margin-bottom:50px !important}

.ify{width:100%; height:300px !important;}
}


.response{width:100%; height:auto}


.ify{width:100%; height:400px;}


.pee{color:#666; font-size:24px;
font-weight:bold;
margin-top:10px;}

.chapter{float:left !important; margin-top:20px !important; width:100% !important; display:block !important}

.btm{margin-bottom:40px;}

.cont-left{width:45%; float:left; height:30px; overflow:auto;
height:auto; overflow:hidden; 
color:#666
}
.cont-right{width:45%; float:right; height:30px; overflow:auto; height:auto; overflow:hidden; 

color:#666}

.chapt .fa {color:#000!important}


.chapt{float:left !important; margin-bottom:10px !important; width:100% !important; display:block !important}

body .form-control {
  font-family: "FontAwesome" !important;
  
  
}

body .form-control {
  font-family: append($font-family-sans-serif, "FontAwesome", "comma" !important;)
}
/*FORM**********************************************/

.form-box {
    height: 45px!important;
    margin-bottom: 10px!important;
    padding-left: 2%!important;
    padding-right: 1%!important;
   
    color:#000 !important;
    font-size: 18px!important;
    border: 1px solid #666!important;
    float: left!important;
	width:95%;
}


#message:focus{
background-image:url(../pics/white.jpg);
background-repeat:no-repeat;

}

#message {
    height: 100px!important;
    margin-bottom: 10px!important;
	background-image:url(../pics/pen.jpg);
	background-repeat:no-repeat;
    padding-left: 2%!important;
    padding-right: 1%!important;
  
    color:#000 !important;
    font-size: 16px!important;
    border: 1px solid #666!important;
    float: left!important;
	width:95%;
}

.submits {
    width: 30%;
    height: 60px;
    margin-bottom: 10px;
    margin-left: 35%;
    margin-right: 35%;
    float: left;
	background-color:#ff3333;
	border:none;
	outline:none;
    font-size: 18px;
    color: #fff;
	padding-top:19px;
	padding-bottom:17px;
	cursor:pointer !important;
	text-transform:uppercase;
	font-family: 'Mukta Mahee', sans-serif;
    
}


.bot{margin-bottom:10px !important}

.name{
color:#000 !important;
display:block}

.fa-quote-left{margin-right:10px; color: #ff3333 !important;}


#load-contenta{cursor:pointer}
#load-contentb{cursor:pointer}

.date{
color:#000 !important;
display:block}
@media screen and (max-width:3000px) and (min-width:1700px){h2{font-size:30px !important} .more-text{font-size:20px !important; line-height:30px !important}
}

@media screen and (max-width:1699px) and (min-width:0px){h2{font-size:20px !important} .more-text{font-size:19px !important; line-height:25px !important}}

@media screen and (max-width: 4000px) and (min-width:1600px){
 .boxes-wrapper{
width:80%;
margin-left:10%;
margin-right:10%;
height:auto;
margin-top:30px;
float:left;
display : flex;
justify-content : space-between;
}

.boxes
{
width:30%;
height:auto;
float:left;
padding:15px;
background-color:#ff3333
}}
@media screen and (max-width: 1599px) and (min-width:800px){
 .boxes-wrapper{
width:80%;
margin-left:10%;
margin-right:10%;
height:auto;
margin-top:30px;
float:left;
display : flex;
justify-content : space-between;
}

.boxes
{
width:25%;
height:auto;
float:left;
padding:15px;
background-color:#ff3333
}}

.boxes
{padding-bottom:25px}

@media screen and (max-width:3000px) and (min-width:1700px){.tqa{font-size:30px !important} .more-text{font-size:22px !important; line-height:30px !important}
}

@media screen and (max-width:1699px) and (min-width:0px){.tqa{font-size:25px !important} .more-text{font-size:19px !important; line-height:25px !important}}


.left-header{
float:left;
width:50%;
height:auto;
padding-bottom:0px !important;
position:relative !important;
margin-top:0px;
}

.right-header{
float:right;
width:40%;
height:80px;
margin-top:20px;
}
.logo-response{width:100%;
height:auto}

@media screen and (max-width:5000px) and (min-width:767px){.gwu{display:none !important}}
@media screen and (max-width:766px) and (min-width:0px){
.dhid{display:none !important;}
.boxy{width:15% !important; float:left; height:auto;}
.cotq{width:80% !important; height:auto; float:left; margin-left:10% !important; margin-right:10% !important; display : flex;
margin-top:15px !important;
margin-bottom:15px !important;

justify-content : space-between;}

.sep{width:80%; margin-left:10%; margin-right:10%; float:left; height:5px; background-color:#CCC; margin-bottom:20px}
.dhid{display:none !important;}
.right-header
{display:none}

.left-header{
float:left;
width:100%;
margin-left:0%;
margin-right:0%;
}




}

header{width:90%;
height:auto;
padding-left:5%;
padding-right:5%;
float:left;
background-color:#fff
}

body header{border-bottom: 0px !important}

.rett{color:#F00 !important; font-size:35px !important; width:100% !important; float:left !important;
margin-bottom:20px; line-height:50px; margin-top:20px}

.cotq{width:70%; height:auto; float:left; margin-left:15%; margin-right:15%; display : flex;
margin-top:30px;
margin-bottom:30px;

justify-content : space-between;}

.boxy{width:8%; float:left; height:auto;}

.boxy img {width:100%; height:auto}

.called{ font-weight:bold !important}

.sep{width:80%; margin-left:10%; margin-right:10%; float:left; height:5px; background-color:#CCC}
.fa-linkedin{color:#39F !important; text-decoration:underline !important}

.btm-wrap{margin-bottom:40px !important}

details{color:#fff !important; cursor:pointer; font-size:22px !important; line-height:33px !important}


.lefft{width:45%; float:left; height:auto; overflow:auto; overflow:hidden}

.lines{width:40%; margin-left:30%; margin-right:30%; height:1px; background-color:#CCC; float:left; margin-top:10px; margin-bottom:10px}

@media screen and (max-width:3000px) and (min-width:769px){.right-conty{margin-top:40px}}
@media screen and (max-width:768px) and (min-width:0px){.right-conty{width:100% !important; float:left !important; margin-bottom:50px !important} 


.left-conty{width:100% !important; margin-bottom:30px !important}}

.right-conty{width:45%; height:auto; overflow:auto; overflow:hidden; float:right}

.left-conty{width:45%; height:auto; overflow:auto; overflow:hidden; float:left}

.wit{background-color:#fff !important; color:#000 !important; padding-top:0px !important; margin-bottom:45px !important }
.it {color:#000 !important; outline:none !important; }

.thi{width:20px !important; height:20px !important; margin-right:10px !important}

.oh{border-top:1px solid #999 !important;}

.readme{
padding:10px;color:#fff;margin-bottom:20px; float:left; margin-top:30px !important;  cursor:pointer;background-color:#ff3333; margin-left:20px; padding:15px}

.hiding{display:none; margin-top:20px !important; float:left !important}

.clos{display:none; padding:15px;color:#fff; position:relative; top:10px !important; margin-bottom:20px;clear:both;cursor:pointer; margin-left:20px; background-color:#ff3333;}
@media screen and (max-width:3000px) and (min-width:769px){
.oh{border-top:1px solid #999 !important; padding-top:90px !important; margin-top:90px !important}
.lines{width:40%; margin-left:30%; margin-right:30%; height:1px; background-color:#fff; float:left; padding-top:70px; padding-bottom:30px}}

.another{width:100%; height:1px;  float:left; background-color:#CCC}

@media screen and (max-width:768px) and (min-width:0px){
.oh{border-top:1px solid #999 !important; padding-top:60px !important; margin-top:60px !important}
.opq{margin-bottom:0px !important; padding-bottom:10px !important}}

.eta{float:left !important; font-weight:bold !important; width:100% !important; display:inline-block !important; margin-bottom:10px !important; color:#000 !important }

@media screen and (max-width:767px) and (min-width:0px){.prit{display:none !important}
body .fixed{width:80% !important; height:auto; overflow:auto; overflow:hidden; float:left !important; margin-left:10% !important; margin-right:10% !important; margin-top:-40px !important; bottom:-60px !important; position:relative}}

.fixed{width:80% !important; height:auto; overflow:auto; overflow:hidden; float:left !important; margin-left:10% !important; margin-right:10% !important; margin-top:30px !important; bottom:-30px !important; position:relative}