@charset "utf-8";
/* Dotgo specific styling */
 
.jh-solid-box {background-color: #FFFFFF; color:#444;  padding:30px; min-height:300px; display:block; border-radius: 20px;} 
 
 
/* BLOG */

#blog, #r8_post {font-size: 0.88em;  line-height: 1.7;}
#blog .post_summary_card p {margin-top:0px;}
 
 
/* NAVIGATION */ 
 
#r8_navbar .navbar {background-color:#293342; color:#FFF; padding-top: 15px;}
.sf-menu > li > a {color:#FFF;}

@media (min-width: 1201px) {
	#r8_navbar .navbar {
		height: 110px;
	}
}
#r8_menu .sf-menu li ul li {
  transition: .75s ease-in-out 1s;
}
#r8_menu .sf-menu li:hover ul li {
  transition: .25s ease-in-out 1s; 
}

.sf-menu > li ul {background-color:#293342;}
.sf-menu > li > ul > li > a {color:#FFF; font-size:14px; font-weight:bold; border:none;}
.sf-menu > li > ul > li {padding-top: 5px }

#r8_navbar .btn.btn-hollow {border:1px solid; }
#r8_navbar .btn.btn-hollow:hover {background-color:#1EB7EA; color:#FFF; border:1px solid #1EB7EA}

@media (max-width: 991px) {
	#r8_navbar .navbar { height:95px
	}
	#body h3 {text-align:center;}
}

.sf-menu > li > ul  li i {
    font-size: 14px;
    margin-right: -3px;
    display: block;
    float: left;
}


/* PRICING PAGE */
  .popover-title {font-size:15px; font-weight:bold;}
  .popover-content {font-size:13px;}
  .explain-this {cursor:pointer;}
  .table-quick th {font-size:0.9em; font-weight:normal;}



/* Accordion */

#dotgo-accordion6 .faq-icon-right {color: #20B7EA;}
#dotgo-accordion6 .ui-accordion-header-active .faq-icon-right {color: #FF5891;}
#dotgo-accordion6 .ui-accordion .ui-accordion-header {background-color:#fff;}
#dotgo-accordion6 .ui-accordion .ui-accordion-header.ui-accordion-header-active {background-color:#f8f8f8;}
#dotgo-accordion6 .ui-accordion .ui-accordion-header.ui-state-hover {background-color:#eee;}

/* gallery plugin scroller */
.R8pannerLink {color: #20B7EA;}
.R8pannerLink:hover {color: #FF5891;}


/* ALL BUTTONS */
a.btn-pink {background-color: #F42F7F; }

@media (min-width: 991px) {
	a.btn.btn-statement.btn-lg {padding:11px 40px 15px 35px;}
	
		.vertical_dgw{
    width: 6px;
    background-color: rgba(28,167,212,.8);
    height: 100px;
    position: absolute;
    margin-left: 0px;
    margin-right: 0px;
    left: calc(50% - 3px);
    bottom: -50%; }
	
}
a.btn.btn-statement.btn-lg:after {
    content: "\f138";
    font-family: FontAwesome;
    padding-left: 15px;	
    font-size: 1.4em;
    position: relative;
    top: 3px;
}

.btn-statement:hover {
    color: #FFF;
    background-color: #2A3443;
    border-color: #2A3443;
}

/*hover when in dark blue striped area*/
.ub-compliment-dark .btn-statement:hover {
    color: #FFF;
    background-color: #1da7d4;
    border-color: #1da7d4;
}

a.btn.btn-statement.btn-lg:hover:after {
    content: "\f138";
    font-family: FontAwesome;
    padding-left: 15px;	
    font-size: 1.4em;
    position: relative;
    top: 3px;
	color:#FF508C;
}


/* splash page chevron down */

.splash-n-dash i {color:#1CB6E9; position:relative; bottom:60px;}
.splash-n-dash .fa-angle-double-down {display:none;}



  .dotgo-hover-box {
	background-color:#FFFFFF;
    cursor:pointer;  padding:0px 20px; 
	min-height:240px;
	margin-bottom:30px;
	display:block;
    border-radius: 20px; border:1px solid #efefef; position:relative;

	transition-property: all;
  	transition-property: transform;
	transition-duration: 0.1s;
	-moz-transition: all .1s easeInOutCubic;
    -o-transition: all .1s easeInOutCubic;
    -webkit-transition: all .1s easeInOutCubic;
  	transition: all .1s ease-in;   

	  border-radius:20px;
	  color:#444; 
	  text-align:center;
  }
  
  
   .dotgo-hover-box .img-container {
	   height:200px;
  }
  
  
  
  .dotgo-hover-box p {color:#444; }
  .dotgo-hover-box h2, .dotgo-hover-box h3 {color:#20B7EA; }
  
  .dotgo-hover-box:hover { 
	  background-color:#fcfcfc; top:-2px; left:-2px; 
	  -webkit-box-shadow: 15px 16px 27px -17px rgba(122,122,122,0.6);
	  -moz-box-shadow: 15px 16px 27px -17px rgba(122,122,122,0.6);
	  box-shadow: 15px 16px 27px -17px rgba(122,122,122,0.6);
	  transform: translate(-5px, -5px);
  }
  .dotgo-hover-box h4 {font-size:0.9em;}

.dotgo-hover-box.dhb30  {padding:30px;}
.dotgo-hover-box.dhb30a  {padding:5px 0px;}

.deep_page_card {margin:20px; padding:10px; border:1px solid #eee; 
			border-radius:4px; display:block; 
			transition-property: transform;
    		transition-duration: 0.2s;}
		.deep_page_card:hover {
			-webkit-box-shadow: 15px 16px 27px -17px rgba(122,122,122,0.6);
    		-moz-box-shadow: 15px 16px 27px -17px rgba(122,122,122,0.6);
    		box-shadow: 15px 16px 27px -17px rgba(122,122,122,0.6);
    		transform: translate(-5px, -5px); 
			    transition-property: all;
				transition-property: transform;
				transition-duration: 0.2s;
				-moz-transition: all .2s easeInOutCubic;
				-o-transition: all .2s easeInOutCubic;
				-webkit-transition: all .2s easeInOutCubic;
				transition: all .2s ease-in;
			}
		.deep_page_card p, .deep_page_card a  {color:#424242; font-size:0.95em; line-height: 1.5em;}



#body .dhb-blue p.desc, #body .dhb-pink p.desc, #body .dhb-white p.desc {height: 120px; font-size:0.95em; line-height:1.5em; }
#r8_content .dhb-blue h3, #r8_content .dhb-pink h3, #r8_content .dhb-white h3 {line-height:1.2em; color:#1EB7EA;}
.dhb-blue img, .dhb-pink img, .dhb-white img {max-height: 160px !important; }
.dhb-blue img, .dhb-pink img, .dhb-white img {max-width: 100% !important; }
.dhb-blue {background-color: #EEF7FD;}
.dhb-pink {background-color: #FEF7FA;}
.dhb-white {background-color: #FFF;}
#r8_content .dhb-pink h3 {color:#ef69a2;}



  .dotgo-hover-box.sm img {max-width:100%; max-height:100%; }
  .dotgo-hover-box img {max-width:100%; max-height:100% }
	#body .dotgo-hover-box.sm p {font-size:14px; line-height:22px;}
	#body .dotgo-hover-box.sm  { max-width: 200px;
    margin-left: auto;
    margin-right: auto;}
	#body .dotgo-hover-box.sm h3 {line-height:1.2em;}
	#body .dotgo-hover-box .titlebox {display: inline-block;}

  .dotgo-hover-box.txt img {min-height:200px;}




#r8_content .dotgo-hover-box.dhb30 h2 {font-size:1.5em;}

/* image hover */

.r8-anim8-img:hover, .r8-anim8-img:focus, .r8-anim8-img:active {
    position:relative;
	-webkit-filter: opacity(.1) grayscale(0.7);
    filter: opacity(.9) grayscale(0.5);
}

/* PORTFOLIO PAGE */

	.moreLikeThis  { display:inline-block;}
	.moreLikeThis .dotgo-hover-box {min-height:210px; width:150px; margin-right:15px; display:inline-block; float:left;}
	.moreLikeThis h4 {margin-bottom:0px; }

	
.ub-light {
background-color: #f5f5f5;
}




@media (max-width: 991px) {

#body .r8_col3 section h2 {font-size:32px; margin-bottom:5px; margin-top:15px;}
#body .r8_col3 h1 {font-size:40px; margin-bottom:5px;}
#body .r8_col3 img[style]:not(.gallery-img).xs200  {max-width:150px!important;}	
	
#header div.menu_container 
    {background-color: rgba(41,51,66, 0.9);}
	
.mm-ismenu, .mm-ismenu.mm-light {
    background-color:rgba(41,51,66, 0.9);
	color: #FFF;}		

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before, .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before, .mm-menu.mm-light .mm-header a:before {
    border-color: #fff;
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
     background-color: rgba(27, 183, 234, 0.0); 
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
     background: rgba(255, 255, 255, 0.00); 
}
}

/************************************************************************/
/*                            TIMELINE                         */
/************************************************************************/


#timeline .timeline {
        position: relative;
        list-style: none;
        padding: 1rem 0;
        margin: 0;
      }

      #timeline .timeline::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 2px;
        margin-left: -1px;
        background-color: #1EB7EA;
      }

      #timeline .timeline-element {
        position: relative;
        width: 50%;
        padding: 1rem 0;
        padding-right: 2.5rem;
        text-align: right;
      }

      #timeline .timeline-element::before {
        content: '';
        position: absolute;
        right: -8px;
        top: 1.35rem;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #1EB7EA;
        background-color: #fff;
      }

      #timeline .timeline-element:nth-child(even)::before {
        right: auto;
        left: -8px;
      }

      #timeline .timeline-element:nth-child(even) {
        margin-left: 50%;
        padding-left: 2.5rem;
        padding-right: 0;
        text-align: left;
      }
	  
	  #timeline .tl-head{font-size: 22px;  color:#1EB7EA;}
	  #timeline .tl-time{font-size: 14px; color:#FF508C; font-weight:600;}
	  #timeline .tl-text{font-size: 16px; }


      @media (max-width: 767.98px) {
        #timeline .timeline::before {
          left: 8px;
        }
      }

      @media (max-width: 767.98px) {
        #timeline .timeline-element {
          width: 100%;
          text-align: left;
          padding-left: 2.5rem;
          padding-right: 0;
        }
      }

      @media (max-width: 767.98px) {
        #timeline .timeline-element::before {
          top: 1.25rem;
          left: 1px;
        }
      }

      @media (max-width: 767.98px) {
        #timeline .timeline-element:nth-child(even) {
          margin-left: 0rem;
        }
      }

      @media (max-width: 767.98px) {
        #timeline .timeline-element {
          width: 100%;
          text-align: left;
          padding-left: 2.5rem;
          padding-right: 0;
        }
      }

      @media (max-width: 767.98px) {
       #timeline  .timeline-element:nth-child(even)::before {
          left: 1px;
        }
      }

      @media (max-width: 767.98px) {
        #timeline .timeline-element::before {
          top: 1.25rem;
        }
      }