@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
/* font-family: 'Roboto', sans-serif; */

html, body{ overflow-x: hidden;font-family: 'Roboto', sans-serif;}

.block3, .block8, .block5 {
	max-width:1400px;
}

/*-------Header-------------*/

.bg-color1{ 
        background-color:#006c9d;
		font-family: 'Roboto', sans-serif;
    }
.block1 .left-top ul li{
                    list-style: none;
                    display: inline;
                }
.block1 .social-box{
                padding-top: 10px;
            }
.block1 .social-box i{
                    padding-left:15px;
                    font-size: 20px;
                    color: white;
                   
                }
.block1 .phone-box{
            padding-top: 15px;
        }
.block1 .phone-box a{
                float: right;padding-right: 50px;
                color: white;
            }   
@media(max-width:700px){
.block1 {display:none}  
}

.block2{
    text-align: center;
	font-family: 'Roboto', sans-serif;
}  

.block2 .col-md-9{
	text-align:right;
	padding-right:100px}
.block2 .row{
        margin: 15px 0;
    }
.block2 h3{
        color: #006c9d;
    }
@media(max-width:1100px){
.block2 .col-md-9{width: 100%;}
.block2 h2{font-size: 26px;}
.block2 h3{font-size: 22px;}
}

@media(max-width:700px){
.block2 {display:none}  
}


/*------------Navbar-----------*/
.main-nav{
	z-index:99;
}

@media(max-width:950px){
	.nav-wrapper{
	margin-bottom:55px;
}
}

.main-nav a{
	font-size:17px;
	font-weight:bold;
}


/* ---------Block2a----------- */

.block2a{
	padding:0px!important;
}




/*-------------------Block3----------------*/

.block3 {
padding:30px;	
}

		
.block3 .intr-style1{
	background-color:#006C9D;
	padding:50px;
	color:white;
}

.block3 .intr-style1 p{
	font-size:17px;
}

.block3 .col-md-6 img{
		width:90%
	}

@media(max-width:700px){
	.block3 .col-md-6 img{
		width:70%
	}
	
	.block3 .col-md-6{
		text-align:center;
	}
	
	.block3 .intr-style1 h3{
	font-size:25px;
}

.block3 .intr-style1 p{
	font-size:15px;
}

}

/*-------------------Block4----------------*/

.block9{
	padding:30px;
	text-align:center;
}

.block9 .hr-style1{
	width:100%;
	padding:1px;
	margin:6px auto;
	background-color:grey;
}

.block9 .f-style1{
	font-size: 25px;
	color:#006C9D;
}

.block9 .f-style2{
	color:#EB7337;
}

/*-------------------Block5----------------*/

.block10{
	text-align:center;
}

.block10 .col-md-6{
	padding:50px 70px;
}

.block10 .bg1{
	background-color:#01669C;
}

.block10 .bg2{
	background-color:#184E7A;
}

.block10 .bg3{
	background-color:#007CAA;
}

.block10 .bg4{
	background-color:#0063A4;
}

.block10 .col-md-6 p{
	color:white;
	font-size:25px;
}

.block10 .col-md-6 i{
	color:white;
}

@media(max-width:700px){
	.block10 .col-md-6 p{
	font-size:20px;
}
}

/*-------------------Block6----------------*/

.block6{
	text-align:center;
	padding:50px;
}

.block6 .col-md-7{
	background-color:#005B94;
	padding:20px;
}

.block6 .col-md-7 p{
	color:white;
	font-size:30px;
}

@media(max-width:700px){
	.block6 .col-md-7 p{
	font-size:22px;
}
}

/*-------------------Block7----------------*/

.block7{
	text-align:center;
	padding:50px;
}

.block7 img{
	width:71%;
}

@media(max-width:700px){
	.block7 img{
	width:95%;
}
}

/*-------------------Block8----------------*/

.block8{
	text-align:center;
	padding:50px;
}

.block8 .col-md-7 p{
	font-size:25px;
	text-align:left;
	letter-spacing:2px;
}

@media(max-width:700px){
	.block8 .col-md-7 p{
	font-size:17px;
	letter-spacing:1px;
}
}

/*-----------------------------Block 4------------------------------*/

.block4 {
	text-align:center;
	padding:50px 40px 50px 40px;
}

.block4 h3{
	text-align:left;
}

.block4 .r2 p{
	text-align:left;
	padding-left: 40px;
	font-size:20px;
}

.block4 .r2 i{
	font-size:25px;
	color:orange;
}

@media(max-width:700px){
	.block4 h3{
	text-align:center;
}

.block4 .r2 p{
	text-align:left;
	padding-left: 10px;
	font-size:15px;
}

.block4 .r2 h5{
	font-size:17px;
}
	
}

/*-----------------------------Block 5------------------------------*/

.bg-color5{
	background-color:#eee;
}
.block5 {
	padding:50px 40px 50px 40px;
}

.block5 .r1 .row{
	background-color:white;
	padding:20px 10px 10px 10px;
}

.block5 .r1 .row p{
	font-size: 14px;
}

.block5 .r1 .col-md-5{
	padding:0px 80px 20px 80px;
}

.block5 .r1 .div2{
	padding:20px;
	background-color:white;
}

.block5 .r1 .div2 p{
	font-size:14px;
}


.hr-style2{
	border:2px solid #005B94;
}

.block5 .modal .modal-body{
	font-size:14px;
}

@media(max-width:1200px){
	.block5 .r1 .col-md-5{
	padding:0px 20px 20px 20px;
}
}

@media(max-width:700px){
	.block5 .r1 .col-md-5{
	padding:0px 20px 20px 20px;
	margin-top:20px;
}

.block5 .col-md-7 img{
	width:30%;
	padding-bottom:10px;
}

.block5 .r1 .row p{
	font-size: 13px;
}

.block5 .r1 .div2 p{
	font-size:13px;
}

}


			
/*---------------------Block13-------------------------*/

.block13{
	background-color:#ddd;
	text-align:center;
}

.block13 .a1{
	text-align:center;
	color:black;
	background-color:#EB7337;
	margin:0px 5px;
	padding:5px;
	font-weight:bold;
	font-size:55px;
}

.block13 .col-md-1 i{
color:#EB7337;
}

@media(max-width:700px){
	.block13 .a1{
		font-size:30px;
	}
	
	.block13 .col-md-1 i{
		display:none;
	}
}
			
/*--------------------Footer Block14----------------------*/

.block14{
            color: white;
        }
.block14 .col-md-4 .row{
                            margin-top: 30px;
                            margin-bottom: 20px;
                        }
.block14 .col-md-12{
                     background-color: #1c4b81;
            }       
.block14 .col-md-12 p{
                        text-align: center;
                        font-size: 30px;
                        padding: 8px 24px;
                    }
.block14 .bg1 .active{
                        color: orange;
                     }
.block14 .bg1{
                background-color: #01669c;
            }
.block14 .bg1 ul li{
                        list-style-type: none;
                        color: white;
                        padding-top: 10px;
                    }
.block14 .bg1 li a{ 
                        color: white;font-size: 17px;
                    }
.block14 .bg1 li a:hover{ 
                            color: orange;
                        }
.block14 .col-md-3 .fas{
                            color:white;
                            font-size: 20px;
                            text-align:right;
                            padding: 10px 5px;
                        }
.block14 .col-md-3 button{
                            border-radius: 50%;
                            background-color: orange;
                            float: right;
                        }
.block14 .bg2{
                    background-color: #0072a8; 
            }
.block14 .bg3{
                background-color:#007bb1;
                }
.block14 .col-md-9 p{
                        padding-top: 5px;
                        text-align: left;
                        line-height: 30px;
                        font-size: 15px;
                    }
.block14 hr{
                width: 50%;
                background-color: white;
                margin-top: -10px;
                margin-bottom: -10px;
            }
.block14 .col-md-11 .fab{
                            color:white;
                            font-size: 25px;
                            text-align:right;
                        }
.block14 .col-md-11 button{
                                background-color: transparent;
                                float: right;
                                border: none;
								margin-right:20px;
                            }
@media(max-width:920px){
.block14 .col-md-3 button{float: left;margin-left: 20px;}
.block14 .col-md-9 p{padding-left: 20px;}
.block14 .bg1 ul{margin-left: -15px;}
}

@media(max-width:700px){
	.block14 .col-md-12 p{
                        font-size: 20px;
                    }
	
	.block14 .bg1 li a{ 
                        color: white;font-size: 15px;
                    }
					
	                }
.block14 .col-md-9 p{
                        
                        font-size: 14px;
                    }
}

/*---------------------Footer END---------------------*/




/* -------------------SLIDE ANIMATION ----------------------------*/

.slideanim {visibility:hidden;}
.slide1 {
    /* The name of the animation */
    animation-name: slide1;
    -webkit-animation-name: slide1; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide1 {
    0% {
        opacity: 0;
        transform: translateY(40%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


/*-----------------------SLIDEANIMATION 2----------------------*/

.slideanim2 {visibility:hidden;}
.slide2 {
    /* The name of the animation */
    animation-name: slide2;
    -webkit-animation-name: slide2; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide2 {
    0% {
        opacity: 0;
  
    } 
    100% {
        opacity: 1;
    } 
}
@-webkit-keyframes slide2 {
    0% {
        opacity: 0;
    } 
    100% {
        opacity: 1;
       
    }
}

/*-----------------------SLIDEANIMATION 3----------------------*/

.slideanim3 {visibility:hidden;}
.slide3 {
    /* The name of the animation */
    animation-name: slide3;
    -webkit-animation-name: slide3; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide3 {
    0% {
        opacity: 0;
        transform: translateY(-70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide3 {
    0% {
        opacity: 0;
        transform: translateY(-70%);
    } 
    100% {
        opacity: 1;
       transform: translateY(0%);
    }
}


/*-----------------------SLIDEANIMATION 4----------------------*/

.slideanim4 {visibility:hidden;}
.slide4 {
    /* The name of the animation */
    animation-name: slide4;
    -webkit-animation-name: slide4; 
    /* The duration of the animation */
    animation-duration: 500ms; 
    -webkit-animation-duration: 500ms;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide4 {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0%);
    } 
}
@-webkit-keyframes slide4 {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    } 
    100% {
        opacity: 1;
       transform: translateX(0%);
    }
}

/*-----------------------SLIDEANIMATION 5----------------------*/

.slideanim5 {visibility:hidden;}
.slide5 {
    /* The name of the animation */
    animation-name: slide5;
    -webkit-animation-name: slide5; 
    /* The duration of the animation */
    animation-duration: 500ms; 
    -webkit-animation-duration: 500ms;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide5 {
    0% {
        opacity: 0;
        transform: translateX(20%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0%);
    } 
}
@-webkit-keyframes slide5 {
    0% {
        opacity: 0;
        transform: translateX(20%);
    } 
    100% {
        opacity: 1;
       transform: translateX(0%);
    }
}