@charset "utf-8";
/* CSS Document */


body{ font-weight:300; overflow-x:hidden; font-family: 'ComfortaaRegular';
transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}

a{outline:none!important;}
.anim{transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}




/* Begin Font  */


@font-face {
    font-family: 'ComfortaaBold';
    src: url('../fonts/ComfortaaBold.eot');
    src: url('../fonts/ComfortaaBold.eot') format('embedded-opentype'),
         url('../fonts/ComfortaaBold.woff2') format('woff2'),
         url('../fonts/ComfortaaBold.woff') format('woff'),
         url('../fonts/ComfortaaBold.ttf') format('truetype'),
         url('../fonts/ComfortaaBold.svg#ComfortaaBold') format('svg');
}


@font-face {
    font-family: 'ComfortaaRegular';
    src: url('../fonts/ComfortaaRegular.eot');
    src: url('../fonts/ComfortaaRegular.eot') format('embedded-opentype'),
         url('../fonts/ComfortaaRegular.woff2') format('woff2'),
         url('../fonts/ComfortaaRegular.woff') format('woff'),
         url('../fonts/ComfortaaRegular.ttf') format('truetype'),
         url('../fonts/ComfortaaRegular.svg#ComfortaaRegular') format('svg');
}




/* End Font  */



html, body { height: 100%;}
#top-image {}



p {  font-size: 16px;  color: #444;  line-height: 28px;}
body{background:url(../images/bg.jpg) no-repeat;overflow:hidden;}
.underCo{text-align:center; margin-top:15%;}
.underCo h1 {  font-family: 'ComfortaaBold';  font-size: 56px;  color: #fff;  text-shadow: 1px 0px 1px #333;  font-weight: bold;}
.underCo h3 { color: #4e4e4e;  font-size: 23px;}
.proDe{text-align:center; margin:40px 0;}
.proDe figure{overflow:hidden;}
.proDe figure img{max-width:100%; border-radius:100%;  }
.proDe h3{font-size:20px;  font-family: 'ComfortaaBold';}
.proDe h2 {font-size: 14px; font-family: 'ComfortaaBold';}
.proDe h4{font-size:16px;}
.portLink{text-align:center;}
.proPic{width:150px !important; height:150px; margin:0px auto 20px; overflow:hidden;box-shadow:0px 1px 1px 0px #656565; border-radius:100%; border:5px solid #eee;}
.portBtn{color:#fff;}
.portBtn:hover,.portBtn:focus{color:#fff !important;}
.proDe h4 i{color:#28a745;}

.mainTitle{font-size:18px; text-transform:uppercase; font-family: 'ComfortaaBold'; margin:10px 0; text-align:center; background:rgba(255,255,255,.7); padding:6px;}
.portList ul{list-style:none; margin:0; padding:0;}
.portList ul li{position:relative;padding:0 0 0 15px;}
.portList ul li::before{content:""; position:absolute; width:10px; height:10px; border-radius:100%;left: 0; top: 7px; background-color:#fa9883;}
.portList ul li a{font-size:14px;}
.portList h3{font-size:18px;font-family: 'ComfortaaBold';}






@media (max-width: 1250px) { 


}




@media (max-width: 1199px) { 



 }
 
 @media (max-width: 1000px) {


}

 @media (max-width: 991px) {



 
 }
 
@media (max-width: 767px) { 

#top-image {  background-size: inherit;}
.underCo h1{font-size:38px;}
.underCo h3{font-size:16px;}
.proDe h4 { font-size: 15px;}


 }
 
 @media (max-width: 575px) { 

 
 

 }