/* CSS Document */





/*	animation css back*/

	body {

	width: 100wh;

	height: 90vh;

	color: #fff;

	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);

	background-size: 400% 400%;

	-webkit-animation: Gradient 15s ease infinite;

	-moz-animation: Gradient 15s ease infinite;

	animation: Gradient 15s ease infinite;

}



@-webkit-keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}



@-moz-keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}



@keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}

	

	

        /* Responsive */

        

        /* When screen resolution less than 962px */

        

        @media (max-width:962px) {

            .section {

                margin:250px 0px 0px 200px;

            }

        }

        

        /* When screen resolution less than 662px */

        

        @media (max-width:662px) {

            .section {

                margin:250px 0px 0px 80px;

            }

            .img1 {

            border:2px solid rgba(158, 158, 158, 0.4);

            border-radius: 50px;

            padding: 15px;

                width: 100px;

                height: 100px;

        }

        }

	 @media (max-width:496px) {

            .section {

                margin:250px 0px 0px 80px;

            }

            .img1 {

            border:2px solid rgba(158, 158, 158, 0.4);

            border-radius: 50px;

            padding: 15px;

                width: 80px;

                height: 80px;

        }

        }

        

        /* When screen resolution less than 362px */

        

            @media (max-width:385px) {

                .section {

                margin:250px 0px 0px 30px;

            }

                .img1 {

            border:2px solid rgba(158, 158, 158, 0.4);

            border-radius: 50px;

            padding: 15px;

                width:60px;

                height: 60px;

        }

        }

        



/*Logo Resposive*/	

	.logo{

		width: 100%;

		height: 100%;

		

	}

	

	.smalllogo

		{

			

		}

			@media (max-width: 588px) {

	     	.smalllogo

		  {

			width: 350px;

			height: 120px;

		   }

		}

		@media (max-width: 445px) {

	     	.smalllogo

		  {

			width: 250px;

			height: 85px;

		   }

		}

		@media (max-width: 345px) {

	     	.smalllogo

		  {

			width: 200px;

			height: 70px;;

		   }

		}

		@media (max-width: 303px) {

	     	.smalllogo

		  {

			width: 170px;

			height: 60px;;

		   }

		}



	

	

	

	.lg{

		position: absolute;

		top:8px;

		bottom: 7px;

	}

	

	  @media (max-width:1067px) {

                .n {

                margin:250px 0px 0px 30px;

		  }}

	

/*	Logo shine*/

	







	.cls{

	padding-left: -400px !important;

	}

	

/*	height of navbar*/

	.navbar

	{

		min-height: 75px;

	}

	

	.nav-item{

	text-align: right;

	}

	

	@media (max-width: 1084px) {

   .h {

      height: 300px;

   }

	}

		

	

	#hero{

  margin-top: 5vh;

  margin-left: 5vw;

  height: 90vh;

  width: 90vw;

  background: linear-gradient(210deg, rgba(26, 188, 156, 1) 0%, rgba(142, 68, 173, 1) 100%);

}

		

	





h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 500;

    color: #06131a;

    margin: 0px 0px 15px 0px;

    font-family: 'Barlow Semi Condensed', sans-serif;

}



h1 {

    font-size: 36px;

}



h2 {

    font-size: 30px;

    line-height: 38px;

}



h3 {

    font-size: 22px;

}



h4 {

    font-size: 18px;

}



h5 {

    font-size: 16px;

}



h6 {

    font-size: 14px;

}



p {

    margin: 0 0 20px;

    line-height: 1.7;

}



p:last-child {

    margin: 0px;

}





sub {

    bottom: 0em;

}



.lead {

    font-size: 20px;

    font-weight: 500;

    line-height: 1.7;

    font-family: 'Barlow Semi Condensed', sans-serif;

    color: #06131a;

    margin-bottom: 20px;

}





.feature-left {

    margin-bottom: 40px;

}



.feature-left .feature-icon {

    font-size: 50px;

    color: #4cbec5;

    display: inline-block;

    float: left;

    padding-right: 40px;

    padding-top: 7px;

}



.feature-left .feature-content {

    font-size: 20px;

}



.feature-left:last-child {}

textarea.form-control {

    height: 90px;

}



.required {}



.form-group {

    margin-bottom: 5px;

}



select.form-control:not([size]):not([multiple]) {

    height: 56px;

    color: #50595e;

}



.hero-section .form-control {

    border: 1px solid #8c897d;

    height: 58px;

}



.form-control {

    border-radius: 0px;

    font-size: 14px;

    font-weight: 500;

    width: 100%;

    height: 56px;

    padding: 14px 18px;

    line-height: 1.42857143;

    border: 1px solid #d2d8db;

    background-color: #fff;

    text-transform: capitalize;

    letter-spacing: 0px;

    margin-bottom: 14px;

    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);

    -webkit-appearance: none;

}



.form-control:focus {

    color: #06131a !important;

    outline: 0;

    box-shadow: 0 0 0 0.1rem rgb(234, 231, 222);

    border-color: #06131a;

}



input::-webkit-input-placeholder {

    color: #50595e !important;

}



textarea::-webkit-input-placeholder {

    color: #50595e !important;

}



.input-group-addon {

    background-color: transparent;

    border: 1px solid #eee;

    border-radius: 0px;

    position: absolute;

    right: 16px;

    top: 16px;

    font-size: 12px;

}



.focus {

    border: 1px solid #d2d8db;

}



.focus:focus {

    border: 1px solid #06131a;

}

.input-group-addon i {

    color: #63480f;

}



.btn-select {

    font-size: 14px;

}



select option {

    margin: 40px;

    background: rgba(255, 255, 255, 1);

    color: #50595e;

    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

    position: relative;

}



select.form-control {

    position: relative;

}



select {

    -moz-appearance: none;

    border-radius: 0px;

    font-size: 14px;

    font-weight: 700;

    width: 100%;

    padding: 14px;

    line-height: 1.42857143;

    border: 1px solid #e0e5e9;

    background-color: #fff;

    text-transform: capitalize;

    -webkit-appearance: none;

    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);

}



.select {

    position: relative;

    display: block;

    line-height: 2.2;

    overflow: hidden;

}



select {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0 0 0 .5em;

    cursor: pointer;

    color: #50595e;

    font-size: 16px;

}



.select::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    padding: 10px 17px 0px 0px;

    background: transparent;

    pointer-events: none;

    font-family: 'FontAwesome';

    content: "\f107";

    font-size: 16px;

}



.select:hover::after {

    color: #50595e;

}



.select::after {

    -webkit-transition: .25s all ease;

    -o-transition: .25s all ease;

    transition: .25s all ease;

}



select option {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    cursor: pointer;

    padding: 10px;

    width: 100%;

    background-color: #fff;

    font-family: 'Barlow Semi Condensed', sans-serif;

}



.input-group>.custom-select:not(:last-child),

.input-group>.form-control:not(:last-child) {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}

.service-form {

    background-color: #fafbfb;

    border: 1px solid #e4e8ea;

    padding: 40px 40px 20px 40px;

}



.service-form-group {

    position: relative;

}



.form-icon {

    position: absolute;

    right: 14px;

    bottom: 15px;

    font-size: 13px;

}

.btn {

    font-family: 'Barlow Semi Condensed', sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 700;

    padding: 10px 26px;

    letter-spacing: 0px;

    border-radius: 0px;

    line-height: 2;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    word-wrap: break-word;

    white-space: normal !important;

}





.btn-default {

    background-color: #060606;

    color: #fff;

    border: 2px solid #ce0058;

}



.btn-default:hover {

    background-color: transparent;

    color: #ce0058;

    border: 2px solid #ce0058;

}



.btn-default.focus,

.btn-default:focus {

    background-color: transparent;

    color: #ce0058;

    border: 2px solid #ce0058;

    box-shadow: 0 0 0 0.2rem rgb(206, 0, 88);

}



.space-medium{padding-top:80px; padding-bottom:80px;}