/*

theme name: SEI - Souccar for Electronic Industries
version: 1
author: www.tameemzaaiter.com

*/





/* 

main color : #00674b





*/





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




    $globals




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

body, p
{
	font-size: 13px;
	color: #2f1703;
	font-family: 'ubuntu',verdana, serif ;
}


section
{
    margin-top : 120px;
}

section h2::after
{
    content:"";
    display: block;
width: 280px;
height: 96px;
    background-image:url(decoration.png);
    margin: auto;
}


h1, h2, h3, h4, h5, h6
{
	color: #4e2808;
	font-family: bitter;
	font-weight: 600;
}



.top-phrase
{
    margin-top: 22px;
    padding-left: 0;
}

.top-phrase p
{
    margin-bottom: 0;
    font-size: 18px;
}


.top-phrase q
{
    font-family: "Cinzel Decorative";
    margin-left: -20px;
    font-size: 33px;
    font-weight: 500;
}

.top-bar .name a:link
{
    display: inline;
}


.top-bar-section 
{
    margin-top: auto;
    background-color: #E4EFEC;
}

.divisions
{
	margin-top: 160px;
}

.top-bar .toggle-topbar.menu-icon a
{
    color:#005c45;
}

.copyright {
    color: #e4ce8d;
    font-size: 10px;
    margin-left: 517px;
    font-size: 12px;
}

.theme-home .footer-bottom {
    background-color: #7b5d44;
}

.top-bar .toggle-topbar.menu-icon a span::after
{
    box-shadow: 0 0 0 1px #005C45,0 7px 0 1px #005C45,0 14px 0 1px #005C45;
}

.top-bar.expanded .title-area {
    background: #C8DCD7;
}

.divisions h2
{
    margin-top: -57px;
	margin-bottom: 32px;
    font-size: 50px;	
}

.article-content
{
    background-color: #f6f6f6;
    padding: 40px;
}

.article-image
{
    padding: 0;
    margin-top: -20px;
}



.divisions h3
{
	font-size: 18px;
    font-weight: 100;
    margin: 20px 0;
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    color: #fff;
    padding-left: 30px;
}

 #a
{
    font-size: 18px;
    font-weight: 100;
    margin: 20px 0;
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    color: #fff;
    padding-right: 30px !important;
}

.title_holder
{
    position: relative;
}

.nav-hr
{
    background-color: #9fb5b0;
    border: none;
    height: 1px;
    margin: 1px 0;
}

.title_holder::before
{
    content: " ";
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
}

.home-automation.title_holder::before{
    background-color: #05887E;
}

.home_information_system.title_holder::before{
    background-color: #4E9822;
}

.home_power.title_holder::before{
    background-color: #B75215;
}

.home_ict.title_holder::before{
    background-color: #672D6B;
}

.overlay-holder
{
    position: relative;
}

.overlay-holder .overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
}

.home_ict
{
    background-color: #904995;
}

.home_ict_2
{
    background-color: #aaba5c;
}

.home_power
{
    background-color: #e76e25;
}

.home_power_2
{
    background-color: #c5372c;
}

.home-automation
{
    background-color:#00a99c;
}

.home_information_system
{
    background-color:#72bf44;   
}


.row .columns
{
	margin-bottom: 10%;
    padding-left: 21px;
}

.single-article .row .columns
{
    margin-bottom:0 ;
}


.single-article .row:first-child
{
    position: relative;
    z-index: 10;
}

.single-article
{
    margin-top: 100px;
    margin-bottom: 160px;
}

.article-overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
}







.top-bar-section ul li:hover:not(.has-form)>a 
{
    background: #00674B;
}







.rectangle-wrapper
{
	background-color: #f6f6f6;
	padding-right: 6%;
    padding-left: 6%;
    padding-top: 30px;
    border-color: #e6eae9;
    border-style: solid;
    border-right-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-top:none;

}


.theme-ict .rectangle-wrapper p, 
.theme-power .rectangle-wrapper p, 
.theme-automation .rectangle-wrapper p, 
.theme-information-systems .rectangle-wrapper p, 

{
    border-top-width: 3px;
    border-top-style: double;
}

/* remove title from screen but keep it in code for SEO */
.sei-title
{
	text-indent: -9999px;
	display: inline-block;
	width: 0;
}



.contain-to-grid, 
.contain-to-grid .top-bar, 
.top-bar-section li:not(.has-form) a:not(.button), 
.top-bar-section ul li
{
    background: none;
    text-align: left;
    color: #00674b;
    font-family: ubuntu;
    text-transform: uppercase;
    font-size: 12px;
    font-family: bitter, georgia, serif
}





.top-bar-section li:not(.has-form) a:not(.button):hover
{
    background-color:#00674b;
}


.top-bar-section .has-dropdown>a:after 
{
    border-color: #00674B transparent transparent transparent;
}

.top-bar-section .has-dropdown>a:hover:after 
{
    border-color: #fff transparent transparent transparent;
}


.top-bar-section .dropdown li.title h5 a
{   
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #35AB8D;
}


@media only screen and (min-width: 40.0625em){
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    background-color: #00674B;
    color: #fff;
    text-align: left;
    }


    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
    background-color: #278063 !important;
    }
}




.header-row
{
	max-width: 100%;
	margin-top: -45px;
	height: 100%;
    background-image: url('caffeine-coffee-coffee-beans-585750.jpg');
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 600px) {
   .header-row
{
    max-width: 100%;
    margin-top: -45px;
    height: 100%;
    background-image: url('caffeine-coffee-coffee-beans-5857502.jpg') !important;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.top-phrase p {

    margin-bottom: 0;
    font-size: 15px !important;
    margin-right: 48px;
    padding-right: 36px !important;

}
.top-phrase q {

    font-family: "Cinzel Decorative";
    margin-left: -20px;
    font-size: 29px;
    font-weight: 500;

}

.divisions h2 {
    margin-top: -57px;
    margin-bottom: 32px;
    font-size: 43px;
}

.header-row::before
{
    background-image:url(images/sei-default-identity.svg);
}



section h2::after
{
	content:"";
	display: block;
width: 280px;
height: 96px;
	background-image:url(decoration.png);
	margin: auto;
}




.readmore
{
    border-width: 1px;
    border-style: solid;
    text-align: center;
    margin-bottom: 6%;
    position: relative;
    margin-top: 30px;

    transition-property:all;
    transition-duration:0.4s;
}

.readmore a
{
	display: block;
	padding-top: 10px;
    padding-bottom: 10px;

    transition-property:all;
    transition-duration:0.4s;
}

.readmore::after
{
    content: " ";
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -1px;
    width: 0;
    height: 0;
    opacity: 0;
    border-bottom: 20px solid #044A37;
    border-right: 20px solid transparent;

    transition-property:all;
    transition-duration:0.2s;
    transition-delay:0.1s;
}

.readmore:hover::after
{
	opacity: 1;
}



.readmore.main
{
	border-color: #00674b;	
}

.readmore.main a
{
	color:#00674b;
}



.readmore.main:hover
{
	background-color: #00674b;
}

.readmore.main:hover a
{
	color: #fff;
}

footer
{
    background-repeat: no-repeat;
    background-size: cover;
}

footer > .row
{
    padding-bottom: 80px;
}

.footer-bottom 
{
    height: 50px;
    overflow: hidden;
}

.footer-bottom img 
{
    position: relative;
    bottom: -10px;
    float: right;
    margin-right: -10px;
}




footer p
{
    font-size: 12px;
    color: #fff;
}

.row .columns.footer-identity
{
    margin-bottom:40px;
}

.footer-identity img
{
    width: 100%;
}

footer a, 
footer .footer-links h2
{
    color: #fff;
}


footer h2, 
footer hr
{
    margin: 0;
    font-size: 20px;
}


.footer-links p
{
    margin-bottom: 0px;
}

.footer-links
{
    margin-top: 15px;
}


.footer-links > div ,
.social-icons > div
{
    margin-top: 10px;
}

.footer-jobs p
{
    margin-top: 10px;
}

.footer-links, 
.footer-jobs
{
    margin-top: 80px;
    margin-bottom: 0 !important;
}

.social-icons
{
    margin-top: 30px;
}


.footer-jobs
{
    margin-top: 50px;
}


.copyright
{
    color: #e4ce8d;
    font-size: 10px;
    margin-left: 517px;
    font-size: 12px;
}


.article-title::after
{
    content:"";
    display: block;
    width:115px;
    height: 45px;
    margin: auto;
}







.go-to-article
{
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    transition-property:all;
    transition-duration:0.3s;
    display: block;
    text-align: center;
}

.go-to-article::after 
{
    content: " ";
    display: inline-block;
    position: absolute;
    top: -10px;
    left: -1px;
    width: 0;
    height: 0;
    opacity: 0;
    transition-property: all;
    transition-duration: 0.2s;
    transition-delay: 0.1s;
}


.go-to-article:hover::after {
    opacity: 1;
}




.map
{
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.map-title
{
    font-size: 15px;
}


.post-categories
{
    display:inline-block;
    list-style-type: none;
    margin: 0;
}

.sei-breadcrumbs
{
    padding-left: 10px;
}


.sei-breadcrumbs, 
.sei-breadcrumbs a
{
    font-size: 12px;
    text-transform: capitalize;
    color: #7B7B7B;
    background-color: #E1E6DD;
    margin-top: 100px;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}


.sei-breadcrumbs a
{
    font-weight: 600;
}


.home-icon
{
    vertical-align: top;
}



.breadcrumbs-sep
{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}




.about-article
{
    overflow: auto;
}





.about-grid
{
    background-color: #00674c;
}


.about-grid .content
{
    color: #a4e4d3;
}



.about-grid h3
{
    color: #3aac8e;
    font-size: 22px;
    margin-top: 30px;
}

.about-thumbnail-holder
{
    background-color: #aff0cf;
    border-radius: 130px;
    height: 140px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 0px 2px #AFF0CF;
    border: 6px solid #00674C;
    line-height: 140px;
    margin-top: -60px;
    overflow: hidden;
}



.timeline 
{
    overflow-x:hidden;
    position: relative;
}

.timeline .row:nth-child(2n-1) .columns
{
    text-align: right;
}


.about-achievement p
{
    color: rebeccapurple;
    font-style: italic;
    font-size: 16px;
}



.about-year
{
    color: #323232;
    font-size: 96px;
    font-weight: 600;
    text-shadow: 3px 3px #60A08F;
    line-height: 96px;
}



.vertical-time-line
{
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    background-color: #60A08F;
}








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




    $responsive google map auto generated code




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




.embed-container { pointer-events:none; position: relative; padding-bottom: 35%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

















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




    $Divisions pages




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






.sub-header
{
    height: 210px;
    background-repeat: no-repeat;
}

.sub-header .columns
{
    padding:0; 
}

.sub-header .row .columns h2
{
    color: #fff;
    font-family: "cinzel decorative";
    font-size: 26px;
    margin-top: 6%;
    width: 50%;
    font-weight: 400;
}

.sub-header h2::after
{
    content: none;
}




.listing
{
    background-color: #f6f6f6;
    background-image: url(images/listing-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 120px;
    padding-bottom: 40px;
}


.listing p
{
    border-bottom: 1px solid #bbb;
}

.listing .columns
{
    margin-bottom: 3%;
}


.sentence
{
    font-size: 14px;
    color: #535252 !important;
    font-weight: 100;
}

.listing-title
{
    margin-bottom: -20px;
    position: relative;
    z-index: 1;
}


.listing > .row 
{padding-left: 20px; padding-right:20px;}










.theme-ict .listing p
{
    color: #904995;
}

.theme-automation .listing p
{
    color: #00a99c;
}

.theme-power .listing p
{
    color: #e76e25;
}

.theme-information-systems .listing p
{
    color: #72bf44;
}





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




    $Theming




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










/* headings */

.theme-ict h1, 
.theme-ict h2, 
.theme-ict h3, 
.theme-ict h4, 
.theme-ict h5, 
.theme-ict h6
{
    color: #904995;   
}

.theme-automation h1, 
.theme-automation h2, 
.theme-automation h3, 
.theme-automation h4, 
.theme-automation h5, 
.theme-automation h6
{
    color: #00a99c;   
}

.theme-power h1, 
.theme-power h2, 
.theme-power h3, 
.theme-power h4, 
.theme-power h5, 
.theme-power h6
{
    color: #e76e25;   
}

.theme-information-systems h1, 
.theme-information-systems h2, 
.theme-information-systems h3, 
.theme-information-systems h4, 
.theme-information-systems h5, 
.theme-information-systems h6
{
    color: #72bf44;   
}
















/* footer */


.theme-ict footer a:hover
{
    color: #CD7FD8;
}

.theme-automation footer a:hover
{
    color: #3aebef;
}


.theme-power footer a:hover
{
    color: #e76e25;
}

.theme-information-systems footer a:hover
{
    color: #77f159;
}

















/* sub header */

.theme-ict .sub-header
{
    background-image: url(images/sub-header-bg-ict.png);
}

.theme-automation .sub-header
{
    background-image: url(images/sub-header-bg-automation.png);
}

.theme-power .sub-header
{
    background-image: url(images/sub-header-bg-power.png);
}

.theme-information-systems .sub-header
{
    background-image: url(images/sub-header-bg-is.png);
}



















/* go to article */
.theme-ict .go-to-article
{
    color: #904995;
    border: 1px solid #904995;
}

.theme-ict .go-to-article:hover
{
    background-color: #904995;
    color: #fff;
}
 
.theme-ict .go-to-article::after {

    border-bottom: 10px solid #5E1D63;
    border-right: 10px solid transparent;
}




.theme-automation .go-to-article
{
    color: #00A99C;
    border: 1px solid #00A99C;
}

.theme-automation .go-to-article:hover
{
    background-color: #00A99C;
    color: #fff;
}
 
.theme-automation .go-to-article::after {

    border-bottom: 10px solid #09736B;
    border-right: 10px solid transparent;
}



.theme-power .go-to-article
{
    color: #E76E25;
    border: 1px solid #E76E25;
}

.theme-power .go-to-article:hover
{
    background-color: #E76E25;
    color: #fff;
}
 
.theme-power .go-to-article::after {

    border-bottom: 10px solid #692F0B;
    border-right: 10px solid transparent;
}


.theme-information-systems .go-to-article
{
    color: #72BF44;
    border: 1px solid #72BF44;
}

.theme-information-systems .go-to-article:hover
{
    background-color: #72BF44;
    color: #fff;
}
 
.theme-information-systems .go-to-article::after {

    border-bottom: 10px solid #377115;
    border-right: 10px solid transparent;
}



















/* footer */
.theme-home footer 
{
    background-image: url(images/footer-bg-default.png);
}


.theme-power footer
{
    background-image: url(images/footer-bg-power.png);
}

.theme-ict footer
{
    background-image: url(images/footer-bg-ict.png);
}


.theme-automation footer
{
    background-image: url(images/footer-bg-automation.png);
}


.theme-information-systems footer
{
    background-image: url(images/footer-bg-is.png);
}




.theme-home .footer-bottom
{
    background-color: #7b5d44;
}

.theme-ict .footer-bottom
{
    background-color: #431961;
}

.theme-automation .footer-bottom
{
    background-color: #004E4D;
}

.theme-power .footer-bottom
{
    background-color: #982B07;
}

.theme-information-systems .footer-bottom
{
    background-color: #1C7105;
}



















/* article pages */

.theme-ict .article-title::after
{
    background-image:url(images/sei-ict-identity.svg);
}


.theme-power .article-title::after
{
    background-image:url(images/sei-power-identity.svg);
}

.theme-automation .article-title::after
{
    background-image:url(images/sei-automation-identity.svg);
}

.theme-information-systems .article-title::after
{
    background-image:url(images/sei-information-systems-identity.svg);
}













/* home icons */

.theme-ict #home-icon path
{
    fill: #904995;
}

.theme-power #home-icon path
{
    fill: #E76E25;
}

.theme-automation #home-icon path
{
    fill: #00A99C;   
}

.theme-information-systems #home-icon path
{
    fill: #72bf44;
}















.theme-power .sei-breadcrumbs a
{
    color: #e76e25;
}

.theme-automation .sei-breadcrumbs a
{
    color: #00a99c;
}

.theme-information-systems .sei-breadcrumbs a
{
    color: #72BF44;
}

.theme-ict .sei-breadcrumbs a
{
    color: #904995;
}

















.theme-ict .breadcrumbs-sep
{
    color: #DBB4A4;
}

.theme-power .breadcrumbs-sep
{
    color: #DBB4A4;
}

.theme-automation .breadcrumbs-sep
{
    color: #93D6DD;
}

.theme-information-systems .breadcrumbs-sep
{
    color: #B8DA75;
}











.breadcrumbs-sep
{
    color: #ACDC8F;
}



























/* grid overlays */

.theme-ict .overlay-holder .overlay
{
    background-color: rgba(144, 73, 149,0.2);    
}

.theme-power .overlay-holder .overlay
{
    background-color: rgba(231, 110, 37,0.2);   
}

.theme-automation .overlay-holder .overlay
{
    background-color: rgba(0, 169, 156,0.2);  
}

.theme-information-systems .overlay-holder .overlay
{
    background-color: rgba(114, 191, 68,0.2);
}





















/* article overlays */
.theme-ict .article-overlay
{
    background-color: rgba(144, 73, 149,0.2);
}

.theme-power .article-overlay
{
    background-color: rgba(231, 110, 37,0.2);
}

.theme-automation .article-overlay
{
    background-color: rgba(0, 169, 156,0.2);
}

.theme-information-systems .article-overlay
{
    background-color: rgba(114, 191, 68,0.2);
}

































/* header borders */
.theme-ict .rectangle-wrapper p
{
    border-color: #ECC6C6;
    padding-top: 4px;
}






/* links identity */
.theme-ict section h2::after
{
    background-image:url(images/sei-ict-identity.svg);
}

.theme-power section h2::after
{
    background-image:url(images/sei-power-identity.svg);
}

.theme-automation section h2::after
{
    background-image:url(images/sei-automation-identity.svg);
}

.theme-information-systems section h2::after
{
    background-image:url(images/sei-information-systems-identity.svg);
}











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




    $certified section




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



.certified
{
    background-image: url(images/certified.png);
}

.certified h2
{
    color: #29C79D;
}

.certified .columns
{
    padding-top: 100px;
    text-align:right; 
}

.certified .columns p
{
    color: #93bcb1;
    line-height: 1.9;
}

.certified h2:after
{
    display: none;
}

.certified .size-full
{
    width: 20%;
}

section h2::after
{
    content:"";
    display: block;
width: 280px;
height: 96px;
    background-image:url(decoration.png);
    margin: auto;
}






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




    $Clients




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



.clients
{
    margin-top: 80px;
    overflow:hidden;
}

.clients-wrapper
{
    background-color: #f9f9f9;
    padding-top: 100px;
    position: relative;
    z-index: -1;
}

.top-animation-border
{
    position: absolute;
    left: 0;
}

.bottom-animation-border
{
    position: absolute;
    right: 0;
    bottom: 0;
}

.clients h2
{
    margin-bottom: -24px;
    z-index: 111;
    position: relative;
    margin-top: 160px;
}







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




    $Partners




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




.partners h2
{
    margin-bottom: 50px;
    margin-top: -106px;
}









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




    $contact us




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










.map-contact
{
    position: relative;
    width: 100%;
    height:600px;
    overflow: auto;
}

#map-canvas
{
    width: 100%; 
    height: 100%;
}


.contact-form
{
    padding: 60px 20px 20px 20px;
}


.contact-form p
{
    color: #E4F2E6;
}





.contact-form input, 
.contact-form textarea
{
    border: none;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #61bfa6;
    padding: 10px 0 0 0;
    color: #00674b;
}

.contact-form textarea
{
    padding: 20px;
    height: 100px;
}


.contact-form input:focus
{
    box-shadow: none;
    background:none;
    border-color: #00674b;
}



.contact-form textarea
{
    background-color: #00674b;
    color: #fff;
}


.contact-message-text::after {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0A523F;
    content: " ";
    display: block;
}




.contact-form ::-webkit-input-placeholder {
   color: #61bfa6;
   font-weight: 100;
}

.contact-form :-moz-placeholder { /* Firefox 18- */
   color: #61bfa6;
   font-weight: 100;
}

.contact-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #61bfa6;
   font-weight: 100;
}

.contact-form :-ms-input-placeholder {  
   color: #61bfa6;
   font-weight: 100;
}



.contact-form input[type='submit']
{
    background-color: #A0D1C2;
    padding: 10px 30px;
    border-bottom: none;
    color: #00674B;
    font-family: ubuntu;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition-property:all;
    transition-duration:0.2s;
}


.wpcf7-not-valid-tip,
.wpcf7-response-output
{
    color: #FF5353 !important;
    font-size: 11px !important;
    display: block !important;
    font-weight: 400 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.map-contact h3
{
    color: #00674b;
}


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




    $media queries 




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


/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
    .certified div
    {
        text-align: center !important;
    }


    .certified .columns:nth-child(2)
    {
        padding-top: 0;
    }

    footer h2
    {
        font-size: 18px;
    }

    .footer-identity img
    {
        width: 60%;
    }

    .footer-links
    {
        margin-top: 20px;
    }

    .footer-links > div
    {
        margin-top: 4px;
    }
    
    .social-icons
    {
        margin-top: 20px;
    }

    .social-icons > div
    {
        margin-top: 8px;
    }

    footer 
    {
        padding-bottom: 0;
    }

    footer .columns
    {
        padding-right: 20px;
        padding-left: 20px;
    }

    .footer-jobs
    {
        margin-top: 70px;
    }


    .top-bar .name
    {
        text-align: left;
    }


    .name a img 
    {
        width: 36px;
    }

    
    .copyright
    {
        margin-top: 8px;
    }

    .contact-message-text
    {
        color:#61bfa6; 
    }

    .contact-form  .contact-welcome-message
    {
        color: #00674b;
    }


    .about-grid .columns:nth-child(2),
    .about-grid .columns:nth-child(3),
    .about-grid .columns:nth-child(4)
    {
        margin-top: 70px;
    }


    .timeline .row .columns:nth-child(n)
    {
        text-align: center;
    }


} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {

    .top-bar-section > ul
    {
        margin-left: auto;
        margin-right: auto;
        display: block !important;
        width: 380px;
    }

    .top-bar .name
    {
        text-align: center;
        margin-top: 20px;
    }

    .top-bar-section 
    {
        
        background: none;
    }


    .grid .rectangle-wrapper
    {
        padding:0 6% 6% 6%;
        height: 19em;
    }

    .grid h3
    {
        font-size: 18px;
        display: table-cell;
        height: 80px; 
        vertical-align: middle;
    }

    .contact-form
    {
        width: 30%;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        background-color: rgba(0, 103, 75, 0.8);
        padding: 20px;
    }


    .contact-form input, 
    .contact-form textarea
    {
        border-bottom: 1px solid #45967f;
    }


    .contact-form ::-webkit-input-placeholder 
    {
       color: #aefee7;
       font-weight: 100;
    }

    .contact-form :-moz-placeholder 
    { /* Firefox 18- */
       color: #aefee7;
       font-weight: 100;
    }

    .contact-form ::-moz-placeholder 
    {  /* Firefox 19+ */
       color: #aefee7;
       font-weight: 100;
    }

    .contact-form :-ms-input-placeholder 
    {  
       color: #aefee7;
       font-weight: 100;
    }

    .contact-message-text
    {
        color: #aefee7;
    }

    .contact-form input:focus
    {
        border-color: #fff;
    }


    .map-contact h3
    {
        color: #E4E292;
        margin:0;
        font-size: 26px;
    }



    .contact-form input[type='submit']:hover
    {
        background-color: #E4E292;
    }

    .contact-form p
    {
        margin-bottom: 10px;
    }


    .contact-form input, .contact-form textarea 
    {
        color: #fff;
    }

    .wpcf7-not-valid-tip,
    .wpcf7-response-output
    {
        color: #FFD299 !important;
    }


    .timeline .row .about-achievement p
    {
        width: 70%;
    }

    .timeline .row:nth-child(2n-1) .about-achievement p
    {
        width: 70%;
        float:right;
    }


 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

    .contact-form
    {
        padding: 20px;
    }

    .contact-form p, 
    .contact-form input
    {
        margin: 0;
    }

    .contact-form .contact-message-text
    {
        margin-top: 20px;
        display: block;
    }

    .contact-form textarea
    {
        height: 80px;
    }


    .contact-form
    {
        width: 33%;
    }

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) {

    .map-contact h3
    {
        margin-top: 20px;
    }


 } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */