body{margin:0px; font-family: 'Roboto', sans-serif;}
body:before{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/hexagon-back-bg.png) no-repeat center top fixed; content:""; display:block; z-index:-1}
*{margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul{list-style-type:none; margin:0; padding:0;}
li{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}
a:hover{text-decoration:none; outline:none;}
a:focus{text-decoration:none; outline:none;}
img{border:0;}
label{font-weight: normal}
p{margin:0;}
.thumbnail{border:none; padding:0; margin:0; background:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.padding-remove{padding-left:0; padding-right:0;}
.padding-left{padding-left:15px; padding-right:0;}
.padding-right{padding-left:0; padding-right:15px;}
:focus{outline:none;}
.form-control{font-size:16px; height:auto; line-height:42px; padding:0 10px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
select.form-control{font-size:16px; height:40px; line-height:40px; padding:0 10px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
textarea.form-control{font-size:16px; height:auto; line-height:24px; padding:0 10px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; resize:none;}


:focus{outline:none!important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:none!important;}


h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal; margin:0; padding:0;}
input,select,textarea{ -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;}

.main-logo{margin:25px 0; display:inline-block;}
.container{max-width:750px;}

.pattern-blue-bg{background:url(../images/pattern-blue-bg.jpg) repeat-x; padding:45px 15px 30px; margin-bottom:50px;}
.pattern-blue-bg h1{font-size:38px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:700;}
.pattern-blue-bg h2{font-size:55px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:700; padding-top:25px;}
.pattern-blue-bg:after{width:0; height:0; border-style:solid; border-width:45px 163px 0 163px; border-color:#076f9e transparent transparent transparent; content:""; display:inline-block; margin:45px 0 0 0; position:absolute; left:0; right:0; margin:30px auto;}

.contant-area-back h3{font-size:30px; color:#333; font-family: 'Roboto', sans-serif; font-weight:500; text-align:center; padding:30px 0;}
.contant-area-back .grey-form-back ul.form{width:100%; float:left; border:1px solid #c0c0c0; background:#f0f0f0; padding:50px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.contant-area-back .grey-form-back ul.form li{width:100%; float:left; margin-bottom:25px;}
.contant-area-back .grey-form-back ul.form li label{font-size:20px; color:#333; font-family: 'Roboto', sans-serif; font-weight:500; display:block;}
.contant-area-back .grey-form-back ul.form li:last-child{margin-bottom:0;}
.contant-area-back .grey-form-back ul.form li .submit-button{font-family: 'Roboto', sans-serif; font-weight:500; font-size:30px; border:1px solid #e85f00; display:block; width:100%; background: -webkit-linear-gradient(#ffa200, #ff6800); background:-o-linear-gradient(#ffa200, #ff6800); background:-moz-linear-gradient(#ffa200, #ff6800); background:linear-gradient(#ffa200, #ff6800);}


.icon-txt-area{padding:50px 15px;}
.icon-txt-area h4{font-family: 'Roboto', sans-serif; font-weight:500; font-size:26px; color:#158fc2; padding-bottom:10px;}
.icon-txt-area p{font-size:20px; color:#333;}
.icon-txt-area ul li{width:100%; float:left; margin-bottom:40px; padding:0 20px;}
.icon-txt-area ul li:last-child{margin-bottom:0;}

.contact-blue-bg{background:url(../images/contact-blue-bg.jpg) repeat center top; padding:40px 15px;}
.contact-blue-bg ul li{width:100%; float:left; padding-top:25px;}
.contact-blue-bg label{font-size:24px; color:#FFF;}
.contact-blue-bg p{font-size:24px; color:#FFF;}
.contact-blue-bg a{font-size:24px; color:#FFF;}

.copy-right-bg{font-size:20px; background:#004d66; text-align:center; color:#FFF; padding:25px 15px;}





@media screen and (min-width:100px) and (max-width:767px){

.main-logo{margin:15px 0; padding:0 20px;}
.pattern-blue-bg{padding:20px 15px 30px; background:url(../images/pattern-blue-bg.jpg) repeat;}
.pattern-blue-bg h1{font-size:25px; line-height:normal;}
.pattern-blue-bg h2{font-size:34px; padding-top:15px;}
.pattern-blue-bg::after{border-width:35px 100px 0 100px; margin:30px auto;}

.contant-area-back h3{padding:5px 0 25px 0; font-size:24px;}
.contant-area-back .grey-form-back{padding:0;}
.contant-area-back .grey-form-back ul.form{padding:20px;}
.contant-area-back .grey-form-back ul.form li{margin-bottom:15px;}
.contant-area-back .grey-form-back ul.form li label{font-size:18px;}
.contant-area-back .grey-form-back ul.form li .submit-button{font-size:25px;}

.icon-txt-area{padding:35px 0;}
.icon-txt-area h4{padding:15px 0 5px 0; font-size:22px;}
.icon-txt-area p{font-size:18px;}
.icon-txt-area ul li{padding:0; margin-bottom:25px; text-align:center;}
.icon-txt-area ul li .padding-left{padding:0;}

.contact-blue-bg{padding:25px 15px 30px;}
.contact-blue-bg ul li{padding:0 0 15px 0; margin:0;}
.contact-blue-bg ul li:last-child{padding-bottom:0;}
.contact-blue-bg label{font-size:20px;}
.contact-blue-bg p{font-size:16px;}
.contact-blue-bg a{font-size:16px;}

.copy-right-bg{font-size:15px; padding:20px 15px;}


}