*{
/*    font-family: "Open Sans", sans-serif !important;*/
/*    font-weight: 300 !important;*/
}

.header, .button, input, textarea, #viewsHead h1.header, .serviceDrop{
    font-family: 'Josefin Slab', serif !important;
}
p, li, a{
    font-family: 'Quicksand', serif;
}
/*
text on light blue:#205081
big text:#59afe1
text on white:
#919191
#707070


#3572B0
#59AFE1
#F5F5F5
#FFFFFF
*/

#home{
    background-image:url('../asset/images/10.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #ffffff;
    background-color: rgba(0,0,0,0.70);
    background-blend-mode: overlay;
}

/*beginning of colors*/
body{
    background-color: #f7f9fb;
}
#pushMenu a.small.item:hover{
    color: #1B1C1D;
}
#viewsMenu .serviceDrop{
    color: #1B1C1D;
}
#home .serviceDrop{
    font-weight: bold;
    color: rgba(255,255,255,.7)!important;
}
#home .serviceDrop:hover{
    color: #ffffff !important;
}
#viewsMenu .serviceDrop:hover{
/*    color: #ffffff;*/
}
#ourServices{
/*
    background-image:url('../asset/images/424bbc_78760ac4761a417f84c0f0ce71088bc9-mv2_d_3100_2067_s_2.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #1b1c1d;
    background-blend-mode: overlay;
*/
    background-color: #F5F5F5;
    color: #323433;
}
#ourServices .segment{
/*    background-color: rgba(0,0,0,0.0);*/
/*    background-color: #f4f4f2;*/
    background-color: #F5F5F5;
    color: #323433;
}
#ourServices .huge.header{
    color: #323433;
}
#ourServices .segment p{
    color: #fff;
}
#ourServices .icon{
    margin-bottom: 20px;
    height: 100px;
    width: 100px;
    position: relative;
    top: 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
#ourServices .icon:hover{
    top: -20px;
}
#aboutUs{
    background-color: #3572B0;
}
#contactUs{
    background-color: #3572B0;
}
#contactUs .segment{
/*    background-color: #55acc8;*/
    background-color: #3572B0;
}
#footer,#followMenu,#pushMenu,#viewsMenu{
/*    background-color: #323433;*/
    background-color: #f7f9fb;
}
#followMenu .right.menu .item:hover,
#viewsMenu .right.menu .item:hover{
    color: #ffffff;
    background-color: #3572B0; 
}
#home #menu .right.menu .item:not(.smallMenu):hover{
    color: #ffffff;
    background-color: #3572B0;
    border-radius: 4px;
}
#menu .right.menu .item.smallMenu i{
    color: #3572B0;
}
#home .huge.button{
    box-shadow: 0 0 0 2px #3572B0 inset!important;
    color: #3572B0;
}
#home .huge.button:hover{
    background-color: #3572B0;
    color: #ffffff;
}
#home .huge.button:focus{
    background-color: #3572B0;
    color: #ffffff;
}
#arrowDown{
    color: #3572B0 !important;
}
#removePusher{
    color: #3572B0 !important;
    position: absolute;
    top: 20px;
    right: 20px;
}
#viewsMenu{
/*    background-color: #fff;*/
/*    background-color: rgba(255,255,255,0.8);*/
}
#viewsMenu .noBorder.item{
/*    border: none;*/
}
/* //ending of colors*/

/*fonts*/

#aboutUs > .huge.header, #ourServices > .header, #contactUs .huge.header{
    font-size: 47px;
/*    font-weight: 200;*/
    
} 
#aboutUs p, #ourServices p, #contactUs p, #viewsText p, #viewsText li{
    font-size: 18px;
    font-weight: normal;
}
#ourServices .grid .segment .header{
    font-size: 25px;
    font-weight: normal;
}
#contactUs .list .header{
    font-size: 18px;
    line-height: 25px;
    font-weight: 200;
}
#viewsHead .header{
    padding-top: 80px;
    color: #fff;
    line-height: 260px;
    font-size: 47px;
    font-weight: 200;
}
#viewsText{
/*    font-size: 24px;*/
    padding: 60px 0 60px 0;
}
#viewsText p,#viewsText ul{
    color: #fff;
    /*
    line-height: 34px;
    font-weight: 500;
*/
}
#viewsText li::before {
  content: "• ";
  color: #fff;
}
#aboutUs .container{
    width: auto !important;
    margin: 0 20px 0 20px !important;
}
/*ending fonts*/

#aboutUs, #ourServices{
    padding-top: 80px;
    padding-bottom: 80px;
}
#contactUs{
    padding-top: 60px;
}
#aboutUs .huge.header, #ourServices .huge.header{
    margin-bottom: 40px;
}
#learnMore, #arrowDown{
/*    position: absolute;*/
    
}
.masthead.segment {
  min-height: 760px;
  padding: 1em 0em;
}
.masthead .logo.item img {
  margin-right: 1em;
}
.masthead .ui.menu .ui.button {
  margin-left: 0.5em;
}
.masthead h2.ui.header{
    margin-top: 1.4em;
    font-size: 2em;
    font-weight: 400 !important;
}
.masthead h2.ui.header:first-child{
    margin-top: 7.5em;
    color: #3572B0;
}
.masthead img.log{
    margin-top: 1em;
    height: 7px;
    width: 150px;
}
#ourServices img.log{
    margin-top: 2em;
    height: 7px;
    width: 70px;
}
#ourServices .column .segment{
    background-color: #3572B0;
}
#ourServices .column .segment .header{
    font-weight: 400 !important;
}
.masthead h1.ui.header {
  margin-bottom: 0em;
  font-size: 3em;
  font-weight: 600 !important;
/*  width: 70%;*/
}
#mailForm.ui.form .fields .wide.field input,
#mailForm.ui.form .fields .wide.field textarea{
    background: #fff;
/*    background: rgba(0,0,0,0.1);*/
/*    color: #fff;*/
    border-radius: 0;
}
#mailForm.ui.form button,
#home .huge.button, #ourServices .button{
    border-radius: 0;
}
#scrollUp{
    position: fixed;
    right: 20px;
    bottom: 20px; 
    z-index: 9999;
    background-color: #59AFE1 !important;
}
#menu .smallMenu,
#followMenu .smallMenu,
#viewsMenu .smallMenu{
    display: none;
/*    visibility: hidden;*/
}

#viewsHead{
/*
    background-image:url('../asset/images/10.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,0,0,0.70);
    background-blend-mode: overlay;
*/
}
#viewsHead.projectManagement.segment{
/*    min-height: 350px;*/
/*    vertical-align: middle;*/
    background-image:url('../asset/images/3.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
/*    background-color: #ffffff;*/
    background-color: rgba(0,0,0,0.70);
    background-blend-mode: overlay;
}
#viewsHead.businessAdvisory.segment{
/*    min-height: 350px;*/
/*    vertical-align: middle;*/
    background-image:url('../asset/images/5.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
/*    background-color: #ffffff;*/
    background-color: rgba(0,0,0,0.70);
    background-blend-mode: overlay;
}
#viewsHead.marketActivation.segment{
/*    min-height: 350px;*/
/*    vertical-align: middle;*/
    background-image:url('../asset/images/2.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
/*    background-color: #ffffff;*/
    background-color: rgba(0,0,0,0.70);
    background-blend-mode: overlay;
}
#viewsHead.softwareDevelopment.segment{
/*    min-height: 350px;*/
/*    vertical-align: middle;*/
    background-image:url('../asset/images/4.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
/*    background-color: #ffffff;*/
    background-color: rgba(0,0,0,0.70);
    background-blend-mode: overlay;
}
/*start mouse*/
#home #arrowDown{
  -webkit-animation: scroll 5s ease infinite; /* Safari 4+ */
  -moz-animation:    scroll 5s ease infinite; /* Fx 5+ */
  -o-animation:      scroll 5s ease infinite; /* Opera 12+ */
   animation:        scroll 5s ease infinite; /* IE 10+ */
}
@keyframes scroll {
  0% { 
    fill:#000;
   }
  5% {
    fill:#3572B0;
  }
  10% {  
    transform: translateY(-20px);
  }
  30% {
    transform: translateY(50px);
  }
  50% {
    transform: translateY(-20px);
  }
  70% {
    transform: translateY(50px);
  }
  90% { 
    fill:#0083db; 
    transform: translateY(0);
  }
  100% {  
    fill:#000; 
  }
}
/*end mouse*/


@media only screen and (max-width: 767px){
    .masthead.segment {
        min-height: 360px;
/*        height: 700px;*/
        padding-bottom: 100px
    }
    .masthead h1.ui.header {
        font-size: 1.7em;
        /*        margin-top: 1.5em;*/
        width: 100%;
    }
    .masthead h2 {
        margin-top: 0.5em;
        font-size: 0.9em;
/*        width: 90%;*/
    }
    .masthead h2.ui.header{
        font-size: 1.4em;
    }
    .masthead h2.ui.header:first-child{
        margin-top: 4em;
    }
    #aboutUs h2.header{
        font-size: 1.4em !important;
    }
    #mailForm.ui.form .fields .wide.field{
        margin-bottom: 10px !important;
    }
    #menu .smallMenu,
    #followMenu .smallMenu,
    #viewsMenu .smallMenu{
        display: block;
    }
    #menu .bigMenu,
    #followMenu .bigMenu,
    #viewsMenu .bigMenu{
        display: none;
    /*    visibility: hidden;*/
    }
    
    #viewsHead .header{
        padding-top: 140px;
        padding-bottom: 60px;
        color: #fff;
        line-height: 60px;
        font-size: 2em;
    }
    
/*    fonts*/
    #aboutUs > .huge.header, #ourServices > .header, #contactUs .huge.header{
        font-size: 35px;
/*        font-weight: 200;*/

    } 
    #aboutUs p, #ourServices p, #contactUs p, #viewsText p, #viewsText li{
        font-size: 16px;
        font-weight: normal;
    }
    #ourServices .grid .segment .header{
        font-size: 20px;
        font-weight: normal;
    }

    #contactUs .list .header{
        font-size: 16px;
        font-weight: 200;
    }

/*    ending fonts*/
    @keyframes scroll {
      0% { 
        fill:#000;
       }
      5% {
        fill:#3572B0;
      }
      10% {  
        transform: translateY(-10px);
      }
      30% {
        transform: translateY(25px);
      }
      50% {
        transform: translateY(-10px);
      }
      70% {
        transform: translateY(25px);
      }
      90% { 
        fill:#0083db; 
        transform: translateY(0);
      }
      100% {  
        fill:#000; 
      }
    }
}
@media only screen and (max-width: 510px) and (min-width: 50px){
    #followingLogoText{
        width: 170px !important;
    }
}