/*
Theme Name: Canadian Immigration Group
Version: 1.0
Description: Canadian Immigration Group
Author: selaris.ca
*/
/*main.css*/
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

body {
    color: #424242;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
}

h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    line-height: 120%;
    letter-spacing:-0.03em;
}

h2 {
    color: #444;
    font-weight: 300;
}
    h2.h2Bold {
        font-weight:700
    }
h3 {
    margin: 15px 0;
    font-weight: 600;
    color: #717171;
    letter-spacing:-0.01em
}
p, #mainContent li, td {
    font-size: 1em;
    letter-spacing: 0;
    line-height: 150%;
    font-weight:300;
}
hr {
    border:0;
    background-color:#CCC;
    margin:40px 0px;
    display:block;
    height:1px
}
a:active, a:link, a:visited {
    text-decoration: none;
    color: #ff002a;
    font-weight: 600
}

a:hover {
    text-decoration: none;
    color: #333
}
a.facebook{
	background-color:#4267b2;
	padding:10px 30px;
	color:#FFF;
	border-radius:4px;
	margin:10px;
	white-space:nowrap
}
a.facebook span{
		font-size:0.8em;
		display:inline-block;
		margin-left:20px;
}
a.instagram{
	background-color:#8a3ab9;
	padding:10px 30px;
	color:#FFF;
	border-radius:4px;
	margin:10px;
	white-space:nowrap
}
a.instagram span{
		font-size:0.8em;
		display:inline-block;
		margin-left:20px;
}
.red {
    color: #ff002a
}
a.btnRed:link, a.btnRed:active, a.btnRed:visited {
    background-color: #ff002a;
    color: #FFF;
    text-align: center;
    padding: 15px 60px;
    font-size: 1em;
    font-weight: 300;
    line-height: 110%;
    border: none;
    border-radius:5px;
    margin: 15px 5px 10px 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.btnRed:hover {
    background-color: #d60023;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.btnRed.lrg {
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:30px;
    padding-bottom:30px;
    margin-right:0px;
    margin-left:0px;
    margin-bottom:40px;
    display:block;
    font-size:1.25em;
    letter-spacing:-0.01em
}
a.btnRedSmall:link, a.btnRedSmall:active, a.btnRedSmall:visited {
    background-color: #ff002a;
    color: #FFF;
    text-align: center;
    padding: 10px 30px;
    font-size: 0.8em;
    font-weight: 300;
    line-height: 110%;
    border: none;
    border-radius: 5px;
    margin: 15px 5px 10px 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btnRedSmall:hover {
    background-color: #d60023;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.btnGreyCan:link, a.btnGreyCan:active, a.btnGreyCan:visited {
    background-color: #ebebeb;
    color: #555555;
    text-align: center;
    padding: 15px 60px;
    font-size: 1em;
    line-height: 110%;
    margin: 15px 5px 10px 5px;
    border-radius: 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btnGreyCan:hover {
    background-color: #c8c8c8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.centerAlign {
    margin: 0 auto !important;
}
.smallText {
    font-size:12px !important;
}
.whiteText {
    color: #FFF !important;
}
.blackText {
    color:#333 !important
}

.desktop {
    display:block
}
.mobile {
    display:none
}
.inline {
    display: inline-block !important
}
.top {
    vertical-align:top !important
}

.clear {
    clear: both
}

.text-center {
    text-align: center !important
}
.text-right {
    text-align:right !important
}

.left {
    float: left
}

.right {
    float: right
}

.oneThird {
    width: 30.3333333333333333333%
}

.twoThirds {
    width: 62.6666666666666666666%
}

.forty {
    width: 40%
}

.sixty {
    width: 60%
}

.half {
    width: 49%
}
.padLeftSm {
    padding-left:10px;
}
.pad30 {
    padding: 0 30px
}

.pad40 {
    padding: 20px 40px
}
.mainContentPad {
    padding: 2.5% 5%;
}
.grid30 {
    width:28%;
    display:inline-block;
    margin:1.5%;
    vertical-align:top;
}
.grid30 img{
	width:100%;
	height:auto;
}
.grid30 p{
	text-align:center
}

.jobs .job{
	display:block;
	border-bottom:1px solid #CCC !important;
	padding-bottom:20px;
}
.jobs:last-child{
	border:none
}
.sectionPad {
    padding: 50px 0px 90px 0px;
}
.section h2 {
    font-size: 2.4em !important;
    font-weight:600
}

.section .container {
    width:100%
}
#paragonSection{
	background-color:#F9F9F9;
	padding:50px 0px 60px 0px;
}
#paragonSection .inline{
	display:inline-block;
	margin:20px 25px;
	vertical-align:top;
}
.paragonLogoTop{
	margin-left:30px;
}
.testimonial {
    background-color:#EEE;
    padding:10%;
    margin:50px 0px;
}
    .testimonial p {
        font-size:1.25em;
        font-style:italic;
    }
        .testimonial p:last-child {
            font-size:0.7em;
        }
.padTop30 {
    padding-top: 30px
}

.padTopBtm30 {
    padding-top: 30px;
    padding-bottom: 30px
}
.greyBG {
    background-color: #f6f6f6
}
.bold, strong {
    font-weight: 700 !important
}

.container {
    width: 85%;
    margin: 0 auto
}

.full {
    width: 100% !important
}
.containerMid {
    margin:0 auto;
    position:relative;
    left:0;
    right:0
}

#lmiaJobs{
	display:none;
}

#headerContact.container {
    padding:0px;
}
p.contactInfo {
    font-size:0.8em;
    color:#FFF;
    line-height:100%;
    padding:20px 0px;
    margin:0px;
}
    p.contactInfo a:link, p.contactInfo a:active, p.contactInfo a:visited {
        color:#FFF;
        font-weight:600;
        white-space:nowrap
    }
    p.contactInfo a:hover {
        color:#ff002a   
    }
    /* IMAGES */
    .contentImgRight {
        float: right;
        margin: 20px 0px 25px 30px;
        width: 40%;
    }

    .contentImgRight img {
        width: 100%;
        height: auto
    }

img.imageRight {
    width: 60%;
    float: right;
    height: auto !important;
    margin: 0px 0px 20px 25px;
}

img.imageRightSmall {
    width: 20% !important;
    float: right;
    height: auto !important;
    margin: 0px 0px 20px 25px;
}


.full {
    width: 100% !important
}

.imgRightC {
    margin:25px 0px 25px 25px
}

    .imgRightC img {
        width: 100% !important;
        height: auto;
        display: block;
    }
.imgRightSmallC {
    margin:25px 0px 25px 25px;
	max-width:30%;
}

    .imgRightSmallC img {
        width: 100% !important;
        height: auto;
        display: block;
    }

.imgFullC {
    margin: 25px 0px 25px -20%;
    width:120%
}

    .imgFullC img {
        width: 100%;
        height: auto;
        margin: 0px;
        display: block
    }

.fullTitle {
    background-color: #ff002a;
    padding: 20px;
    text-align: center;
    display: block;
    margin-top: -30px;
    margin-left: 40%;
    position: relative;
    width: 50%;
}

    .fullTitle p {
        color:#FFF;
        font-size: 0.85em;
        font-weight: 500
    }
    
.padRight5 {
    padding-right:5px;
}
ul.jumpToList {
    list-style:none;
    margin:0 auto;
    padding:0px;
    position:relative;
    left:0;
    right:0
}
    ul.jumpToList li {
        display:inline-block;
        margin:20px;
        white-space:nowrap
    }
    ul.jumpToList a {
        color:#555;
    }
        ul.jumpToList a:hover {
            color:#999
        }
    /* END OF IMAGES */
    .featuredImage {
        margin: 20px 0px 50px 0px;
        width: 100%;
    }

        .featuredImage img {
            width: 100%;
            height: auto;
            margin: 0px;
            display: block
        }
        .featuredImage .sideImgCaption {
            background-color: #ff002a;
            position:relative;
            margin-top:-30px;
            width:75%;
            margin-left:20%;
        }
            .featuredImage .sideImgCaption p {
                margin: 0px;
                padding: 20px 30px;
                font-size: 0.8em;
                color: #FFF;
                line-height: 130% !important;
            }
#home #headerContact #left .awardText {
    vertical-align: top;
    width: 300px;
    margin-left: 10px;
    margin-top:8px;
}
#home #headerContact #left p {
    margin-top: 30px;
    line-height: 120% !important
}
#home #headerContact #left img {
    width:75px;
    height:auto;
    padding:20px 0px;
}

.awardBnr {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/bg.stone.png);
    background-repeat:repeat;
    padding: 20px;
    margin: 50px 0px 0px 0px;
}
    .awardBnr .innerAwardBnr {
        border-radius: 5px;
        border: 1px solid #b3a763;
        border-left:0;
        border-right:0;
        padding:60px;
    }
    .awardBnr .awardIcon {
        text-align:center;
    }
    .awardBnr .awardIcon img {
        width:200px;
        display:inline-block;
    }
    .awardBnr .awardContent {
        vertical-align:top;
        text-align:center;
        margin-left:40px;
    }
        .awardBnr .awardContent h2 {
            font-family: 'Cinzel',sans-serif;
            color: #e3d379 !important;
            font-weight:400 !important;
            font-size:2em;
        }
    .awardBnr p {
        text-transform:uppercase;
        color:#FFF;
        font-size:1em;
    }


/* TOP CHOICE BANNER TOP */
.topChoiceAward {
    
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/bg.top-choice-award.jpg);
    background-position:center center;
    background-size:cover;
    text-align:center;
    padding:0px 0px;
	display:none;
}
    .topChoiceAward .icon {
        width: 65px;
        height: 65px;
        margin-top: 12px;
    }
        .topChoiceAward .icon img {
            width:100%;
            height:auto
        }
    .topChoiceAward p {
        margin:0px;
    }
    .topChoiceAward .text {
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: #333;
        font-size: 1.0em;
        line-height: 1.5em;
        margin-left: 30px;
        text-align: left;
        margin-top: 15px;
    }
        .topChoiceAward .text .topChoiceText {
            font-weight:600;
            text-transform:uppercase;
            font-size:1.6em;
        }
    .topChoiceAward .skewBtn {
        transform: skew(-33deg); /* Equal to skewX(10deg) */
        background-color: rgba(176,153,15,0.35);
        height:120%;
        display:inline-block;
        margin-left:30px;
    }
	.topChoiceAward .skewBtn:hover{
		background-color: rgba(176,153,15,0.5);	
	}
        .topChoiceAward .skewBtn a {
            color:#222;
            font-size:1.3em;
            font-weight:700;
            text-transform:uppercase;
            transform: skew(33deg) !important;
            padding:20px 40px;
            display:inline-block;
        }
/* TOP CHOICE BANNER TOP */




/* GENERIC STRUCTURE */
#mainMenu {
    background-color: #ff002a;
    border: 1px solid red;
    display: block;
    margin-bottom: 80px;
    padding: 0px;
    position: relative
}
    #footer {
        padding: 30px;
        text-align: center
    }
    #footer ul {
        margin: 0 auto;
        list-style: none;
    }

        #footer ul li {
            display: inline-block;
        }

    #footer p {
        font-size: 0.8em;
        color: #333
    }
#footerLinks {
    padding: 20px 0px;
    border-top:1px solid #EEE;
    border-bottom:1px solid #EEE;
    padding:25px 0px;
    margin-bottom:50px;
    text-align:center
}
#footerLinks ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
    #footerLinks ul li {
        display:inline-block;
        margin:0px;
        padding:0px;
    }
    #footerLinks li a:link, #footerLinks li a:active, #footerLinks li a:visited {
        padding: 15px;
        display: inline-block;
        font-size: 0.8em;
        color: #ff002a;
        font-weight: 400;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #footerLinks li a:hover {
        color:#333;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
	
#footer .container #footerLogo {
    text-align:center;
    float:none;
    margin:0 auto;
}
#footer #footerLogo #cigLogo, #footer #footerLogo #rcicLogo{
		width:auto;
		display:inline-block;
		margin:15px 30px !important;
		vertical-align:top;
}
#footer #footerLogo #cigLogo img{
	width:300px;
	display:table-cell;
	vertical-align:middle;
}
#footer #footerLogo #rcicLogo img {
    width:220px;
	display:table-cell;
	vertical-align:middle;
}

p.copyright {
    font-size: 0.65em !important;
}
p.credit {
    display: block;
    text-align: center !important;
    font-size: 0.6em;
    margin: 0 auto;
    margin-top: 50px;
}

/* END OF GENERIC STRUCTURE */


/* HOME */
#home #bannerContent h1 {
    font-size: 2.6em;
    color: #FFF;
    font-weight: 600;
}

#home h2 {
    color: #555;
    font-size: 2.0em;
    font-weight: 600;
}

#home h3 {
    color: #555;
    font-size: 1.4em;
    font-weight: 700;
}

#home #logo {
    width: 525px;
    float: left;
    margin-bottom:60px;
}

    #home #logo img {
        width: 100%;
    }
#home #homeBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/home/bnr.immigration-services-canada-edmonton-vancouver.jpg);
    background-size: cover;
    background-position: center center;
    min-height: 750px;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px !important;
    display: block;
	padding-bottom:30px;
}
    #home #homeBanner h1, #home #homeBanner p {
        color:#FFF;
    }
    #home #homeBanner #bannerContent {
        width:50%;
    }

#home #headerContact p {
    line-height: 180%;
}
#home .bannerRel{
		position:relative
}
#home #rcicLogoTop{
	width:250px;
	position:absolute;
	bottom:50px;
	right:50px;
}
#home #rcicLogoTop img{
		width:100%;
		height:auto !important
}
p.contactInfo {
    text-align: center !important;
}


#home .section .contentLeft {
    float:left;
    padding-left:10%;
    width:35%;
}
#home .section .contentRight {
    float: right;
    padding-right: 10%;
    width: 35%;
}

#home .section .imageRight {
    float:right
}
#home .section .imageRight img {
    width:100%;
    height:auto
}
#home .section .imageLeft {
    float:left
}
    #home .section .imageLeft img {
        width: 100%;
        height: auto
    }
/*home page sections*/
#home .section .contentLeft {
    float: left;
    padding-left: 10%;
    width: 35%;
}

#home .section .contentRight {
    float: right;
    padding-right: 10%;
    width: 35%;
}
#home .moreContent div {
    padding:0% 2.5% 1.5% 2.5%;
}
#home .section .imageRight {
    float: right
}

    #home .section .imageRight img {
        width: 100%;
        height: auto
    }

#home .section .imageLeft {
    float: left
}

    #home .section .imageLeft img {
        width: 100%;
        height: auto
    }
/*home page sections*/
/* END OF HOME */
/* CONTENT */
#content #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.canadian-immigration-consultants-cig.jpg);
    background-size: cover;
    background-position: center center;
    height:500px;
    background-repeat: no-repeat;
    margin-bottom:45px;
}
body#content.business-illustration #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.cig-immigration-services-for-businesses.jpg);
}
body#content.canada-visa-approved #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.immigration-services-edmonton-vancouver.jpg);
}
body#content.study-group #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.canadian-immigration-help-for-education.jpg);
}
body#content.chef-smiling-in-kitchen #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.work-in-canada-canadian-immigration-services.jpg);
    background-position: top center
}
body#content.chef-presenting-food #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.work-in-canada-canadian-immigration-services-edmonton-vancouver.jpg);
    background-position: top center
}
body#content.female-hotel-maid #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.canadian-immigration-services-to-work-in-canada.jpg);
    background-position: top center
}
body#content.we-guide-you #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.immigration-consultants-canada-help-to-immigrate-to-canada.jpg);
    background-position: top center
}
body#content.canadian-landscape #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.why-immigrate-to-canada.jpg);
    background-position: top center
}
body#content.contact-us #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.contact-canadian-immigration-group.jpg);
    background-position: top center
}
body#content.faqs #contentBanner {
    background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/banners/content/bnr.frequently-asked-questions-canadian-immigration.jpg);
    background-position: top center
}






#content #logo {
    width: 500px;
    float: left;
}

    #content #logo img {
        width: 100%;
    }

#content h1 {
    color: #333;
    font-size: 2.4em;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin:25px 0px 5px 0px;
    border-bottom:1px solid #EEE;
}

#content #mainBody h2 {
    font-size: 1.85em;
    font-weight:600;
    letter-spacing:-0.02em
}
#content #mainBody h3 {
    font-size: 1.7em;
    margin-top:20px;
    font-weight: 600;
    letter-spacing: -0.02em
}

#content #mainBody {
    margin:0 auto
}
    #content #mainBody ol.breadcrumb {
        margin:0px;
        padding:0px;
    }
    #content #mainBody p {
        line-height:155%;
    }
    #content #mainBody ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        #content #mainBody ul li {
            background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/ico.canada-leaf.png);
            background-position: top 26px left 15px;
            background-repeat: no-repeat;
            background-size: 16px;
            padding: 20px 20px 20px 60px;
            border-bottom: 1px solid #E9E9E9;
            line-height: 170%;
        }
        #content #mainBody ul li ul li {
            background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/ico.canada-leaf-grey.png);
            background-position: top 26px left 15px;
            background-repeat: no-repeat;
            background-size: 16px;
            padding: 20px 20px 20px 60px;
            border-bottom: 1px solid #E9E9E9;
            line-height: 170%;
        }
            #content #mainBody ul li:last-child {
                border: none;
            }

            #content #mainBody ul li:hover {
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
                background-color: #F6F9FA;
            }



            #content #headerContact{
                text-align:right !important

            }

#content p.contactInfo {
    color: #333
}
    #content p.contactInfo a {
        color:#ff002a
    }
	img.imageRightSmall {
		width: 30% !important;
		float: right;
		height: auto !important;
		margin: 0px 0px 20px 25px;
	}

/* END OF CONTENT*/
.testClass {
    background-color: #FFFF00
}
@media screen and (min-width:1800px) {
    body {
        font-size: 16px
    }
    .container {
        width:85%;
    }
    #home #belowHeader {
        margin-top:50px;
        padding-bottom:0px;
    }
    #content p.contactInfo {
        text-align: right !important;
        color: #333
    }
    .imgRightC .fullTitle {
        margin-left: 30% !important;
    }
    
}
@media screen and (min-width:1600px) and (max-width:1799px) {
    body {
        font-size:16px
    }
    .container {
        width: 85%;
    }

    .imgFullC {
        margin: 25px 0px 25px -20%;
        width: 120%
    }
    #content p.contactInfo {
        text-align: right !important;
        color: #333
    }
    .imgRightC .fullTitle {
        margin-left: 25% !important;
        width:60%
    }

}
@media screen and (min-width:1200px) and (max-width:1599px) {
    body {
        font-size: 18px
    }
    .container {
        width:90%;
    }

    #home #headerContact #left .awardText {
        vertical-align: top;
        width: 250px;
        margin-left: 10px;
        margin-top: 8px;
    }
        #home #headerContact #left .awardText p {
            font-size:0.9em;
        }
    .imgRightC {
        width:100% !important;
        float:none !important;
        margin: 25px 0px 25px 0px !important
    }
    .imgRight .fullTitle {
        margin-left:30% !important;
    }
		img.imageRightSmall {
			width: 30%;
			float: right;
			height: auto !important;
			margin: 0px 0px 20px 25px;
		}

}
@media screen and (min-width:1000px) and (max-width:1500px) {
	#paragonSection div{
		text-align:center !important;
		width:100% !important;
		display:inline-block !important;
		margin:20px 0px;
	}
	#paragonSection div img.desktop{
		display:inline-block !important;
		text-align:center !important
	}

}
@media screen and (min-width:1000px) and (max-width:1199px) {
    body {
        font-size: 18px
    }
    .container {
        width: 90%;
    }
    .imgRightC {
        width: 100% !important;
        float: none !important;
        margin: 25px 0px 25px 0px !important
    }
	.grid30 {
		width:42%;
		display:inline-block;
		margin:1.5%;
		vertical-align:top;
	}
    #home #headerContact #left .awardText {
        vertical-align: top;
        width: 250px;
        margin-left: 10px;
        margin-top: 8px;
    }

        #home #headerContact #left .awardText p {
            font-size: 0.9em;
        }
    #home #homeBanner #bannerContent {
        width: 80%;
    }
    #home #topHeader #logo {
        margin-bottom: 40px
    }
    #home #homeBanner {
       background-position: center center;
        min-height: 250px;
        background-repeat: no-repeat;
        padding-bottom: 40px;
    }
		img.imageRightSmall {
			width: 30%;
			float: right;
			height: auto !important;
			margin: 0px 0px 20px 25px;
		}


}
@media screen and (min-width:700px) and (max-width:1000px) {
    body {
        font-size: 18px
    }
    .container {
        width: 85%;
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }
    .oneThird, .twoThirds, .forty, .sixty, .half {
        width: 100%
    }
    .jumpToList {
        margin:0 auto;
        width:75%;
    }
        .jumpToList li {
            display:block
        }

    #home #homeBanner {
        background-size: cover;
        background-position: center center;
        min-height: 250px;
        background-repeat: no-repeat;
        padding-bottom: 40px;
    }

        #home #homeBanner h1 {
            color: #FFF;
            font-size: 1.6em;
        }

        #home #homeBanner p {
            color: #FFF;
        }

        #home #homeBanner #bannerContent {
            width: 100%;
			text-align:center
        }
    #topHeader #logo {
        width: 350px;
    }
	#home #topHeader{
		margin:20px 0px;
		width:100%;
		text-align:center !important;
		position:relative;
	}
    #home #topHeader #logo {
		width:65%;
		display:inline-block;
		text-align:center;
		margin-bottom: 20px;
		float:none !important;
    }
	#home #topHeader #logo img{
		width:100%;
		height:auto;
		
	}
    #home #headerContact #left {
        width:45%;
    }
    #home #headerContact #left .awardText {
        vertical-align: top;
        width: 75%;
        margin-left: 2.5%;
        margin-top:0px;
    }

    #home #headerContact #left p {
        margin-top: 30px;
        line-height: 120% !important;
        font-size:0.8em;
    }
        #home #headerContact #left .awardLogo {
            width:20%;
        }
    #home #headerContact #left img {
        width: 100%;
        height: auto;
        padding: 20px 0px;
    }
    #home #headerContact #right {
        width:45%;
    }
        #home #headerContact #right p {
            line-height:140%;
        }
    /* TOP CHOICE BANNER TOP */
    .topChoiceAward {
        background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/bg.top-choice-award.jpg);
        background-position: center center;
        background-size: cover;
        text-align: center;
        padding: 0px 0px;
    }

        .topChoiceAward .icon {
            width: 40px;
            height: 40px;
            margin-top: 15px;
        }

            .topChoiceAward .icon img {
                width: 100%;
                height: auto
            }

        .topChoiceAward p {
            margin: 0px;
        }

        .topChoiceAward .text {
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            color: #333;
            font-size: 1.0em;
            line-height: 1.5em;
            margin-left: 30px;
            text-align: left;
            margin-top: 15px;
        }

            .topChoiceAward .text .topChoiceText {
                font-weight: 600;
                text-transform: uppercase;
                font-size: 1.4em;
            }

        .topChoiceAward .skewBtn {
            transform: skew(-33deg); /* Equal to skewX(10deg) */
            background-color: rgba(176,153,15,0.35);
            height: 120%;
            display: inline-block;
            margin-left: 30px;
        }

            .topChoiceAward .skewBtn a {
                color: #222;
                font-size: 1.2em;
                font-weight: 700;
                text-transform: uppercase;
                transform: skew(33deg) !important;
                padding: 20px 40px;
                display: inline-block;
            }
    /* TOP CHOICE BANNER TOP */
#paragonSection img.mobile{
	margin-top:40px;
	text-align:center !important;
	display:inline-block !important
}

		
#home #rcicLogoTop{
	width:100%;
	position:relative;
	bottom:0px;
	right:0;
	left:0;
	margin:0 auto;
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
	#home #rcicLogoTop img{
			width:50%;
			max-width:250px;
			display:inline-block;
	}
		
		
    /*home page sections*/
    #home .section .container {
        width: 80%;
    }

    #home .section .contentLeft {
        float: none;
        padding-left: 0%;
        width: 100%;
        text-align:center
    }

    #home .section .contentRight {
        float: none;
        padding-right: 0%;
        width: 100%;
        text-align: center
    }

    #home .section .imageRight {
        float: none;
        width:100%;
    }

        #home .section .imageRight img {
            width: 100%;
            height: auto
        }

    #home .section .imageLeft {
        float: none;
        width:100%;
    }

        #home .section .imageLeft img {
            width: 100%;
            height: auto
        }
    /*home page sections*/

    .imgFullC {
        margin: 25px 0px 25px 0%;
        width: 100%
    }

    .fullTitle {
        background-color: #ff002a;
        padding: 20px;
        text-align: center;
        display: block;
        margin-top: -60px;
        margin-left: 32%;
        margin-bottom:25px;
        position: relative;
        width: 65%;
    }
        .fullTitle p {
            font-size:0.85em
        }
		img.imageRightSmall {
			width: 30%;
			float: right;
			height: auto !important;
			margin: 0px 0px 20px 25px;
		}




    #footer {
        padding: 10px;
        text-align: center
    }


}

@media screen and (max-width:699px) {
    body {
        font-size: 18px;
    }

    .container {
        width: 80%;
    }

    .desktop {
        display: none !important
    }

    .mobile {
        display: block
    }

    .left, .right {
        float: none
    }

    .oneThird, .twoThirds, .forty, .sixty, .half {
        width: 100%
    }
	.grid30 {
		width:45%;
		display:inline-block;
		margin:1.5%;
		vertical-align:top;
	}
#paragonSection img.mobile{
	margin-top:40px;
	text-align:center !important;
	display:inline-block !important
}
#paragonSection .inline{
		margin:20px 0px 20px 0px !important;
		padding:0px !important;
}
#paragonLogoTop img{
	width:100% !important;
}
    .contentImgRight {
        float: none;
        margin: 20px 0px 20px 0px;
        width: 100%;
    }

    #content p.contactInfo {
        text-align: center
    }

    #home #headerContact p.contactInfo {
        text-align: right !important;
        font-size: 0.7em
    }

    #home #headerContact #left {
        text-align: left;
        width: 25%;
        float: left
    }

        #home #headerContact #left p {
            margin-top: 30px;
            line-height: 120% !important
        }

        #home #headerContact #left img {
            width: 65px;
            padding-top: 20px;
        }

    #home #headerContact #right {
        width: 70%;
        float: right;
    }

    #home #homeBanner {
        background-size: cover;
        background-position: center right -200px;
        min-height: 250px;
        background-repeat: no-repeat;
        padding-bottom: 40px;
    }

        #home #homeBanner h1 {
            color: #FFF;
            font-size: 1.6em;
        }

        #home #homeBanner p {
            color: #FFF;
        }

        #home #homeBanner #bannerContent {
            width: 100%;
        }

    #topHeader #logo {
        max-width: 100%;
        padding: 0px 0px 0px 0px !important
    }

    #home #topHeader #logo {
        margin-bottom: 25px
    }

    #bannerContent {
        margin-top: 5px;
    }

    /* TOP CHOICE BANNER TOP */
    .topChoiceAward {
        background-image: url(https://www.cig-ab.ca/wp-content/themes/cig/images/bg.top-choice-award.jpg);
        background-position: center center;
        background-size: cover;
        text-align: center;
        padding: 0px 0px;
    }

        .topChoiceAward .icon {
            width: 40px;
            height: 40px;
            margin-top: 10px;
        }

            .topChoiceAward .icon img {
                width: 100%;
                height: auto
            }

        .topChoiceAward p {
            margin: 0px;
        }

        .topChoiceAward .text {
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            color: #333;
            font-size: 0.7em;
            line-height: 1.25em;
            letter-spacing:-0.02em;
            margin-left: 5px;
            text-align: left;
            margin-top: 15px;
        }

            .topChoiceAward .text .topChoiceText {
                font-weight: 600;
                text-transform: uppercase;
                font-size: 1em !important;
            }

        .topChoiceAward .skewBtn {
            transform: skew(-20deg); /* Equal to skewX(10deg) */
            background-color: rgba(176,153,15,0.35);
            height: 120%;
            display: inline-block;
            margin-left: 0px;
        }

            .topChoiceAward .skewBtn a {
                color: #222;
                font-size: 0.7em;
                font-weight: 700;
                text-transform: uppercase;
                transform: skew(20deg) !important;
                padding: 20px 10px;
                display: inline-block;
            }
    /* TOP CHOICE BANNER TOP */


#home #rcicLogoTop{
	width:100%;
	position:relative;
	bottom:0px;
	right:0;
	left:0;
	margin:0 auto;
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
	#home #rcicLogoTop img{
			width:75%;
			max-width:250px;
			display:inline-block;
	}

    #home .moreContent div {
        padding: 0% 2.5% 1.5% 2.5%;
        text-align: center
    }

    a.btnRed, a.btnGreyCan, a.btnRedSmall {
        display: block !important;
        padding: 0%;
        margin: 10px 0px;
    }

    /*home page sections*/
    #home .section .container {
        width: 80%;
    }

    #home .section .contentLeft {
        float: none;
        padding-left: 0%;
        width: 100%;
        text-align: center
    }

    #home .section .contentRight {
        float: none;
        padding-right: 0%;
        width: 100%;
        text-align: center
    }

    #home .section .imageRight {
        float: none
    }

        #home .section .imageRight img {
            width: 100%;
            height: auto
        }

    #home .section .imageLeft {
        float: none
    }

        #home .section .imageLeft img {
            width: 100%;
            height: auto
        }
    /*home page sections*/

    #content #contentBanner {
        height: auto !important;
        min-height: 50px;
        padding-bottom: 25px;
		padding-top:20px;
    }

    #content #mainMenu {
        margin-bottom: 35px;
    }

    #content #logo {
        margin: 0px;
    }
		img.imageRightSmall {
			width: 30%;
			float: right;
			height: auto !important;
			margin: 0px 0px 20px 25px;
		}
.imgRightSmallC {
    margin:25px 0px 25px 25px;
	max-width:30%;
	float:right;
}

    .imgRightSmallC img {
        width: 100% !important;
        height: auto;
        display: block;
    }
    .imgRightC {
        margin: 25px 0px 25px 0px;
    }

        .imgRightC img {
            width: 100%;
            height: auto;
            display: block;
        }

    .imgFullC {
        margin: 25px 0px 25px 0%;
        width: 100%
    }

        .imgFullC img {
            width: 100%;
            height: auto;
            margin: 0px;
            display: block
        }



    .fullTitle {
        background-color: #ff002a;
        padding: 20px;
        text-align: center;
        display: block;
        margin-top: -35px;
        margin-left: 32%;
        margin-bottom: 25px;
        position: relative;
        width: 65%;
    }

        .fullTitle p {
            font-size: 0.75em
        }

    .awardBnr .awardContent {
        vertical-align: top;
        text-align: center;
        margin-left: 0px;
    }

    #content .btnRed.lrg {
        padding:15px 0px;
        width:100%;
    }

    #footer {
        padding: 10px;
        text-align: center
    }
        #footer #footerLogo {
            width:100%;
        }
#footer #footerLogo #cigLogo, #footer #footerLogo #rcicLogo{
		width:100%;
		display:inline-block;
		text-align:center !important;
		margin:15px 0px !important;
		vertical-align:top;
}
	#footer #footerLogo #cigLogo img{
		width:100%;
		vertical-align:middle;
	}
	#footer #footerLogo #rcicLogo img {
		width:250px;
		display:inline-block;
		vertical-align:middle;
	}
	a.facebook, a.instagram{
			display:block
	}
}
@media screen and (max-width:399px) {
    body {
        font-size: 18px
    }

    #mainMenu {
        margin-bottom:25px;
    }
    p.contactInfo {
        text-align: right !important;
        margin:0px 0px 15px 0px;
        padding:0px;
    }
	a.facebook, a.instagram{
		padding:2.5%;
		display:block;
		width:95%;
	}

	a.facebook span, a.instagram span{
			margin-left:5px;
			font-size:0.65em;
	}


    #home #headerContact #left {
        width: 25%;
        padding: 0px;
        margin:0px;
        float:left
    }

        #home #headerContact #left .awardText {
            margin-top: 0px;
            text-align: left;
            padding:0px;
        }

        #home #headerContact #left p {
            margin: 0px;
            line-height: 120% !important;
            padding:0px;
        }

    #home #headerContact #left .awardLogo {
        width:65px;
        display:inline-block;
    }

    #home #headerContact #left img {
        width: 100%;
        height: auto;
        padding-top: 20px;
    }
    #home #headerContact #left .awardText {
        width: 180px;
        margin-top: 18px;
        display: none !important
    }

    #home #headerContact #right {
        float:right;
        width:70%;
    }
        #home #headerContact #right .contactInfo {
            padding-top:15px;
            font-size:0.65em !important
        }

    #topHeader #logo {
        width: 100%;
        margin: 0 auto;
        padding:20px 0px 30px 0px !important;
    }

        #topHeader #logo img {
            width: 100%;
            height:auto
        }
    #home #homeBanner {
        background-size: cover;
        background-position: center right -350px;
        min-height: 250px;
        background-repeat: no-repeat;
        padding-bottom: 40px;
    }

        #home #homeBanner h1 {
            color:#FFF;
            font-size:1.6em;
        }
        
        #home #homeBanner p {
            color: #FFF;
        }

        #home #homeBanner #bannerContent {
            width: 100%;
        }

    a.btnRed, a.btnGreyCan, a.btnRedSmall {
        display: block !important;
        padding: 0%;
        margin: 10px 0px;
    }

    #content #contentBanner {
        height:auto !important;
        min-height:100px;
    }

.imgRightSmallC {
    margin:25px 0px 25px 0px;
	width:100% !important;
	max-width:100%;
}

    .imgRightSmallC img {
        width: 100% !important;
        height: auto;
        display: block;
    }
    .fullTitle {
        background-color: #ff002a;
        padding: 20px;
        text-align: center;
        display: block;
        margin-top: 0px;
        margin-left: 0%;
        margin-bottom: 25px;
        position: relative;
        width: auto;
    }

        .fullTitle p {
            font-size: 0.75em
        }

    .awardBnr .awardContent {
        vertical-align: top;
        text-align: center;
        margin-left: 0px;
    }

    #footer #footerLogo {
        text-align: center;
        width: 90%;
        float: none;
        margin: 0 auto
    }

    #footerLinks {
        border:0
    }
    #footerLinks ul {
        display:block
    }

        #footerLinks ul li {
            display: block;
            margin: 0px;
            padding: 0px;
            border-bottom:1px solid #F9F9F9;
        }

    #footerLinks li a:link, #footerLinks li a:active, #footerLinks li a:visited {
        padding: 15px;
        display: block;
        font-size: 0.8em;
        color: #ff002a;
        font-weight: 400;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}