body{width:100%;height:100%;font-family:"amer","b homa","B Traffic","B nazanin";color:white;background-color:#DADFE1;}
html{width:100%;height:100%;}
h1,
h2,
h3,
h4,
h5,
h6{margin:0 0 35px;text-transform:uppercase;font-family:"amer","b homa","B Traffic","B nazanin";font-weight:700;letter-spacing:1px;}
p{margin:0 0 25px;font-size:18px;line-height:1.5;}
@media (min-width:768px){p{margin:0 0 35px;font-size:20px;line-height:1.6;}
}
a{color:#2ECC71;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover,
a:focus{text-decoration:none;color:#1d9b6c;}
.light{font-weight:400;}
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(255, 255, 255, 0.3);text-transform:uppercase;font-family:"amer","b homa","B Traffic","B nazanin";background-color:#DADFE1;}
.navbar-custom .navbar-toggle{color:#000;background-color:rgba(27, 188, 155, 0.2);font-size:12px;}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active{outline:none;}
.navbar-custom .navbar-brand{font-weight:700;}
.navbar-custom .navbar-brand:focus{outline:none;}
.navbar-custom a{color:white;}
.navbar-custom .nav li a{-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;text-align:right;}
.navbar-custom .nav li a:hover{color:rgba(255, 255, 255, 0.8);outline:none;background-color:transparent;}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active{outline:none;background-color:transparent;}
.navbar-custom .nav li.active{outline:none;}
.navbar-custom .nav li.active a{background-color:rgba(0, 0, 0, 0.3);-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomleft:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;}
.navbar-custom .nav li.active a:hover{color:white;}
@media (min-width:768px){.navbar-custom{padding:20px 0;border-bottom:none;letter-spacing:1px;background:transparent;-webkit-transition:background 0.5s ease-in-out, padding 0.5s ease-in-out;-moz-transition:background 0.5s ease-in-out, padding 0.5s ease-in-out;transition:background 0.5s ease-in-out, padding 0.5s ease-in-out;}
.navbar-custom.top-nav-collapse{padding:0;background:#F39C12;border-bottom:1px solid rgba(255, 255, 255, 0.8);}
}
.intro{display:table;width:100%;height:auto;padding:100px 0;text-align:center;color:white;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;position:relative;top:-20px;}
.intro .intro-body{display:table-cell;vertical-align:middle;}
.intro .intro-body .brand-heading{font-size:40px;}
.intro .intro-body .intro-text{font-size:18px;}
@media (min-width:768px){.intro{height:100%;padding:0;}
.intro .intro-body .brand-heading{font-size:100px;}
.intro .intro-body .intro-text{font-size:26px;}
}
.btn-circle{width:70px;height:70px;margin-top:15px;padding:7px 16px;border:2px solid white;border-radius:100% !important;font-size:40px;color:white;background:transparent;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}
.btn-circle:hover,
.btn-circle:focus{outline:none;color:white;background:rgba(255, 255, 255, 0.1);}
.btn-circle i.animated{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;}
.btn-circle:hover i.animated{-webkit-animation-name:pulse;-moz-animation-name:pulse;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;}
@-webkit-keyframes pulse{0{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.2);transform:scale(1.2);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes pulse{0{-moz-transform:scale(1);transform:scale(1);}
50%{-moz-transform:scale(1.2);transform:scale(1.2);}
100%{-moz-transform:scale(1);transform:scale(1);}
}
.content-section{padding-top:100px;}
.download-section{width:100%;color:#333;background:url(../img/downloads-bg.jpg) no-repeat center center scroll;background-color:black;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.events-section{width:100%;color:#fff;background:url(../img/events-bg.jpg) no-repeat center center scroll;background-color:black;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
#map{width:100%;height:200px;margin-top:100px;}
@media (min-width:767px){.content-section{padding-top:50px;}
#map{height:400px;margin-top:250px;}
}
.btn{text-transform:uppercase;font-family:"amer","b homa","B Traffic","B nazanin";font-weight:400;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:0;}
.btn-default{border:1px solid #2ECC71;color:#2ECC71;background-color:transparent;}
.btn-default:hover,
.btn-default:focus{border:1px solid #2ECC71;outline:none;color:black;background-color:#2ECC71;}
ul.banner-social-buttons{margin-top:0;}
@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px;}
}
@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0;}
ul.banner-social-buttons li:last-child{margin-bottom:0;}
}
footer p{margin:0;}
::-moz-selection{text-shadow:none;background:#fcfcfc;background:rgba(255, 255, 255, 0.2);}
::selection{text-shadow:none;background:#fcfcfc;background:rgba(255, 255, 255, 0.2);}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
body{webkit-tap-highlight-color:rgba(255, 255, 255, 0.2);}
video#bgvid{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../img/intro-bg.jpg) no-repeat;background-size:cover;-webkit-filter:grayscale(50%);filter:grayscale(50%);}
.serviceicn{font-size:35pt;color:#2ECC71;-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;border:3px solid #2ECC71;-webkit-border-top-left-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomright:20px;border-top-left-radius:20px;border-bottom-right-radius:20px;padding:20px;width:100px;height:100px;margin-bottom:5px;}
.serviceicn:hover{-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;font-size:35pt;color:#01634C;border:3px solid #01634C;-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
.ser{line-height:200%;text-align:center;font-size:10pt;margin-bottom:50px;-webkit-transition:all 400ms;-moz-transition:all 400ms;-ms-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;-webkit-filter:contrast(100%);filter:contrast(100%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #eee;padding:3px;}
.ser:hover{-webkit-filter:contrast(150%);filter:contrast(150%);-webkit-transition:all 400ms;-moz-transition:all 400ms;-ms-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;border:3px solid #2ECC71;}
.bordi{-webkit-border-top-left-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-topleft:30px;-moz-border-radius-bottomright:30px;border-top-left-radius:30px;border-bottom-right-radius:30px;}
.porfil{width:100%;height:350px;-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;}
.porfil:hover{-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
.porfilx{width:100%;height:350px;-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;}
.porfilx:hover{-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;-webkit-transform:rotate(5deg);transform:rotate(5deg);}
.projtit{color:#000;font-size:10pt;letter-spacing:5px;-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;}
.projtit:hover{-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;letter-spacing:7px;}
.projtit font,span{-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;letter-spacing:3px;}
.projtit font,span:hover{-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-o-transition:all 1300ms;transition:all 1300ms;letter-spacing:3px;}
.sertit{font-family:amer;position:relative;top:-45px;color:#333;}
.topmenu{-webkit-border-radius:20px;-webkit-border-top-left-radius:0;-moz-border-radius:20px;-moz-border-radius-topleft:0;border-radius:20px;border-top-left-radius:0;border:0px solid #eee;height:100px;width:130%;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}
.blogsubject{color:#eee;font-size:7pt;font-weight:bold;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}
.topmenu div{webkit-filter:grayscale(50%);filter:grayscale(50%);-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}
.topmenu div:hover{webkit-filter:grayscale(0%);filter:grayscale(0%);-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.blogsubject:hover{color:#F39C12;}
.topmenu:hover{border:0px solid #F39C12;}
.bigmenu{color:#333;font-size:10pt;font-weight:bold;}
.bigmenu div{-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;webkit-filter:grayscale(50%);filter:grayscale(50%);}
.bigmenu div:hover{webkit-filter:grayscale(0%);filter:grayscale(0%);-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;webkit-filter:grayscale(0%);filter:grayscale(0%);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.div1{background-image:url('../img/sea-freight-global-transport.jpg');background-size:cover;}
.div2{z-index:200;width:100%;height:130px;background-image:url('../images/fadebgban.png');position:absolute!important;top:32%!important;border-top:3px solid rgba(25,144,255,0.3);border-bottom:3px solid rgba(25,144,255,0.3);}
.div3{z-index:100;height:300px;position:absolute;top:48%;width:100%;overflow:hidden;border-bottom:#0b3d6f 0px solid;background-image:url('../images/crop2.png');background-repeat:no-repeat;background-position:left;}
.div4{z-index:90;text-align:right;background-image:url('../images/bgban.jpg');height:300px;position:absolute;top:48%;width:100%;overflow:hidden;border-bottom:#0b3d6f 0px solid;}
.div5{width:100%;background:url('../img/myfade.png') #ECECEC;background-position:right;position:relative;top:-80px;}
.div6{background-image:url('../img/servicebg.png');background-repeat:no-repeat;background-position:right;position:relative;top:-30px;}
.div7{padding-right:5px;text-align:right;width:80%;color:#0B3D6F;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px solid #ccc;}
.div8{background:#fafafa;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;display:none;width:80%;overflow:auto;max-height:250px;position:absolute;border:2px solid #ccc;z-index:100;left:50px;}
.div9{background:url('../img/bgbg.jpg')#F39C12;background-size:contain;background-position:top;background-position:left;;border-top:0px solid #F39C12;border-bottom:2px solid #F39C12;position:relative;top:-120px;width:100%;}
.div10{height:120px;padding:10px;background-position:center;background-size:cover;border:5px solid #0B3D6F;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.div11{padding-top:3px;padding-bottom:3px;text-align:right;border:2px solid rgba (0,0,0,0.5);background:#eee;color:#333;margin-bottom:3px;-webkit-border-radius:20px;-webkit-border-top-right-radius:0;-moz-border-radius:20px;-moz-border-radius-topright:0;border-radius:20px;border-top-right-radius:0;}
.div12{border:0;position:relative;top:-30px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:5px solid #ccc;-webkit-box-shadow:3px 3px 5px 0px rgba(100,100,100,0.75);-moz-box-shadow:3px 3px 5px 0px rgba(100,100,100,0.75);box-shadow:3px 3px 5px 0px rgba(100,100,100,0.75);}