/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), 
  url(assets/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzY5abuWI.woff2) format('woff2');
}

/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), 
  url(assets/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzY5abuWI.woff2) format('woff2');
}

/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), 
  url(assets/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzY5abuWI.woff2) format('woff2');
}

.mynave{
  border-bottom: 1px solid #eee;
}

#message{
  display: block;
}

.subscribe_c input{
  color: #fff !important;
}

.modal{
  overflow: visible !important;
}

*{
  box-sizing: border-box;
}
a {
  color: #333;
}
.menu {
    width: 100%;
}
.menu-container {
  margin: 0 auto;
  background: #e9e9e9;
}
.menu a.logo {
    display: inline-block;
    padding: 1.5em 3em;
    width: 19%;
    float: left;
}
.menu img {
    max-width: 100%;
}
.menu-mobile {
  display: none;
  padding: 20px;
}
.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}
.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
  margin: 0 auto;
  width: 80%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
      clear: right;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: right;
  padding: 0;
  margin: 0;
}
.menu > ul > li a {
  text-decoration: none;
  display: block;
}
.menu > ul > li:hover {
  background:#ffffff;
}
.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #fff;
  padding: 15px 15px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14),
              0 3px 1px -2px rgba(0, 0, 0, 0.12),
              0 1px 5px 0 rgba(0, 0, 0, 0.2);
              border-top: 2px solid #3d76a1;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
  line-height: 37px;
}
.menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #eee;
  transition: all 0.5s;
}
.menu > ul > li > ul > li a:hover{
  color:#2075A3 !important;
  background-color: transparent !important;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 4px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0px 0px;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;    
  font-size: 14px;
    font-weight: 600 !important;
    font-family: 'Titillium Web' !important;
}


@media only screen and (min-width: 992px) {

.menu > ul > li > ul > li > ul > li a:before{
  content: "\f105" !important;
      font-family: 'FontAwesome' !important;
    padding-right: 9px;
}

.ul2{
  margin-top: 30px !important;
}


}



.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}










/*  menu list drop down listview */

.mn ul { list-style: disc; }

/*.mn ul, li, a { color: darkslategray; }*/

.mn p {
  color: #444;
  padding-left: 15px;
  margin: 0;
}


.mn {
  /*min-height: 40px;*/
  background: #fff;
  padding: 0;
  margin: 0;
}

.mn ul {
  margin: 0;
  list-style: none;
  background: #FFF;
}

.mn ul > li { line-height: 40px; }

.mn a {
  color: #444;
  text-decoration: none;
}
@media screen and (min-width: 1025px) {

.mn > a { display: none; }

.mn * {
  padding: 0;
  margin: 0;
}

.mn > ul { display: flex; }

.mn > ul > li {
  font-weight: 700;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  width: 200px;
  position: relative;
  border-left: 1px solid #0094da;
}

.mn > ul > li:hover { background: #0094da; }

.mn > ul > :first-child { margin-left: -15px !important;}

.mn > ul > li ul li {
  border-bottom: 1px solid #0094da;
  cursor: pointer;
}

.mn > ul > li ul li:hover { background: #0094da; }

.mn ul > li ul {
  position: absolute;
  width: 200px;
  display: none;
}

.mn ul > li > ul > li > ul > li > ul,  .mn ul > li > ul > li > ul {
  border-left: 1px solid #0094da;
  margin-left: 200px !important;
  margin-top: -40px;
}

.mn ul > li:hover > ul { display: block; }
}
@media screen and (max-width: 1025px) {

.mn > ul li {
  font-weight: 700;
  /*border-bottom: 1px solid #0094da;*/
}

.mn ul ul{
  padding-left: 25px !important;
}


.mn * > li > a {
  border: 1px slid #0094da;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 15px !important;
  font-family: 'Titillium Web';
  font-weight: 800;

}
.mn li a{
  padding-left: 10px !important;
}
.mn li a:focus { background: #2175a3;color: #fff !important;     padding-left: 10px !important;}


.mn * li:last-child { border-bottom: 0; }

.mn > a {
  margin-top: 5px;
  /*margin-left: eft: 5px !important;*/
  display: inline-block;
  color: #000;
}

.mn > ul { display: block; }

.mn ul > li > ul,  .mn ul > li > ul > li > ul > li > ul,  .mn ul > li > ul > li > ul { display: none; }
}





/* ----------------------------------------------------------- */

.bdb{
      xborder-bottom: 1px solid #2175a3;
}

.solutions{
    border-bottom: 2px solid #115c86;
    padding-bottom: 5px;
    font-weight: 600;
    color: #000;
    display: inline-block;
}

span.des::selection {
  background-color: #2175a3;
  color: #fff;
}

.about .title::selection {
  background-color: #2175a3;
  color: #fff;
}

.sidenav-overlay{
      z-index: 99 !important;
}

#particles-js{
  background-image: url('assets/images/home3-banner-icon111.png');
  background-position: top right;
  background-repeat: no-repeat;
  opacity: 0.5 !important;

}
.fix_top{
  position: fixed;
  width: 100%;
  display: block;
  z-index: 500;
  top: 0px;
}

.btn_menu{
  color: #000;
  font-size: 32px;
}


.my-c{
    height: 100%;
    display: block;
    /*background: red;*/
    position: relative;
}


.team1{
  margin-left: 75px;
}

.team2{
  margin-left: 150px;
  /*margin-top: 10px;*/
}

.imagemedia{
  margin-top: 30px;
}



.welcome_text .some-space1{
  color: #fff;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  right: 25%;
  top: 30%;
}


.layer_des .some-space2{
  color: #fff;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  right: 15%;
  top: 40%;
}

.welcome_text .some-space1 h2{
    font-family: 'Titillium Web';
    font-weight: 200;
    font-size: 28px;
}

.layer_content{
  border-left: 3px solid #fff;
}

.layer_content h5{
  margin-left: 20px;
}

.your_vision{
  font-size: 38px;
  margin-bottom: 0px !important;
}
.our_creation{
  font-size: 48px !important;
  font-weight: 700;
  margin-top: 0px !important;
}

.our_creation span{
   font-family: 'Titillium Web';
   color: #e79c46 !important;

    font-size: 48px !important;
  font-weight: 700;

}



.animate{
  position: relative;
  height: 550px;
  overflow: hidden;
  width: 100%;
  display: block;
  background: #2980b9;
}


.animate #particles-js, .animate #parallax, .animate .layer, .animate .some-space, .animate .some-more-space {
  height: 100%;
  position: absolute;
  width: 100%;
}

.animate #particles-js {
  opacity: 0.6;
}

.animate h1 {
  color: white;
  font-family: 'Titillium Web';
  font-size: 5em;
  font-weight: 100;
  letter-spacing: 0.2em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
              font-weight: 700;
}

.animate a {
  color: white;
  border: 1px solid white;
  display: table;
  position: absolute;
  top: 60%;
  left: 50%;
  letter-spacing: 0.05em;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  text-decoration: none;
  transition: all 200ms ease;
  padding: 10px 15px;
}
.animate a:hover {
  background: white;
  color: black;
}

.animate .some-space {
  animation: rotate 18s 0.5s infinite linear reverse;
}

.animate .some-more-space {
  -webkit-animation: rotate 15s 0.1s infinite linear;
          animation: rotate 15s 0.1s infinite linear;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
  }
}



a,span,p,h1,h2,h3,h4,h5,h6{
    font-family: 'Titillium Web';
    font-weight: normal;
}

.thesame{
      font-size: 56px;
    font-weight: 700;
    font-family: 'Titillium Web';
    margin-top: 15px;
}

.color{
  color:#2175a3;
}

.onhover:hover{
  color:#2175a3;
}

.hilight{
  background-color: #2175a3;
  color: #fff;
  padding-right: 5px;
  padding-left: 5px;
}

.bd-red{
	border:1px solid red;
}

.bd-blue{
	border:1px solid blue;
}

.bd-green{
	border:1px solid green;
}

body{
    /*font-family: 'Titillium Web';*/
}

a{
  color: #2175a3;
}

.parallax-container{
  width: 100%;
}




/* header */
nav.home-nav{
	background-color: #fff;
}

.brand-logo img{
	height: 63px;
}

#nav-mobile li a{
	color: #000;
	font-family: 'Titillium Web';
	font-weight: bold;
  padding: 0px 20px;
}

.get_in_touch{
  background-color: #fff !important;
}

.get_in_touch a{
  background-color: #2c75a3;
  color: #fff;

  border-radius: 5px;
  display: inline-block;
  color: #fff !important;

  display: inline-block;
  height: 39px;
  line-height: 39px;
  transition: all 0.5s;
  margin-left: 5px;
  margin-top: 10px;

}

.get_in_touch a:hover{
  color: #205081 !important;
}


/* end of header style */



/* slideshow */
.slideshow{
  margin-left: 15%;
  margin-top: 150px;
  max-width: 600px;

}

.slideshow .title_s{
  font-size: 44px;
  color: #2c2c2c;
  font-family: 'Titillium Web';
  font-weight: 300 !important;
}


.slideshow span{
  text-align: center;
  display: inline-block;
  font-size: 21px;
  font-family: 'Titillium Web';
  font-weight: 100 !important;
}

.btn_connect_us{
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
  background-color: #205081;
  display: inline-block;
  margin: 0 auto;
  margin-top: 20px;
  font-family: 'Titillium Web';
}
/* /slideshow */


/* about */
.about .title{
  font-size: 51px;
  font-weight: 700;
  font-family: 'Titillium Web';
  margin-top: 15px;
}

.about span.des{
  font-size: 18px;
  /*text-align: center;*/
  font-family: 'Titillium Web';
  display: block;
}
/* /about */


/* services */
.services .title{
  font-size: 32px;
  font-weight: 200;
}

.services .title_small{
  font-size: 18px;
  font-weight: 500;
}

.services .title_small a{
  transition: all 0.5s;
  color: #000;
  display: block;
  font-weight: 600;
}
.services .title_small a:hover{
  color: #2175a3;
}

.services .more_text{
  font-size: 17px;
  font-weight: 100;
  font-family: 'Titillium Web';
  text-align: center;
  display: block;
  color: #7d7d7d;
}

.btn_need_more{
  background-color: #2075A3;
  color: #fff;
  padding: 7px 15px;
  border-radius: 5px;
  display: inline-block;
}

/* /services */



/* what */
.what{
  background-color: #f8f8f8;
  display: block;
}
.what .title{
  font-size: 32px;
  font-weight: 500;
  font-family: 'Titillium Web';
  margin-bottom: 5px;
}

.what .title span{
    font-size: 32px;
    font-weight: 600;
    font-family: 'Titillium Web';
    border-bottom: 2px solid #29537f;
    display: inline-block;
    padding-bottom: 5px;
}

.what .some_des{
  color: #000;
  font-weight: 500;
}
/* /what */




/* subscribe */
.subscribe{
  position: relative;
}
.subscribe #stamp{
    position: absolute;
    top: 0px;
    width: 100%;
}
.subscribe .parallax{
  background-color: #29537f;
}



/* label color */
.subscribe .input-field label {
     color: #fff;
     font-family: 'Titillium Web';
     font-weight: 300;
   }
   /* label focus color */
.subscribe .input-field input[type=text]:focus + label {
     color: #fff !important;
   }
   /* label underline focus color */
.subscribe .input-field input[type=text]:focus {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* valid color */
.subscribe .input-field input[type=text].valid {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* invalid color */
.subscribe .input-field input[type=text].invalid {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* icon prefix focus color */
.subscribe .input-field .prefix.active {
     color: #fff;
   }

.btns{
  border:2px solid #fff;
  padding: 10px 45px;
  border-radius: 10px;
  margin-top: 20px;
  color: #fff;
  display: inline-block;
  margin-left: 10px;
}

.subscribe .parallax-container {
      height: 300px;
}

.content_pp{
  position: relative;
  z-index: 99;
}
.large_title{
    color: #fff;
    font-family: 'Titillium Web';
    font-size: 28px;
    line-height: 32px;
    margin-top: 0px;
}

.shark{
    position: absolute;
    left: 300px;
    top: 20px;
    z-index: 98;
}
.shark i.fa{
  font-size: 100px;

}
.subscribe .parallax-container .parallax img{
  left:60% !important;
}


.shark {
    -webkit-animation: mover 2s infinite  ;
    animation: mover 7s infinite  ;

}

@keyframes mover {
  0% { transform: translate(0, 0);          -webkit-animation-timing-function: linear;animation-timing-function: linear;}
  25% { transform: translate(-50px, -60px); -webkit-animation-timing-function: linear;animation-timing-function: linear; }

  50% { transform: translate(-140px, -60px);-webkit-animation-timing-function: linear;animation-timing-function: linear; }

  75% { transform: translate(-190px, 0px); -webkit-animation-timing-function: linear;animation-timing-function: linear; }
  100% { transform: translate(-190px, 0);    -webkit-animation-timing-function: linear;animation-timing-function: linear; }
}
/* /subscribe */


/* aword */
.pos-rel{
  position: relative;
}
.aword_logo{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 200px;
}

.award .title{
  text-transform: uppercase;
  font-family: 'Titillium Web';
  margin: 0px;
  padding: 0px;
  font-weight: 500;
  xborder-bottom: 2px solid #2175a3;
  display: inline-block;
 
  margin-bottom: 10px;
  color: #000;
}
.award .title span{
  border-bottom: 2px solid #2075A3;
  padding-bottom: 5px;
  font-weight: 600;
  color: #000;
  display: inline-block;
}


.award .collection .collection-item.avatar{
    min-height: 72px;
    padding-left: 12px;
    position: relative;
}
.award .collection .collection-item.avatar i.fa{

    font-size: 33px;
    float: left;
    margin-right: 10px;
    border: 2px solid #2175a3;
    border-radius: 100px;
    padding: 10px;
    color: #2175a3;
    width: 55px;
    height: 55px;
    line-height: 32px;
    text-align: center;
    margin-top: -5px;

}
.award .collection .collection-item.avatar .title_s{
      text-transform: uppercase;
    font-family: 'Titillium Web';
    font-weight: 700;
    font-size: 17px;
    color: #6b6b6b;
}

.award .collection .collection-item{
      border-bottom:none;
}

.award .collection .collection-item.avatar .des_s{

    font-family: 'Titillium Web';
    font-weight: 300;
    font-size: 16px;
    color: #6b6b6b;
    display: block;
}


.award .collection{
  border: none;
}

.award .collection .collection-item.avatar .title_s a{
  display: block;
  transition: all 0.5s;
}
.award .collection .collection-item.avatar .title_s a:hover{
   color: #2075A3 !important;
}


/* /aword */



/* feauterd_meida */
.feauterd_meida{
  margin-top: 30px;
}

.view_all_media{
  background-color: #2175a3;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 20px;
  color: #fff;
}
.feauterd_meida .title{
 
    font-size: 21px;
    font-weight: 500;
    font-family: 'Titillium Web';
    xborder-bottom: 2px solid #29537f;
    padding-bottom: 4px;
    color:#000;
}

.feauterd_meida .des{
  color:#6b6b6b;
  font-size: 16px;
  font-family: 'Titillium Web';
}

.feauterd_meida_image img{
  height: 100px;
}

/* /feauterd_meida */


/* messages*/

.messages .title{
  font-family: 'Titillium Web';
  font-weight: 500;
  font-size: 32px;
  margin-top: 0px;
  margin-bottom: 8px;

      display: block;
    text-align: left;

}

.small_messsage{
  font-family: 'Titillium Web';
  font-weight: 300;
  font-size: 21px;
}
.sp{
  width: 50px;
  height: 3px;
  background-color: #2175a3;
  display: inline-block;
  float: left;
}

.control_btns{
  margin-top: -33px;
}
.control_btns i.fa{
  font-size: 28px;
  padding: 4px 15px;
  border-radius: 2px;
  background-color: #2175a3;
  color: #fff;
}
.control_btns i.fa:hover{
  cursor: pointer;
}

.messages_client .msg{
  background-color: #fff;
  text-align: left;
  padding: 30px;
  display: block;
}

.title_msg{
  margin-top: 0px;
      margin-top: 0px;
    font-weight: 700;
    font-size: 18px;
}
.content_msg{
  margin-top: 20px;
}

.user_image{
  width: 50px;
  height: 50px;
  border-radius: 100px;
  float: left;
}


.des_msg{
    font-family: 'Titillium Web';
    color: #7d7d7d;
}
.sms{
  margin-left: 10px;
}

.content_msg .sms{
  margin-left: 10px;
  width: 70% !important;
}

.title_sms{
  font-family: 'Titillium Web';
      margin-top: 0px;
    font-weight: 700;
    font-size: 14px;
}

.des_sms{
  font-family: 'Titillium Web';
  color: #7d7d7d;

}

.owl-carousel .owl-item img{
  width: auto!important;
}

#owl-message{
  width:130%;
  margin-left: -15%;
}

/* /messages */



/* clients */

.clients .title{
 display: inline-block;
    xborder-bottom: 1px solid #2175a3;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 0px;

}
.spb{
  border-bottom: 2px solid #2175a3;
  padding-bottom: 5px;
   font-weight: 700;
    font-size: 26px;
    display: inline-block;
}
.projects_text{
  font-size: 18px;
  font-weight: 600;
}

img.c_image{

}

.all_clients .col{
  margin: 0px !important;
  padding: 0px !important;
}

/* /clients */




/* footer */


.footer-copyright{
  background-color: #21262b !important;
  min-height: 85px;
}
.footer-copyright ul li{
  display: inline-block;
}

.footer-copyright ul li a{
  display: block;
  margin: 0px 10px;
  font-size: 14px;
}

.copyright_text{
  line-height: 55px;
  font-size: 14px;
  color:#fff;
}

.nom{
  margin-bottom: 0px;
}

.page-footer{
  background-color: transparent;
  position: relative;
}


.page-footer .parallax{
    background-color: #292f35;
}

.page-footer .parallax-container .parallax img{
  top: -50px;
}

.page-footer .parallax-container {
  height: 250px;
}


.page-footer .contact{
  position: absolute;
  width: 100%;
  bottom: 65px;
}


.page-footer .contact .container{
  background-color: #34383d;
  padding: 10px 10px;
  display: block;
}

.contact i.fa{
  padding: 4px;
  font-size: 21px;
}

.contact a{
  color: #fff;
  padding: 10px 0px;
  display: inline-block;
}
.contact .row{
  margin-bottom: 0px;
}


/* icons */
.icons li{
  display: inline-block;
}

.icons li a{
  display: block;
  padding:5px;
  color: #2a2f35;
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  margin: 0px 5px;
}
.icons li a i.fa{
  font-size: 16px;
}



.article .header{
  font-size: 24px;
}
.single-title,.cat_title{
  font-size:32px;
  font-weight: 600;
}


/* -------- @media for responsive -------- */

@media only screen and (max-width: 600px) {
    #ts-logo{width:200px !important;}
	.page img{width:100%;height:auto}
    
    .brand-logo img {
        padding-top:5px !important;
        height:55px !important;
}
  .subscribe .parallax-container {
    height: 450px;
  }
  .subscribe .parallax-container .parallax img{
    display: none;
  }

div.page{
    padding:0 5px !important;
}

  .card.horizontal{
    display: block !important;
    width: 100%;
  }

  .card.horizontal .card-image{
        max-width: 100% !important;
  }

  .card.horizontal .card-image img{
         width: 100% !important;
         height: auto !important;
  }


  .slideshow {
    margin-left: 0%;
    margin-top: 150px;
  }


  #owl-message{
    width:100%;
    margin-left: 0%;
  }

  .control_btns {
    margin-top: 10px;
}
.messages .parallax-container{
      height: 550px;
}



.page-footer .parallax-container .parallax img{
  display: none;
}

.page-footer .parallax-container {
  height: 360px;
}
.icons{
  display: block;text-align: center;
}


 nav .brand-logo {
      left: 30% !important;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      height: 55px;
      margin-top: 0px;
  }


.view_all_media{
  margin-bottom: 50px;
}

.imagemedia{
  display: none;
}

.layer_des .some-space2{
    color: #fff;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    right: -5%;
    top: 40%;
}

.welcome_text .some-space1{
      top: 24% !important;
}

.subscribe_c{
  width: 100%;
  display: block;
}

.subscribe_c .btns{
  display: inline-block;
  width: 100%;
  margin: 0px;
  text-align: center;
  margin: 0 auto;
  
}

.toup{
  margin-top: 50px;

}

.toup ul, .copyright_text{
  display:block;
  text-align: center;
  float: none !important;
}

.contact{
  bottom: 135px !important;
}



}

/*


html, body { height: 100%; }
body {
  background:radial-gradient(ellipse at center, rgba(255,254,234,1) 0%, rgba(255,254,234,1) 35%, #B7E8EB 100%);
  overflow: hidden;
}*/

.oh{
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}


.footer-shark{
    position: absolute;
    right: 81px;
    top: -60px;
    z-index: 1;
}

.ocean { 

height: 200px;
    width: 100%;
    position: absolute;
    top: -121px;
    left: 0;
    background-color: transparent;
    overflow: hidden;
}

.wave {
  background: url(assets/images/wave.svg) repeat-x; 
  position: absolute;
  top: -40px;
  width: 6400px;
  height: 198px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}






@media only screen and (max-width: 992px){
  nav .brand-logo {
      left: 20%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }

}




.card .card-action{
  border-top:none !important;
}


.single_title_w{
    background: #3d77a2;
    color: #fff;
    padding: 10px;
    font-size: 21px;
    margin-bottom: 0px;
}

.collection{
  border:none !important;
}

.mtxt{
      padding: 0px 12px;
    display: block;
    text-align: center;
    padding-top: 10px;
}








/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}




blockquote{
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
     font-family: 'Titillium Web';
    font-size: 16px;
    line-height: 1.2;
    color: #666;
    text-align: justify;
    border-left: 15px solid #29537f;
    border-right: 2px solid #29537f;
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: 'Titillium Web';
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


.left_bg,.right_content{
  min-height: 500px;
}

.contact_popup a i{
  color: #fff !important;
  font-size: 24px !important;
  padding: 0px 10px !important;
}

.contact_popup a{
  margin-bottom: 30px !important;
}

.mymodal-content .right_content .icona{
  font-size: 24px;
}

.mmcol{
  /*padding: 0px 30px !important;*/
}
.mymodal-content{
  padding: 0px !important;
}

.right_content{
  padding: 20px !important;
  padding-bottom:10px !important;

}

div.page{
      font-size: 18px;
    padding: 0 100px;
}
.category-portfolio div.page{padding: 0px !important;}
.page ul{
margin-left: 30px
}
.page ul li{
  list-style: disc !important;;
}


.left_bg{
  background-color: #2980B9;
}
.margin-bottom-0{
      margin-bottom: 0px;
      background-color: #fff;
}
.btn_submit{
  width: 100%;
  display:block;
      background-color: #3d76a1;
}

.btn_submit:hover{
  background-color: #3d76a1;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){

      border-bottom: 1px solid #3d76a1;
    -webkit-box-shadow: 0 1px 0 0 #3d76a1;
    box-shadow: 0 1px 0 0 #3d76a1;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
      border-bottom: 1px solid #3d76a1 !important;
}
#first_name{
     border-bottom: 1px solid #fff !important;
}

.input-field > label{
  color: #3d76a1 !important;
}



#nav-mobile > li > ul > li > a{
	color: #2075A3 ;
}



/* for portfilo */

.portfolioFilter {
  padding: 15px 0;
}

.portfolioFilter a {
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 4px 15px;
  border-radius: 50px;
  display: inline-block;
}

.portfolioFilter a.current {
     background: #2c75a3;
    border: 1px solid #2c75a3;
    color: #f9f9f9;
}
.portfolioContainer{
  border: 1px solid #eee;
  border-radius: 3px;
}
.portfolioContainer img {
  margin: 5px;
  max-width:100%;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
  margin:10px;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}




.footer-copyright .right li a{color:#fff;}
.input-field input[type=search]:focus:not(.browser-default){
	background-color: #fafafa !important;
}
.ul1 a{color:#333 !important;font-weight: 600 !important;padding: 5px 0 !important} 
.ul1 a:hover{color:#2075A3 !important;}
.left_bg , .right_content{min-height: 480px !important;} 
.mc4wp-response p {color:#fff}
.content_pp #first_name{color:#fff}
.tags h1, .tags h2 , .tags h3, .tags h4, .tags h5, .tags h6, .tags p{font-size: 18px;
    display: inline-block;
    margin:0px;
    padding: 5px 15px 5px 0;
    color: #2075A3;}
.o1 input{opacity:1 !important}
.f-rtl.frm-show-form{direction:rtl;text-align:right !important} 
.f-rtl .frm_primary_label{text-align:right !important}
#field_mqsft{display:inline}
.article{overflow:hidden}


/*category Section style */

.mcontainer {
  background-color: #f6f6f6;
}

.ts-row{
  padding-top: 40px;
  padding-bottom: 40px;
}
.ts_ul li{

  font-size: 25px;
  color: #00aaea;
  position:relative;
  padding: 0px 0px 10px;
}

.ts_ul li a{
    font-size: 16px !important;
    display: block;
    margin-left: 25px;
  }
  
.ts_ul li svg{
    position: absolute;
    top: 5px;   

}
.ts_read_more{

  background: transparent;
  padding: 10px 20px;
  border-radius: 100px;
  border:1px solid #1f75a6;
  color: #1f75a6;
}

.ts-row img{
  width: 100%;
}


@media only screen and (max-width: 600px) {


    .ts-row{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
      }

      .ts-row img{
        margin-top: 20px;
      }

  }
  
  /*Priceing*/



.background {
  padding: 0 25px 25px;
  position: relative;
  width: 100%;
}

.background::after {
  content: '';
  background: #29537f;
 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a9ff', endColorstr='#4394f4',GradientType=0 );
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 900px) {
  .background {
    padding: 0 0 25px;
  }
}

.container {
  margin: 0 auto;

  max-width: 1280px;
  width: 100%;
}

.panel {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  position: relative;
  width: 100%;
  z-index: 10;
}

.pricing-table {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
}

@media (min-width: 900px) {
  .pricing-table {
    flex-direction: row;
  }
}

.priceing_container{
    padding:50px 0 0;
}

.pricing-table * {
  text-align: center;
  text-transform: uppercase;
}

.pricing-plan {
  border-bottom: 1px solid #e1f1ff;
  padding: 20px;
}

.pricing-plan:last-child {
  border-bottom: none;
}

@media (min-width: 900px) {
  .pricing-plan {
    border-bottom: none;
    border-right: 1px solid #e1f1ff;
    flex-basis: 100%;

  }

  .pricing-plan:last-child {
    border-right: none;
  }
}

.pricing-img {
  margin-bottom: 25px;
  max-width: 100%;
}

.pricing-header {
  color: #888;
  font-weight: 600;
  letter-spacing: 1px;
}

.pricing-features {
  color: #016FF9;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 50px 0 25px;
}

.pricing-features-item {
  border-top: 1px solid #e1f1ff;
  font-size: 12px;
  line-height: 1.5;
  padding: 15px 0;
}

.pricing-features-item:last-child {
  border-bottom: 1px solid #e1f1ff;
}

.pricing-price {
  color: #000;
  display: block;
  font-size: 32px;
  font-weight: 700;

}

.pricing-button {
  border: 1px solid #2175a3;
  border-radius: 10px;
  color: #348EFE;
  display: inline-block;
  margin: 25px 0;
  padding: 15px 35px;
  text-decoration: none;
  transition: all 150ms ease-in-out;
}

.pricing-button:hover,
.pricing-button:focus {
  background-color: #e1f1ff;
  color: #000;
}

.pricing-button.is-featured {
  background-color: #2175a3;
  color: #fff;
}

.pricing-button.is-featured:hover,
.pricing-button.is-featured:active {
  color: #000;
  background-color: #e1f1ff;
}

/*Subscribe*/

.subscribe_c .btns{
  background: transparent;
}

/*Apps-style*/

.app_row img{
  width: 100%;
}
.ts_container{
  max-width: 920px;
}
.ts_container h4{
    color: #2175a3;
    font-family: 'Titillium Web';
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 20px;
}

.ts_container{
      padding: 40px 0 0;
}
#ts-logo{width:230px ;}
.category .card-stacked .card-content{
	padding-bottom:0px !important;
}
li#gsuit_intro-widget-3,li#gapp-widget-3,li#gsuit_client-widget-3{
    list-style-type:none;
}
.google_partner_logo{position:absolute;top:0px;left:0px;width:350px;}