@charset "utf-8";
/* CSS Document */
*{
	box-sizing: border-box;
}
/*MAIN BODY*/
body
{
background-color:#f5dbdb;
	font-size: 16px;
	font-family: Arial;
	color: #000;
	text-align:justify;
}

h2>span
{
	
	background-color: #F9080C;
	color: #fff;
	
	border-radius: 10px;
	padding:10px;
	font-size: 23px;
}
h6>span
{
	
	background-color: #F9080C;
	color: #fff;
	
	border-radius: 10px;
	padding:10px;
}
h1>span
{
	
	background-color: #F9080C;
	color: #fff;
	
	border-radius: 10px;
	text-align: center;
	padding:10px;
}
h3>span
{
	
	background-color: #F9080C;
	color: #fff;
	
	border-radius: 10px;
	padding:10px;
}

.container
{
	
	font-size: 16px;
	color: #000;
	text-align:justify;
	border: 2px dashed #F40D11;
	padding: 20px;
}
.section-1
{
	background:#F70B0F;
    line-height: 49px;
    position: relative;
    z-index: 9;
}
.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

.section-1 .top-bar-info {
    display: inline-block;
}
ul {
    list-style-type: none;
}
.section-1 .top-bar-info li {
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.section-5
{
	background-color: #fff;
}
nav.navbar.bootsnav{
    border: none;
    background: none;
    margin-bottom: 150px;
}
nav.navbar.bootsnav ul.nav > li{ margin-right: 20px; }
nav.navbar.bootsnav ul.nav > li > a{
    padding: 10px 37px;
    border: none;
    border-radius: 0;
    color: #ae1175;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a{ padding: 10px 30px 10px 15px; }
nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li.on > a{ color: #fff;background-color:#e38889; }
nav.navbar.bootsnav ul.nav > li > a > span:before{
    content: "";
    width: 100%;
    height: 100%;
   
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    z-index: -1;
   
}
nav.navbar.bootsnav ul.nav > li:hover > a > span:before,
nav.navbar.bootsnav ul.nav > li.active > a > span:before,
nav.navbar.bootsnav ul.nav > li.on > a > span:before{
    opacity: 1;
    transform: translateX(-53%) skew(-20deg) scaleX(1);
    transition: all 0.3s linear 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0 0 0 7px;
}
nav.navbar.bootsnav ul.nav > li.dropdown > ul{
    top: 120%;
    transition: all 0.8s ease 0s;
}
nav.navbar.bootsnav ul.nav>li.dropdown.on > ul{ top: 130%; }
.dropdown-menu.multi-dropdown{
    position: absolute;
    left: -100% !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 20px;
    opacity: 1 !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li{
    font-size: 14px;
    color: #ae1175;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title{
    font-size: 16px;
    font-weight: bold;
    color: #ae1175;
}
@media only screen and (max-width:990px){
    .dropdown-menu.multi-dropdown{ left: 0 !important; }
    nav.navbar.bootsnav .navbar-toggle{
        background: transparent !important;
        color: #ae1175;
    }
    nav.navbar.bootsnav ul.nav > li{ margin: 10px 0 15px; }
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
        padding: 15px;
        text-align: center;
        color: #ae1175;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ background: #fff; }
    nav.navbar.bootsnav ul.nav > li > a,
    nav.navbar.bootsnav ul.nav > li > a:hover,
    nav.navbar.bootsnav ul.nav > li.active > a,
    nav.navbar.bootsnav ul.nav > li.on > a{ color: #fff; }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ color: #ae1175; }
    nav.navbar.bootsnav ul.nav > li.dropdown > ul{ top: 100%; }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title,
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        font-size: 14px;
        font-weight: normal;
        color: #ae1175;
    }
}
.section-3
{
	margin-top: 27px;
}
.section-4
{
	margin-top: 27px;
}

.section-3 img
{
	margin-top: 15px;
	border:2px solid red;
}
.section-3 h1
{
	text-align: center;
}
.section-3 h2
{
	margin-top: 18px;
}
.section-3 h6
{
	margin-top: 37px;
}
.box{
    border-radius: 10px;
    overflow: hidden;
    perspective: 800px;
    position: relative;
}
.box:before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(36deg, #272b66 42.34%, transparent 42.34%) 0 0,
    linear-gradient(72deg, #2d559f 75.48%, transparent 75.48%) 0 0,
    linear-gradient(-36deg, #9ac147 42.34%, transparent 42.34%) 100% 0,
    linear-gradient(-72deg, #639b47 75.48%, transparent 75.48%) 100% 0,
    linear-gradient(36deg, transparent 57.66%, #e1e23b 57.66%) 100% 100%,
    linear-gradient(72deg, transparent 24.52%, #f7941e 24.52%) 100% 100%,
    linear-gradient(-36deg, transparent 57.66%, #662a6c 57.66%) 0 100%,
    linear-gradient(-72deg, transparent 24.52%, #9a1d34 24.52%) 0 100%,
    #43a1cd linear-gradient(#ba3e2e, #ba3e2e) 50% 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    transform: translateX(-50%) translateY(-50%) scale(0) rotate(360deg);
    transition: all 0.3s ease 0s;
}
.box:hover:before{
    opacity: 0.5;
    transform: translateX(-50%) translateY(-50%) scale(1.5) rotate(0);
}
.box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(255,255,255,0.9),transparent,transparent);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.box:hover:after{ opacity: 1; }
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.box .inner-content{
    width: 100%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 2;
    transform: translate(-50%, -50%) scale(2);
    transition: all 0.3s ease 0.2s;
}
.box:hover .inner-content{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.box .title{
    font-size: 25px;
    font-weight: 600;
    color: #3e0e0c;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    position: relative;
    transition: all 0.3s ease 0.2s;
}


.box .icon{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease 0.2s;
}
.box:hover .icon{ bottom: 15px; }
.box .icon li{
    display: inline-block;
    margin: 0 2px;
}
.box .icon li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 30%;
    background: #fff;
    font-size: 20px;
    color: #3e0e0c;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    background: #3e0e0c;
    color: #fff;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #fff;
  color: #D10909;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #D10909;
	color:#fff;
}
.social-icon
{
	color:#fff;
}
.fa {
  padding: 10px;
  font-size: 20px;
  
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 22%;
	margin-right: 7px;
}

.fa:hover {
    opacity: 0.7;
}



.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-google-plus
{
background:#E70B0F;
  color: white;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-pinterest {
  background: #cb2027;
  color: white;
}
.demo{ background: #e6e6e8; }
.pricingTable{
    padding: 28% 0 0;
    margin: 35px 0;
    border: 2px solid #fff;
    text-align: center;
    background:#E38889;
    position: relative;
}
.pricingTable .pricingTable-header{
    width: 95%;
    height: auto;
    position: absolute;
    top: -9%;
    left: 50%;
    transform: translateX(-50%);
}
.pricingTable .pricingTable-header path{ transition: all 0.3s ease 0s; }
.pricingTable:hover .pricingTable-header path{ fill: #7b1017; }
.pricingTable .price-value{
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 5px dotted rgba(255,255,255,0.5);
    color: #fff;
    position: relative;
}
.pricingTable .amount{
    font-size: 30px;
    font-weight: 600;
}
.pricingTable .month{
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
}
.pricingTable .pricing-content{
    padding: 0;
    margin: 0 0 60px 0;
    list-style: none;
    position: relative;
}
.pricingTable .pricing-content li{
    font-size: 17px;
    color: #fff;
    line-height: 40px;
    text-shadow: 0 0 5px #000;
}
.pricingTable .pricingTable-signup{
    display: block;
    position: absolute;
    bottom: -13%;
    left: 0;
    right: 0;
}
.pricingTable .pricingTable-signup path{
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover path{ fill:#7b1017; }
.pricingTable.red{ background:#e80c20; }
.pricingTable.red:hover .pricingTable-header path,
.pricingTable.red .pricingTable-signup a:hover path{ fill: #7b1017; }
.pricingTable.red{ background: #e84c3d; }
.pricingTable.red:hover .pricingTable-header path,
.pricingTable.red .pricingTable-signup a:hover path{fill: #73261e;}
@media only screen and (max-width: 1200px){
    .pricingTable{ padding: 25% 0 0; }
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 80px; }
}
@media only screen and (max-width: 767px){
    .pricingTable{
        padding: 35% 0 0;
        margin-bottom: 100px;
    }
    .pricingTable .pricingTable-signup{ bottom: -11%; }
}
@media only screen and (max-width: 479px){
    .pricingTable{ padding: 30% 0 0; }
}
.demo{ background: #e3e3e3; }
.form-bg{
    padding: 8px;
    background: #f11331;
    border: 4px solid #fff;
    box-shadow: 0 0 0 3px #c31a08;
    position: relative;
}
.form-horizontal{
    padding: 40px 40px 0 40px;
    background: #fff;
    border: 3px solid #98250a;
}
.form-bg:before,
.form-bg:after,
.form-horizontal:before,
.form-horizontal:after{
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f0f4f7;
    border: 3px solid transparent;
    border-right: 3px solid #9a301f;
    border-bottom: 3px solid #9a301f;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
}
.form-bg:after{
    left: auto;
    right: 5px;
    transform: rotate(90deg);
}
.form-horizontal:before,
.form-horizontal:after{
    top: auto;
    bottom: 5px;
    transform: rotate(-90deg);
}
.form-horizontal:after{
    left: auto;
    right: 5px;
    transform: rotate(-180deg);
}
.form-horizontal .form-group{
    margin: 0 0 15px 0;
    position: relative;
}
.form-horizontal .form-group:first-child:before,
.form-horizontal .form-group:first-child:after{
    content: "";
    width: 10px;
    height: 50px;
    background: #fff;
    background-image: repeating-linear-gradient( transparent, transparent 2px, #b70e0e 2px, #b70e0e 4px);
    border-radius: 5px;
    border: 2px solid #b70e0e;
    position: absolute;
    bottom: -32px;
    left: 20px;
    z-index: 1;
}
.form-horizontal .form-group:first-child:after{
    left: auto;
    right: 20px;
}
.form-horizontal .form-group:last-child{
    padding: 30px 40px;
    margin: 30px -40px 0 -40px;
    background: #fafafa;
    border: 2px solid #fff;
    border-top: 2px solid #fff;
    overflow: hidden;
    z-index: 1;
}
.form-horizontal .form-group:last-child:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../index.html") repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.form-horizontal .form-control{
    height: 50px;
    background: #e8c4bc;
    border: 2px solid #ef0a0a;
    border-radius: 8px;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
    padding: 0 50px;
    font-size: 16px;
    font-weight: bold;
    color: #687176;
    position: relative;
    transition: all 0.3s ease 0s;
}
.form-horizontal .form-control:focus{
    box-shadow: none;
    outline: 0 none;
}
.form-horizontal .form-control::-webkit-input-placeholder{ color: #687178 !important; }
.form-horizontal .form-control:-moz-placeholder{ color: #687178 !important; }
.form-horizontal .form-control::-moz-placeholder{ color: #687178 !important; }
.form-horizontal .form-control:-ms-input-placeholder{ color: #687178 !important; }
.form-horizontal .btn,
.form-horizontal .btn:focus{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background: #ff0505;
    background: #ff0505;
    border: 2px solid #fff;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}
.form-horizontal .btn:hover{
    background: #d4ec64;
    background: linear-gradient(to top, #b8db4d, #d4ec64);
}
.form-horizontal .forgot-pass,
.form-horizontal .signup{
    display: inline-block;
    padding: 8px 15px;
    background: #eff3f6;
    border-radius: 8px;
    border: 2px solid #b3bcc1;
    font-size: 17px;
    font-weight: bold;
    color: #677077;
}
.form-horizontal .signup{
    float: right;
    background: linear-gradient(to top, #da964d, #e5b457);
    border-color: #bd8f31;
    color: #fff;
}
 @media handheld, only screen and (max-width: 1366px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 13%;
}
.nav>li {
    position: relative;
    display: block;
    /* margin: 14px; */
   padding-left: 40px;
    text-transform: uppercase;
}

 }


@media only screen and (max-width: 480px){
    .form-horizontal{ padding: 20px 20px 0; }
    .form-horizontal .form-group:last-child{
        padding: 30px 40px;
        margin: 30px -20px 0 -20px;
    }
    .form-horizontal .forgot-pass,
    .form-horizontal .signup{
        display: block;
        float: none;
        font-size: 14px;
        text-align: center;
    }
    .form-horizontal .forgot-pass{ margin-bottom: 10px; }
}
@media handheld, only screen and (max-width: 1200px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 13%;
}
.nav>li {
   
    text-transform: uppercase;
        padding-left: 24px;

}
 }
@media handheld, only screen and (max-width: 1170px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 16%;
}
.nav>li {
   
    text-transform: uppercase;

}
 }
@media handheld, only screen and (max-width: 991px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 9%;
}
.nav>li {
   
    text-transform: uppercase;

}
 }
@media handheld, only screen and (max-width: 959px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 9%;
}
.nav>li {
   
    text-transform: uppercase;

}
 }
 @media handheld, only screen and (max-width: 768px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: -2%;
}
.nav>li {
   
    text-transform: uppercase;
    margin-left:-2%;
}
 }
 @media handheld, only screen and (max-width: 640px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 37%;
}
.nav>li {
   
    text-transform: uppercase;
}
 }
 @media handheld, only screen and (max-width: 480px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 34%;
}
.nav>li {
   
    text-transform: uppercase;
}
 }
 @media handheld, only screen and (max-width: 320px){
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: 22%;
}
.nav>li {
   
    text-transform: uppercase;
}
 }

.footer
{
	background-color: #F5080C;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}