﻿@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');


/*  font-family: 'Poppins', sans-serif;



light 300 Italic
regular 400
regular 400 Italic
medium 500
medium 500 Italic
semi-bold 600
semi-bold 600 Italic
bold 700
bold 700 Italic
extra-bold 800
extra-bold 800 Italic
black 900
black 900 Italic

 */


.mobilemenu { display:none; }



	* {
		box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		margin:0;
		padding:0;
	}
	img {
		max-width:100%;
		outline:none;
		border:0 none;
		margin:0;
		padding:0;
	}
	ul, li {
		list-style:none;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
		line-height:normal;
	}
	a {
		text-decoration:none;
		outline:none;
	}
	a:hover, a:focus {
		text-decoration:none !important;
		outline:none;
	}
	body {
		font-family: 'Poppins', sans-serif  !important;
		font-size:20px; 
		
		background:#fff;
		color:#4C4C4C;
		padding-top:2px;
		line-height:28px;
		
	}
	

header {
    float: left;
    width: 100%;
    margin: 0;
   
   
    padding: 10px 0px 0px 0px;
}

	.logo {
    position: relative;
    top: 0px;
}


.phone2 { margin-right:10px; }

.headerphone  {
    
	 padding-top: 7px;
} 

.headerphone span {
    font-size: 23px;
	color:#0E3354;
	
}
span.phontxt {
    width: 100%;
    float: left;
    color: #457398;
    font-size: 17px;
    padding-top: 3px;
}

.navbar { background:#0C3153; float:left; width:100%; margin:0; padding:0; border-radius:0; }

.nav-list { float:left; width:100%; margin:0; padding:5px 0px;   display:flex; }

.nav-list li {
    display: inline-block;
  
    
    line-height: 39px;
    padding: 0px;
	flex:auto;
}
.nav-list li a {  font-size:18px; color:#fff !important; font-weight:500;  transition-duration: 0.8s;
    transition-property: all; }

.nav-list li a:hover { color:#eaeaea; transition-duration: 0.8s;
    transition-property: all; color:#EEEAB0 !important; } 
	
	
	
.text-section { float:left; width:100%; margin:0; padding:100px 0px; }
.text-section  span{ float:left; width:100%; margin:0; padding:0px; font-weight:700; color:#0C3153; font-size:75px; line-height:75px; padding-left:10px; }
.text-section p { float:left; width:100%; margin:0; padding: 0px; font-size:23px; color:#000; font-weight:300; margin-bottom:30px; }

.leftborder {
    border-left: 8px solid #D1CC93;
}
	
	
	
	
	
	.banner { float:left; width:100%; margin:0; padding:0; position:relative;  }
	
	video {
  max-width: 100%;
  display: block;
}
.video-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; /* Take the height of the video */
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: transparent;
}
.foreground {
  position: absolute; /* Positioning it at the top of background block */
  top: 0;
  left: 0;
  width: 100%;        /* Take full width of the parent block */
  height: 100%;       /* Take full height of the parent block */
  background-color: rgba(0, 0, 0, 0.54); /* to create transparent background */
}


.bannercontent {
    float: left;
    width: 100%;
    text-align: left;
    padding: 150px 0px 0px 0px;
}
	
	
	.bannercontent h1 { font-size:103px; float:left; width:100%; margin:0; padding:0; color:#fff; font-weight:700; padding-bottom:15px; }
	
	.bannercontent h2 { font-size:25px;  float:left; width:100%; margin:0; padding:0;  color:#fff; padding-bottom:30px; margin-bottom:20px; }
	
	.bannercontent a { transition-duration: 0.8s;
    transition-property: all; background:#D1CC93; padding:15px 40px; font-size:20px; color:#000; }
	
	.bannercontent a:hover { transition-duration: 0.8s;
    transition-property: all; background:#29477B;color:#fff; }
	
	
	
.servicesection {
    width: 100%;
    background: rgba(0, 0, 0, 0) url("../images/servicebg.jpg") no-repeat scroll 0 0 / cover ;
	padding:100px 0px 70px 0px; 
	margin:0; float:left;
}

 .row-full strong { color:#fff;  font-weight:500;}

.row-full p { color:#fff; }

.services { float:left; width:100%; margin:0; padding:0; text-align:center; }

.servicesection h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0) url(../images/titlebg.png);
    font-size: 60px;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #fff;
    font-weight: 600;
    background-position: center top 21px;
    padding-bottom: 80px;
}

.services li {
    display: inline-grid;
    text-align: center;
    margin: 0px 25px; padding-bottom:30px;
}

.services li img {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.services li img:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.services li span { float:left; width:100%; margin:0; padding:0; text-align:center; color:#fff; font-size:20px; padding:20px 0px; }


.textsection {
    width: 100%;
    background: #fff ;
	padding:120px 0px 120px 0px; 
	margin:0; float:left;
	
}


.txttitle { float:left; width:100%; margin:0; padding:0; border-bottom:2px solid #0D355A;  }

.txttitle h2 {
    font-size: 35px;
    float: none;
  
    background: #fff;
    padding: 0;
    top: 24px;
    position: relative;
    width: 265px;
    margin: 0px auto;
	color:#0C3153;
}

.textsection h3 {
    font-size: 55px;
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0px 30px 0px;
    color: #0C3153;
    font-weight: 600;
}

.textsection p {  font-size:18px;  float:left; width:100%; margin:0; padding:0; color:#000; margin-bottom:35px; }

.textsection a {  font-size:25px;   margin:0; padding:0; text-decoration:underline; transition-duration: 0.8s;
    transition-property: all;   }



.footer-up {   width: 100%;
    background: rgba(0, 0, 0, 0) url("../images/footer-up.jpg") no-repeat scroll 0 0 / cover ;
	padding:120px 0px 100px 0px; 
	margin:0; float:left; color:#fff; } 
	
.footer-up2 {   width: 100%;
    background: rgba(0, 0, 0, 0) url("../images/footer-up.jpg") no-repeat scroll 0 0 / cover ;
	padding:60px 0px 60px 0px; 
	margin:0; float:left; color:#fff; }
	
.footer-up h2 {
    color: #fff;
    font-size: 77px;
    font-weight: 600;
    line-height: 95px;
    border-left: 7px solid #D1CC93;
    padding-left: 17px;
}

.footer-up h3 { font-size:20px; color:#fff; letter-spacing:6px; background:#061728; float:left; width:100%; padding:5px; text-align:center; text-transform:uppercase; margin:25px 0px 20px 0px; }



.footer-up span { float:left; width:100%; padding:7px 0px;  margin:0px; color:#fff; font-weight:300; }

.footer-up2 h2 {
    color: #fff;
    font-size: 77px;
    font-weight: 600;
    line-height: 95px;
    border-left: 7px solid #D1CC93;
    padding-left: 17px;
}

.footer-up2 h3 { font-size:20px; color:#fff; letter-spacing:6px; background:#061728; float:left; width:100%; padding:5px; text-align:center; text-transform:uppercase; margin:25px 0px 20px 0px; }



.footer-up2 span { float:left; width:100%; padding:7px 0px;  margin:0px; color:#fff; font-weight:300; }


.formbox { float:left; width:100%; padding:30px 25px 15px 25px;  margin:0px; background:#D1CC93;  }

::placeholder { 
 color:#fff !important; }


:-ms-input-placeholder{ 
 color:#fff !important; }
::-ms-input-placeholder { 
 color:#fff !important; }

.formfield {  float:left; width:100%; padding:0px;  margin:0px; margin-bottom:20px;   }
.formfield input { border:none;  float:left; width:48%; font-size:18px; padding:8px;  margin:0px; background:#686649; color:#fff;  }
.formfield .right {  float:right; }

.formfield textarea { border:none;  float:left; width:100%; font-size:18px; padding:8px;  margin:0px; background:#686649; color:#fff; height:180px  }

input[type=checkbox] {  float:left; margin-right:10px; width:20px; margin-top:5px;  }

.formfield  .sbtbtn  {  float:left; width:100% !important; transition-duration: 0.8s;
    transition-property: all; }
.formfield  .sbtbtn:hover  { transition-duration: 0.8s;
    transition-property: all; background:#0E3354; }

.formfield { color:#000; }

.footer {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    padding: 40px 0px;
}
.socialicon {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.socialicon li {
    display: inline-block;
    margin: 0px 5px;
}


.footer p { float:left; width:100%; padding-top:15px; }



	@media(min-width:1200px) and (max-width:1399px) {
		
		.headercontainer { max-width:1340px }
		
	.container {
	 max-width: 1140px;
	}
	

	}
	@media (max-width:1199px) {
	.headercontainer, .container {
	max-width:980px;
	}
	.nav-list li {
	padding:0 6px;
	}
	.nav-list li a {
	font-size:13px;
	}
	
	}
	@media(max-width:991px) {
	.headercontainer, .container {
	max-width: 720px;
	}
	 .nav-list {
	width:100%;
	text-align:center;
	}
	
	
	 .nav-list li {
	float:none;
	display:inline-block;
	vertical-align:top;
	}
	
	
	}
	@media(max-width:767px) {
	.headercontainer, .container {
	max-width:100%;
	padding:0 20px;
	}
	
	

	 .nav-list {
	width:100%;
	text-align:center;
	}

	 .nav-list li {
	float:none;
	display:inline-block;
	vertical-align:top;
	}
	
	
	#pull-btn {
    display: none;
    float: right;
    margin: 9px 0 6px;
    width: 27px;
	margin-right:15px;
}
	
	#pull-btn .inner-box {
    width: 27px;
    height: 3px;
    background: #42FFFB;
    display: block;
    margin-bottom: 5px;
}



.nav-list { position:absolute !important; background:#42FFFB; }

.nav-list li a { color:#000; }


	.bannercontent { display:none; }
	
	.services li {
    display: block;
    text-align: center;
    margin: 10px 0px;
    padding-bottom: 30px;
}

.text-section span { font-size:55px; margin-bottom:20px; border:none; }

.leftborder { border:none; }

.footer-up h2 { font-size:50px; border:none; line-height:70px; padding:0; }

.headerphone {
    padding-top: 7px;
    text-align: center !important;
    padding-bottom: 14px;
}

.navbar { display:none; }

.foreground { display:none; }

.textsection , .text-section { text-align:center;     padding: 20px 0px; }

.footer-up { text-align:center;     padding: 20px 0px; }


.wsmobileheader { display:block; }

	
	}
	@media(max-width:640px) {
	
	.nav-list {
    display: none;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 0 13px !important;
   
    top: 0 !important;
    width: 100% !important;
}


	#pull-btn {
	display:block;
	}
	 .nav-list li {
	width:100%;
	text-align:center;
	padding: 5px 10px !important;
	height:auto;
	border:none;
	}
	
	.nav-list li a {
    font-size: 19px;
	float:none;
}

 
 
 .txt1 {
    font-size: 40px; }
	
	.banner {
   
    min-height: auto;
    padding: 40px 0px; }
	
	
	header { text-align:center; }
	
.logo { margin-bottom:15px; }

.ban-content { text-align:center; }

.txt2 { font-size:20px; }

.servicesection ul li { width:100%; }

.servicesection p { text-align:center; }

.txtsection p { text-align:center; }

.imgsection ul li {
    display: inline-block;
   
    width: 100%;
    float: left;
    text-align: center;
}

.imgsection ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px;
    text-align: center;
    display: inherit;
}

.footer { text-align:center; }

.footer .text-left  { text-align:center !important; }

.socialicon {
   
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btn1 {  float:none;  padding:10px 100px 14px 15px }

.servicesection ul li a {
   
    width: 100%;
    float: left;
    text-align: center;
}

.bannerbtn {
   
    padding: 10px 60px 10px 0px;
	}
	
	.bannerbtn { width:100%; }
	
	.contentsection { text-align:center; }
	

	}
	
	
	@media(max-width:480px) {
		
		.headlink { width:100%; }
	
	}
	
	
.wsmobileheader { position:relative !important; }

.smllogo a { font-size:22px; color:#29477B; text-transform:uppercase;  }


.wsmenu>.wsmenu-list>li>a.active { background:#29477B !important;  }