/********************************************************************************************************
    PIXEL TO REM CONVERSION TABLE - Root Size: 16px
---------------------------------------------------------------------------------------------------------
    PX   REM / EM |  PX   REM / EM |  PX   REM / EM |  PX   REM / EM |  PX   REM     |  PX   REM / EM
---------------------------------------------------------------------------------------------------------
    10 = 0.625    |  20 = 1.25     |  30 = 1.875    |  40 = 2.5      |  50 = 3.125   |  60 = 3.75
    11 = 0.6875   |  21 = 1.3125   |  31 = 1.9375   |  41 = 2.5625   |  51 = 3.1875  |  61 = 3.8125
    12 = 0.75     |  22 = 1.375    |  32 = 2        |  42 = 2.625    |  52 = 3.25    |  62 = 3.875
    13 = 0.8125   |  23 = 1.4375   |  33 = 2.0625   |  43 = 2.6875   |  53 = 3.3125  |  63 = 3.9375
    14 = 0.875    |  24 = 1.5      |  34 = 2.125    |  44 = 2.75     |  54 = 3.375   |  64 = 4
    15 = 0.9375   |  25 = 1.5625   |  35 = 2.1875   |  45 = 2.8125   |  55 = 3.4375
    16 = 1        |  26 = 1.625    |  36 = 2.25     |  46 = 2.875    |  56 = 3.5
    17 = 1.0625   |  27 = 1.6875   |  37 = 2.3125   |  47 = 2.9375   |  57 = 3.5625
    18 = 1.125    |  28 = 1.75     |  38 = 2.375    |  48 = 3        |  58 = 3.625
    19 = 1.1875   |  29 = 1.8125   |  39 = 2.4375   |  49 = 3.0625   |  59 = 3.6875
---------------------------------------------------------------------------------------------------------
*********************************************************************************************************/

@import "fonts/fonts.css";

/* DEFAULT RELATED CLASSES */
.fa { font-family: FontAwesome !important; }

/* DEFAULT TAG RESET */
a { display: inline-block; text-decoration: none; outline: 0px; cursor: pointer; }
a:hover, a:focus, a:active { text-decoration: none; }
img { display: inline-block; max-width: 100%; }
img.cover-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

/* DEFAULT CLASSES */
.desktop-only { display: inline-block; }
.mobile-only { display: none !important; }
.full-wrap { position: relative; display: inline-block; float: left; clear: left; width: 100%; }
.row-eq-height { display: -webkit-box !important; display: -moz-flex !important; display: -ms-flexbox !important; display: -o-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; -o-flex-wrap: wrap !important; flex-wrap: wrap !important; }

* { }
html, body { float: left; padding: 0px; margin: 0px; width: 100%; font-size: 16px; }

.body-wrapper { float: left; padding: 0px; margin: 0px; width: 100%; }
.main-wrapper { margin  : 0 auto; width: 960px; overflow: hidden; }   

/**   Header Area     **/
.header-contact-area a {
    color: #0f4864;
}

@media screen and (min-width: 1500px) {
        section.section-side-padding {
                padding: 0px  7.8% !important;
        }
}
@media screen and (max-width: 1200px) and (min-width: 1101px) {
    
}
@media screen and (max-width: 1100px) and (min-width: 993px) {
	section.section-side-padding {
                padding: 0px  2.5% !important;
        }
}

/* IPAD PRO */
/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        
	section.section-side-padding {
                padding: 0px 8% !important;
        }
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        
	section.section-side-padding {
                padding: 0px 8% !important;
        }
}

/* Landscape phone to portrait tablet */
@media screen and (min-width: 993px ) {
        section.section-side-padding {
                padding: 0px 4% !important;
        }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 992px ) {
        
        /* DEFAULT CLASSES */
        .desktop-only { display: none !important; }
        .mobile-only { display: inline-block !important; }

	
	/**   Header Area     **/
	#header-navigation li.mobile-only { display: block !important; }
	#header-navigation li.mobile-only > a { justify-content: flex-start; }
	#header-navigation li.mobile-only > a > i { margin-right: 4px; }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px ) {
        
	section.section-side-padding {
                padding: 0px 10% !important;
        }
}
@media screen and (max-width: 736px){

}
@media screen and (max-width: 695px ) {

        
}	

@media screen and (max-width: 667px){	
       
}
@media screen and (max-width: 640px){
    
       
}
@media screen and (max-width: 580px) {
    
}

/* Potrait phones and down */
@media screen and (max-width: 568px) {
        
}
@media screen and (max-width: 480px) {
    
}

@media screen and (max-width: 420px) {
        
}
@media screen and (max-width: 414px){
        
}
@media screen and (max-width: 375px){
        
}
@media screen and (max-width: 360px){
        
}